tutorial desain grafis

Membuat Animasi Ombak

2010-01-08T00:18:00.001-08:00

Tutorial kali ini adalah Tutorial Membuat ombak di flash, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna hitam

2. Ganti warna fill color menjadi #336699 dan warna stroke dijadikan none

3. Klik rectangle tool untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.

4. Klik kanan di frame 15 lalu klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri
Gambarnya :

7. Klik di frame 1 lalu pilih tween shape

gambarnya

Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>>

8. Klik Di frame 15 pilih tween shape

9. Lalu copy frame 1
caranya : klik kanan pada frame 1 dan pilih Copy Frames
kemudian Pastekan di frame 60

10. Klik Di frame 35 pilih tween shape
Seperti gambar dibawah ini:

Selamat mencoba...(@_@)

Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya

animasi ombak

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

Membuat Taman MATAHARI

2010-01-07T23:30:00.000-08:00

Tutorial kali ini adalah Tutorial Membuat taman MATAHARI, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna warna biru #0099FF

2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari

3. Di layer rumput hijau Klik rectangle tool ,untuk membuat rumput hijau dengan mendragnya ke stage seperti gambar dibawah ini.

4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:

5. sekarang klik frame 1 pada layer: kotak nama
Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi, jl.film, jl.kartun.
lihat gambarnya:

6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 dan stroke dijadikan none gunakan rectangle tool
Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mc
lihat gambarnya:

7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini

8. buat 1 layer lagi dan beri nama bulat
klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klik
klik kanan create motion tween di frame 30.
lihat gambarnya:

9. klik di frame 1 layer 1
klik kanan > insert keyframe di frame 60
lalu klik pada frame 30 , klik di propertiesnya

10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah….
untuk membuat rumputnya gunakan line tool buat seperti gambar

Selamat Mencoba>>>>@_@
Untuk melihat hasilnya tekan Ctrl + enter
hasilnya:

Taman Matahari ilmuGRAFIS

Selamat mencoba Tutorial Flash
Semoga berhasil…
SEMOGA BERMANFAAT

2009-12-02T04:29:00.000-08:00

Dalam membuat animasi bumi berputar, ilmu yang dipelajari adalah tentang mask. Mask (topeng) dalam Macromedia Flash MX adalah fasilitas yang bisa menampakkan gambar dalam bentuk topeng tersebut. Misalnya gambar pemandangan bila diatas layernya ditambahkan mask yang berbentuk satu keping CD, maka gambar itu kelihatan kayak gambar CD. Masih Bingung?? Coba lakukan langkah-langkah berikut.

1. Masuklah aplikasi Macromedia Flash MX.
2. Ganti backgroundnya menjadi hitam biar kaya di luar angkasa.

3. Gambarlah peta dunia seperti contoh dibawah :

Kalo bisa yang lebih bagus dari diatas hehehe ^_^. Terlihat benua Amerika ada dua sedangkan benua Asia ada satu setengah. Emang dibuat kayak gini biar muternya halus dan lancar. Gambar itu harus di convert menjadi symbol. Caranya blok gambarnya lalu klik Insert - Convert to Symbol atau biar lebih cepet tekan aja tombol F8. Pada kotak dialog Convert to Symbol isi nama terserah lalu pilih Behaviour Grapich.

4. Buatlah dua Layer lagi caranya klik Insert - Layer. Drag Layer 3 sampai dibawah Layer 1. Pada Layer 3 gambarlah lingkaran berwarna biru muda. Jika sudah selesai copy lingkaran itu ke Layer 2. Ingat nempelkannya harus pakai Paste In Place biar posisinya ga berubah. Klik kanan Layer 2 lalu klik Mask.

Jika dilakukan dengan benar maka tampilannya akan jadi seperti ini.

5. Langkah ini membutuhkan posisi yang tepat. Oleh karena itu butuh garis bantu. Caranya klik View - Ruler.

Pada tepi Stage ada semacam penggaris. Drag penggaris itu maka muncul garis berwarna hijau. Itulah garis bantunya. Letakkan garis bantu di tepi Benua Amerika sebelah kanan.

6. Klik kanan pada Layer 1 Frame 1 lalu pilih Create Motion Tween. Pada Layer 1 Frame 85 klik kanan lalu pilih Insert Keyframe. Pada Layer 2 Frame 85 klik kanan lalu pilih Insert Frame. Pada Layer 1 Frame 85 klik kanan lalu pilih Insert Frame. Maka tampilan Frame akan jadi seperti ini.

7. Geser gambar peta dunia ke kanan secara perlahan jangan sampai kegeser keatas atau kebawah. Biar mudah pakai tombol arah kanan pada keyboard. Geser sampai tepi Benua Amerika terkena garis bantu.

8. Selesai... Horeee... Coba dites dengan klik Control - Test Movie atau tekan Ctrl + Enter. Maka akan jadi seperti ini

FLV Format Through Flash

2009-12-02T04:21:00.001-08:00

Video dengan format FLV dewasa ini sangat populer sekali digunakan didalam aplikasi web. Dengan menggunakan format FLV maka ukuran atau size dari video dapat ditekan serendah mungkin, hal ini tentu saja akan mengorbankan kualitas dari video tersebut. Namun walaupun demikian format ini sedang in dan tetap banyak dipakai didalam aplikasi web.

Untuk dapat memutar video dengan format FLV dibutuhkan software FLV Player yang dapat Anda cari dengan bebas di search engine Google. Selain menggunakan FLV Player kita dapat juga memainkan video dengan format FLV ini menggunakan Macromedia Flash.

Berikut ini akan dijelaskan langkah-langkah memasukkan video format FLV kedalam Macromedia Flash sehingga dapat kita publish menjadi file flash biasa dengan format .swf Setelah file flash tersebut tercipta maka file flash tersebut dapat kita masukkan kedalam Microsoft FrontPage atau Microsoft PowerPoint (dalam pengerjaan Tugas Akhir di sekolah).

1. Buka Macromedia Flash (penulis menggunakan Macromedia Flash 8), pilih File, New, Flash Document untuk membuat dokumen flash yang baru.

2. Setelah itu pilih File, Import, Import Video untuk memasukkan video kedalam flash

3. Akan tampil tampilan Select Video pilih pilihan pertama yaitu On your computer lalu untuk memasukkan video kita tinggal tekan tombol Browse dan pilih file video yang diinginkan.

Setelah kita memilih video yang diinginkan, tekan tombol Next.

4. Akan tampil tampilan Deployment untuk memilih jenis-jenis deployment yang diinginkan, pada tampilan ini pilih saja jenis deployment yang kedua.

Setelah itu klik tombol Next.

5. Selanjutnya tampil tampilan untuk Skinning, pilih sembarang skin yang anda suka namun harap diperhatikan sebaiknya pilih skin dengan jenis over agar navigasi video dapat tetap terlihat pada saat file flash tersebut telah dipublish.

Setelah itu tekan tombol next kemudian tekan tombol finish.

6. Anda akan diminta untuk menyimpan file flash tersebut, simpan dengan nama sembarang (misalnya Video1.fla) kemudian tekan OK.

Harus anda ingat file video (.flv) dan file project flash kita (.fla) HARUS TERLETAK PADA SATU FOLDER YANG SAMA ATAU FLASH KITA TIDAK AKAN DAPAT MENJALANKAN VIDEO TERSEBUT

Seperti anda lihat pada gambar dibawah ini tampilan video kita telah masuk kedalam lembar kerja (stage) dari flash, namun ukuran video kita belumlah sama dengan ukuran stage yang terdapat pada flash. Masih terdapat beberapa space kosong yang berwarna putih didalam stage.

Untuk mengetahui ukuran besarnya video maka caranya adalah klik sekali pada object video, lalu lihat pada bagian properti yang terletak di sebelah bawah, akan terdapat ukuran panjang (width) dan lebar (height) dari video (biasanya 320 x 240). Untuk lebih jelasnya perhatikan gambar disamping ini!

Langkah selanjutnya untuk menyamakan besarnya stage dengan besarnya video caranya adalah dengan klik kanan pada area lembar kerja (stage) yang masih kosong atau dengan memilih menu Modify, Document atau dengan shortcut key ctrl + j. Maka selanjutnya akan keluar tampilan seperti gambar dibawah ini.

Pada bagian Dimensions ubah width dan heightnya sesuai dengan ukuran video yang ada (misalnya 320 dan 240). Setelah itu ubah Background color menjadi berwarna hitam. Tekan OK.
Selanjutnya geser video sedemikian agar tampilannya menjadi pas dan sesuai dengan lembar kerja (stage).

7. Setelah video dimasukkan kedalam lembar kerja kita, maka langkah berikutnya kita harus mempublish file flash kita agar menjadi format swf. sehingga dapat kita jalankan atau dimasukkan kedalam Powerpoint atau Frontpage. Caranya adalah dengan memilih menu File, Publish Settings kemudian beri tanda check pada pilihan Flash (.swf) tekan tombol Publish, tunggu beberapa saat lalu klik OK untuk kembali ke dokumen utama.

8. Simpan file anda, kemudian jalankan file flash anda yang berformat .swf melalui Windows Explorer.
Video anda yang berformat FLV pun sudah dapat dijalankan..!!!!

Catatan :
Untuk pengerjaan Tugas Akhir, pastikan file video (format FLV) dan file flash (.fla dan .swf) berada DALAM FOLDER YANG SAMA dengan file Tugas Akhir Anda...!!!!!!

Animasi Silver Masking

2009-12-02T04:07:00.000-08:00

Masking merupakan teknik untuk menyembunyikan atau menutupi suatu object dengan object lain. Object yang menutupi terlihat transparan dan menyatu dengan object yang ditutupi sehingga hanya object yang ditutupi yang dapat dilihat.

Dalam contoh ini kita membuat 2 buah object yaitu object Teks dan Persegi Panjang dimana pada object Teks akan diberikan efek mask sehingga object Persegi Panjang akan terlihat seolah-olah menutupi object Teks. Berikut ini adalah langkah-langkahnya :

Dengan menggunakan Text Tool tulis sembarang kata di layer 1 kemudian ganti nama layer 1 dengan nama Teks.

PERHATIAN : Agar animasi Masking dapat berjalan, maka tipe teks yang ditulis harus bertipe STATIC TEXT

Pada layer Teks frame 40, sisipkan Frame.

Pilih menu Insert - Timeline - Layer untuk membuat layer baru dan beri nama Persegi Panjang. Letakkan layer ini di bawah layer Teks.

Pada layer Persegi Panjang, buatlah object persegi panjang di atas teks yang panjangnya 2 kali lipat panjang teks. Berikan warna gradasi linear 3 warna (gelap - terang -gelap)

Pilihlah Gradient Transform Tool untuk mengatur warna dari object Persegi Panjang.

Untuk mengatur warna dari object Persegi Panjang, caranya pilih Gradient Transform Tool lalu klik pada object Persegi Panjang dan aturlah warna dan posisinya sedemikian seperti gambar berikut ini :

PERHATIAN : Untuk mengatur warna object dengan menggunakan Gradient Transform Tool, object HARUS BERTIPE SHAPE

Ubah object Persegi Panjang menjadi symbol Graphic.

Pada layer Persegi Panjang, masukkan Keyframe di frame 20 dan frame 40.

Klik layer Persegi Panjang frame 20, pindahkan symbol persegi panjang ke kanan teks seperti yang ditunjukkan pada gambar berikut :

Pada layer Persegi Panjang frame 1 dan 20, berikan Tween Motion agar object dapat bergerak.

Klik kanan pada layer teks, pilih Mask.

Jalankan animasi (Ctrl + Enter) !!

Catatan : Efek Mask, digunakan untuk menutupi atau menyinari object di layer Teks sehingga terlihat transparan.

Animasi Teks Berjatuhan

2009-12-02T04:05:00.000-08:00

Berikut ini adalah contoh membuat animasi teks yang berjatuhan, menggunakan pilihan Distribute to Layers untuk membagi tiap-tiap huruf ke dalam layer-layer yang berbeda. Selanjutnya pada setiap layer huruf yang ada diberikan suatu animasi huruf yang berjalan dari atas ke bawah. Untuk layer-layer huruf yang lainnya diberikan interval 5 frame agar huruf-huruf yang beranimasi terlihat seperti berjatuhan. Langkah-langkah pembuatannya adalah sebagai berikut :

Ketiklah sembarang teks (jangan terlalu panjang), misalnya : PETRA dengan ketentuan : Type Font : Arial; Size : 70; Color : Black.

Blok object teks menggunakan Selection Tool, kemudian pilih menu Window - Info (CTRL + I) untuk mengganti posisi x dan posisi y dari object yang sedang kita pilih. Ganti posisinya : X = 100; Y = 20.

Aktifkan teks, pisahkan setiap huruf pada teks tersebut dengan memilih menu Modify - Break Apart (Ctrl+B) untuk memisahkan teks menjadi per huruf.

Pilih menu Modify - Timeline - Distribute to Layers (Ctrl+Shift+D) untuk membagi tiap-tiap huruf ke dalam layer-layer dengan nama setiap huruf yang terdapat dalam teks. Perhatikan gambar berikut :

Berikan keyframe pada frame 10 untuk semua layer huruf. Caranya adalah, klik frame 10 pada layer huruf pertama (layer P) kemudian tahan tombol shift lalu klik pada frame 10 untuk layer huruf terakhir (layer A). Hasilnya adalah pada semua layer huruf di frame 10 akan terblok, kemudian pilih menu Insert - Timeline - Keyframe (F6).

Tampilkan panel Info dengan menekan Ctrl+I, untuk mengubah posisi huruf. Pindahkan semua posisi huruf di Y=220.

Pada frame 15, untuk semua layer berikan keyframe (F6). Dengan Panel Info, pindahkan posisi huruf di Y=150. Miringkan sedikit huruf-hurufnya dengan menggunakan Free Transform Tool.

Pada frame 20, untuk semua layer berikan keyframe (F6). Dengan Panel Info, pindahkan posisi huruf di Y=220.

Blok semua layer huruf. mulai dari frame 1 sampai frame 19. Berikan Tween Motion pada semua layer yang di blok.

Untuk membuat efek tulisan muncul secara satu persatu, blok Layer huruf kedua (Layer E) dari frame 1 sampai frame 20.

Kemudian masih dalam keadaan terblok silakan geser layer huruf kedua ini ke sebelah kanan dengan selisih 5 frame dari layer huruf pertama (Layer P). Perhatikan gambar berikut :

Demikian juga untuk layer-layer huruf selanjutnya, silakan blok layer huruf selanjutnya kemudian geser ke kanan sebesar 5 frame dari layer huruf di atasnya. Sehingga tampilan pada timelinenya akan nampak seperti gambar berikut :

Pada layer huruf terakhir (Layer A), posisi keyframe terakhir berada pada frame 39. Untuk menyamakan posisi semua frame, maka klik frame 40 pada layer huruf pertama (Layer P), kemudian tahan tombol shift dan klik frame 40 pada layer huruf yang terakhir lalu Insert Frame (F5)

Berikut ini adalah tampilan akhir dari timeline.

Jalankan animasi (Ctrl+Enter) !!!

Animasi Shine - Mobil Mengkilap Bercahaya

2009-11-24T18:42:00.000-08:00

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi shine dan membuat mobil mengkilap bercahaya...

Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash dengan tema mobil mengkilap bercahaya.

Langkah - Langkahnya:

1. Masukkan (import) gambar ke dalam stage

misalnya gambar mobil seperti gambar di bawah ini

2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)

3. Ganti nama layer1 menjadi mobil

4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.

5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.

6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini

7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini

8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi

9. Masih di layer animasi kill icon Pen tool

10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.

11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask

12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe

13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween

14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini

15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode

Preview in Animation Mode

Cling.. Cling.. Mobil Bersinar Mengkilap ^_^

Enjoy it…………
SEMOGA BERMANFAAT

Desain Kartu Nama Simpel nan Keren

2009-11-24T18:17:00.001-08:00

Kali ini penulis ingin berbagi tips untuk membuat desain kartu nama simpel tapi mempunya nilai tinggi…*_-

Kartu nama VIP Belajar Desain Grafis Indonesia by Irvan F

Menarik bukan? Begini Langkah-langkahnya:

1. BukaCoreldraw - New - Buatlah kotak menggunakan Rectangle Tool dengan ukuran 9 x 5,5 cm

Kotak dengan ukuran 9 cm x 5,5 cm

2. Klik pada objek kotak menggunakan Pen Tool kemudian perhatikan properti bar diatas,Pada propertis Corner Roundness ganti 0 menjadi 5 yang bertujuan agar sisi pojok pada kotak agar lebih melengkung…

Properties Pen Tool

3. Klik Fill Tool - Pilih Fountain Fill Dialog (menberikan warna gradient pada objek)

Setelah itu Muncul Panel seperti berikut:

Pengaturan Fountain Fill

Ganti beberapa propertis yang diberi tanda diatas :
- Type : Gradient
- Angle : -90
- From : Blue
- To : Cyan
- Tekan tombol OK

4. Butlah persegi panjang (kotak dengan garis kuning) dengan menggunakan BEZIER TOOL, Sehingga membentuk objek seperti gambar dibawah ini:

5. Klil Pada SHAPE TOOL kemudian Blok Objek (1) > KLIK KANAN – TO CURVE (agar garis tersebut dapat dilengkungkan)

6. Tarik Garis Lurus tersebut hingga melengkung sesuai dengan keinginan anda

Beri warna pada objek tersebut sesuai keingginan anda kemudian...

7. Pilih INTERACTIVE TRANSPARENCY TOOL untuk memberikan efek transparan pada objek (1)

8. Klik pada Objek 1 kemudian Tarik Garis hingga membentuk transparansi objek seperti dibawah ini:

9. Kemudian buat 2 garis Lurus menggunakan BEZIER TOOL seperti gambar dibawah dan ulang efek seperti langkah di atas..

10. Terakhir tambahkan Teks sesuai dengan apa yang ingin anda isikan dalam kartu nama tersebut..hingga menjadi kartu nama yang simpel tp bermutu..

Ini adalah salah satu contoh, namun Anda bisa berimprovisasi sendiri:

VIP Belajar Desain Grafis Indonesia

SEMOGA BERMANFAAT

Membuat Bola Nine Ball

2009-11-24T18:14:00.002-08:00

Pernah bermain billiard atau Bola Sodok? Kali ini kita akan membahas cara untuk membuat object yaitu bola nine ball, caranya ternyata tidak sesulit yang kita bayangkan, berminat? silahkan pelajari tutorial ini...

Pertama-tama:

Siapkan contoh bola billiard --> kalo gak punya? pinjem tetangga...
Kalo gak ada? ya... gak masalah yang terpenting adalah anda mulai berimajinasi tentang bola nine ball... ^,^

oke2x.. cukup sudah intermezonya, sekarang mari kita praktekkan cara-caranya:

1. Buka program corelDRAW - Pilih "new"

2. Alihkan perhatian pada Tool Box di sebelah kiri Layar
Lalu carilah tool dengan nama Elipse Tool

Lalu mulailah menggambar Lingkaran pada lembar kerja/Kanvas
Tips: Tekan dan tahan tombol [ctrl] agar lingkaran yang dibuat simetris

3. Warnai linkaran yang kamu buat dengan gradien / Fountain Fill Dialog

Rekomendasi Setting seperti ini:

Hasilnya:

kita namai saja Linkaran Besar

4. Setelah itu, buat lingkaran dengan warna putih di tengah linkaran besar
Seperti ini:

YUp...

Lalu beri angka 9 [terserah anda tapi disini karena judulnya nine ball ya pakai angka 9]
disini saya memakai Font Style "Forte"

Hasilnya:

hehehe...

5. Udah jadi? Belum...
Sekarang kita berikan efek mengkilat agar terkesan 3 dimensi
Caranya Buat lingkaran seperti gambar di bawah:

Setelah itu gunakan efek transparansi gambar

jika anda belum mengerti efek transparansi gambar:
Silahkan baca terlebih dahulu tutorial ini:
Menguasai teknik transparansi gambar

dan hasilnya seperti ini:

....??? apa ya yang kurang...
Ya bayangan... sekarang tinggal kita beri bayangan agar terkesan seperti nyata...

Gunakan “Interactive Drop Shadow Tool”

Sama seperti cara menggunakan transparasi gambar
Hasilnya:

Udah hampir jadi...

Tinggal polesan akhir / Finishing Touch...

Caranya:
Blok semua gambar lalu masuk ke "No Outline"

Dan inilah hasil akhirnya.... Sebuah masterpiece... Nine Ball...
Perbesar tampilan?
Ukuran Bola Nine Ball Siap dimainkan....

SEMOGA BERMANFAAT

Invisible Text With Drop Shadow

2009-11-24T18:14:00.001-08:00

LANGKAH - LANGKAHNYA:

1. First step yang pasti buka Corel, lalu Ctrl+N buat new blank page...
2. Ok pasti semua udah pada bisa impor image kan? Saya pakai image diatas ya karena keren aja ( :lol: )
3. Langkah berikutnya kita buat text sesuka hati deh!! misalnya “Demonation” seperti gambar dibawah ini, warnai putih agar terlihat jelas(sebenarnya gak ngaruh banyak :D )

