Senin, 13 Agustus 2012

efek nostalgia

Tutorial Photoshop kali ini kita akan membuat foto masa kini (standart) menjadi seolah - olah bertema masa lalu (Nostalgia Retro). Bagaimana cara membuatnya? mari kita belajar bersama cara pembuatannya dengan Photoshop

Tutorialnya:

1. Buka Aplikasi Photoshop Anda, Disini saya menggunakan photoshop CS 3. Bagi yang tidak memakai CS3 tetap bisa mengikuti tutorial ini karena tidak ada fitur khusus yang diperlukan disini.

2. Buka Foto yang akan diedit, disini saya mengguanakan foto waktu berwisata di WBL, Lamongan Jatim.
image tutorial ilmugrafis.com
WBL

3. Gandakan Layer dengan menekan CTRL + J


4. Klik Layer > New Fill Layer > Solid Color
Klik OK
image tutorial ilmugrafis.com
Masukkan Hexadecimal #4681e1(sky blue), Klik OK

Atur modenya ke "Soft Light" dan Turunkan "Opacity menjadi 60%"
image tutorial ilmugrafis.com


5. Ulangi langkah nomor 4 namun dengan pengaturannya sedikit berbeda
Klik Layer > New Fill Layer > Solid Color
Klik OK
Kali ini kode hexadecimalnya # f0d269 (soft brown)
Atur modenya ke "Overlay" dan "opacity menjadi 40%"


6. Ok lakukan lagi seperti sebelumnya
Klik Layer > New Fill Layer > Solid Color
Klik OK
Kali ini kode hexadecimalnya # e793b5 (soft pink)
Atur modenya ke "Soft Light " dan "opacity menjadi 60%"
setelah apa yang kita kerjakan maka seperti ini urutan layernya
image tutorial ilmugrafis.com


7. Sekarang klik Layer > New Adjustment Layer > Channel Mixer
klik OK
Setting seperti ini
image tutorial ilmugrafis.com


8. ok, lanjutkan...
Klik Layer > New Adjustment Layer > Selective Color
Atur seperti ini RED dan YELLOW
image tutorial ilmugrafis.com

Hasilnya:
Sebelum
image tutorial ilmugrafis.com

Sesudah
image tutorial ilmugrafis.com
WBL - Efek Tempoe Doloe (Retro Nostalgia)
Contoh lain:
image tutorial ilmugrafis.com
Selamat belajar photoshop. Terima kasih, semoga bermanfaat

membuat game menangkap nyamuk part 2

Pada postingan sebelumnya kita telah menyelesaikan tutorial permainan tangkap nyamuk tahap pertama. Selanjutnya, kita akan mengembangkan permainan menjadi lebih menarik lagi yaitu dengan menambahkan display jumlah nyamuk yang mati, counter time dan efek suara.

Catatan: tutorial ini adalah lanjutan dari Bikin Game Tangkap Nyamuk (part 1) jadi anda harus memulai dari part 1 dulu sebelum mengikuti tutorial flash ini.
Berikut langkah-langkahnya.

1.] Buat display teks seperti di bawah ini:
teks display

Untuk mengisi variable, isikan pada kolom var pada panel properties text.
pengisian variable
Agar lebih menarik kita tambahkan efek suara pada saat nyamuk mati dan pada saat game berakhir.

2.] Download file suara di bawah ini. <link download>

3.] Import file yang telah di download ke dalam library dengan memilih File > Import > Import to library.
import sound

4.] Buka panel library, klik kanan pada sound clip dead.wav kemudian pilih linkage.
linkage

5.] Pada linkage properties, centang pilihan Export for ActionScript kemudian OK.
linkage-propertise.jpg

6.] Lakukan langkah 4-5 untuk sound clip gameOver.wav.

7.] Seleksi movieclip nyamuk, buka panel action kemudian tambahkan script di bawah ini pada event mouse down setelah baris perintah nyamukMati=1;

nyamukMati=1;
                                //efek suara mati
                                _root.soundFx2.start(0,1);
                }
}
                               
8.] Pada frame 1 main movie, modifikasi script yang ada menjadi seperti di bawah ini:


9.] Buat blank keyframe (F7) pada frame 2, buat tampilan seperti di bawah ini:
game over

