PDA

View Full Version : Tutorial Membuat Avatar Simple


rumahmenteng
27th May 2012, 10:55 PM
Pagi ceriwiser & ceriwiserwati semua http://static.kaskus.co.id/images/smilies/malus.gif

Ane mau berbagi ilmu nih, tentang cara buat avatar yang simple..

Software yang dibutuhkan : -Macromedia Fireworks 8

Belum punya MF8? Gak masalah! langsung sedot disini


Code:

http://www.media*fire..com/?0cvq0duw075dcd3

*NB : Hilangkan Bintang (*) dan titiknya satu :p


[/quote]





-Thanks to agan anazkit :handshake:







Yuk, kita mulai :ganteng:











1. Pertama, buka dulu Macromedia fireworks nya


[/spoiler] for ScreenShot:




http://img17.imageshack.us/img17/3990/screenshot1fl.jpg









2. Set "Width" dan "Height" nya menjadi 300. agar lebih leluasa mengeditnya


for ScreenShot:






http://img818.imageshack.us/img818/552/screenshot2cx.jpg









3. Nah, Mulai ke pembuatan Avatar, pertama buat border dahulu, caranya :

Klik "Rounded Rectangle"


for ScreenShot:






http://img265.imageshack.us/img265/5677/screenshot3jd.jpg









4. Buat 2 buah bentuk Rounded Rectangle dengan ukuran 100x100 , dan buat 1 bentuk Eclipse (lingkaran)


for ScreenShot:






http://img600.imageshack.us/img600/6707/screenshot4wk.jpg









5. Tumpuk Lingkaran dengan 1 Rounded Rectangle seperti di ScreenShot, terus klik duaduanya sambil menakan "SHIFT" pada key, klik modify-Combine Path-Intersect


for ScreenShot:




http://img3.imageshack.us/img3/1617/screenshot45jpg.jpg









6. Maka hasilnya akan seperti ini.


for ScreenShot:




http://img828.imageshack.us/img828/1066/screenshot6yh.jpg









7. Nah, Hasil dari step 6 tadi digabungkan ke Rounded Rectangle yang satunya, dan atur agar lebih lembut, Dengan mengatur "Edge" dan "Stroke" spt pada ScreenShot dibawah ini.


for ScreenShot:




http://img266.imageshack.us/img266/245/screenshot7mx.jpg









8. Setelah selesai dengan step 7, Sekarang kita akan Meng-edit warnanya, klik Fill Option-Gradient-Radial


for ScreenShot:






http://img810.imageshack.us/img810/3133/screenshotpe.jpg









9. Atur pemilihan warnanya , setelah selesai maka akan seperti ini


for ScreenShot:




http://img207.imageshack.us/img207/8847/asdgu.jpg



Dengan begini, Border sudah jadi http://ceri.ws/images/smilies/war.gif









10. Ambil gambar yang agan mau, drag aja langsung ke Macromedia Fireworks 8 nya .



11. OK, Jika gambar sudah masuk tempat peng-editan, maka resize menjadi 100x100 agar muat di bordernya


for ScreenShot:




http://img266.imageshack.us/img266/8703/dagb.jpg









12. Hapus ujung2 gambar yang masih lancip dengan "Eraser Tool" sampai pas di Border, setelah itu buat kira2 5 frame (sesuai kebutuhan agan)


for ScreenShot:






http://img191.imageshack.us/img191/5494/asdfrqg.jpg









13. Jika mau, Tambahkan Nama ID agan dengan "Text Tool" , Pilih Font , warna, dan Outline sesuai selera agan..


for ScreenShot:






http://img855.imageshack.us/img855/6400/saddsgf.jpg









14. Di Setiap Frame, Kasih effect pada gambar & tulisan, Klik Filters-Blur- Pilih effect yang agan suka


for ScreenShot:




http://img42.imageshack.us/img42/8858/ghrhjghbnfh.jpg









15. Jika sudah, pilih Crop Tool dan set menjadi 100x100 dan crop Avatar nya,

karena rules Avatar KASKUS kan 100x100 maksimal


for ScreenShot:




http://img811.imageshack.us/img811/3358/dfasq.jpg









16. Nah, Sekarang tinggal di Export saja, dengan cara Klik File-Export Wizard


for ScreenShot:






http://img690.imageshack.us/img690/7849/asddfsdg.jpg









17. Klik "Continue" jika ada Pop-Up yang muncul, lalu klik Export ..


[spoiler=open this] for ScreenShot:






http://img502.imageshack.us/img502/1177/bghxdyhj.jpg









Tarraaa! Avatar Sudah Jadi! http://ceri.ws/smilies/congratulation.gif http://ceri.ws/smilies/congratulation.gif







[quote]





Hasil Ane

http://fc03.deviantart.net/fs71/f/2011/322/0/1/dvas_by_zerostylex-d4gld3x.gif






Maaf kalau Tutorial ini kurang jelas. Kalau berkenan boleh dong timpuk ane make yang Ijo ijo :melonndan: asal jangan di :cabendan: aja yah ! :p


</div>