4. Copy image beserta text diatas tadi menjadi dua seperti gambar dibawah ini

5. Lalu transparankan text yang berada pada image kanan dengan mengklik color box paling atas diatas warna hitam (saya yakin anda semua sudah tau..hehe..) lalu klik kanan pada warna merah dan text tersebut akan terlihat outline-nya saja seperti berikut
Hasil sementara:

6. Setelah itu group-kan(Ctrl+G) image dan text (sebelah kanan) tersebut

7. Seleksi image kanan tadi lalu klik Effect > Power Clip > Place Inside Container...

8. Lalu klik-kan tanda panah besar itu pada text bagian kiri dan alu terciptalah gambar seperti dibawah ini (halah...)

9. Setelah itu tekan tombol Ctrl pada keyboard kalian dan klik tex tersebut, maka contents didalamnya akan terlihat

10. Nhah... Disana akan terlihat contents yang kita masukan tadi, tinggal kita mengepaskan text pada gambar tersebut dengan text yang berada diluar seperti pada gambar dibawah ini.(Terlihat gak ya?...)

11. Setelah kira-kira pas, Ungroup-kan(Ctrl+U) image tersebut dan Del textnya, lalu tekan tombol Ctrl lagi dan klik diluar object maka kalian akan berada diluar contents tadi, dan kalian akan melihat image menjadi seperti gambar dibawah ini

12. Selanjutnya, seleksi text tersebut lalu klik kanan pada warna transparan di color box, dan text itu seperti tidak kelihatan, sekarang tinggal menambah Drop Shadow-nya

13. Seleksi text tersebut lalu klik pada tool bar Blend Tool > Drop Shadow

14. Lalu di atas akan muncul Property Bar : Interactive Drop Shadow lalu di submenu yang bertuliskan preset... Gantilah dengan Small Glow

Seperti gambar diatas, setelah itu ubahlah Opacity-nya menjadi 100 dan Feathering-nya 10 dan lalu ubah Feathering Direction-nya menjadi Outside seperti gambar dibawah ini

Setelah itu text akan terlihat jelas...

15. Nhah agar menjadi lebih keren Ubah Transparency Operation-nya dari Normal menjadi Add seperti gambar dibawah ini

Udah deh...

17. Langsung saja Export (Ctrl+E) jadi JPG bitmap, urusan Export mengexport kalau ada yang belum tau dapat ditanyakan kepada Administrator atau penulis lain atau saya sendiri (hehehe...)

Hasilnya:

Terimakasih, semoga bermanpaat...selamat mencoba...

Membuat Peta 3 D

2009-11-24T18:13:00.000-08:00

Dalam Kartu undangan, peta merupakan bagian yang tidak terpisahkan. Terkadang perusahaan percetakan menawarkannya dalam sebuah paket ,termasuk didalamnya kartu undangan, kartu ucapan terima kasih, peta lokasi, plastik, cindera mata, buku tamu, dll.

Pada tutorial kali ini, akan dibuat peta 3 D pada Corel X3, tool-tool yang digunakan antara lain pen tool, text tool, Rectangle tool, sedangkan fasilitas yang digunakan ialah weld dan add perspective.

LAngkah - Langkahnya:
1. Langkah pertama yang harus selalu dilakukan sebelum membuat gambar adalah menetapkan areal gambar, di sini dibuat dalam ukuran 90 x 145 mm, buat kotak sebagai guideline.

2. Pilih pen tool, buat alur jalan dengan cara klik pertama untuk menentukan titik awal dan geser mouse ke arah yang diinginkan lalu klik untuk menentukan titik akhir, dimana antara titik pertama dan ke dua ada garis yang menghubungkannya. Untuk membuat jalan lengkung : klik geser mouse klik tahan dan geser mouse untuk membuat lengkung

3. Jika sudah selesai, pilih Edit > Select All (Ctr A) tekan F12 untuk mengatur property garis, beri ketebalan garis = 11 pt. Selanjutnya pilih menu Arrange > Convert to Curves (Ctrl Q) untuk membuat garis menjadi kurva. Atur warna pada Color Pallet garis = hitam, fill = kuning.

4. Untuk menyatukan kurva tadi pilih weld pada dockers shaping atau pada Menu Utama pilih Arrange > Shaping > Weld

5. Selanjutnya bentuk objek tadi menjadi 3 D, caranya aktifkan objek, pilih menu Effects > Add Perspective

6. Pilih ujung handle, sehingga kursor akan berubah menjadi tanda (+), klik – tahan – tarik handle untuk membuat perspektif. Hentikan jika kita sudah mendapatkan bentuk yang kita inginkan.

7. Buat text untuk menamai jalan, simpan di tempat yang diinginkan.

8. Untuk membuat gambar gedung, gunakan Rectangle tool, buat objek segiempat, beri warna, ubahlah segiempat tadi menjadi 3D, klik Interactive Extrude, klik gambar tahan dan tarik garisnya sehingga membentuk objek 3D, Untuk Lebih jelasnya hal ini juga berhubungan dengan (baca: Mudahnya Tulisan 3d dengan Coreldraw ) , sesuaikan dengan perspektif yang kita buat.

9. Selain bentuk segiempat, bisa pula bentuk segitiga, polygon atau gambar rumah.
Hasilnya kira - kira seperti ini:

SEMOGA BERMANFAAT

Font PLAY - Bermain Dengan Font

2009-11-24T18:12:00.000-08:00

Perlu diingat bahwa CorelDRAW adalah program yang diunggulkan dalam memproduksi vector graphic dan semua font adalah vector graphic jadi dengan mudah kita bisa menggubah bentuk-bentuk font dalam corel, diingatkan juga oleh saya( Hee.. ) jika kita menggunakan Font(untuk diubah) gunakanlah yang simpel jangan terlalu rumit seperti el&font gohtic! Karena memperberat kinerja dari corel itu sendiri.

Ditekankan disini, tutorial ini untuk memberikan pengetahuan pada anda bagaimana cara mengubah Font dari bentuk normal menjadi abnormal(hehehe...) jadi bukan hasil dari tutorial ini yang saya tekankan... baiklah tidak perlu panjang lebar omongan basi saya... langsung saja kita mulai

1. First Step seperti biasanya Ctrl+N

2. Buat atau tulis kata sesuka hati dan ubah font-nya seperti gambar dibawah ini(g da kata laen...hehe...)

(Narsis dikit) Sengaja digunakan font GRAFFPITY / GRAFF___ karena terlihat rumit tapi sebenarnya simpel
Kunjungi juga Koleksi Download Font di ilmugrafis.com

3. Lalu pisahkan semua font(Break Artistic Text) dengan menekan Ctrl+K pada keyboard

4. Lalu pisahkan semua font(Break Artistic Text) dengan menekan Ctrl+K pada keyboard Sampai kita bisa mewarnainya dengan warna2 berbeda, warna diatas tidak ada pengaruhnya terhadap apa yang kita kerjakan hanya untuk membantu saya menerangkan. Setelah itu seleksi semua huruf dan Convert To Curve atau Ctrl+Q(saya akan sering menggunakan Shortcut disetiap tutorial saya, maka dari itu dimohon untuk membaca penjelasan tentang shortcut keys corel).

5. Setelah itu ubahlah ukuran Font atau letaknya, font paling depan dan belakang usahakan sama agar tidak terlalu mencolok, lebih spesifiknya ada dalam gambar dibawah (akhirnya punya kata laen...)

5. Setelah itu mari kita ubah bentuk font satu per satu, kita mulai dari huruf pertama, klik Shape Tool lalu klik pada font dan akan terlihat node-node pada outline font tadi, jika harus ditampilkan gambarnya adalah sebagai berikut

Delete semua Node pada object ditengah huruf(gambar anak panah) sehingga hilang objectnya seperti pada gambar dibawah ini(lagi....)

lakukan langkah diatas pada semua object ditengah-tengah huruf tadi sampai seperti ini

6. Kita potong bagian-bagian yang dirasa tidak penting, langkahnya sebagai berikut :

Klik Beizer Tool untuk membuat object seperti gambar diatas, lalu tekan Shift dan klik pada huruf N lalu klik Trim dan terpotonglah huruf N tadi seperti gambar dibawah ini

Dan balik huruf N tadi, itu tadi cara memotong yang susah, lebih mudah dengan shape tool menurut saya, setelah itu kita akan membangun satu font dari potongan font lain, misalkan potongan huruf V untuk ditambahkan pada huruf N, cara memotong sudah kita pelajari jadi langsung saja potong huruf V seperti gambar dibawah ini

Kita pun bisa memperpanjang object merah itu dengan Shape Tool, caranya seleksi Node yang diperlukan untuk memperpanjag, lihat gambar dibawah

Setelah itu(lagi) tekan Space Bar agar kembali ke Pick Tool, lalu klik object merah dan lalu tekan Shit+klik huruf N lalu klik Weld

7. Langkah-langkah diatas dirasa cukup untuk mengubah bentuk Font, tapi akan saya teruskan tutorial ini, tambahkan lagi potongan huruf V dari sisi yang lain pada huruf R

Langkahnya seperti pada huruf N tadi, lalu kita panjangkan huruf Y dengan Shape Tool lagi

Kita bisa membenahi Curve-nya(lengkungan) dengan Shape tool

8. Lalu seleksi semua huruf dan Weld-kan (Satukan dengan Weld Tool) tinggal kita permanis dengan tambahan-tambahan yang kita mau, seperti menambahkan Contour ( Effect > Contour) pada tulisan tadi seperti dibawah ini, kita andalkan imajinasi kita sendiri ya...

Dibawah ini juga, tapi keliatan g ya????

Kalau g kliatan neh dikasih versi vector biasa

Makasih semoga berrrrmanpaad bagi yang ingin Belajar Coreldraw.....

Effect Stample CorelDRAW

2009-11-24T18:11:00.000-08:00

Tutorial CorelDRAW ini Dapet inspirasi dari Mas Nyoman Bali, saya akan coba membuat efek stampel seperti aslinya(mirip..hee...)
kita pakai cara yg saya anggap mudah (karena saya buatnya jg kaya gini..hahay...)

1. Pertama Buka Corel Lalu buat Stamplenya(saya yakin pasti temen2 udah bisa...) Seperti gambar dibawah ini

Saya wajibkan semua bidang/object pada stampel tersebut haruslah menajdi satu bidang, yg saya maksud disini bukan Group tapi Weld. Jadi outline stampel tersebut bukan hanya garis semata tapi Contour yg di Break lalu di Combine... wah susah saya jelasinnya... hehe...

2. Langkah kedua adalah membuat coretan tanpa arah menggunakan Freehand Tool seperti gambar dibawah ini

3. Setelah itu gunakan Contour untuk memperbesar coretan tadi seperti gambar dibawah ini

Lalu Break Contour Group Apart dan Delet Outline pertama yang kita buat tadi sampai seperti gambar diatas.

4. Klik Contour yang kita buat tadi tekan Shift dan klik pada stampel kita tadi lalu Trim-kan setelah itu buang Contour tadi dan wujud dari stampel kita tadi akan seperti ini

5. Lalu jadikan bitmap (Bitmaps >> Convert To Bitmap)

Jangan lupa rendahkan resolusinya, 150 dpi mungkin dan jangan sampai lupa mengklik Transparent Background.

6. Atur posisinya dan jadilah stampel kita... seperti ini...

Memang hasilnya tidak maksimal, karena saya hanya mencontohkan saja, mungkin teman-teman nanti bisa lebih maksimal dan bagus..

MEMBUAT DESAIN STEMPEL

2009-11-24T18:10:00.001-08:00

CorelDRAW , Nah Kali ini saya akan memberikan tips bagaimana membuat desain stempel
Langkah pertama buat objek berbentuk lingkaran dengan diameter 35 mm

Copy lingkaran tersebut, kemudian ubah langsung diameternya menjadi 23 mm

Nah, Sekarang buat guide untuk teksnya, copy lagi bentuk lingkaran yang kecil dan rubah diameternya menjadi 25 mm, beri warna merah, caranya klik kanan pada warna merah pada color palette

Kini kita hanya butuh 3/4 dari seluruh lingkaran merah, aktifkan lingkaran merah kemudian pada property bar pilih bentuk Arc

Gunakan Shape Tool untuk menarik sudut dari lingkaran seperti gambar disamping

Buat satu guide untuk tulisan dibawah, dengan mengcopy lingkaran merah, kemudian dengan shape tool tarik sudutnya seperti berikut:

Sekarang Ketik Teks: CV. WAHANA JAYA KOMPUTER, Font yang saya gunakan type: IMPACT: Size: 12
Aktifkan teks tersebut dan klik menu TEXT >> Fit Text To Path , Lalu klik lingkaran merah atas

Untuk teks bagian bawah sama prinsipnya dengan cara diatas, ketikkan teks "LANGKAT"

Hilangkan warna merah pada lingkaran guide, dengan cara aktifkan / klik gluide tersebut menggunakan shape tool kemudian, klik kanan icon paling atas pada color paletee

Beri tanda bintang diantara teks, atau pertebal beberapa point

Hasilnya:

Stempel logo

semoga bermanfaat bagi yang ingin Belajar Coreldraw.....

Membuat efek MOZAIK

2009-11-24T18:09:00.000-08:00

CorelDRAW , Nah Kali ini saya akan memperagakan tips - tips membuat efek foto MOZAIK...

LANGKAH 1
Buka corelDRAW, buat layar kerja baru dengan menekan [ctrl+N].

LANGKAH 2
Tampilkan panel object manger dengan mengklik [Tools] [Object Manager]. Pada layer1, importlah sebuah foto(neh foto saya). Klik [file] [Import]. Dalam boks dialog, cari dan klik foto yang tlah dipilih,lalu [Open]
.

LANGKAH 3
Jika foto sudah muncul, atur posisinya. Klik kanan layer 1, lalu pilih [Lock object]. Kini buat layer baru. Klik kanan pada kotrak object manager pilih [New layer]. Atau tekan tombol [New layer] pada bagian bvawah object manager

LANGKAH 4
Biar pembuatan outline mozaik lebih mudah. Ubah tampilan layar kerja dengan mengklik [view] [wireframe]. Untuk membuat outline, gunakan [Pen tool] pada toolbox.

LANGKAH 5
Buatlah outline bentuk dari bagian-bagian yang ada di foto dengan pen tool. Langkah ini seperti memecah foto jadi beberapa bagian bentuk, yah kayak mozaik sungguhan gitu.
Saat mermbuat bentuk, klik dobel pen tool pada titik terakhir untuk menghentikan proses membuat outline bentuk. Selesaikan hingga semua ruang tertutup

LANGKAH 6
Jika sudah, sekarang balik lagi ke tampilan awal. Klik [view] [enhanced]. Sekarang berilah warna pada setiap bentuk, lalu pilih warna pada palet warna pada palet warna . warnanya terserah tapi harus diperhatikan gelap terangnya bagian foto.

LANGKAH 7
Saat memberikan warna. Bandingkan pula gambar dengan foito aslinya. Untuk menampilkan gambarnya, klik simbol mata didepan layer 1, sehingga fotoi asli sementara hilang

LANGKAH 8
Begitu selesai, hilangkan saja fgoto aslinya, klik [Layer 1], lalu klik kanan pada kotak object manager [Delete layer]. Atau klik icon tong sampah pada sisi kana kotak object manager.