10.] Klik objek tombol, buka panel action lalu ketikan script berikut:
on(release)
{
                gotoAndStop(1);
}

11.] Klik frame 2 main movie, masukan script di bawah ini:
stop();

Mouse.show();

soundFx1.start(0,1);

12.] Selesai!! Jalankan Movie. Hasilnya seperti di bawah ini :

Ayooo,. CEPAT!! Tangkap nyamuk sebanyak-banyaknya!!Terima kasih, semoga tutorial Belajar Membuat Game ini bermanfaat

membuat game tangkap nyamuk part 1

Gak bisa tidur gara-gara banyak nyamuk? Pakailah obat nyamuk atau raket nyamuk! Ampuh ngusir nyamuk sampe pagi, walah, malah pasang iklan,hehee,.. semua orang pasti gak betah kalo di rumah banyak nyamuk. Apalagi kalo nyamuk nya susah di tangkap, malah makin stress kan,..?  nah, daripada kesel ngurusin nyamuk di rumah, mending urusin nyamuk yang satu ini.

Gak usah buru-buru beli raket nyamuk, karena yang dimaksud ialah kita akan membuat permainan Games Tangkap Nyamuk dengan menggunakan Adobe Flash. Rasakan kenikmatan meSM*SH nyamuk!! Caranya?
Ikuti tutorial Flash berikut ini:

1.] Buka program macromedia flash atau adobe flash (sama saja karena script yang digunakan masih action script 2.0)

2.] Setting ukuran stage menjadi 800x600 pixel.
Buat movie clip baru dengan memilih menu Insert > New Symbol. Beri nama nyamuk.

3.] Pada editor movieclip, buatlah gambar nyamuk! gak usah ribet-ribet yang penting kelihatan kayak nyamuk.
nyamuk

4.] Pada frame 2, buat blank keyframe baru (F7). lalu  gambarlah objek darah seperti di bawah ini.
nyamuk Mati

5.] Ubah gambar darah tadi menjadi movie clip dengan mengklik kanan pada objek pilih Convert to Symbol.

6.] Pada frame 10, buat keyframe(F6) kemudian buka panel properties. Kemudian ubah color dengan alpha denga persentase 0%.
image ilmugrafis

7.] Klik kanan di tengah frame lalu pilih Create Motion Tween.

8.] Pada frame 1. Buka panel action kemudian beri perintah stop();

9.] Keluar dari editor,lalu masukan movieclip nyamuk yang telah kita buat dari library ke stage dengan cara mendrag nya.
Taruh movieclip nyamuk di luar area stage karena movieclip yang asli tidak kita gunakan.

10.] Klik movie clip nyamuk kemudian buka panel action. Ketikan script di bawah ini.


11.] Buka panel properties, kemudian pada kolom instance name beri nama nyamuk
image ilmugrafis

12.] Selanjutnya, buat movie clip baru dengan nama raket.

13.] Buatlah 3 buah keyframe dan pada masing-masing frame gambarkan sebuah raket dengan bentuk berbeda-beda seperti di bawah ini.
image ilmugrafis
Langkah di atas di maksudkan untuk animasi raket saat tombol mouse di tekan.

14.] Seleksi gambar raket pada frame 1 dengan Selection Tool (V) tetapi tidak dengan pegangan raket. Liat gambar dibawah.
image ilmugrafis

15.] Setelah diseleksi, ubah menjadi movieclip. Pada properties, beri nama area  pada instance name.

16.] Pada frame 1, beri perintah stop();

17.] Keluar dari editor, masukan movieclip raket ke stage kemudian beri action script di bwah ini:


18.] Langkah terakhir, pada frame 1 main movie ketikan script berikut:


19.] Jalankan movie (CTRL+ENTER).

20.] Hasil nya seperti di bawah ini

Game Tangkap Nyamuk... Ciaaatttttt!!!!

Nah, asik kaaannn??? Eittss,.. jangan senang dulu, karena tutorial ini masih berlanjut.
Pada Tutorial Game Nyamuk bag.2 kita akan menambahkan efek suara, score dan counter time agar permainan ini jadi lebih menantang.
Terima kasih, semoga tutorial Belajar Membuat Game ini bermanfaat

membuat pesawat di 3ds max

Di 3DS MAX, salah satu teknik modeling yang paling mudah adalah teknik Box Modeling. Teknik ini menggunakan objek box sebagai dasarnya, kemudian di modifikasi sehingga membentuk benda yang diinginkan.

Nah, kali inipun saya akan membuat tutorial menggunakan teknik box modeling. saya akan membuat sebuah model pesawat yang sangat super duper sederhana (saking sederhananya…^_^). Kita hanya Bermain-main dengan editable Poly dan ditambah modifier list: Turbo Smooth untuk sentuhan akhirnya. Let’s begin….

- klik panel Create > Geometry > Box untuk membuat box. Atur parameter Length= 50, Width= 120 dan Height= 35.
box

- Supaya bentuknya bisa dimodifikasi, ubah box menjadi Editable Poly. Caranya, klik kanan box > Convert to > Convert to Editable Poly.
editable poly

- Sekarang, kita akan membuat sayapnya. Aktifkan modus polygon dan pilih polygon bagian kanan dan kiri objek box.  Supaya lebih paham, lihat gambar gan…
modus polygon

- Klik tombol Inset Setting. Pada jendela Inset Polygons yang muncul, atur Inset Amount= 10
inset setting

- Masih dengan posisi polygon yang terseleksi, klik tombol Bevel Setting. Atur Height= 80 dan Outline Amount= -4.
Sekarang, objek box sudah mempunyai sayap di kedua sisinya.
bevel setting

- Sekarang, kita akan membuat moncongnya. Pilih moncong….eh, polygon bagian depan, lalu klik tombol Bevel Setting. Atur height=15 dan Outline Amount=-7.
bevel setting

- Untuk bagian atas, kita akan membaginya menjadi dua polygon karena dibagian atas sini, kita akan membuat kaca dan ekor. Aktifkan modus edge lalu pilih dua edge seperti gambar. Untuk memilih dua edge, klik satu edge kemudian klik edge lainnya sambil menahan tombol Ctrl. Setelah keduanya terseleksi, klik tombol Connect Setting.
connect setting

- Nah, atur Segments=1 supaya sambungan hanya satu segmen saja. Sekarang bagian atas mempunyai dua polygon.
segments

- Kembali ke modus polygon. Seleksi polygon atas yang depan dan klik tombol Bevel Setting.
setting

-Atur nilai Height= 22, dan Outline Amount= -10
outline amount

- Sekarang, selesksi polygon bagian atas (yang belakangnya) dan klik tombol inset setting.
Atur nilai Inset Amount=10.
inset amount

- Masih dengan polygon terseleksi, klik tombol Bevel Setting dan atur nilai Height=20, dan Outline Amount=-5.
bevel

- Ok, sekarang bentuk kapal sudah mulai kelihatan. Tapi masih sangat mentah karena sudut-sudutnya belum mulus seperti pesawat asli.
sudut pesawat

- Agar bentuk kapal lebih mulus, tambahkan Modifier List: Turbo Smooth.
Klik panel Modify > Modifier List: Turbo Smooth
turbo smooth

- Bentuk pesawat akan menjadi seperti ini....
bentuk pesawat

- Sekarang, supaya pesawat lebih sangar, kita tambahkan rocket di kedua bagian bawah sayap. Untuk membuatnya, seleksi polygon pada bawah sayap memanjang seperti gambar.
tambah rocket

- Dengan Inset dan Extrude, buat agar polygon menebal dan timbul seperti gambar dibawah...
inset dan extrude

- Dengan Inset dan Extrude pula, bentuk agar bagian depan rocket seperti gambar dibawah.
inset dan extrude

- Selanjutnya, dengan tool Select and Scale, perkecil polygon hingga runcing seperti ini:
select and scale

-Sekarang, kapal pun sudah siap tempur...
kapal tempur

- Saya menambahkan jendela dibagian depan. Cara membuatnya, dengan memilih empat polygon yang menyerupai kaca pesawat dan menggunakan tombol Inset dan Extrude supaya menjorok kedalam...

-Agar pesawat lebih mulus lagi, tambahkan Modifier List: Turbo Smooth dengan iterations=2.
modifier list

- Hasilnya setelah dirender dan diberi material:
pesawat tempur
Pesawat Tempur by Tedi Permana dengan 3DS MAX