LANGKAH 9
Klik [edit] [select all] [object]. Hilangkan outline dari bentuk-bentuk yang sudah kita buat tadi dengan mengklik tombol [Outline Tool] [No Outline]. Tekan [Ctrl]+[G] untuk menyatukan semua bentuk. Jadi deh, tinggal simp[an dengan menekan [Ctrl]+[S].

En… hasilnya neh…..

Efek Mozaik

semoga bermanfaat bagi yang ingin Belajar Coreldraw.....

Membuat Undangan Simple dan Indah

2009-11-24T18:08:00.000-08:00

CorelDRAW , Nah Kali ini saya akan memperagakan tips - tips bagaimana membuat desain undangan

Pertama-tama kita membuat kotak merah

Lalu dari kotak itu tekan CTRL+C lalu dilanjutkan CTRL+V yang dimaksudkan mengkopi bangun itu di tempat yang sama. Warnai kotak kedua dengan warna kuning.

Selanjutnya tekan CTRL+Q untuk mengubah objek kotak itu menjadi vector.
Tekan F10 untuk shape tool. Bengkokkan tengah garis ke bawah.

Lalu tekan F11 dan akan muncul panel Fountain Fill

Kolom type linear diganti dengan conical dan pilih custom

Mulanya, kolom bagian pewarnaan ada 2 saja antara putih dan hitam. Tapi langsung klik 2X pada segitiga di bagian pewarnaan untuk menambah pewarnaan. Terus pada kotak siluet itu pada mulanya di tengah, seret sendiri ke kanan bawah seperti gambar diatas.
Hasil akan tampak seperti dibawah :

Lalu samarkan dengan transparancy tool

Hasil tampak seperti dibawah :

Lalu buat bangun bintang dengan menu complex star tool

Lalu tarik complek star itu ke kanan dengan menu interaktiv distortion tool

Dan warnai hitam untuk sementara. Copy menjadi 4 yang bersinggungan dan kasih efek transparan dengan interaktive transparancy tool dari kanan ke kiri. Seperti pada gambar dibawah :

Lalu masukkan ke kotak merah yang tadi dengan menu effect => power clip => place inside container

Hasil akan tampak seperti gambar bawah :

Klik kanan pada gambar lalu edit content

Tarik ke kanan atas dan warnai putih. Setelah itu klik kanan lagi, pilih finish edit.
Dan kalau digabungkan dengan pembuatan garis pelangi yang tadi akan tampak seperti dibawah :

Perlu diingat, bangun lengkung pelangi harus berada diatas kotak yang telah diisi dengan motif bunga.
Setelah itu masukkan gambar pengantin yang saya sediakan untuk didownload.

untuk download klik link ini

Nah, dari sini kasih background sinar pada gambar pengantin itu dengan tool interactive drop shadow tool. Lihat gambar bawah

Tinggal kasih tulisan dech….

Desain Undangan
(Anda dapat mendownload hasil jadinya pada Layanan Ilmugrafis di bawah ini)

Disini saya pakai font type Alison. Sistemnya sama, ditulis dahulu lalu diwarnai hitam dalam dan hairline juga. Trus hairline dikasih ketebalan 2 pt. lalu copy dan paste ditempat yang sama dengan warna kuning. Tetapi untuk copiannya ini tidak diberi hairline, alias none. Selamat mencoba dan membuat kartu undangan anda sendiri.
semoga bermanfaat bagi yang ingin Belajar Coreldraw.....

Logo Sony Ericsson

2009-11-24T17:59:00.000-08:00

Kalau selama ini kita hanya punya Handphonenya atau cuma liat LOGOnya, mari kita buat sendiri LOGO Sony Ericsson dengan tangan kita sendiri dengan menggunakan Corel / Coreldraw bisa 11, 12, X3, X4

1. Seperti biasa buka corel > Ctrl+N

2. Buat satu lingkaran dan jangan lupa selalu tekan juga Ctrl + Shift agar lingkaran yg kita buat presisi dengan otomatis.

3. Setelah itu buat lagi satu lingkaran kecil dan letakan seperti pada gambar dibawah ini dan seleksi lalu Combine Ctrl + L

4. Kita buat lagi beberapa lingkaran karena unsur dari logo ini hampir keseluruhan adalah lingkaran. Buat lingkaran yg sama persis dengan lingkaran kedua tadi(copy)

5. Setelah itu kita ke langkah berikutnya. Buatlah 1 lingkaran kecil dan bentuk menjadi elips seperti dibawah ini

Lalu putar dan rekatkan seperti gambar dibawah ini

Kemudian gunakan Beizer Tool untuk membuat object seperti dibawah ini

Gunakan Shape Tool, seleksi semua Node dari object tersebut dan klik Convert Line To Curve

Setelah itu kita ubah object tadi sampai menjadi object pada gambar berikut

Lalu satukan object nomor 1 dan nomor 2 dengan menggunakan Weld

Setelah itu klik pada object 1 atau 2 tadi > tekan Shift dan klik object 3, lalu Trim(sebelah kanan Weld)Dan terbentuklah object baru seperti dibawah ini

Lalu gabungkan/satukan dengan object pertama yg kita buat. Tadi dan jadilah ujud dibawah ini

Beri warna 90% black lalu gunakan Interactive Fill Tool

Kemudian Hilangkan Outlinenya.

6. Bagian pertama selesai, lanjut gan.....
Kita buat lagi Lingkaran kecil dan besar(maaf mungkin saya tidak menyertakan ukuran dikarenakan untuk menghindari hal-hal yg tidak di inginkan..Hehehe...)Kira-kira seperti gambar dibawah ini

Object yang sudah jadi tadi hanya untuk acuan ukuran saja, jika sudah merasa pas dimohon dengan sangat untuk memisahkan object pertama dengan lingkaran-lingkaran baru tadi.

7. Beri warna hijau pada lingkaran kecil dan hijau juga pada lingkaran besar(pisahkan keduanya) kita mulai membuat object ke dua(lingkaran besar) seleksi lingkaran besar dan lalu klik Interactive Fill Tool pada Fill Type yang semula Preset ubahlah menjadi Conical dan buatlah sampai menjadi seperti gambar dibawah ini

Jika sudah, Copy object diatas tadi menjadi dua, object copy dari object tadi beri warna hitam pilih Interactive Transparency Tool dan ubah Transparency Type menjadi Radial lalu edit transparency dengan tool dibawah ini yang dikotak merah

Setelah itu akan muncul jendela sperti dibawah ini

Jangan lupa pilih Custom, lalu tambahkan Node pada kotak merah diatas dengan cara meng-klik dua kali, tambahkan 2 node satu beri warna putih satu hitam lalu klik OK.

Arange sendiri sampai menjadi seperti gambar di atas, saleksi kedua object kedua ini lalu tekan C dan E pada keyboard dan jadilah rupa dibawah ini.

Object kedua selesai, masuk pada object berikutnya.

8. Seleksi ingkaran kecil tadi, pilih Interactive Fill Tool dan ubah Fill Type menjadi Radial lagi lalu Edit Fill pilih Custom dan tambahkan dua node

Node 1 beri warna hitam, Node 2 = Hitam, Node 3 = Hijau dam Node 4 = Putih, lalu klik OK.
Setelah itu mari kita utak-atik sampai menjadi seperti gambar dibawah ini

Dan object ketiga pun telah selesai.

9. Berikutnya kita gabungkan ketiga object tersebut menjadi seperti gambar dibawah

10. Tearkhir kita gunakan lagi Bezier Tool dan buat object seperti pada gambar dibawah ini(kebanyakan pakai kata “Seperti gambar dibawah ini ya?? Biar deh, gak tau lg musti pake kalimat apa... Hee...)

Wah terlihat tidak ya? Lalu gunakan Shape Tool lagi dan langkahnya seperti pada awal tadi
sampai menjadi gambar ini

Hasilnya adalah yang berwarna kuning diatas, berilah warna hijau object hasil Trim tadi lalu pilih Interactive Fill Tool lagi dan ubah sampai menjadi seperti pada gambar dibawah ini (lagi???)

Tambah kan 3 lingkaran kecil yg berjajar seperti gambar dibawah ini

Group-kan semua object karena sudah selesai logo tadi, tinggal bagaimana kreasi kita, mau ditambah apa juga terserah kita, ini imajinasi kita bukan mereka(hehe...)

Hasil dari Tutorial diatas

Sony Ericsson Logo

Selamat mencoba

Menguasai Teknik Penggabungan dan Shaping

2009-11-24T17:58:00.002-08:00

CorelDRAW merupakan program yang memudahkan kita dalam menggambar, untuk itu kita akan mempelajari dasar dari menggambar yaitu teknik shaping...

Apa yang dimaksud teknik shaping?
Teknik shaping adalah teknik penggabungan untuk menggabungkan 2 bangun atau lebih.

contohnya:
Untuk menggambar arah panah maka kita harus menggambar sebuah kotak dan sebuah segitiga
1. Buka program corelDRAW - Pilih "new"
2. Lalu gambar kotak dan segitiga dengan menggunakan tool gambar kotak di sebelah kiri atau tekan F6

Lalu gambar segitiga dengan menggunakan tool "Basic Shape"
Caranya [klik kiri] basic tool di sebelah kiri,

lalu di sebelah atas ada pilihan properties gambar, klik panah dalam lingkaran dan pilih gambar segitiga,

gambar segitiga tersebut di kanvas lalu [klik kiri] gambar tersebut sehingga gambar muncul tanda berputar, putar gambar
*Hasil Gambar:

satukan kedua gambar seperti gambar di bawah ini dengan menggunakan tool di sebelah kiri bergambar tanda panah yaitu "pick tool"

tekan tombol [shift] lau klik segitiga dan kotak
atau tekan [ctrl] + [A]
Hal ini untuk selected all / memilih semua

3. Setelah melakukan hal tersebut maka akan muncul properties shaping
Tiga proses shaping yang paling sering digunakan:
Weld = untuk menggabungkan dua bangun menjadi satu kesatuan
Trim = untuk memotong bangun yang dikehendaki dengan potongan yang sama dengan bagun pertama yang di pilih
Intersect = membuat bagun baru dari perpotongan kedua bangun atau lebih / irisan bangun

4. Pilih shaping "Trim"
Maka gambar akan menjadi satu kesatuan
Warnai gambar untuk mempercantik tampilan

Arah Panah "dengan teknik shaping - TRIM"

SEMOGA BERMANFAAT

Menguasai Teknik Transparansi Gambar

2009-11-24T17:58:00.001-08:00

CorelDRAW juga dapat menggabungkan 2 gambar dengan teknik transparansi sehingga gambar seolah-olah bergabung menjadi satu kesatuan dengan gambar yang lain, coba saja

Yup inilah caranya:
Teknik ini juga berguna untuk membuat head seuatu website atau blogger sehingga kelihatan lebih atraktif

1. Buka aplikasi coreldraw --> new

2. import gambar [ctrl] + [i]
disini saya menggunakan 2 gambar yang bisa didownload

download 1

download 2

3. Setelah kedua gambar tersebut di import ke dalam kertas kerja coreldraw maka langkah selanjutnya adalah membuat kedua gambar bertumpuk menjadi satu
Lihat gambar:

pindahkan dengan "move tool" yang letaknya di tool box sebelah kiri paling atas bergambar panah menjadi

Gambar sebelah atas tertumpuk dengan gambar sebelah bawah

4. Setelah melakukan hal tersebut maka
Cari "interactive transparency tool" icon bergambar gelas

5. Setelah memilih tool tersebut
Geser pointer secara horisontal dari arah kiri ke kanan

Dan Gambar akan menyatu...!!!! Yeah!!!!

Untuk melihat hasilnya
Tekan [ctrl] + E dan simpan dalam bentuk *.jpeg atau *.JPG

Hasil Gambar Penggabungan Transparasi

SEMOGA BERMANFAAT

Efek Curl Page yang Mengesankan

2009-11-24T17:57:00.000-08:00

CorelDRAW merupakan aplikasi grafis yang bisa dibilang sangat istimewa. Salah satu keistimewaan itu adalah efek curl page atau efek lipatan lengkung pada sisi gambar. Kelihatannya efek ini sangat sulit, tapi benarkah? Mari kita coba membuatnya...

Disini yang kita butuhkan adalah...

1. Instal Coreldraw pada PC, Laptop, Komputer, Notebook, Apa aja deh yang penting bisa ke-instal Program corelDraw

2. Dibutuhkan konsentrasi tinggi... jadi siapkan kue kering atau keripik kentang buat tambahan energi

3. Jangan lupa teh manis, masak gak ada minumannya...

Cukup... kalo semua itu sudah terpenuhi... mari kita mulai beraksi...

Dalam tutorial kali ini saya akan menjelaskan bagaimana membuat efek yang rumit tapi ternyata caranya amat sederhana. Efek ini dikenal dengan efek Curl page...

Langkah-langkahnya:

1. Buka aplikasi coreldraw --> pilih new

2. Sebagai contoh saya menggunakan koleksi Wallpapers dari belajar-grafis.co.nr yang anda bisa download gratis

download gambar bunga

3. Selanjutnya adalah import gambar
import gambar - digunakan untuk memasukkan gambar ke dalam lembar kerja
Caranya:
Masuk ke menu utama lalu pilih File - Import atau [ctrl] + [i]
cari dan pilih gambar yang diinginkan - import -pada lembar kerja, tekan dan tahan klik kiri kemudian Drag pada lembar kerja

Yuo... Gambar mulai masuk ke lembar kerja

4. Yang kita lakukan saat ini adalah memilih objek yang akan diedit
Sekarang arahkan pointer pada gambar lalu [klik kiri]
Setelah hal diatas anda lakukan maka:
Saatnya memberi efek curl page

Caranya: Ke Manu utama
Pilih Bitmaps --> 3D Effects --> Page Curl...

inilah penjelasannya:
Pengaturan Lipatan digunakan untuk mengatur dimana lipatan yang diinginkan, misalnya hanya kanan dan kiri maka klik kotak kanan dan kiri pada pengaturan

Setelah selesai mengutak - atik maka tekan [OK]

Hasilnya:
Karena saya disini hanya menekan pengaturan kanan maka page curl hanya terjadi di sebelah kanan

Bunga Matahari - I Love it......

SEMOGA BERMANFAAT

Membuat Tulisan 3d dengan Coreldraw

2009-11-24T17:54:00.000-08:00

Bukan hanya MS OFFICE Word yang bisa berkreasi dengan Wordart miliknya. Corel Draw juga bisa. Ayo kita bikin tulisan 3 d ( 3 dimensi ) dengan CorelDRAW...

Caranya semudah mengambil permen dari anak kecil... Wah... Wah... jangan dipraktekkan ya itu cuma perumpamaan aja...

Pertama: Siapakan Permen... Buat temen disain supaya gak boring

Okey.. ini langkah-langkahnya:
1. Buka Coreldraw - New

2. Ketik Reg[spasi]belajar-grafis Kirim ke 0123... hehehe... bercanda...
Maksudnya tulilskan apa aja di kertas/lembar kerja corel, disini saya menulis belajar-grafis

Catatan: pilih font yang tebal ya... contoh: Rockwell Extra Bold

3. Setelah itu cari yang namanya: Interactive Extrude Tool pada toolbox

4. Kembali ke tulisan yang anda buat... lalu klik kiri dan tahan mouse sampai ada panah bergeser, gerakkan sesuka anda namun disini saya menggerakkan ke bawah

5. Nah Sekarang tinggal pewarnaan aja, lihat sebelah kanan atas monitor...? ada gambar seperti di bawah ini, disini urutannya adalah klik 1 - 2 - 3 - 4, kayak gini sapa yang gak bisa...

Catatan: untuk 3 dan 4 gambar di atas adalah untuk menentukan warna.. terserah anda namun disini saya pakai

warna kuning dan merah... jadi...Semuannya juga mudah kalo kita tau caranya...
Hasilnya:

3 Dimensi dari Belajar-Grafis -> Bisa dikembangkan lagi... Semua tergantung kreatifitas anda

SEMOGA BERMANFAAT

MenSCAN Gambar dengan CORELDRAW

2009-11-24T17:52:00.002-08:00

Hai berjumpa kembali dengan saya, Tutorial kali ini akan saya mencoba menjelaskan bagaimana melakukan Scanning dengan Coreldraw...

Pertama - tama adalah ya harus punya mesin scanner tentunya ^_^ dan Scanner harus sudah terinstal di dalam komputer sehingga aplikasi coreldraw ini nantinya akan langsung mendeteksi scanner tersebut dan melakukan scanning pada object

LANGKAH - LANGKAHNYA:
1. Siapkan object yang akan kita SCAN ke mesin SCANNER, jangan lupa menyalakan mesin SCANNERnya ^_^
2. Buka Program CORELDRAW
bisa menggunakan Coreldraw X3 maupun X4, namun disini penulis menggunakan Coreldraw X3
3. Pada MENU UTAMA
Pilih FILE - ACQUIRE IMAGE - ACQUIRE...

tampilan akan berganti seperti dibawah

4. Setelah itu, klik PREVIEW untuk melihat objek yang akan di scan.Lalu klik SCAN

5. Hasil akan tampak terlihat seperti gambar di bawah

Hasil Scan Gambar Logo MBI

Mudah Bukan, Selamat Mencoba...

Terima Kasih dan Semoga Bermanfaat...

Export File Corel

2009-11-24T17:52:00.001-08:00

Mungkin bagi sebagian besar temen-temen disini sudah mengerti permasalahan men-Export project di Coreldraw yang semula berformat *.cdr (corelDRAW) menjadi *.jpg, *.bmp, *.png, *.tif dan sebagainya, tapi tidak salahkan jika ditulis kembali disini untuk membantu temen-temen yang mungkin belum mengerti atau Newbie sama sekali.

Langkah-langkahnya :

1. Seleksi object yg ingin diexport

2. Klik File pada menu dan pilih Export

Atau langsung saja menggunakan Shortcut Key Export (Ctrl+E)

3. Setelah meng-klik Export maka akan muncul jendela seperti dibawah ini

Pilih tempat untuk menyimpan hasil Export , anda juga bisa melakukan pemilihan file export yang diinginkan , bisa berupa JPEG, TIFF, PSD , dll untuk lebih jelasnya ( Baca juga : Bentuk dan Macam Extension File Images ) kita lalu tekan Export.

4. Setelah menekan Export pada langkah nomor 3, akan muncul lagi jendela dibawah ini

Sesuaikan Size gambar sesuai kehendak dengan mengubah persenanya saja (%), untuk resolusi juga tergantung dengan kehendak kita, jika ingin hasil bagus maka Resolution bisa diperbesar tapi biasanya Size akan menjadi lebih besar, mengenai bagan Color kita bisa menggunakan RGB ataupun CMYK, setelah selesai dengan semua urusan diatas lalu klik tombol OK.

5. Lagi-lagi akan keluar jendela baru seperti dibawah ini

kita bisa mengkompres ukuran gambar dengan Compression sesuai keinginan, tekan Preview untuk mengetahui Size dari hasil peng-export-an, lalu klik lagi tombol OK dan cek hasil di dalam folder tempat kita menyimpan hasil export kita tadi.

6. Senyum aja... :D

Semoga bermanfaat

membuat kaca pembesar

2009-11-24T17:46:00.000-08:00

Di tutorial ini kita akan mencoba membuat atau mengaplikasikan Lens Effect pada CORELDRAW (semua versi mulai 11,12,X3,X4), dengan tutorial ini diharapkan kita dapat mengembangkan sendiri dari penggunaan Lens Effect menurut imajinasi kita masing-masing. Langkah-langkahnya sebagai berikut :

Mari kita mulai Tutorial Coreldraw Dasar kali ini:

1. Sudah pasti buka corelDraw dan buat blank page

2. Buatlah beberapa lingkaran seperti gambar dibawah ini

setelah itu seleksi dua lingkaran kiri dan lalu combine (Ctrl+L) lalu beri warna Hitam, dan buatlah satu lingkaran kecil lagi sehingga seperti pada gambar dibawah ini

Groupkan (Ctrl+G) semua lingkaran bagian Kanan, lalu seleksi semua object dan centerkan ( C ).

3. Buat satu lingkaran besar (lebih besar dari lingkaran pertama) dan beri warna putih, letakan sesuai keinginan seperti pada gambar dibawah ini

hilangkan Out Linenya.

4. Transparasikan lingkaran putih tadi dengan menggunakan Transparency tool

Lalu akan keluar submenu diatas, pilih radial

Setelah itu, masukan object Lingkaran putih tadi pada lingkaran hitam dengan menggunakan Power Clip (Effect >> Power Clip >> Place Inside Continer), Letakan Sesuai kehendak, Buatlah object baru berupa persegi dan gunakan Text Tool lalu klikan pada garis(tepat pada garis object)Persegi, tulis sesuka hati, Ungroupkan (Ctrl+U) lingkaran kanan pertama tadi dan seleksilah lingkaran kecil, beriwarna putih dan transparasikan kembali dengan menggunakan Transparency Tool dan pilih linier.

6. Seleksi lingkaran yag tadi satu group dengan lingkaran kecil, lalu klik Effect >> Lens pada menu

Maka akan muncul Docker Window seperti pada gambar dibawah ini

Pilih Magnify, dan sesuaikan Amount dengan keinginan kita, sehingga menjadi seperti pada gambar dibawah ini

Dan kita tinggal mengexportnya menjadi JPEG untuk membuatnya menjadi bitmap
Docker Window : Window yang menampilkan Perintah-perintah yang dapat kita gunakankembali saat kita melakukan editing

Hasilnya:

KAca PEmbesar

Terimakasih dan Semoga bermanfaat, Selamat Mencoba dan Belajar Coreldraw
SEMOGA BERMANFAAT

Photoshop Foto Efek Hantu

2009-11-22T19:10:00.000-08:00

Tutorial Photoshop kali ini adalah kiriman dari Endritanze di Pontianak, kali ini kita akan belajar membuat efek hantu dengan Photoshop, tertarik...

Adobe Photoshop adalah program image editing yang luar biasa, Photoshop dapat memanipulasi foto dan membuat imajinasi dan gambaran lain dari foto...

Baiklah kita mulai langkah-langkahnya:

1. Pilih satu gambar yang enak di kotak-katik aja. Saya memilih yang satu ini,

Save gambar di Komputer sebagai contoh file latihan
Dan manipulasi yang saya lakukan yaitu “menghilangkan kepala”!!!!

2. Lakukan duplikasi menjadi layer dan diberi nama pada layer.

Pada background lakukan hidden dengan menghilangkan gambar mata pada layer.

3. Lakukan pennyeleksian pada gambar yang akan di manupulasi.

Pilih Quick Selection Tool untuk melakukan penyeleksian

4. Arahkan pointer pada daerah kepala

klik untuk lakukan penyeleksian

5. Tekan delete untuk menghapus hasil seleksi. Pastikan layer depan aktif.
Hasilnya:

6. Non aktif kan seleksi, dengan menekan Ctrl+D, deselection.

Lanjutkan dengan ‘penambalan’ hasil potongan kepala dengan cara cloning pada layer depan.Pilih Clone Stamp Tool

7. Setelah memilih Clone Stamp Tool,

tekan Alt setelah keluar tanda seperti yang di atas klik pada gambar yang akan di ambil kloningnya. Atur opacity 75% dan flow 75% (sesuai kebutuhan)

8. Lakukan cloning perlahan-lahan dengan mengambil kloningan gambar yang paling dekat dengan daerah ‘penambalan’.

Klik kanan,atur hardness 0%, diameter ikuti daerah cloning.

9. Setelah cloning

seperti gambar di atas itu sudah cukup.Untuk hasil yang maksimal dalam cloning atur opacity lebih kecil dan diameter lebih besar.

10. Langkah berikut,

aktifkan pen tool, dan lakukan create Anchor point pada kerah baju seperti gambar di bawah.

Atur warna menyerupai warna baju dengan memakai

eyedropper tool

11. Setelah menutup anchor point, pilih menu layer-Resterize-Shape.

Ubah nama layer menjadi kerah.Tekan ctrl dan klik pada layer kerah untuk mendapatkan seleksi

Kerah terseleksi

12. Aktifkan Brush Tool,

dan pilih warna dengan

Color picker lebih yang lebih gelap 30% sepertiyang dilingkar merah

13. Sapukan brush pada bagian dalam kerah, sehingga nampak mempunyai luang kerahnya seperti gambar.

Tekan Ctrl+D setalh selesai brushing

14 Untuk langkah terakhir lakukan bluring dengan Blur tool pada sisi luar kerah.

Hasil Akhirnya: Kurang Lebih seperti ini:

Hiii... Tapi gak usah takut kan cuma rekayasa genetik eh salah REKAYASA FOTO efek saja ^_^ hehehe...

Semoga Bermanfaat... ^_^

Effect Blur Di Adobe Photoshop CS3

2009-11-22T19:03:00.000-08:00

Tutorial perdana dari J. Rendra yaitu Membuat Efek Photo Blur di Photoshop...
Langkah – Langkah:

Langkah 1
Buatlah Project baru
File > New
Tentukan Panjang dan Lebar yang diinginkan (pixels)
Tentukan juga berapa Resolusi yang dibutuhkan (pixel/cm)
Tentukan juga Color mode (default RGB)
Berapa Bit yang dibutuhkan (default 8 Bit)
Tentukan sendiri Background Contents (default White)

Lalu OK

Disini kita menggunakan Panjang 1024px ; Lebar 768px ; serta resolusi 72px/cm
Sebaiknya sesuaikan dengan resolusi gambar yang akan diedit

Langkah 2
Lalu Buka Project yang akan di edit
File > Open

Langkah 3
Setelah Project tersedia, suntinglah sehingga menjadi bahan yang siap untuk edit…
Maksud sunting disini adalah pindahkan gambar ke layer baru (untitled-1) dengan menggunakan Move Tool

Langkah 4
Seleksi bagian mana saja yang ingin di edit pakai Magic Lasso Tool yang ada di toolbar atau Ctrl+L untuk mengaktifkannya,

Langkah 5
Edit Gambar, secara hati-hati (disini penulis menyeleksi bagian background gambar)
Tips: setelah menyeleksi gambar anak2 di contoh bawah, gunakan perintah inverse agar proses seleksi terbalik dari menyeleksi gambar anak ke gambar pemandangan/background

Langkah 6
Jika ingin membuat garisnya rata, gunakana Ctrl + Atl + D dan tentukan berapa radius yang dibutuhkan….

Catatan: Semakin besar radius, semakin besar pula jarak yang akan di blur….

Langkah 7
Gunakan Filter – Blur – Radial Blur... Sesuaikan blur yang akan digunakan….

Langkah 8
Tampilan Radial Blur, tentukan apa saja yang kita ingin gunakan, dengan catatan semua tool yang ada dari tampilan ini mempunyai efek yang berbeda-beda…..

Hasilnya seperti ini, menggunakan blur Method: Zoom – Quality: Best – Amount: 50

Jika ingin melihat hasilnya secara detail, gunakan Ctrl+F untuk melihat hasilnnya

Langkah 9
Jika sudah selesai gunakan Ctrl+H untuk melepaskan/menghilangkan pointer
Hasil Akhir, seperti ini

Selamat mencoba.....

Terima Kasih

Semoga Bermanfaat... ^_^

Memisahkan Foto dengan Quick Mask

2009-11-22T18:57:00.000-08:00

Salah satu tool yang sering digunakan dalam proses editing pada Adobe Photoshop adalah Mode quick mask. Mode quick mask memungkinkan kita menggunakan seluruh perangkat pada Photoshop untuk menyunting bingkai pemilihan. Di sini kita akan memisahkan gambar dari latar belakangnya, untuk dipindahkan pada objek lain.

LANGKAH-LANGKAHNYA:
1. Ambil gambar yang ingin kita pindahkan. File > Open ...:

Contoh:
Disini penulis menggunakan gambar di bawah ini, anda bisa menggunakan gambar lain yang terpenting adalah mengikuti petunjuk dan tekniknya

2. Tentukan titik awal yang baik, pada mode quick mask kita dapati bahwa bagian yang tidak dipilih akan terbungkus lapisan berwarna merah, istilahnya RUBYLITH. Pada gambar di atas kita akan memisahkan gambar dua manusia yang sedang berjabat tangan.
Pilih Select > Color Range..., klik warna terang pada baju, tentukan nilai fuziness 124

3. Masuki mode quick mask

Klik mode quick mask pada icon yang ditunjuk panah gambar di atas

4. Pilih Paint brush, merupakan tool yang paling dasar untuk penyuntingan quick mask. Untuk mengaktifkannya tekan B

5. Atur warna latar depan dan belakang (Background dan Foreground), tekan D untuk menampilkan warna latar depan dan belakang secara default, yakni hitam dan putih. Untuk menukar warna kita tinggal tekan X aja. Lalu sapu gambar. Ingat daerah yang akan dipilih, kita sapu dengan warna latar depan putih. Untuk menambahkan rubylith, kita sapu dengan warna latar depan hitam.

kita bebas menggunakan tool pemilihan (Selection Tool) untuk melindungi daerah tertentu, misalnya menggunakan lasso tool atau yang lainnya.
Atur pula kehalusan brush pada baris pilihan yang letaknya di bawah baris menu, Lalu Brush Gambar yang diinginkan

Hasilnya gambar manusia yang berjabat tangan di atas tidak lagi berwarna merah

6. Jika kita sudah mendapatkan mask yang dinginkan, tekan Q untuk beralih ke mode standar, keluar dari quick mask.

7. Geser gambar yang sudah dipilih tadi dengan menggunakan tool move ke dalam gambar yang akan dijadikan latar belakang baru.
Misal: Gambar Pantai...

Menarik bukan mengubah background Foto ^_^ dengan Photoshop

Selamat mencoba.....

Terima Kasih

Mengubah Gambar Menjadi Cartoon

2009-11-22T18:54:00.000-08:00

Tutorial Photoshop Pada kali ini saya akan membuat bagaimana caranya mengedit gambar menjadi cartoon....

Biasanya sering di sebut dengan Trace ( kalo ga salah saya yach.. ) . Ini adalah gambar saya sendiri, kalo pake gambar orang, saya takut orang nya nanti marah… hehehehee

Sekarang langsung saja....

1. Buka program Photoshop

2. Pada menu layer, pilih File > Open ( Ctrl + O )
Pilih gambar yang ingin kamu jadikan sebagi object

Gambar harus terang dan bersih, agar mengerjakannya tidak sulit. Kalo gambar nya buram, terangin aja gambar nya menggunakan canvas

3. Duplicat layer background Layer > Duplicat Layer ( Ctrl + J )

Gambar harus dikerjakan pada saat layer 1 aktif

4. Pada menu layer, Pilih Filter > Artistic > Poster edges

Maka akan keluar kotak seperti ini...
Atur Resolution nya :
- Edge Thickness = 10 Edge Inthensity = 4 Posterization = 0

Kemudian, klik pada icon yang ada di bawah New Effect Layer ( di samping gambar tong sampah )

Lalu akan keluar kotak berikut :

Pilihan harus pada Film Grain, kemudian atur lagi resolusi nya, menjadi :
- Grain = 0 - Highlight Area = 11 - Intensity = 10

Kemudian masih sama dengan yang di atas, klik pada icon New Effect Layer ( di samping tong sampah )

Dan akan keluar kotak seperti di bawah ini :

Untuk kali ini, Gambar dipilih dengan Cutout , dan atur kembali resolusi nya menjadi :
- Number of Level = 8 Edge Simplicity = 2 Edge Fidelity = 3

Lalu klik OK....

Gambar akan menjadi seperti ini :

Lalu tinggal 1 langkah lagi, maka Gambar Anda akan Selesai. Yaitu,,
Anda tinggal membersihkan Bercak - Bercak Yang tampak Terlihat pada Gambar Tersebut...

Membersihkan Bercak - bercak itu Tidak Sulit kok...

Kamu cukup Menggunakan Healing Brush Tool atau Anda Dapat Menggunakan Keyboard ( J )
Dan akhirnya............................................... :)
Cling...........

Inilah Gambar yang telah berhasil saya Perbuat.....
oh iya,,,
Sebenarnya, Jari saya Hanya dua yang terbuka, tetapi, saya ambil inisiatif sendiri, untuk mendirikan jari kelingking saya, hingga menajdi tiga yang terbuka...
heheheheehhe

Tutorial ini diarsipkan pada ilmuGRAFIS dalam kategori edit foto dengan judul Mengubah Gambar Menjadi Cartoon code:AIS

Semoga Sukses
dan
Selamat Mencoba.....

Bikin Frame Photomu Sendiri

2009-11-22T18:53:00.000-08:00

Kita bikin frame foto pk Photoshop yuk... saya juga masih belajar... hehehe...

langsung saja

1. Buat new file ukurannya dikira-kira saja

2. Lalu buat lagi layer baru(Ctrl + Shift + N)

3. Kita gunakan Rectangular Marquee Tool, buat seperti gambar berikut ini

lalu gunakan Gradient Tool

Klik pada tanda biru diatas lalu klik tanda merah diatas maka akan keluar Doker seperti ini

Presetnya pilih Foreground To Background, maka yg terlihat pada Stops Previewnya putih semua, jadi klik node yg diatas berwarna hijau dan beri warna sesuka anda pada tabel dibawah Opacity bertuliskan color diatas, begitu juga dengan kuningnya, klik OK

4. Selanjutnya kita aplikasikan pada Rectangular yang kita buat tadi, usahakan dengan menekan Shift agar tetap simetris dan hasilnya akan seperti ini

Lalu Deselect atau tekan Ctrl+D .

5. Ulangi lagi langkah-langkah diatas sampai menjadi seperti gambar dibawah ini

6. Kemudian kita buat lubang(walah) pada gambar diatas menggunakan Rectangular Marquee Tool lagi seperti gambar dibawah ini

lalu tekan Delet lalu Deselect(Ctrl+D) lagi.

7. Untuk mempercantik garis frame gunakan lagi Rectangular Marquee Tool seperti gambar dibawah ini

Perhatikan yang bertanda merah diatas, saya susah untuk menjelaskannya(hehehe...saya serius...), lalu warnai sesuka hati dengan Paint Bucket Tool

sehingga menjadi seperti gambar dibawah ini

Lalu Deselect lagi.

Untuk mempermanis lagi frame yang kita buat, kita gunakan Brush Tool, Brushnya terserah anda, sampai menjadi seperti ini

9. Tinggal kita masukkan Foto didalamnya
Hasilnya seperti ini

Veronica.. Oh Veronica..

Bisa juga menambahkan tulisan-tulisan dan kita bisa menyimpan Frame tersebut dengan Extensi *.psd agar nanti kita bisa menggunakannya lagi jika diperlukan.
Terimakasih atas atentionnya...

Efek Foto Kobaran Api

2009-11-22T18:44:00.000-08:00

Pada tutorial Photoshop kali ini kita akan mencoba menjadikan coretan menjadi karya yang bagus (kayaknya..hehe..) dengan langkah yang sangat mudah:

1. buat lembar kerja baru (800x600) beri background warna hitam

2. beri coretan dengan menggunakan Brush Tool (lihat gambar):

3. kemudian dengan smodge tool corat-coret sesuai dengan arah panah (bisa dimodifikasi) lihat gambar:

hasilnya

4. oke agar kobatan apinya lebih panas kita tambahkan lagi coretannya dengan Brush Tool tentunya:

5. Yup hasil akhirnya kira - kira seperti ini:

6. Bisa juga dimodip kayak gini menjadi foto efek

Arofat - On FIRE
Semoga Bermanfaat... ^_^

Make Over Photo Without Plugin

2009-11-22T18:43:00.000-08:00

Mungkin dengan Plugin memanipulasi Photo ini lebih mudah dilakukan, tapi saya rasa tehnik terkadang diperlukan dalam keadaan darurat, mungkin saat kita kehilangan Plugin atau sebagainya, karena saya pakai PhotoShop CS (saja) jadi plugin seperti ini mungkin belum ada.

Kita mulai saja tutorialnya, perlu digaris bawahi bahwa saya juga masih dalam masa belajar.. hehe..

Langkah-langkahnya

1. Tentu saja buka Photo yang akan di Edit, disini sya menggunakan Photo dari mantan saya yang bernama Hilary Duff (comment not allowed...haha...).

(silahakan Save Image gambar ini sebagai contoh)

2. Setelah itu Duplicate Layer

3. Klik kanan >> Duplicate Layer... akan muncul doker Windows seperti gambar dibawah ini

Beri nama layer sesuka hati kita misal saya gunakan ilmugrafis, untuk memudahkan saya benjelaskan saja, karena memang tidak terlalu berpengaruh

3. Setelah terduplikasi, Blur layer tersebut dengan Smart Blur (Filter >> Blur >> Smart Blur )

Sesuaikan radius dan thresholdnya menurut resolusi photo yg anda manipulasi, jadi terserah anda, dengan catatan jangan terlalu.

4. Setelah selesay dengan yang diatas ubah Background dan Foreground Colornya seperti gambar dibawah ini saya tandai dengan angka 1 (satu)

Lalu tekan Alt pada keyboard dan klik simbol Add Vector Mask yang saya beri tanda dengan angka 2 (Dua)

5. Klik Magic Wand Tool lalu seleksi bagian wajahnya, jangan lupa mengaktifkan dulu Use All Layer

Seleksi semua bagian kulit, sisakan mata dan bibir

6. Setelah itu klik Brush Tool dan ratakan dibagian yang telah kita seleksi diatas tadi

Lalu Deselect (Ctrl + D)

7. Buat Layer lagi (Layer >> New >> Layer... ) (Ctrl + Shift + N)

Aktifkan Use Previous Layer seperti yang saya tandai merah diatas.

8. Kembali lagi ke layer ilmugrafis diatas tadi, klik pada photo (1), lalu tekan Ctrl dan klik di Vector Mask (2)

Lalu tekan Ctrl + C (Copy), kembali aktifkan lagi layer 1, lalu tekan Ctrl + V (Paste) maka akan tampak seperti gambar dibawah ini.

9. Setelah itu Blur layer diatas tadi (Filter >> Blur >> Gaussian Blur) dan akan nampak seperti gambar dibawah ini

Sesuaikan Radiusnya.

10. Lalu Duplicate lagi layer 1

kemudian tekan Ctrl + Shift + U (Desaturate), ubah blending nya menjadi Soft Light, lalu beri Noise sedikit (Filter >> Noise >> Add Noise) Agar terkesan Natural tanpa Manipulasi... xixixi...
kembali lagi ke layer ilmugrafis tadi lalu ubah opacitynya kira-kira menjadi 82 atau 80 atau mungkin terserah anda, lalu ke layer 1 ubah juga opagitynya menjadi 70 – 80...

11. Iiiiyyyeeessss... berhasil..berhasil.. horay.... dan hasilnya

Hilary Duff , Make over foto by Ervyn
Ket: Foto setelah di make over terlihat lebih halus dan putih mulus

Demikian agar manusia mengerti sedikit dari yang banyak...(Halah...)

Masih tetep... Stop Global Warming n' Go Green....
Stay Tune for Extreme Manipulation (Wish me luck dude.. haha)
selamat belajar Photoshop

Semoga berrrrrrrrrrmanpaat sob...

Efek POLAROIDS pada Foto

2009-11-22T18:40:00.002-08:00

Langkah2nya:

1. Buka Foto yang akan dikasih efek Poloaroids, Disini saya memakai foto artis pendatang baru ilmuGRAFIS

Artis ilmuGRafis

2. Duplikat layer dengan menekan CTRL + J

3. Lalu buat layer baru dengan menekan CTRL + Shift + N
beri nama "polaroid" dan geser layer baru tersebut ke tengah

posisi layers pada photoshop

4. Buat Seleksi pada bagian foto dengan menggunakan Rectangular Marquee Tool (M) atau tekan tombol M pada keybord
Seleksi bagian manapun yg kalian inginkan, contoh:

Bagian seleksi ditandai dengan garis hitam putih

5. Setelah menseleksi bagian yg diinginkan lalu kita kembali ke layer polaroid , klik Paint Bucket Tool (G) atau tekan tombol G pada keyboard
Warnai bagian seleksi dengan warna hitam

kurang lebih seperti ini tampilan pada layer photoshop kita

6. bikin back ground dengan menekan CTRL + Shift + N
namai dengan "background" dan warnai dengan warna hitam

6. Sekaran kita bikin Clipping Mask caranya pada layers klik layer 1 lalu tekan CTRL + ALT + G

6. Sekarang bikin bordernya caranya buat layer baru dengan menekan CTRL + Shift + N
beri nama "border"

seleksi foto / gambar di Layer 1 menggunakan Rectangular Marquee Tool (M) atau tekan tombol M pada keybord
Seleksi seperti ini

lalu kembali ke layer "border" klik Paint Bucket Tool (G) dan warnai dengan warna putih dan hasilnya seperti ini

Tambahkan efek Drop Shadow... Caranya pada Menu Utama di sebelah atas klik Layer > Layer Style > Drop Shadow...
kalian bisa mengatur sendiri sesuai kebutuhan... atau jika masih awam langsung klik ok tidak masalah

7. Sekarang waktunya men GROUP layer
caranya: tahan tombol CTRL lalu klik Layer 1 , polaroid , dan border
setelah terseleksi semuanya tekan CRTL + G

8. Sekarang gandakan Group layer dengan menekan klik kanan pada Group 1 lalu pilih duplicate group

lalu tekan ok

nah pada group 1 copy, seleksi layer polaroid copy dan border copy kemudian tekan CTRL + T untuk transform bagian mana yg ingin di Clipping mask menjadi polaroid

9. Ulangi langkah - langkah diatas (8) dan berekperimen menurut kreasi kalian , bisa juga ditambahkan brush pada background sehingga lebih menarik
hasilnya:

Efek Polaroids
Selamat mencoba ..^_^

Bikin Foto Jerawatan Jadi Super Duper Mulus

2009-11-22T18:40:00.001-08:00

Tutorial Photoshop ini Pertama tama pastinya buka gambar yang akan diedit. klo saya pke gambar ini . tapi jujur ya , saya nggak tau lho ini wajahnya siapa . ngambil aja dari internet . hhe ..

Trus jangan lupa di duplikat layer ..

Klo udah di blur ya . pke GAUSIAN BLUR , radiusnya tinggiin sampe jerawat yang nongol nggk kelihatan lagi .
Kira – kira kaya gini nii ..

(Radius 11.0)

Kalo udah di blur dari pada History di klik 'CREATE NEW SNAPSHOOT'

Udah kan ? ok setelah itu kita undo atau ‘CTRL+Z’ trus taruh sourch nya di snapshoot yang baru aja kita buat tadi ..

Udah ? kalo gitu Nah sekarang pke tools yang bakalan qita pake adalah ‘HISTORY BRUSH TOOL’
Trus ganti modenya yang ada diatas dengan ‘DARKEN’

Kalau sudah , sapukan brushnya ke wajah sampe rata , tapi inget ya ! jangan sampe kena mata , lubang hidung , dan mulut . trus jangan sampe detail wajahnya menghilang . ok !

Trus kalo udah , ganti modenya dengan ‘LIGHTEN’

Sama , sapuin juga ke wajah kaya yang tadi , terus liat gimana hasilnya
intinya Main Darken dan Lighten
Jadi deh .. sebagai pembanding sebelum dan sesudah diedit...

Gimana ? gampang kan ..
Selamat mencoba ..^_^

Disappear Photo Effect

2009-11-22T18:38:00.000-08:00