Untuk material, saya menggunakan warna dasar putih dengan specular tinggi supaya terlihat kinclong. Selain itu, pada tab maps, saya mengaktifkan ceklis diffuse color dan bump dengan gambar tembok supaya terlihat kasar dan tidak terlalu polos

Hasilnya memang sangat sederhana, tapi saya harap agan paham dengan teknik dasar dari box modeling ini. Dengan mengetahui dasar box modeling ini, agan bisa membuat model yang lebih rumit lagi sesuai kreatifitas agan masing-masing. Selamat berkarya....
Semoga Bermanfaat...

Rabu, 18 Juli 2012

membuat spanduk ramadhan

Sebelum menuju ke tutorial membuat spanduk Menyambut datangnya bulan Suci Ramadhan, saya dan seluruh beserta para kontributor dan penulis maupun staff ilmugrafis minta maaf jika ada kesalahan baik yang disengaja maupun tidak disengaja. Semoga kita bisa menjalani Ramadhan kali ini dengan lancar dan penuh barokah. Ok tutorial coreldraw X6 kali ini adalah bagaimana cara membuat spanduk dengan coreldraw.

Berikut tutorialnya:

1. Buka program coreldraw (Start >> All Program >> Coreldraw), disini saya menggunakan corel X6 namun jangan khawatir karena langkah - langkah di tutorial ini bisa diterapkan di semua program coreldraw

2. New Blank Document, contoh disini saya akan membuat ukuran 4 x 1 meter jadi witdh setting ke 4 meter dan height 1 meter
new document corel
Create New Document

3. Buat kotak dengan Rectangle (tombol F6) dan buat kotak seukurang 4 x 1 m
kotak corel

4. Tulis dengan Teks Tool ( Tekan F8 ) : Ketik "Selamat Datang Ramadhan, Selamat Datang Bulan Penuh Berkah"
text tool
Disini saya menggunakan Font type: Freehand521BT , ukuran 210 pt (ukuran teks ini sifatnya relatif karena nanti jika kurang besar bisa diperbesar lagi)

5. Ok sekarang kita cari 2 wallpaper atau gambar bertema Ramadhan usahakan beresolusi tinggi agar tidak pecah waktu di perbesar lewat corel, bisa di dapat di Paman google
Import ke Coreldraw ( File >> Import >> Pilih Gambar / Wallpaper ). Disini saya menggunakan 2 gambar File Latihan yang bisa di download Disini
background spanduk


6. Sekarang sejajarkan kedua gambar, kemudian klik teks dan taruh tulisan di bagian paling atas Wallpaper dengan menekan CTRL + Page Up , klik color pallete di sebelah kanan dan pilih warna putih
background spanduk 2

7. Ok sekarang kita klik Transparasi
transparasi
lalu klik wallpaper biru dan tarik garis dari kanan ke kiri sehingga hasilnya seperti ini
spanduk setengah jadi

8. Ok sekarang saatnya menambahkan teks, tambahkan teks "Selamat Menunaikkan Ibadah Puasa"
Tempatkan di bawah teks "Selamat Datang Ramadhan"
transparasi-background-teks.jpg
Font Type : Perpetua

Dan Selanjutnya: Tulisan "Ramadhan 1432 H (2012)
spanduk Ramadhan
Font Type : Mototype Corsiva
Anda bisa mencontoh model tulisan seperti yang pernah dijelaskan di tutorial sebelumnya Teks Outline Menarik atau menambahkan Tulisan 3d dengan Coreldraw jika anda punya ide lain

Ok setelah itu kita Group, Seleksi semua file (Tekan Pick Tool >> Tahan klik kiri >> seleksi gambar) dan tekan CTRL + G tapi jangan sampai kena kotak yang kita buat (4 x 1 meter) tadi , fungsi group ini membuat gambar menjadi 1 bagian sehingga menyatu dan ketika kita pindah maka semua yang tergroup akan ikut pindah.

9. Sekarang klik Gambar yg kita Group tadi dan Klik Effect >> Power Clip >> Place Inside Frame... Klik Kotak 4x1 meter tadi , Tutorial Power Clip yang lain bisa dilihat di Membuat Pas Foto di Coreldraw
dan hasilnya:
spanduk ramadhan 2012
Selamat Datang Ramadhan
Terima kasih, Semoga bermanfaat