Tutorial Photoshop ini mengikuti Teori Penyubliman(alah…). Tidak perlu banyak Bahasa basil g gan… cekidot…
Sebelumnya silahkan Download Brush-nya Disini
Download brush
(http://www.4shared.com/file/126150891/490100a6/41_Grunge_Brushes___PS7_by_KeepWaiting.html)

1. Buka Image gan, saya gunakan mantan saya disini ^_^V Devon Aoki

2. Setelah terbuka, Duplikatkan image background atau image pertama tadi atau tekan Ctrl+J

3. Setelah itu kembali ke layer background, lalu gunakan Clone Tool, tutupi sebagian gambar Devon

Lalu gunakan Heal Tool untuk memperhalus Cloningan tadi

4. Kembali lagi ke Layer 1, lalu buat New Layer

5. Load brush yg sudah di Download tadi dengan cara mereplacenya, lalu brows dimana anda meletakkan/menyimpan brush tadi.

Klik brush tool >> Klik kanan pada layer >> Replace Brushes…

6. Gunakan Eyedropper untuk menyamakan warna brush dengan warna gambar/object, lalu klik kembali brush, tempatkan Brush sesuai warna.

7. Usahakan brush tersusun dengan baik dan rapi. Jika ada kesulitan untuk menggunakan brush, bias dibaca di ilmugrafis.com tentang penjelasan pemakaian Brush.

8. Kembali ke Layer 1
Lalu gunakan Eraser Tool (E) Gunakan Brush yang sama seperti tadi, atau gunakan cara : Klik Eraser Tool >> Klik kanan pada Layer >> Replace Brushes… seperti pada langkah no. 5 hanya beda Tool.

9. Lalu hapus bagian-bagian yang dirasa perlu untuk dihapus pada layer 1

10. Kemudian Flatten Image : Layer >> Flatten Image setelah manyatu duplikatkan lagi Layer Background (Ctrl+J).

11. Blur Layer 1 : Filter >> Blur >> Gaussian Blur, kemudian ubah opacity Layer 1 menjadi 55%, sebenarnya langkah ini tidak harus digunakan, hanya untuk member kesan Soft saja.

Selesai, tinggal Save As aja gan… :D

Sublime Angel - Devon Aki (original creation ervyn - ilmugrafis.com)

Demikian gan manipulasi Photo cara yg sederhana saja yang sebenarnya ada cara yang lebih sulit, tapi saya pakai yang ini, cepat dan tidak repot… hehehehe…

Semangat gan, terimakasih semoga bermanfaat

Foto Efek Refleksi Air

2009-11-22T18:37:00.000-08:00

Tutorial Photoshop kali ini kita akan membuat efek foto refleksi air dan tidak ada hubungannya dengan pijat refleksi, cuma saya bingung nyari objek yg tepat ya akhirnya saya minta teman saya menjadi model saya dengan berbagai pertimbangan dan pemikiran serta menimbang dan menghitung dengan seksama dalam tempo yg sesingkat-singkatnya.. (halah bicaraku kok gak karuan gini yach..)

ok tanpa banyak omong ini Langkah2nya:
sebelum mencoba sebaiknya berdoa dulu dan siapkan cemilan yg banyak ya biar badan kenyang pikiran tenang,wkwkwk... pikiranku kok makan terus ya. :P.

1. Buka Foto yang akan dikasih efek air, Disini saya memakai teman saya (gpp ya fren aq pinjem fotomu)

kalo yg mau pakai foto ini silahkan Save As...

2. ok, pertama Duplikat layer dengan menekan CTRL + J dan hasilnya di layer pallete akan muncul Layer 1

3. sekarang perbesar ukuran kanvas... caranya: pada menu utama klik Image - Canvas Size... atau tekan CTRL + ALT + C pada keyboard
Setting seperti ini:

klik OK

lalu setelah itu pada menu utama klik Edit - Transform - Flip Vertical
lalu gunakan Move Tool (tekan V pada keyboard) dan geser gambar ke arah bawah sehingga kita mendapatkan hasil seperti ini:

yup lanjuuut ...

4. Sekarang Gabungkan 2 Layer dengan menekan Shift + Ctrl + Alt + E
setelah itu download source untuk efek filter Displace, extract file dan anda akan mendapatkan file bernama displace-filter.psd

Lalu gunakan Filter - Distort - Displace...

Tekan OK dan anda akan diminta membuka file untuk memenuhi efek filter ini, nah gunakan file yang telah anda download tadi barusan ( displace-filter.psd ) - open

5. Setelah itu anda akan mendapatkan foto yang anda edit bergelombang seperti air
nah kemudian tahan tombol CTRL lalu Klik kiri Layer 1 pas pada gambar sehingga terlihat seleksi di sekitar gambar Layer 1
jika anda belum mengerti apa artinya seleksi silahkan klik disini Seleksi Objek pada Photoshop - Select - Deselect - Inverse

Setelah itu klik kiri Layer 2 tepat pada teks area Layer 2
Lalu tekan add layer mask

hasilnya foto di setengah bagian atas tidak lagi bergelombang...

Sekarang gunakan Filter - Blur - Glausian Blur (pilih kekuatan setting 4.0) , lalu tekan OK

6. Lalu saatnya memberi sedikit sentuhan...
(kalo kurang puas sentuh layar monitor aja ya, wkwkwk...)

Caranya: Tekan dan Tahan tombol ALT lalu tekan klik new adjustment terus tekan dan pilih Hue / Saturation

muncul...

klik ok
lalu setting seperti ini

klik OK
Lalu setelah itu atur Opacitynya ke 25% atau tergantung feeling kalian... (karena tidak ada paksaan di dunia desain tergantung imajinasi anda)

Hasilnya:

atau bisa sedikit dimodif

Foto efek refleksi air
Selamat mencoba ..^_^

Foto Efek Mystery Horror

2009-11-22T18:36:00.000-08:00

Dalam Tutorial Photoshop kali ini kita akan belajar menggunakan beberapa teknik manipulasi untuk mendapatkan suatu desain yang berefek mystery horror. Ikuti langkah demi langkah di bawah ini:

Bahan racikan shotoshop [photoshop]
- Foto Britney

Bisa di Save As...

- Foto samurai

Bisa di Save As...

- Brush kaca [download here]
- Brush darah [download here]

+ Ketelatenan…. :D

Oke kita mulai ja:

1. pertama buka foto Britney dan lukai dengan menggunakan Burn Tool hingga lebam seperti pada gambar dibawah ini:

Gambar 1 - Britney Lebam

2. sekarang kita lukai juga leher dengan munggunakan burn tool juga, coman disini kita harus menggunakan bantuan navigator untuk membesarkan tampilan (sebelah kanan yang di lingkari), Juga kecilkan diameter dari burn tool,goreskan dengan berulang2, tujuannya agar goresan burn tool lebih tampak nyata

gambar 2

3. agar luka tadi semakin nyata (kasar) kita gunakan sharpen tool lihat gambar 3

gambar 3

4. untuk memberikan kesan gelap kita menggunakan curves (ctrl + M ) atur seperti pada gambar 4

gambar 4

5. sekarang pewarnaan pada mata: kalini kita menggunakan brush tool (sebelumnya jangan lupa tuk membuat layer baru dan namai dengan nama mata) dan gunakan warna merah (lihat gambar 5):

Gambar 5

6. setelah itu ganti blending mode (di pallet layer/yang dilingkari merah) ganti dengan color gambar 6.

gambar 6

7. oke sekarang kita masuk pada gambar pedang, kita seleksi dulu pedangnya (udah bisakan?? :D..) kemudian drag ke dalam gambar Britney tadi, atur sesuai dengan gambar, setelah itu kita hitamkan dengan menggunakan curves (kayak langkah 4)

8. setelah itu kita buat agar pedang seolah masuk ke dalam luka (hiiiiii…ngeri,,,,) dengan cara kita gunakan eraser tool untuk menghapus peedang yang menutupi luka tersebut, lihat gambar dibawah 7:

gambar 7

9. karena suasana jd makin serem... ok minum dulu ah…lantjutgan!!! (biar gak merinding wkwkwk)

10. sekarang kita akan membuat efek darah: buat layer baru (layer>new layer) kali ini kita gunakan alat (blood_brush ). Oya sebelumnya load dulu brush tersebut kedalam photoshop kita ( caranya udah ada di tutorial penggunaan brush, photoshop dasar). Pilih yang bentuknya kayak dibawah dan letakkan seperti pada gambar:8a

gambar 8a

11. sekarang kita putar dikit agar sejajar dengan pedang, dan hapus dengan eraser (kayak gambar dibawah) 8b:

gambar 8b

12. nah sekarang kita edit agar darahnya kayak darah vampire….kita menggunakan Layer > layer Style: atur sesuai dengan gambar dibawah ini:
color overlay

Bevel and Emboss

Drop shadow

Inner Shadow

Satin

13. oke lanjut ke air mata darah ( sama dengan langkah 10 – 12): lihat gambar 10 mata

gambar 10

14. sentuhan terakhir kita tambahkan efek kaca pecah (kita gunakan alat kita yang ke dua yaitu: shatter_glasss brush: pilih sesuai dengan seler/jangan lupa tuk ganti warna menjadi putih

15. hasil akhirnya kira2 kayak gini:

sekian tutorial sederhana saya….semoga menambah wawasan tuk selalu berkreasi!
warning: jika mendesain malam2,,, awas di belakang kalian ada... hihihi... (bcanda kok)
Salam desain…

Fire Man - Manusia Terbakar

2009-11-22T18:34:00.000-08:00

Tutorial Photoshop Kali ni kita akan membuat manusia api dengan racikan photoshop, dengan cara yang mudah dan sederhana: yuk ikuti langkah mudahnya dibawah ini:

1. siapkan foto yang akan di beri efek api, kemudian berikan efek curves ( Ctrl + M ) atur seperti pada gambar :

2. Kemudian kasih neon glow pada gambar ( filter > artistic >> neon glow ) atur sesuai gambar dibawah:

3 Setelah itu kita desaturate gambarnya ( image > adjustment >> desaturate ):

4. Setelah itu kita atur pencahayaan dengan brigthnes & contrase ( image > adjustment >> brightnes/contrast ) atur sesuai dengan gambar:

5. Sekarang duplicate backgroundnya ( layer > duplicate layer)
Aktif pada layer hasil duplikat tadi kemudian kita kasih efek glowing edges (filter > stylesh >> glowing edges..) atur sesuai dengan gambar:

6. Ubah blending modenya dari normal menjadi screen:

7. Setelah itu dengan menggunakan smudge tool (yang dilingkari merah), kemudian sapukan sesuai arah pada panah2 merah (ingat kita aktif pada layer background copy) lihat gambar:

8. Setelah itu kita kasih efek gausian blur pada background asli/yang bawah ( filter > blur >> gausian blur ) :
Pilih Radius 1.1 , OK

9. Oke sekarang kasihkan beberapa accesoriesnya J dengan lens flare ( filter > render >> lens flare ) kita atur tempatnya (ditangan) :

Dimata:

10. Oya agar api nantinya lebih berkobar kita tambahin coretan dengan brush (warna putih) seperti pada gambar:

11. Kemudian dengan smudge tool kita buat kayak tadi ( langkah 7) hasilnya:

Nah sekarang kita nyalakan apinya :
- ubah warna menjadi grayscale ( image > adjusment >> grayscale) ntar ada pemberitahuan di flaten/dijadikan satu gak layernya, pilih flatten aja:
- kemudian kita ubah lagi menjadi index color ( image > adjusment >> indexed color )
- terakhir kita kasih deh apinya dengan color table ( image > adjuments >> color table dan pilih black body) :

Hasilnya kira2 kayak gini nih: ….

manusia API - Fire Man (jadi inget Fantastic 4)

Selamat mencoba

LADY in the FIRE

2009-11-22T18:31:00.002-08:00

Tutorial Photoshop Kali ni kita akan membuat manipulasi foto sehingga tampak seolah - olah gambar object seseorang di dalam foto seperti dikelilingi oleh api... ini kebalikan dari "LADY in the WATER" hehehe...

Langsung mule aja gan, ini tuto saya bkin mirip sm yg saya posting gan.. smpai detilnya deh ya??? hehehe...

1. Bikin new page dulu gan sizenya mah terserah... backroundnya item ya...

2. Lalu buat new layer (Ctrl+Shift+N) lalu klik Brush tool kasih warna orange ya gan... kira2 jadinya kek gmbar dibawah ini

3 Abis ntu... [ Download image ] drag Render image yg ane sertain td gan... lalu potong tangan kanannya buat dikasihin tangan kiri kan g da gan jgn lupa di duplicate ya(Ctrl+J)... sesuain aj udah gan...

4. Trs buang bawahannya yg kepotong td gan... terus flatten deh (Layer >> Flatten Image) tar pasti nyatu tuh... kl udah gitu tinggal drag lg aj/masukin ke page yg pertama kita buat td gan..

5. Maih kerja di layer ini, tekan Ctrl+J gan.. udah gt ubah Blendingnya jd Color trs warnain neh layer pk warna orange kek yg diatas td gan

Biar kesannya panas beneran gan... mgkin da cara lain... tp saya jg lg blajar gan jd kita FreshTea aja (Ambil Enaknya aj...wkwkwk)

6. Ganti Backgroun n Foregroundnya jd Putih item gan...

7. Udah kan gan? Kita bikin new layer lg, sekarang kita buat apinya, kl udah bkin new layer lg.. Lalu klik Add a layer style trs pilih Outer Glow.

8. Abis itu bakalan muncul Docker Windows kek dibawah ini gan...

Klik pada kotak no. 1, ganti warnanya jd merah gan... lalu ubah Blendingnya jd HardLight.. lakukan hal yg sama pada inner glownya gan cm bedanya inner glow ini agan ganti warnanya jd orange...

9. Trs tinggal Replace brushnya ke brush api gan (rons__flames) trs tempatin aj sesuka agan tuh brushnya (maksudnya klik dimana yg mo dikasih api gan... wkwkwk) jadinya kek dibawah ini gan...
Download Brush Api 1 - rons__flames [ download disini ]
Untuk cara pemasangan brush pada photoshop sudah dijelaskan di Photoshop Dasar tinggal dicari aja gan tutorialnya

10. Aktipin Layer 1 gan... lupa td... wkwk...

Kalo udah aktip... bkin new layer lg gan... trs kasih efek kek yg diatas td... langkah2nya sama aj gan... otre?

Download Brush Api 2 - LadyVictoire_Flares [ download disini ]
Trs ganti brushnya ke “LadyVictoire_Flares_2” klik aj dibelakang pala tuh mantan saya... xixixi....

11. Lalu make New Layer lg gan... kasih efek yg sama lg

12. Download Brush Api 3 - SS-arcane-circles [ download disini ]
Trs ganti brushnya lg ke “SS-arcane-circles” gan klik ditengah2 mantan saya tadi gan... wkwkwk... udah deh jadi...

Hasilnya kurang lebih seperti ini:

LADY in THE FIRE (Saingannya LADY in THE WATER)
NB gan : Semuanya dah saya sertakan... jd agan g usah repot2 donlot brushnya... hehehe....

Selamat mencoba

Tutorial Membuat Teks Efek Fill Gambar

2009-11-22T18:31:00.001-08:00

Tutorial Kali ini kita akan mencoba membuat sebuah teks yang dalamnya berisikan sebuah gambar, sehingga teks terlihat lebih cantik.. he3...

Berikut Langkah-langkahnya:
1. Buat file baru
File > New dengan ukuran (Width : 450 px dan Height : 170 px)

2. Buat sebuah teks menggunakan HORIZONTAL TYPE TOOL
Hasilnya...

Kemudian Atur jenis Fonts dan Ukuran sesuai dengan selera kamu…
Disini saya menggunakan kata Digital dengan font Script MT Bold
Hasilnya:

Atau anda ingin font yang lain? bisa manfaatkan dengan search engine --> Keyword Download Fonts

3. Buka file gambar yang ingin kamu jadikan FILL dalam teks
Caranya: File > Open (pilih gambar) > Open Kamu bisa gunakan gambar apapun yang kamu suka.
disini anda bisa Gunakan Gambar ini sebagai latihan

Klik kanan gambar lalu pilih Save image As...
Atau gunakan gambar lain dengan mencari di searh engine... Keyword Wallpapers

4. Masukkan gambar yang sudah kamu pilih ke dalam layar kerja yang kita kerjakan tadi.
Caranya: Gunakan MOVE TOOL Klik Kanan + Tahan pada gambar > Tarik > Masukan Kedalam Layar kerja yang kita kerjakan. Atur ukuran gambar sehingga sesuai dengan ukuran Teks yang telah kamu buat

Pindahkan Gambar ke Kanvas Tulisan

5. Perhatikan pada WINDOW LAYER

Pastikan posisi Layer Gambar berada diatas Layer Teks
Tekan dan Tahan tombol ALT kemudian arahkan kursor diperbatasan antara Layer gambar dan Layer Teks (ditandai garis biru pada gambar diatas), jika posisi kursor telah pas otomatis kursor akan berubah (lihat simbol yg lingkari merah pada gambar diatas), kemudian kamu tinggal KLIK. Jika langkah kamu benar maka gambar akan masuk kedalam Teks
Hasilnya:

Digital By Irvan F

Terima Kasih

Selamat Mencoba dan Semoga Bermanfaat..

3 d Teks Blue Arts

2009-11-22T18:26:00.000-08:00

Tutorial kali ini agak extrim untuk dicoba tapi bagi anda yang menyukai tantangan dan hal - hal baru pasti bisa membuat 3 d (dimensi) teks blue arts...

Langkah -langkahnya:

1. Buka Program Photoshop - File - New
Setting Ukuran kanvas

2. Gandakan layer
Pada menu utama Pilih Layer - Duplicate Layer...
Setelah itu...

Ke menu utama lagi dan Pilih Layer - Layer Style - Blending Options

Nah akan muncul window dari Blending Option
- Centang dan pilih Color Overlay, pada pengaturannya:

Jangan di OK dulu... Berikutnya...

- Centang dan pilih Gradien Overlay, pada pengaturannya:

Nah setelah itu baru klik OK

Hasil Sementara

3. Tekan CTRL + T untuk memunculkan Properties Teks lalu atur seperti ini

Setelah itu klik huruf T pada window yang saya tandai merah di atas kemudian gunakan Teks Tool dan ketik terserah anda
Namun disini saya mengetik "desain" jd hasilnya:

4. Pemberian Efek
Ke menu utama dan Pilih Layer - Layer Style - Blending Options
- Centang dan pilih Inner Shadow, pada pengaturannya:

- Centang dan pilih Bevel and Emboss , pada pengaturannya:

- Centang dan pilih Gradien Overlay, pada pengaturannya:

- Centang dan pilih Stroke, pada pengaturannya:

Hasil Sementara

Klik kanan Layer Pallete dengan tulisan desain, lalu pilih Wrap Text...

Hasil Sementara

4. Kemudian gandakan Teks Layer lalu Clear The Layer Style, bingung???
- Caranya Pada menu utama Pilih Layer - Duplicate Layer...
Kemudian Klik Kanan Layer Copy tersebut dan pilih Clear Layer Style

5. Edit dengan Text Tool dan ubah warna dari teks Later Copy menjadi warna hexadecimal 072873

6. Setelah itu tekan dan tahan Tombol ALT + gunakan tanda arah panah kiri 3X dan bawah 3X
Kemudian Pindahkan Layer dengan tulisan desain ke urutan layer paling atas

Hasil Sementara

7. Pada desain copy 8
Gunakan Layer - Layer Style - Blending Options - Drop Shadow

Hasil Akhirnya:

3 d Teks Blue Arts

Namun dengan Sedikit modifikasi maka bisa dibuat seperti ini...

Bagi kalian yang ingin ngembangin tutorial sendiri bisa download source Filenya FREE dengan extension *.psd
pada layanan ilmugrafis.com

Semoga Bermanfaat
Terima kasih

Teks Efek Fantasy Oceans Sky

2009-11-22T18:22:00.001-08:00

Tutorial kali ini yaitu membuat Teks Efek Fantasy Ocean Sky yang menggambarkan Teks di antara benua fantasy yang indah...

Sebenarnya ini merupakan pengembangan dari teks efek reflektif yang ada di ilmugrafis.com juga jadi tanpa panjang lebar karena udah banyak yang gak sabaran mari kita mencoba membuatnya:

Langkah 1
- Jalankan Program Photoshop, lebih baik jika anda menggunakan Photoshop yang versi CS (Creative Suite) karena akan lebih mudah
- Buat lembar kerja baru
File -> New -> Ukuran kanvas 400 X 300 dan disini warna dari background adalah gunakan hexadecimal 03122f
help: Kode Warna Hexadecimal Dalam Desain Grafis
Hasilnya:

Langkah 2
- Ubah warna Foreground dengan 0958d9 dan Background dengan 03122f
- Buat Layer baru
Caranya: Tekan Shift + Ctrl + N
- Akses Menu Utama
Filter -> Render -> Clouds
- Ubah Blending Mode ke "Color Dodge"

Hasilnya:

Langkah 3
- Gunakan Horizontal Type Tool
Pengaturan:

Kemudian ketik:
LITTLE STARS
Hasilnya:

- Saatnya memberi effek
Akses Menu Utama pilih: Layer -> Layer Style -> Outer Glow

Kemudian klik Inner Glow

Hasilnya:

dan setelah itu klik kanan Layer Teks pada Layer Pallete dan pilih Duplicate Layer

Langkah 4
Atur Blending Options seperti ini

Hasilnya:

Tulisan jadi lebih bercahaya
setelah itu klik kanan Layer Teks pada Layer Pallete dan pilih Duplicate Layer lagi...

Langkah 5
- Akses Menu Utama pilih Edit -> Transform -> Flip Vertical
Kemudian gunakan Move Tool untuk menggeser ke bawah tulisan yang di FLip tersebut
Hasilnya:

Langkah 6
- Masuk ke Blending Option dan atur seperti ini

Hasilnya:

- Filter -> Blur -> Glaussian Blur
Atur Blur ke 1.1
Lalu OK

Langkah 7
- Gunakan Eraser Tool dan hapus separuh teks
Hasilnya:

- Duplicate Background Layer
Caranya: Klik kanan background layer lalu pilih duplicate layer

- Tambahkan Lens Flare
Caranya: Menu Utama
Filter -> Render -> Lens Flare
Pilih 105mm Prime

Silau MAN

- Edit Lens Flare
Caranya: Menu Utama
Edit - Fade Lens Flare

Penulis: "Fiuh... BERTAHAN Kawan... BERTAHAN... Hampir Selesai... :-P "

Hasilnya:

Selesai,,, namun disini anda bisa sedikit berkreasi dengan menggunakan Brush Tool
dan brushing saja sehingga mendapatkan Gambar -Gambar layaknya benua biru

Hasilnya:

Fantasy Oceans Sky

Selamat mencoba....
Semoga Bermanfaat
Terima kasih

Teks Efek Creative Mistery

2009-11-22T18:20:00.000-08:00

Nih…. tutorial texs dengan efek misteri buat temen-temen yang lagi pada belajar photoshop sama kaya saya juga….silahkan di coba…

1. Langkah awal siapkan lembar baru dengan background warna hitam.
2. Gunakan Type Tool dan mulailah menulis kalimat yang kamu inginkan, disini saya menggunakan
Font Bill Hicks jika belum punya silahkan download dahulu, tulis Teks dengan warna merah
Hasilnya:
.

3. Klik menu Image – Rotate Canvas – 90 0 CW dan akhirnya posisi texs menjadi miring.
4. Setelah texs dalam keadaan miring klik Filter – Stylize - Wind

Dan hasilnya seperti gambar di bawah ini.

5. Nah kalo udah begini kita kembalikan posisi nya seperti semula dengan cara

Image – Rotate Canvas - 90 derajat CCW.

6. Setelah itu kita gunakan layer style dan pilih Bevel and Embos.

Dan hasilnya seperti gambar di bawah ini.

7. Beri Gradient hitam agar texs lebih terlihat sangar..

Untuk hasil yang sempurna bisa kita tambahkan gambar – gambar yang seram-seram agar terlihat lebih misteri..

SELAMAT MENCOBA….

Teks Terbakar - Fire Burning Text Effect

2009-11-22T18:19:00.000-08:00

Kali ini kita akan BELAJAR membuat teks yang terbakar. Langsung ae.. ikuti langkah-langkahnya berikut ini

Tutorial Photohop ini diarsipkan di ilmugrafis dalam kategori Teks Effect

1 Buat document baru 800 x 600 Pixel

2. Birikan warna Background hitam, kemudian buat teks hingga seperti gambar

3. Kemudian restireze teks dengan cara klik kanan pada layer teks dan pilih restireze, lihat gambar:

4. Kemudian berikan efek wind (Klik Menu Filter > Stylis > Wind ),
atur sesuai gambar: kemudian ulangi lagi efek wind ato bisa langsung tekan Ctrl + F 2x ( untuk mengulangi efek yang terakhir digunakan )

5. Berikan efek wind lagi ( ulangi langkah no 4 ) bedanya pada pengaturan direction (from the right dan from the lift).

Hasilnya kira-kira seperti ini:

6. Ok sekarang kita putar 90 cw ( klik edit > transfrom > rotate 90 derajat cw ) seperti ini:

7. Nah sekarang kita kasih lagi efek wind (ulangi langkah 4 dan 5 ). Hasilnya:

8. kita rotate kembali agar kembali kesemula yaitu (Klik Edit > Transfrom > Rotate 90 derajat Ccw )

9. Kini tinggal ngasih deh apinya, siapkan korek ya hehe…
sebelumnya kita ubah mode warna ke Grayscale ( klik image > mode > grayscale ), lalu kita ubah lagi ke indexed color ( klik image > mode > indexed color ),

10. Terakhir kita sulut deh apinya dengan color table ( Klik Image > Mode > Color Table ), dan atur sesuai dengan gambar:

HAsilnya Akhirnya:

Awas kebakaran mas!!! Jauhkan dari anak kecil…hehe…

Tutorial Photohop ini diarsipkan di ilmugrafis dalam kategori Teks Effect

SELAMAT MENCOBA….

Terima kasih

Cara Membuat Tulisan Animasi/Gerak

2009-11-22T17:59:00.000-08:00

Sesuai permintaan dari sahabat, cara pembuatan efek tulisan bergerak (animasi) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop :

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3
* Jika Anda menggunakan versi Photoshop 7 hingga CS:
Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).

* Jika Anda menggunakan versi Photoshop CS3:
Pilih menu Window > Animation

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.

Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6
Klik icon Duplicate current frame.

Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8
Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.

Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

Pada kotak dialog ini, kita bisa mengatur:

* Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
* Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
* Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
* Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9
Klik icon Plays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.

Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.

Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 1 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar berikut ini :

Berikut Ini adalah banner Gudang-Info.com, mungkin ini bisa menjadi bahan dan tujuan belajar Anda :

Mengedit Web dengan Dreamweaver

2009-11-10T15:29:00.000-08:00

By Slamet Riyanto

Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih praktis dibandingkan harus membuat kode html.

Ketika dokumen Adobe Photoshop (download: situs_bisnis.zip) tersimpan dalam bentuk web maka secara otomatis akan membuat tag html sendiri sehingga tidak perlu bersusah payah mengetik kode html. Anda dapat membuktikan sendiri seperti nampak pada gambar berikut.

1. Mengubah Objek menjadi Background

Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.

Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).

Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.
Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah teks New Product.
Pada bagian Properties, tertulis Src = images/index_26.gif. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.
Klik pada Background URL of cell untuk memilih gambar yang akan dijadikan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_26.gif maka gunakan file tersebut sebagai latar belakang.
Ketikkan images/index_26.gif pada kolom Bg.
Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar.

2. Memasukkan Objek

Objek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan objek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih objek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasukkan objek berupa teks.

Letakkan kursor pada tempat yang akan ditambahkan teks.
Pada penel Properties, aturlah beberapa spesifikasi seperti nampak pada gambar berikut.
Ketikkan beberapa kalimat yang berisi berita, kemudian aturlah format teks tersebut seperti nampak pada gambar berikut.
Anda bisa memasukkan image di antara teks tersebut. Untuk melakukan hal itu, pertama kali letakkan kursor di awal paragraf kemudian pilih menu Insert > Image.
Pilih file gambar yang akan dimasukkan dalam dokumen tersebut.
Apabila berhasil memasukkan gambar, maka akan terlihat objek tersebut berada di depan paragraf. Namun posisinya masih kurang sempurna karena susunan teks terdorong oleh gambar tersebut.
Agar tampilan lebih rapi, Anda dapat mengatur posisi gambar sehingga seluruh teks akan berada di sebelah kanan gambar. Untuk melakukan hal tersebut, pada panel Properties pilih Left untuk Align.

MEMBUAT LINK DAN NAVIGASI

Menu yang mudah digunakan (user friendly) dapat membantu pengguna ketika mencari informasi yang dibutuhkan. Sebaiknya menggunakan tombol menu yang umum, seperti: Home, Product, Service, dan Contact Us

Dalam Macromedia Dreamweaver, kita membuat Pop-up Menu, dan Jumping Menu secara mudah. Anda tidak bersusah payah menuliskan script yang panjang dalam bahasa Javascript karena telah disediakan tool yang sangat mudah dan fleksibel.

1. Membuat Pop-up Menu

Keunggulan software Macromedia Dreamweaver dibandingkan dengan aplikasi lain yang sejenis adalah adanya tool untuk membuat menu pop-up yang dibuat dengan bahasa Java. Bagi mereka yang masih awan dengan bahasa Java, tidak perlu bingung karena disediakan panel Behavior untuk mempermudah dalam pembuatan menu pop-up.

Sebelum membuat pop-up menu terlebih dulu harus menyiapkan nama file sebagai link. Sebagai contoh: ketika user memilih menu PC maka yang akan muncul adalah pilihan nama computer seperti Acer, HP, BenQ, dan lain sebagainya. Dan ketika user memilih salah satu opsi (missal: Acer) maka akan terhubung ke file tersebut.

Dengan demikian, Anda harus membuat beberapa file dengan bentuk interface yang sama seperti halaman utama, yaitu menyimpan dengan nama lain (contoh: Save As > acer.html). Diasumsikan, Anda telah memiliki beberapa file sebagai link yang dimaksud.

Pertama kali, klik menu PC.
Jika panel Behaviors belum muncul, aktifkan terlebih dulu dengan cara memilih menu Window > Behaviors.
Pada panel Behaviors (berada di sebelah kanan), klik tombol Add (tanda plus) untuk membuka menu.
Selanjutnya pilih Show Pop up Menu.
Setelah mengklik pilihan tersebut, maka akan muncul kotak dialog Show Pop-up Menu yang masih kosong.
Pada Tab Contents, masukkan nama menu pada kolom Text (misal: Acer).
Kemudian masukkan alamat URL pada kolom Link.
Selanjutnya pada kolom Target, pilih _parent.
Untuk membuat menu yang baru, klik tanda plus (+) di bagian atas. Kemudian lakukan hal sama seperti pada tahap 6.
Selanjutnya, klik Tab Appearance untuk mengatur warna teks dan latar belakang pop up menu. Tentukan jenis dan ukuran font yang digunakan. Lalu tentukan pula warna teks dan warna cell ketika mouse berada di atas teks.
Klik Tab Advanced untuk menentukan lebar, tinggi dan warna border kotak pop up menu.
Klik Tab Position untuk menentukan posisi pop up menu.
Setelah selesai klik OK. Untuk melihat hasilnya, klik tombol F12.
Untuk mengasah keterampilan Anda, buatlah pop-up menu pada tombol lain.

2. Membuat Rollover Image

Macromedia Dreamweaver selain menyediakan tool untuk membuat Pop up Menu juga menyediakan tool untuk membuat Rollover Image sebagai tombol. Yang harus Anda lakukan pertama kali adalah menyediakan dua buah gambar yang ukurannya sama tapi warnanya berbeda.

Buatlah duplikasi gambar tombol yang telah ada.
Kemudian editlah file hasil duplikasi tersebut menggunakan Adobe Photoshop. Pilih menu Image > Adjustment > Hue/Saturation.
Setelah muncul kotak dialog Hue/Saturation, aktifkan pilihan Colorize. Kemudian geser Slider Hue maupun Saturation sesuai kebutuhan. Setelah selesai klik OK, simpan dokumen tersebut dengan cara menekan Ctrl+S.
Sekarang kembali ke Macromedia Dreamweaver. Klik gambar About Us.
Hapuslah objek tersebut dengan cara menekan tombol Del. Selanjutnya pilih menu Insert > Image Objects > Rollover Image.
Setelah muncul kotak dialog Insert Rollover Image, berilah nama gambar pada kolom Image name kemudian tentukan gambar asli pada kolom Original Image. Untuk mempermudah pencarian file, klik tombol Browse. Tentukan pula file untuk gambar rollover pada kolom Rollover Image.
Masukkan teks alternat pada kolom Alt, lalu tentukan nama file sebagai link ketika tombol tersebut di klik.
Untuk melihat hasilnya, tekan tombol F12.

Cara Membuat Menu Flash Menggunakan Dreamweaver

2009-10-28T03:12:00.000-07:00

Saya akan membagikan kembali sebuah tutorial mengenai pembuatan menu untuk website. Kali ini yang akan saya paparkan adalah bagaimana cara membuat menu flash menggunakan Dreamweaver. Tutorial tersebut akan saya kupas pada bagian pertama yaitu postingan yang sedang Anda buka sekarang. Pada bagian kedua, saya juga akan menjelaskan langkah-langkah memasukkan flash menu tersebut ke dalam blog Anda yang di blogspot. Bagi pembaca yang mungkin baru mendengar tentang Dremaweaver, saya sarankan untuk membaca postingan mengenai Dreamweaver disini.
Berikut langkah-langkah yang akan kita lakukan untuk membuat menu flash dengan Dreamweaver:

Buka program Macromedia Dreamweaver dari komputer Anda.
Buatlah sebuah dokumen baru dengan jenis misalnya HTML. Pilih menu File -> New, kemudian pilih kategori Basic Page dan gunakan tipe HTML.
Simpan terlebih dahulu dokumen tersebut. Beri nama misalnya "menu_flash.html". Saran saya, simpanlah di dalam sebuah folder baru, beri nama folder misalnya "menu".
Masuklah ke dalam layar design.
Pilih menu Insert -> Media -> Flash Button, maka akan muncul sebuah kotak dialog pembuatan tombol flash yang akan digunakan sebagai menu pada website.
- Sample. Menunjukkan preview dari tombol flash yang kita pilih.
- Style. Bentuk dari tombol yang kita bisa kita pilih. Sebagai contoh kita pilih "Slider".
- Button Text. Tulisan yang terlihat pada tombol. Sebagai contoh kita tulis "Home".
- Font. Jenis huruf dari button text.
- Size. Ukuran huruf dari button text.
- Link. Alamat URL yang akan dituju bila tombol menu flash tersebut diklik. Anda bisa memilih halaman/dokumen dari website yang sedang Anda desain pada komputer Anda dengan mengklik tombol Browse. Pada contoh ini kita akan me-link kan ke halaman luar misalnya: "http://www.banditbatak.com". Tuliaslah URL tersebut pada isian Link.
- Target.Untuk memilih target halaman ketika menu tersebut diklik.
- Bg color. Memilih warna background dari tombol flash yang sedang kita buat. Pilihlah transparent dengan mengklik tombol kecil yang berdiagonal warna merah.
- Save as. Nama file flash yang sedang kita buat. Simpanlah dengan nama misalnya "home.swf"
Setelah semua dirasakan cukup dan benar, klik tombol Save.
Pada dukumen kerja Dreamweaver akan muncul tombol flash menu yang telah kita buat tadi.
Kita bisa menambah menu flash baru disamping menu Home yang telah kita buat tersebut. Misalkan kita ingin membuat menu lain yang letaknya sejajar dengan menu Home tersebut sehingga tampil secara horizontal. Terlebih dahulu letakkan pointer di sebelah kanan tombol flash menu Home, kemudian lakukan hal yang sama seperti membuat menu flash dengan nama Home tersebut dari langkah 5 -6. Sebagai contoh saya membuat menu flash baru bernama "Tutorial Website" dengan link : "http://tutorial-website.blogspot.com" dan saya simpan dengan nama "tutorial_website.swf". Hasilnya akan tampak seperti gambar di bawah ini.
Di dalam folder "menu" yang Anda jadikan sebagai tempat menyimpan dokumen "menu_flash.html" tadi telah bertambah 2 buah file flash yang bernama home.swf dan tutorial_website.swf
1. Buka kembali file "menu_flash.html" dengan menggunakan program Dreamweaver pada komputer Anda.
2. Jika Anda masih berada pada layar Design, silahkan berpindah ke layar Code untuk melihat code HTML dari flash menu yang telah kita buat.
3. Perhatikan gambar di bawah ini. Struktur yang yang dimulai dari tag <object>sampai </object> merupakan stuktur HTML untuk 1 buah tombol menu flash yang telah kita buat (menu Home). Agar lebih jelas, kode untuk 1 buah tombol menu flash tersebut adalah yang diberi pembatas garis warna merah tua pada gambar di bawah (baris 22-26). Selanjutnya, struktur yang serupa yang berada di bawahnya yang dimulai dari tag <object> sampai </object> merupakan kode HTML untuk tombol menu flash yang kedua menu (Tutorial Website). Kode-kode tersebutlah yang nantinya akan kita masukkan ke dalam template blogspot.
4. Karena kita mendesain tombol menu flash tersebut pada komputer pribadi kita, maka kita perlu memasukkan terlebih dahulu file flash tombol menu yang telah kita buat tersebut ke internet agar bisa digunakan secara online. Pada folder "Menu" yang kita jadikan untuk dokumen Dreamweaver bisa kita lihat 2 buah file flash tombol menu, yaitu home.swf dan tutorial_website.swf. File flash tersebutlah yang harus kita upload ke internet. Anda boleh meng-upload ke server hosting mana saja.
5. Sekarang perhatikan kode HTML untuk salah satu menu flash di bawah ini.
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34"> <param name="movie" value="file:///C|/Users/NESTORIKO/Documents/menu/home.swf" /> <param name="quality" value="high" /> <embed src="file:///C|/Users/NESTORIKO/Documents/menu/home.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed> </object>
  Kode yang diberi warna merah merupakan lokasi file flash tombol menu (menu Home) tersimpan pada komputer kita. Karena kita ingin menggunakan file flash yang telah kita simpan secara online, gantilah kode merah tersebut dengan URL file flash tombol menu yang telah kita hosting-kan.
6. Lakukan langkah 5 tersebut untuk menu lainnya, yaitu menu Tutorial Website sehingga kode keseluruhan untuk kedua menu flash tersebut adalah:
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34"> <param name="movie" value="http://domainhosting.com/home.swf" /> <param name="quality" value="high" /> <embed src="http://domainhosting.com/home.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="147" height="34"> <param name="movie" value="http://domainhosting.com/tutorial_website.swf" /> <param name="quality" value="high" /> <embed src="http://domainhosting.com/tutorial_website.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="147" height="34" ></embed> </object>
  Ingat, ganti kode yang diberi warna merah dengan URL dari file flash tombol menu yang telah Anda hosting-kan
7. Sekarang buka blogger.com, kemudian login untuk masuk ke dalam akun blogspot Anda.
8. Klik link Tata Letak kemudian pilih sub tab menu Edit HTML
9. Silahkan backup terlebih dahulu template pembaca agar jika terjadi kesalahan bisa mengembalikannya kembali. Untuk melakukannya silahkan klik link Download Template Lengkap pada bagian Backup/Restore Template.
10. Beri centang pada kotak kecil disamping tulisan Expand Template Widget.
11. Carilah kode berikut pada template pembaca tersebut:
  <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> </div>
12. Copy paste stuktur HTML dari menu flash yang ada pada langkah 6 tepat di bawah kode yang Anda temukan pada langkah 11 di atas.
13. Klik tombol SIMPAN TEMPLATE
Silahkan klik di sini untuk melihat contoh hasilnya. Jika masih ada langkah yang belum dipahami, silahkan bertanya melalui kolom komentar ya..Saya tunggu loh.. :D

Tutorial membuat Header Blog Animasi

2009-07-04T00:51:00.001-07:00

Pada tutorial kali ini gambar yang di animasikan adalah Header Blog ini hasil editan dengan menggunakan Photoshop dengan ukuran 525 x 120 pixel silakan kamu copy gambar diatas yang nantinya akan di gunakan pada tutorial ini. Untuk selanjutnya apabila sudah paham cara membuat header animasi silakan kamu masukan gambar header blog kamu dengan ukuran sesuai dengan yang kamu inginkan.

Langkah pertama jalankan program macromedia flash 8. Kemudian klik File>New.

Kemudian klik File>Save As, pilih Folder di komputer kamu kemudian masukan nama pada kolom file name dengan nama “Header” lalu klik tombol Save.

Langkah selanjutnya adalah meng-Import gambar hasil editan kamu ke flas, Klik import>Import to stage.

Kemudian pilih gambar yang akan di import, lalu klik Ok

Gambar untuk Header berhasil di import

Langkah selanjutnya memasukan gambar kedalam Library, klikanan pada gambar kemudian pilihConvert to Symbol

Kemudian akan muncul jendela seperti ini. Isikan Name dengan “gambar 1, Type pilih Movie Clip, kemudian Klik OK.

Klik icon New Layer. Icon ini berfungsi untuk membuat layer baru pada frame.

Klik Window>Library, untuk memunculkan library.

Library berhasil di tampilkan, klik pada huruf library untuk memunculkan symbol yang tadi telah kita masukan.

Klik Frame/layer kemudian pindahkan symbol kedalam stage dengan cara klik kemudian tahan lalu geser ke stage

Frame masih dalam keadaan terpilih, kemudian geser gambar dengan menekan tanda panah pada keyboard kebawah, kesamping , dan keatas supaya gambar bertumpuk.

Gambar berhasil digeser, tetapi gambar bagian atas terlihat lebih menjorok kebawah di bandingkan gambar bagian bawah (tidak presisi dengan gambar yang di bawah)

Langkah selanjutnya adalah merubah ukuran layout/stage, klik size kemudain akan muncul jendela seperti gambar diatas, isi dimensions dengan width 525 dan height 120. Klik Ok

Kemudian Block kedua gambar, lalu geser dengan menekan tanda panah pada keyboard sampai pas dengan layout.

Gambar berhasil digeser.

Klik icon new layer/frame.

Sekarang kita akan membuat sebuah kotak yang nantinya di jadikan sebagai mask. Klik Rectangle tool

Buat sebuah kotak vertical disamping gambar dengan cara klik pada mouse keudian tahan lalu geser kesamping dan kebawah. Ingat frame/layer yang terpilih harus layer 3

Seperti terlihat pada gambar, kotak berhasil kita buat. Langkah selanjutnya adalah memasukan kotak tadi kedalam library, caranya sama seperti pada langkah sebelumnya : Klik kanan pada kotak, kemudian akan muncul jendela seperti terlihat pada gambar. Kemudian isi kolom Name dengan 1, Type pilih Movie Clip, lalu klik Ok.

Selanjutnya kita akan menggerakkan/menganimasikan kotak tadi ke sebalah kanan. Caranya klik pada frame ke 100 pada layer 3 kemudian tekan shift pada keyboard dan tahan kemudian klik lagi layer 2, dan layer 1. Setelah itu kemudian tekan F5 pada keyboard.

Klik layer 3 kemudian pada frame layer 3 klik kanan pilih Create motion tween. Motion ini berfungsi agar animasi tadi bergerak halus.

Klik pada frame 40 kemudian tekan F6 pada keyboard.

Selanjutnya klik pada frame 100 kemudian tekan F6 pada keyboard, kemudian geser kotak kesebelah kanan.

Seperti terliahat pada gambar kotak tadi berhasil di geser kesebelah kanan.

Selanjutnya sekarang kita akan menjadikan kotak tadi menjadi mask. Caranya klik kanan pada layer 3 kemudian pilih Mask.

Terlihat pada layer muncul icon gembok, artinya kotak tadi sudah menjadi mask, munculkan lagi kotak tadi dengan mengklik icon gembok pada layer.

Selanjutnya sekarang kita akan melihat animasi yang telah kamu buat tadi. Caranya klik Control>Test Movie.

Animasi yang anda buat berhasil dimunculkan.

Selanjutnya sekarang kita akan mempublish animasi tadi menjadi file .swf, caranya klik File>publish settings

Setelah muncul jendela seperti pada gambar, kemudian pilih flash, pada JPEG quality geser slide ke angka 100, dan klik OK.

Sekarang Header animasi yang kamu buat sudah di publish menjadi .swf,untuk melihatnya kamu periksa folder tempat file ini kamu simpan, kemudian klik file Header.swf

:> Download File Tutorial ini

Membuat Tulisan Bergaya Grunge Abstrak dengan Tekstur Logam Berkarat

2009-07-03T21:07:00.001-07:00

Pada tutorial ini, kita akan menerapkan beberapa langkah dalam membuat tipografi bergaya Grunge abstrak menggunakan tekstur logam berkarat dengan Photoshop.

Inspirasinya sih ... penulis dapatkan ketika penulis lagi jalan-jalan di dunia kita nee ... (sok aksi...he...he...)
Baik ... mari kita bersama-sama menelusuri teknik Blending Layer, macam-macam filter, dan metode pembuatan tulisan dengan efek 3D yang menarik. Simak baik-baik .... jangan lupa kopi dan some cigar .. OK ?

Sudah lihat ..? Bagus tidak ?
Lanjut .....

Langkah 1

Download gambar Grungy di bawah ini, lalu buka di Photoshop. Kita akan membuatnya sebagai latar belakang (background) dari latihan kita kali ini.
(Klik pada gambar untuk memperbesar, lalu klik kanan dan pilih Save As ....
Simpan di kotak harta karun anda ...)

Putar canvas dengan ukuran 90 derajat searah jarum jam. Klik Image > Rotate Canvas > 90 degree CW.
Kita bisa menambahkan sedikit noise pada latar belakang gambar dan membuatnya tampak lebih grungy. Untuk melakukannya, buat duplikat dari layer background (klik Layer > Duplicate Layer... lalu beri efek noise pada layer hasil duplikat tadi (kita beri nama layer ini "Background copy", lalu tempatkan di atas layer "Background").
Klik Filter > Noise > Dust & Scratches.
Atur parameternya seperti pada gambar berikut :

Ubah blending mode-nya menjadi "Overlay" (berada pada window Layers), maka hasilnya akan terlihat seperti ini :

Langkah 2

Buat duplikat dari layer "Background copy" tadi (kita beri nama "Background copy 2"), klik Filter > Sharpen, pilih Smart Sharpen. Atur nilai-nilainya seperti gambar berikut :

Biarkan blending mode dari layer ini pada "Overlay". Maka hasilnya kelihatan seperti ini :

Langkah 3

Buat duplikat dari layer "Background copy 2" (akan bernama "Background copy 3"). klik Filter > Stylize, pilih Glowing edge dan pakailah pengaturan berikut :

Biarkan blending modenya pada posisi "Overlay". Maka hasilnya akan seperti pada gambar di bawah ini :

Setelah itu, klik Image > Adjusments dan pilih Black & White ....
atau anda bisa menekan tombol Ctrl+Shift+Alt+B. Atur parameternya.

Akan terlihat .....

Langkah 4

Buat duplikat dari layer "Background copy 3" (akan bernama "Background copy 4").
Ubah blending mode-nya menjadi "Screen", maka hasilnya akan seperti gambar berikut :

Untuk menambahkan sedikit kedalaman warna, kita akan memakai pengaturan Black & White pada layer ini. Klik Image > Adjusments dan pilih Black & White .... (tekan tombol Ctrl+Shift+Alt+B) dengan pengaturan seperti pada gambar berikut :

Hasilnya ....

Langkah 5

Masih pada layer "Background copy 4", pakailah Eraser Tool (tekan tombol E) dengan ukuran brush yang besar dan dengan pinggiran yang halus. Klik kanan pada area kerja, geser slider Master Diameter-nya menjadi lebih besar, lalu geser slider Hardness-nya menjadi 0%.
Anda juga bisa merubah ukuran pengaturannya pada bagian menu Brush Tool (Di bawah Menu Bar) dengan merubah nilai Brush, Opacity, dan Flow. Lalu hapus bagian yang menutupi area warna kuning keemasan dari layer di belakangnya. Kira-kira hasilnya akan seperti ini :

Ubah blending mode-nya menjadi "Color", dan hasilnya akan seperti ini ...

Langkah 6

Kembali ke layer "Background copy 3". Gunakan Eraser Tool seperti pada Langkah 5. Kali ini hapus bagian tengah dari layer. Lihat hasilnya:

Langkah 7

Sekarang ... mari kita buat tulisan di atas layer-layer background tadi. Layer ini seharusnya berada paling atas pada window Layers.

Jika anda sudah merasa yakin dengan teks tersebut, Klik Layer > Rasterize > Type. Ubah blending mode menjadi "Hard Light". Beri beberapa efek blending dengan cara Klik Layer > Layer Style > Blending Options ....
Aturlah beberapa efek tersebut seperti pada gambar berikut ....
(Pastikan efek yang anda rubah diberi tanda centang !)

Drop Shadow :

Bevel and Emboss:

Texture

Gradient Overlay:

Maka seharusnya hasilnya akan terlihat seperti ini ...

Buat duplikat dari layer teks tadi sebanyak 7 sampai 8 kali. Biarkan blending mode dari tiap layer tadi pada posisi "Hard Light". Akan terlihat tulisan yang lebih dalam dan padat seperti gambar berikut ...

Gabungkan 7 sampai 8 layer tadi dengan cara : Pilih ke 8 layer tadi, lalu tekan Ctrl E. Beri nama layer yang telah digabungkan tadi dengan nama "Teks".

Langkah 8

Pastikan blending mode dari layer "Teks" tadi pada posisi "Hard Light", buat duplikatnya, lalu beri filter Gaussian Blur pada layer hasil duplikat (Layer "Teks copy 2").
Klik Filter > Blur > Gaussian Blur ...
Atur nilainya ...

Setelah itu, buat duplikat dari layer "Teks copy 2" (akan bernama "Teks copy 3"). Beri efek overlay warna putih dengan Color Overlay. Klik Layer > Layer Styles > Color Overlay.
Atur parameternya ...:

Lalu masih pada layer ini juga, hapus beberapa bagian dari teks secara berhati-hati dengan menggunakan penghapus (Eraser Tool) sehingga akan tampak seperti gambar berikut ....:

Langkah 9

Untuk memberikan sedikit cita rasa pada gambar, kita bisa memberikan efek "awan" dengan membuat layer baru di antara layer Teks dan layer Background. Beri nama layer "Awan".
Gunakan Lasso Tool dengan ukuran feather 40px untuk membuat seleksi pada layer tersebut. Tekan tombol D. Lalu klik Filter > Render > Clouds.

Agar awan tersebut tidak terlihat rata, kita dapat membuat duplikat dari layer awan tadi dan ubah mode blendingnya menjadi "hard light".
Berikut contoh haslnya ....:

Bagus bukan ....? Ya iya laah ....
Anda bisa menambahkan sendiri beberapa tekstur, filter atau mengatur blending modenya.

OK. Sekian tutorial kita kali ini. Semoga bermanfaat !!
Beri support atau komentar biar penulis bisa membuat tutorial yang lebih bagus lagi yach ..

Berikut ini hasil akhir dari percobaan yang penulis lakukan. (Saya tambahkan sedikit radial blur, dan mengatur sedikit "colour balance" )

Membuat Efek Ledakan Meteor pada Teks

2009-07-03T20:48:00.000-07:00

Pada postingan terdahulu, kita telah bersama-sama berlatih Membuat Tulisan Bergaya Grunge Abstrak dengan Tekstur Logam Berkarat. Sekarang, masih dalam kategori Tipografi, kita akan bersama-sama berlatih membuat teks yang diberi efek ledakan meteor. (Benar nggak ya judul postingan ini ..? Biar deh ... pokoknya gitu lah ...)
Baik ! Berikut ini ulasannya

Langkah 1

Pertama-tama, buat dokumen baru dan isi warnanya dengan warna abu-abu gelap.

Langkah 2

Buat layer baru, namai dengan "Awan". Gunakan Lasso Tool (Tekan tombol L), buat seleksi seperti yang telah saya buat pada gambar di bawah ini. Untuk membuat beberapa seleksi dalam satu layer, drag Lasso Tool di tempat lain sambil menekan tombol Shift.
Atur background color dengan warna abu-abu terang dan foreground color dengan warna hitam (black).(Deretan toolbar sebelah kiri layar, kira-kira berada di deretan bawah).
Buat awan dengan klik Filter > Render > Clouds.
Setelah itu, tuju pada menu Images > Adjusments > Levels, dan ubah input dan output levelnya hingga kira-kira warna awan itu tidak terlalu gelap dan tidak terlalu cerah. (Lihat cara dan pengaturannya pada gambar berikut)

Langkah 3

Buat layer baru lagi, beri nama "Awan 2". Ulangi lagi langkah nomor 2, tapi yang ini beri warna lain, misal biru atau hijau. Buatlah awan tersebut dengan ukuran yang lebih kecil, dan lebih terang dari layer "Awan".

Langkah 4

Sekarang kita akan berpindah ke Adobe Illustrator untuk membuat Teks. Karena dengan software ini kita bisa membuat teks dengan efek 3D. Kita juga bisa membuatnya di Corel Draw. Namun yang kita bahas kali ini adalah pembuatan teks 3D dalam Illustrator.
Baiklah.... Buka Adobe Illustrator anda. Buat dokumen baru sembarang ukuran, lalu buatlah teks/tulisan dengan tulisan dan font menurut selera anda. Sudah ...?
Kalau sudah, sekarang kita akan membuat teks 3D tersebut. Tuju pada menu Effect > 3D > Extrude and Bevel. Putar obyek teks tersebut dan ubah perspektifnya. Anda bisa menggunakan settingan yang telah saya pakai di bawah ini.

Langkah 5

1. Kopikan 3D teks tadi dan paste di Photoshop (Dengan asumsi anda menggunakan Adobe Illustrator). Untuk yang pembuatannya di Corel Draw, import hasil kerja anda dengan format .psd dengan background transparan, lalu buka di Photoshop.

2. Letakkan di atas semua layer tadi (beri nama layer "Teks"), dan posisinya kira-kira di tengah layer. Berikan sedikit Noise (klik Filter > Noise > Add Noise)

3. Ubah Layer Style-nya. Yang pertama adalah Bevel and Emboss (Klik Layer > Layer Style > Bevel and Emboss). Setelah itu Gradient Overlay (Klik Layer > Layer Style > Gradient Overlay).

Langkah 6

Buat duplikat dari layer "Teks". Beri nama "Teks 2", dan beri efek Motion Blur (Filter > Blur > Motion Blur). Pada kolom Angle, beri nilai -53, Distance : 0 s/d 15.
Ubah blending mode layer menjadi "Linear Dodge" atau "Add". (Berada dalam window Layers)

Buat folder baru dalam layer window dan masukkan layer "Teks" dan "Teks 2" ke dalamnya. Beri nama folder "Teks"

Langkah 7

Buat layer baru, dan ulangi lagi "Langkah 2". Kali ini buatlah seleksi seperti pada gambar di bawah ini.

Langkah 8

Membuat API

1. Buat layer baru dan beri nama "Fire1"
2. Buat seleksi dengan Elliptical Marquee Tool (tekan tombol M)
3. Atur background color dengan warna abu-abu terang dan foreground color dengan warna hitam (black).
4. Buat awan seperti pada Langkah 2
5. Ubah kekontrasan warnanya dengan menu Image > Adjusments > Levels
6. Ubah juga nilai Hue/Saturation nya (tekan tombol Ctrl+U). Beri tanda centang pilihan Colorize. Atur hingga warnanya mendekati warna orange atau orange agak kekuning-kuningan.
Lihat gambar di bawah ini ....

Langkah 9

Buat layer baru, kita namai "blazes". Gunakan efek seperti langkah 8. Setelah itu buat duplikat layer "blazes", beri nama "flames". Buatlah folder baru dan masukkan layer Fire1, Blazes, dan Flames ke dalamnya, dan beri nama folder "Fire". Letakkan folder ini di atas folder "Teks"

Langkah 10

Pilih layer "Blazes" dan tuju pada menu Filter > Liquify (tekan tombol Shift+Ctrl+X ). Pada window Liquify yang muncul, pilih tombol Turbulence Tool (tekan tombol T). Sekarang, pada beberapa sisi/bagian api tersebut, mulailah membuat beberapa efek jilatan api (lihat gambar) dengan menggeser-gesernya ke arah yang anda inginkan (seperti pada penggunaan Smudge Tool).

Langkah 11

Baiklah, kini mari kita buat sedikit perubahan pada layer jilatan api di atas. Tuju pada menu Edit > Transform > Warp dan ubah arah jilatan apinya hingga kira-kira seperti gambar di bawah ini. Setelah itu, buat agar kelihatan lebih tajam dengan menu Filter > Sharpen > Sharp.

Langkah 12

1. Buat layer baru, beri nama "Kuning"
2. Buat seleksi lingkaran dengan Elliptical Marquee Tool (tekan tombol M), feather 30px, warna fill : putih
3. Pada menu Layer Style, pilih Color Overlay, ganti warnanya menjadi kuning, pada bagian mode pilih Multiply.

Langkah 13

Untuk pengaturan blending mode dari layer-layer api yang telah kita buat tadi adalah sebagai berikut :
1. Flames : Lighter Color
2. Blazes : Normal
3. Fire_1 : Lighten
4. Kuning : Multiply

Langkah 14

Membuat Percikan Api

Untuk membuat percikan api, kita akan memakai "Brushes". Buat folder baru dan beri nama "Sparks". Letakkan di atas folder "Fire".
1. Di dalam folder "Sparks", buat layer baru
2. Ubah warna foreground dengan warna hitam dan ubah Blend Mode layer menjadi Color Dodge
3. Pilih Brush Tool
4. Buka Window Brush Presets (menu Window > Brushes), Dalam Brush Tip Shape ubah Diameter pada nilai 12, tambahkan nilai Spacing dengan menggeser tombol slidernya.
5. Klik tab Scattering. Atur nilai Scatter menjadi 1000%, pada tab Control, pilih off. Ubah nilai Count menjadi 2 dan Count Jitter 100%.
6. Pilih warna putih, dan mulailah membuat beberapa percikan api.

Langkah 15

Buat layer baru dalam folder baru, beri nama "Sparks_2". Ulangi langkah 14, kali ini ubah nilai Scatter menjadi 0%. Mulailah membuat beberapa layer yang berisi jilatan api dengan satu garis tunggal berliku atau berputar.

Langkah 16

Berikut ini adalah contoh penggunaan brushes Gomedia Spraypaint brushes untuk membuat efek percikan api yang penulis dapatkan dari menjelajah dunia internet. (Untuk yang versi gratis, mohon cari sendiri). Tapi tentu saja kita bisa menerapkan Langkah 14 dan merubah ukuran Brush untuk membuatnya.

Pada dasarnya, hasil dari Langkah 14 sudah cukup memadai. Tinggal bagaimana inspirasi kita untuk membuatnya. Kita bisa menambahkan beberapa layer percikan api lagi dengan menduplikat layer yang sudah ada, lalu merubah ukurannya, juga merubah setelan Blend Mode (misal Color Dodge), atau merubah warnanya, hingga mencapai hasil yang kita inginkan.

Berikut ini adalah hasil akhir dari pekerjaan kita kali ini. Semoga anda menjadi senang dan puas.

Bagi para master designer, mohon pencerahannya bila masih ada kekurangan atau kekeliruan dalam pembuatan tutorial ini. Maklum masih dalam tahap belajar menulis.
Hhh..... capek juga ngetik segini banyaknya.
Baiklah .... kita jumpa lagi pada tutorial lainnya yang pasti akan tambah asyik dan lebih Stylish. OK ?

Membuat Bercak Noda Cat dengan Corel Draw

2009-07-03T20:47:00.000-07:00

Dalam Tutorial Kali ini saya mencoba menjelaskan kepada anda bagaimana cara membuat suatu bercak noda, baik itu noda tinta, darah, noda bersejarah, kendaraan bernoda empat, halah! :D walaupun sebetulnya internet menyediakan secara gratis font symbol bercak-bercak tersebut, seperti WC Rhesus A, WC Rhesus B, etc.

Silahkan anda mengawalinya dengan membuat new file, kemudian buatlah sebuah lingkaran ( F7 ), untuk membuat suatu lingkaran anda cukup me-klik ctrl kemudian drag.
Untuk contoh, disini saya memakai diameter 831 pixel

setelah itu klik kanan object tersebut, pilih convert to curve, ini perlu dilakukan untuk mempermudah smudge brush nanti.

kemudian silahkan anda atur object lingkaran tersebut sedemikian rupa , sehingga terlihat seperti sebuah bercak yang jatuh dari atas
saya membuatnya seperti ini :

kemudian pilih smudge brush dan isi enter a fixed value for tilt setting dengan nilai 90

setelah itu anda bisa merubah bentuk object tersebut sedemikian rupa dengan shape tool

dan inilah hasil akhir dari penjelasan tutorial ini.

gitu aja tutorial dari kami.

Corel Draw Tutorial : Membuat Butiran Air

2009-07-03T20:46:00.002-07:00

Panduan sederhana membuat butir-butir tetesan air dengan Corel Draw.
Semoga bermanfaat bagi anda....

Buat kotak (Rectangle tool) sebagai alas.
Tekan F6 di keyboard untuk langsung membuatnya. Sebagai contoh buatlah dengan ukuran 368 x 234 pixel.

Gunakan elispe tool dengan menekan F7 di keyboard untuk membuat
sebuah elips dengan ukuran 43 x 51 px.

1. Buatlah duplikasi elips tersebut dengan menekan Ctrl+C lalu mem-pastenya Ctrl+V di tempat yang sama.

2. Setelah itu, di luar persegi, buatlah sebuah rectangle ( ukuran bebas ). Kemudian, rectangle yang telah dibuat tadi ditaruh di atas elips hasil kopian yang tadi.

3. Dalam keadaan keduanya terpilih. Lakukan trim ( back minus front ).
Sehingga hasilnya seperti ini, setelah fillnya di beri warna putih.

4. Dengan transparency tool, lakukan transparasi gradien, menjadi seperti ini. kemudian lakukan langkah no 1 sebanyak 2 kali. hal ini di gunakan untuk memberi sisi gelap dari butiran air.

5. Perbesarlah salah satu elips yang tadi ... kemudian lakukan trim, seperti di langkah ke 3.

6. Kemudian dengan transparency tool, lakukan transparansi gradien seperti ini ...

7. Setelah itu, hilangkan outline-nya dengan memilih objek yang akan dihilangkan outline, kemudian klik ikon seperti gambar di bawah ini :

8. Kemudian, buatlah elipse dengan ukuran 6 x 6 pixel. Beri fill colornya warna putih. Setelah itu berilah shadow effect, dengan memilih interactive drop shadow tool, shadow ini akan di gunakan sebagai pantulan cahaya putih nantinya.

9. Beri drop shadow colornya berwarna putih, kemudian drop shadow opacitynya 86 persen.

10. Kemudian buatlah kembali elips dengan ukuran 43 x 51 pixel. Beri fillcolornya berwarna putih.
11. Setelah itu, buat kembali elips dengan ukuran 50 x 51 pixel. Elips ke dua ini di taruh di bawah elips sebelumnya.

12. Lakukan trim ( back minus front ) pada kedua elips tersebut sehingga menjadi seperti ini. Kemudian berilah transparasi sebesar 68 persen.

Yup, hasil akhirnya akan seperti ini.

Sampe di sini dulu tutorial sederhana ini. Laen kali pasti asyik dah .....

Corel Draw Tutorial : Berlatih Membuat Logo

2009-07-03T20:46:00.001-07:00

Dalam tutorial kali ini kami mencoba untuk membuat sebuah logo sederhana dengan menggunakan Corel Draw X3. Sebagai contoh kita akan membuat logo KENTDesign.

Persiapan :
a. Buat dokumen baru. Klik File > New
Untuk ukuran dokumen terserah keinginan anda (sesuai dengan kebutuhan)
b. Pada Property Bar, ubah units menjadi cm

Langkah Kerja :
1. Buat kotak persegi panjang dengan ukuran 20 cm x 6.5 cm menggunakan Rectangle Tool (anda bisa langsung menekan tombol F6)
Klik pada obyek persegi panjang, atur ukurannya pada Property Bar.2. Beri warna gradasi sesuai keinginan anda
3. Buat huruf K di atas obyek persegi panjang
Contoh : font m-Ben Krush, warna merah
4. Buat efek outline hitam dengan menggunakan Interactive Contour Tool
Ket : Bila tidak kelihatan, klik tanda segitiga di pojok kanan bawah dari tool yang terletak persis di bawah Text Tool (Tanda Huruf A), lalu pilih Interactive Contour Tool

Atur parameternya pada Property Bar (Nilai yang dimasukkan sesuai kebutuhan)

Lalu pisahkan obyek hasil Contour tadi dengan obyek asalnya. Seleksi pada obyek hasil contour (warna hitam) atau seleksi keduanya dengan menggunakan area selection (menggunakan Pick Tool). Lalu Klik Arrange > Break Contour Group Apart. Atau tekan Ctrl (jangan dilepas dulu) lalu tekan huruf K pada keyboard.

5. Nah pembuatan efek outline beres sudah. Selanjutnya, beri efek Bevel pada huruf K. (huruf warna merah)
Klik Effect > Bevel. Atur parameternya seperti pada gambar.

Asyik kan …? Lanjut booosss …..

Untuk membuat agar tidak kelihatan polos, anda bisa memberi efek warna gradasi di atas obyek. Kali ini sebagai latihan kita akan memakai Interactive Transparency Tool (memang agak rumit sih, tapi biar kita lebih tahu tool-tool yang ada di Corel Draw. Setuju ngga’ ….?)

Caranya, Kembali ke langkah No. 4. Pilih obyek huruf K warna merah. Buat diplikat dengan menekan Ctrl+C (Edit > Copy). Lalu buat halaman baru dengan menekan tanda + yang ada di pojok kiri barah area kerja. Anda juga bisa menekan Klik kanan mouse pada garis batas halaman lalu pilih Insert Page After. Lalu tekan Ctrl+V (Edit > Paste)

Lanjutkan ke langkah No. 5. Setelah itu copykan obyek yang ada di Page 2 ke Page 1. Beri warna putih pada Fill color.
Untuk memberi efek gradasi, kita akan menggunakan alat Interactive Transparency Tool. Tool ini berada satu group dengan Interactive Contour Tool. (Masih ingat caranya bukan …? Kalo lupa, anda bisa lihat di langkah no. 4 tadi, lalu pilih Interactive Transparency Tool)
Seleksi obyek yang akan dibuat transparan. Klik dan drag sesuai keinginan anda. (bisa dari atas ke bawah, dari bawah ke atas,dsb). Sekarang sudah kelihatan lebih bagus kan ?

6. Efek Drop Shadow
Pilih obyek huruf K yang warna hitam. Klik Interactive Drop Shadow Tool (Satu group dengan Interactive Contour Tool seperti pada Langkah No. 4)

Atur parameternya sebagai berikut :
- Drop Shadow Opacity = 100
- Drop Shadow Feathering = 6
- Feathering Direction = Outside
- Tansparency Operation = Normal
- Drop Shadow Color = Putih

7.Ketikkan huruf ENT di belakang huruf K. Atur ukurannya sesuai kebutuhan. Beri efek Contour dan Bevel seperti pada langkah no. 4 dengan nilai parameternya sesuai keinginan anda. Atau anda bisa menambahkan efek gradasi dengan Interactive Transparency tool seperti pada langkah No. 5.
Beress …!

8.Sebagai Finishing, anda bisa menambahkan ornament-ornament seperti pada contoh jadi dengan menggambar sendiri atau mengambil dari koleksi gambar anda. Atau anda bisa menyimpan gambar di bawah ini. (klik untuk memperbesar gambar, lalu klik kanan pada gambar, pilih save image as, lalu simpan di media penyimpanan anda).

OK Boss ….? Selamat mencoba dan berjuang ….!!!

Cara Membuat Layout Presentasi Dengan Flash 8

2009-07-03T20:31:00.000-07:00

Setelah pada postingan sebelumnya yaitu Beberapa Tips Membawakan Presentasi dan sekarang yang akan kita bahas adalah Tutorial Cara Membuat Layout Presentasi Dengan Flash 8. Kenapa tidak memakai powerpoint ? karena untuk layout presentasi dengan flash yang di tonjolkan yaitu pada tampilannya yang menarik, mungkin itu lah salah satu kelebihan layout yang dibuat dengan flash dibandingkan powerpoint. Namun untuk tutorial membuat presentasi kali ini saya akan membuat layout yang simpel dulu saja, baru setelah ini nanti kita akan membuat layout presentasi yang agak rumit lagi seperi menambahkan animasi dan memasukan video pada layout presentasi.

Ok, kita mulai saja tutorialnya, tapi sebelumnya silakan anda download dulu mentahannya (.fla) disini.

Sudah?. Ok kalau sudah sekarang anda buka file yang sudah anda download tadi, sehingga akan terlihat seperti pada gambar diatas. Nah, bagian yang akan kita edit adalah pada bagian yang di tandai dengan kotak warna merah. silakan lihat gambar.

Begitu juga dengan Layer pada frame, yang akan di edit adalah layer name "slides". (lihat gambar)

Sudah cukup jelas bagian-bagian yang akan di edit?. Ok sekarang kita akan memunculkan jedela Library, caranya Klik Window > Library, kemudian setelah jendela Library muncul silakan cari movie dengan nama "Content Slides" setelah ketemu kemudian double klik, sehingga scene akan berpindah pada scene "Content Slides" dimana pada frame diatas akan terlihat Layer: Title, Paragraph, Layer 5. Nah, sekarang klik pada Layer Title dimana untuk layer Title ini adalah untuk judul setiap halaman layout presentasi. Silakan anda ganti, caranya double klik pada tulisan "Judul Presentasi disini (slide 1)". (lihat gambar)

Sudah?. Ok sekarang kita akan edit paragraf. Caranya klik Layer "paragraph" kemudian double klik paragrap yang ada di layout tadi, caranya sama seperti pada saat mengedit judul presentasi/title. (lihat gambar).

Sudah?. Ok, tadi kita sudah meng-edit judul dan paragrap, nah itu adalah untuk halaman 1. Disini saya membuat 5 halaman untuk anda edit, cara peng-editan-nya sama seperti pada langkah sebelumnya diatas. Namun apabila anda ingin menambahkan beberapa halaman lagi, silakan tambahkan framenya (lihat gambar) dengan menekan F6 pada keyboard pada frame "Title" dan "Paragraph". F5 pada frame "Layer 5". Sampai disini pengeditan selesai.

Dibawah adalah hasil akhir pada tutorial membuat layout presentasi kali ini.

Taktiku

:>> Download .fla

Cara Membuat Curriculum Vitae (CV) dengan Flash

2009-07-03T20:30:00.000-07:00

Pusing ngelamar kerja ngga ke terima-terima? :D jangan putus asa gitu dong..!! harus tetap semangat nyari kerjanya hehehe.. *so, jadi motivator* Ngomong-ngomong masalah nyari pekerjaan , taktiku jadi teringat dengan salah satu persyaratan yang harus dipenuhi pada saat melamar pekerjaan salah satunya adalah Daftar Riwayat Hidup atau bahasa kerennya Curriculum Vitae disingkat menjadi CV. Lalu penting kah Tampilan suatu CV?? Kalau menurut taktiku penting ngga penting sih.. yang penting kan isinya.. tapi, ada sebagian orang yang menganggap penting juga sih, kenapa? karena tampilan CV yang bagus akan menunjukan bahwa si pelamar adalah seorang yang mempunyai kreatifitas tinggi, apalagi jika perusahaan yang anda lamar adalah perusahaan yang bergerak di bidang desain.

CV seperti ini juga pernah taktiku pake untuk melamar freelance (kerja paruh waktu) ke salah satu perusahaan yang bergerak dalam bidang desain, perusahaannya di Jakarta taktiku melamarnya lewat internet dan alhamdulillah keterima, kerjanya online gitu deh.. :D kok jadi curhat ya…

Ok kita langsung saja praktekan tutorialnya. Seperti biasa sebelumnya anda download dulu open source filenya disini.

Setelah file yang tadi di download di buka kemudian klik Window > Library, stelah jendela Library muncul kemudian double klik Movie Clip data yang terdapat pada folder Edit. (lihat gambar).

Sudah?. Langkah selanjutnya klik Layer 1. Baik, sekarang taktiku akan menjelaskan nomer frame untuk penempatan isi CV anda:

Frame 1 adalah untuk judul CV, Frame 2 untuk Bio Data, Frame 3 untuk Pendidikan Formal, Frame 4 untuk keahlian, dan Frame 5 untuk Pengalaman. Yang nantinya akan di munculkan sesuai dengan label button.

Sebelum anda memasukan daftar riwayat hidup anda kedalam flash sebaiknya anda tuliskan didalam Microsoft office word seperti Bio Data, Pendidikan Formal, Keahlian, dan Pengalaman, agar terlihat lebih rapih/teratur. Setelah itu kemudian copy dan paste kedalam Flash, sesuaikan dengan urutan nomer Framenya.

Sudah?. Kalau sudah sekarang klik File > Publish Settings, setelah muncul jendela Publish Settings, (lihat gambar) beri tanda centang pada kotak Flash (.swf) dan Windows Projector (.exe). kemudian klik Publish

Keterangan:

Windows Projector (.exe) adalah file hasil publish yang bisa di buka meskipun komputer anda tidak terinstal software Flash, jadi file ini yang nantinya akan dikirimkan ke perusahaan yang anda tuju. Sampai disini proses pembuatan CV selesai.

Setelah langkah-langkah diatas anda ikuti dengan benar maka hasilnya akan seperti ini:

Selamat Mencoba!!

Download (.fla)

Membuat Dynamic Text Scroll Dengan Flash 8

2009-07-03T20:28:00.000-07:00

Dynamic text scroll biasanya dipakai untuk website yang dibuat dengan Flash atau atau bahasa kerennya web flash template, selain itu juga dynamic text scroll ini sering juga dipakai untuk menampilkan portfolio pada sebuah CV (Curriculum Vitae), layout presentasi dll.

Nah.. pada kesempatan kali ini saya akan mencoba berbagi bagaimana cara membuat dynamic text scroll dengan flash 8 tetapi khusus Dynamic text scroll untuk portfolio/CV dan presentasi. Seperti biasa untuk mempraktekannya silahkan anda download mentahannya disini. Sudah?, ok kalau sudah sekarang kita mulai saja yah..

Langkah pertama buka file .fla yang sudah di download tadi.

Setelah terbuka, kemudian klik frame 2 pada layer Actions seperti terlihat pada gambar.

Sudah?, kalau sudah sekarang tekan F9 pada keyboard kemudian akan muncul jendela Action- Frame. Ok sekarang saya akan sedikit menjelaskan script yang ada pada jendela Action-Frame. Seperti terlihat pada gambar, bahwa untuk script ini:

myXML.load("dynamicTextScroll.xml")

Script yang berwana merah adalah nama file .xml dimana file ini berisikan text-text yang akan di load ke dalam Dynamic text scroll tadi jadi jika anda ingin mengubahnya pastikan script ini dan nama file .xml anda sudah sama (sebaiknya untuk script ini jangan diubah).

OK, sekarang kita akan meng-edit file .xml.
Buka file .xml tadi menggunakan notpad. sebagai contoh, maka codenya akan terlihat seperti ini:

untuk warna merah adalah untuk judul, ganti kata judul dengan judul anda.
untuk warna Biru adalah untuk nama anda/nama penulis.
untuk warna hijau adalah untuk content/tulisan, silakan anda ganti dengan tulisan anda.

Setelah code-code tadi anda edit kemudian anda save, maka sebagai contoh hasilnya akan seperti pada gambar berikut ini:

jangan lupa, kedua file (.swf dan .xml) anda letakan saling berdampingan, jangan di pisah.

>> Download .fla

Cara Membuat Jam Analog Dengan Flash 8

2009-07-03T20:27:00.000-07:00

Pada Tutorial Flash kali ini taktiku akan coba berbagi bagaimana caranya membuat jam analog, yang nantinya bisa dipasang sebagai aksesoris untuk blog anda caranya mudah sekali, yuk kita mulai saja tutorialnya.

Seperti biasa silakan anda download file .fla-nya disini

Langkah pertama buka file .fla yang sudah anda download tadi kemudian buat gambar seperti contoh gambar diatas.

Langkah berikutnya buat sepasang bola mata (lihat gambar) setelah itu klik kanan pada gambar bola mata kemudian pilih Convert to Symbol.. kemudian klik OK.

Lalu double klik gambar mata yang sudah di convert menjadi symbol tadi.
Kemudian animasikan sepasang mata tersebut sehingga seolah-olah mata tersebut berkedip caranyabuat frame baru kemudian tekan F7 pada keyboard pada no frame 15 dan 20 lalu buat gambar kedipan mata.

Sudah? kalau sudah sekarang kita akan membuat jarum jam, sebelumnya klik Scene 1 untuk kembali ke scene awal, setelah itu buat frame baru dengan mengklik icon Insert Layer kemudian buat 3 buah garis dengan dimensi di sesuaikan, kemudian convert menjadi symbol ketiga garis tersebut satu persatu, caranya sama seperti membuat animasi mata tadi.

Sudah? sekarang kita akan memasukan script pada masing-masing jarum jam tadi, pertama jarum jam no 1, tekan F9 pada keyboard kemudian paste code berikut pada jendela Action movie clip:

onClipEvent (enterFrame) {
setProperty(this, _rotation, _root.minutes);
}

Sekarang klik jarum jam no. 2, kemudian paste kode berikut:

onClipEvent (enterFrame) {
setProperty(this, _rotation, _root.seconds);
}

Selanjutnya klik jarum jam no 3, kemudian paste kode berikut:

onClipEvent (enterFrame) {
setProperty(this, _rotation, _root.hours);
}

Sudah? ok kalau sudah sekarang buat fram baru lagi caranya klik icon Insert Layer kemudian tekan F7 pada frame no 1 dan 2, pada frame 1 masukan code berikut:

time = new Date();
hours = time.getHours();
minutes = time.getMinutes();
seconds = time.getSeconds();
if (hours>12) {
hours = hours-12;
}
if (hours<1) hours =" 12;" hours =" hours*30+int(minutes/2);" minutes =" minutes*6+int(seconds/10);" seconds =" seconds*6;">

dan pada frame no 2 masukan code seperti ini:

gotoAndPlay(1);

untuk lebih jelasnya silakan lihat gambar .

sehingga hasil akhirnya akan seperti ini:

Selamat mencoba.

:>> Download .fla

Cara Memasang Header Flash .swf pada Blog

2009-07-03T20:25:00.000-07:00

Anda ingin mengganti Header blog anda dengan flash?? baiklah, kalau begitu silahkan anda ikuti langkah-langkahnya.

1. Login ke acount blog anda
2. kemudian klik Tata Letak
3. klik Edit HTML
4. Cari kode dibawah

/* Header */
#headerimg {
position: relative;
padding: 50px 15px 10px 28px;
margin-bottom: 0px;
background:url(http://4.bp.blogspot.com/
_0FbXVm7r-Wc/R6VREzbxX5I/AAAAAAAAALw/Gp64u9xI_pQ/
s400/header.jpg) fixed ;
height:90px;

ganti code yang berwarna merah dengan code seperti ini:

<embed src="http://www.tempat menyimpan file.com/nama file.swf"
quality="high" bgcolor="white" width="lebar" height="tinggi"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash"></embed>Ganti code yang berwarna hijau, sesuaikan dengan parameter-parameter blog anda.

5. Simpan

Membuat Preloader Flash

2009-07-03T20:11:00.000-07:00

Untuk yang biasa berkutat dengan software Flash mungkin sudah tidak asing lagi dengan komponen yang satu ini, namun untuk yang baru belajar Software Flash mungkin akan lain ceritanya. Baiklah kalau begitu saya akan coba jelaskan sedikit tentang penggunaan preloader ini. Preloader biasanya di gunakan untuk display sementara pada saat browser sedang memanggil file gambar atau animasi yang ada pada flash/.swf, dengan adanya preloader ini maka akan ketahuan bahwa file Flash sedang di panggil untuk di tampilkan.

Preloader ini sering juga saya gunakan pada banner flash silahkan lihat di Gallery.

Taktiku

Animasi diatas adalah contoh .swf yang menggunakan preloader, preloader akan terlihat lebih lama apabila file .swfnya besar dan koneksi internet sedang lambat.

Ok, kalau begitu kita mulai saja Tutorial Flashnya, tapi sebelum itu silakan anda download opensource file flashnya disini.

Setelah opensource file Flash tadi di download kemudian silahkan anda buka filenya, maka akan terlihat seperti gambar diatas. Nah.. untuk Layer Calque 1 adalah untuk tempat preloader. Letakan preloader pada Frame 1. Kemudian untuk Layer Calque 2 adalah untuk tempat animasi yang telah anda buat.
Kurang lebih preloader tadi akan terlihat seperti gambar diatas.

Selamat mencoba.

>> Download .Fla

Candle

2009-07-03T20:09:00.000-07:00

Buat kamu yang suka bikin puisi atau kata-kata mutiara.., terus pengen dong kalau puisi-puisi bikinan kamu tampil di Blog kamu.. :) tapi tampilannya dengan sesuatu yang berbeda yaitu dengan animasi plus efek lilin di belakangnya oh..., tentunya akan terlihat lebih menarik bukan? Yuk langsung saja kita praktekan.. hmm seperti biasa sebelumnya kamu download dulu open source filenya klik disini.

Buka file yang telah di download tadi, kemudian setelah terbuka untuk memunculkan library klik Window > Library. Setelah jendela library muncul, double klik icon puisi di library kemudian paste puisi /kata-kata mutiara kamu, caranya double klik master puisi (lihat gambar) kemudian tekan Ctr+A pada keyboard lalu paste.

Kemudian langkah selanjutnya merubah efek shadow tulisan. Caranya klik pada layer shadow, berikan tanda silang pada masing-masing layer, keculi layer shadow (lihat Gambar). Setelah itu paste puisi, caranya seperti pada contoh diatas tekan Ctrl+A pada keyboard kemudian paste. Ubah warna Font dengan warna hitam, sehingga tulisan akan terlihat seolah-olah seperti bayangan.

Dibawah ini contoh dari tutorial ini:

Untuk yang suka dengan animasi ini silakan copy code, kemudian paste di blog kamu.

Selamat Mencoba!!

Download File

Cara Membuat mp3 player Untuk Blog

2009-07-03T20:07:00.000-07:00

s ]

Sering sekali atau kadang-kadang ketika kita melakukan blogwalking ke blog temen-temen kita melihat ada sebuah mp3 player yang dipasang di blog mereka , pernahkah terpikirkan bagaimana cara membuatnya, dan apakah lagu-lagu favorit kita bisa di upload kedalam blog kita?. Pada tutorial kali ini gue ingin berbagi bagaimana cara membuat mp3 player untuk di pasang di blog. Adapun kelemahan, kekuarangan atau apa ya??... :) mp3 player ini kapasitas filenya lumayan besar, tergantung dari kapasitas mp3 yang di import kedalam flash apakah besar atau tidak, mp3 yang gue import pada tutorial ini adalah lagu The Changcuters kapasitas filenya 4,81 MB kemudian di publish menjadi 493 KB lumayan agak lama sih loadingnya, tapi kalau koneksi internetnya lagi bagus bisa cepet loadingnya.

Seperti biasa sebelum kamu mempraktekan tutorial ini sebelumnya kamu download open source file nya dulu, klik disini untuk download. Kita mulai aja ya…

Import mp3 file favorit kamu kedalam flash dengan cara klik File > Import > Import to Library.

Kemudian setelah mp3 tadi di import kedalam library, untuk memunculkan library klik Window > library

Setelah library muncul kemudian double klik mp3 tadi tepatnya pada icon, dan akan muncul window baru yaitu Sound Propertis. lihat gambar, copy Identifier lagu, beri tanda centang pada linkage seperti terlihat pada gambar. Kemudian klik OK.

Selanjutnya tekan F9 pada keyboard, lalu klik pada layer 1 frame ke 2 (lihat gambar) kemudian pada Action-frame klik script assist, lalu klik script berikut: musik.attachSound("THE CHANGCUTERS - I Love U Bibeh.mp3"), lalu paste pada kolom ID Name. setelah itu tutup window Action-frame.

Sekarang kita akan mengganti title lagu, dengan cara double klik title lagu yang sudah ada, kemudian ganti dengan title mp3 favorit kamu. Selanjutnya langkah terakhir adalah mem-publish kedalam bentuk file .swf. lalu lihat file .sw tadi di directory file ini berada.

Dibawah ini adalah hasil akhir dari mp3 player pada tutorial kali ini.

Kalau kamu suka dengan lagu ini silakan copy code, kemudian paste di blog kamu.

Kemudian cara menampilkannya kedalam blog kamu ada dalam postingan gue sebelummya silakan klik disini

Cara Membuat Photo Gallery Dengan Flash 8

2009-07-03T20:06:00.000-07:00

Photo Gallery? Yup, pada tutorial kali ini taktiku akan share informasi bagaimana cara membuat photo gallery, seperti biasa software yang di pakai adalah flash 8. Seperti biasa juga sebelum memulai tutorial ini kamu download dulu open source (.fla) filenya klik disini.

Setelah file yang tadi kamu download tadi terbuka, kemudian klik Window > Library. Setelah Jendela Library muncul, doble klik sprite 40, sprite 40 ini adalah kumpulan photo-photo yang sudah di masukan kedalam library, silakan kamu ganti photo-photo ini dengan photo kamu atau photo hasil jepretan kamu. Cara menggantinya klik 1 per satu pada frame, kemudian delete dan ganti dengan photo kamu (lihat gambar)

Langkah selanjutnya adalah merubah thumbnail photo, dimana thumbnail photo ini berfungsi juga sebagai tombol untuk menampilkan photo sebenarnya. Cara mengganti thumbnail double klik sprite 95 (lihat gambar). Selanjutnya berikan tanda silang pada layer 13 (lihat gambar).

Kemudian double klik pada gambar thumbnail, setelah itu delete gambar satu per satu, kemudian ganti gambar thumbnail dengan gabar thumbnail photo kamu, ingat ukuran gambar sebaiknya di sesuaikan dengan gambar pada tutorial ini.

Pada tahap ini adalah tahap akhir, untuk melihat hasilnya klik Control > Test Movie, setelah itu publish klik File > Publish

Dibawah ini adalah contoh Photo Gallery untuk tutorial ini. Selamat Mencoba!!

Tutorial yang berhubungan:

Membuat Header dengan Efek "Color Lend Rain"

2009-07-03T19:52:00.000-07:00

Pada tutorial sebelumnya kita sudah mempraktekan bagaimana cara membuat header blog dengan flash 8. Nah.. pada postingan kali ini juga, saya akan memberikan tutorial membuat Header dengan Flash 8, bedanya dengan postingan sebelumnya adalah kita akan menambahkan efek color lend rain, tentunya dengan adanya efek ini header akan terlihat lebih menarik :).
Langsung saja.. Seperti biasa download dulu open source filenya, klik disini.

Buka file yang kamu download tadi, kemudian munculkan window library dengan cara klik window >Library. Setelah library muncul kemudian double klik movie clip welcome, klik pada icon. Kemudian ganti tulisan welcome to sesuai dengan yang kamu inginkan.

Setelah tulisan welcome to diganti, ganti juga nama link taktiku.blogspot.com dengan nama link blog kamu caranya sama seperti pada langkah pertama diatas, yaitu double klik icon movie clip yang ada di Library dengan nama blog title.

Setelah peng-editan selesai kemudian untuk melihat hasil editan tersebut klik pada Control > Test Movie. Kemudian lankah terakhir lakukan publish menjadi file .swf caranya klik File > Publish.

Dibawah ini adalah contoh hasil editan Header dengan efek color lend rain, dimensinya sebenarnya 800x120 tapi karena spacenya ga cukup jadi saya perkecil menjadi 440x61. Selamat Mencoba !!

Tutorial yang berkaitan: