PDA

View Full Version : [Tutor]Cara membuat Emoticon / Animasi anda sendiri


pingpong
27th May 2012, 05:56 PM
http://i.picasion.com/pic40/7416a2b87cf62abf0d658207b5f4ca4b.gif


Berdasarkan request para ceriwiser melalu thread emoticon buatan saya di thread Emoticon buatan saya, akhirnya saya memutuskan untuk membagi ilmu dengan para ceriwiser untuk membuat custom Emoticon / Animasi / bisa juga untuk Avatar agan-agan ceriwiser.




[/quote]





Intinya membuat emoticon / animasi / avatar adalah anda harus membuat beberapa gambar yang saling berhubungan sesuai dengan kreatifitas agan-agan sendiri.







Langkah 1 : Buka program pengolah gambar, disini saya menggunakan Coreldraw X4, bisa menggunakan versi lain seperti Coreldraw X5, X3, atau program lain seperti photoshop, paint jika anda lebih mahir menggunakan program pengolah gambar tersebut.



Jika anda menggunakan coreldraw, ubah ukuran sheet dengan cara mengubah angka yang terdapat disebelah tulisan A4 pada bagian atas coreldraw, ubah keduanya menjadi 100 pixels & 100 pixels, atau 300 pixels & 300 pixels, jangan buat terlalu besar, untuk membuat avatar, ukuran maksimal adalah 100 pixels.




[/spoiler] for Tutor:




http://img94.imageshack.us/img94/5987/tutor1z.jpg









Langkah 2 : Klik Elipse Tool yang berada pada bagian kiri, lalu klik kiri pada worksheet dan drag hingga membentuk sebuah lingkaran seperti gambar dibawah




for Tutor:




http://img19.imageshack.us/img19/6356/tutor2u.jpg









Langkah 3 : Memberi warna pada objek dengan meng-klik object, lalu klik ikon fill pada sebelah kiri ( seperti gambar dibawah ) , lalu pilih fountain fill




for Tutor:




http://img36.imageshack.us/img36/662/tutor3.jpg









Langkah 4 : Setelah memilih fountain fill, maka akan muncul tampilan seperti dibawah ini, klik pada kolom type dan ganti Linear menjadi Radial




for Tutor:




http://img151.imageshack.us/img151/5340/tutor5p.jpg









Langkah 5 : pilih warna yang di inginkan pada bagian Color Blend dengan mengisi bagian To dan From




for Tutor:




http://img833.imageshack.us/img833/4216/tutor6.jpg









Langkah 6 : tekan ok, maka hasilnya akan menjadi seperti ini




for Tutor:




http://img571.imageshack.us/img571/7255/tutor7.jpg









Langkah 7 : buatlah 2 lingkaran lagi dengan menggunakan elipse tools, untuk dijadikan mata, ukuran kira-kira lihat pada gambar dibawah :




for Tutor:




http://img571.imageshack.us/img571/5278/tutor8.jpg









Langkah 8 : beri warna lingkaran tadi sesuai dengan arah panah pada gambar dibawah ini, beri warna lingkaran yang lebih kecil dengan warna hitam, lalu yang lebih besar dengan warna putih. Dengan cara meng-klik objek lalu klik warna pada bagian kanan corel draw




for Tutor:




http://img8.imageshack.us/img8/1548/tutor9.jpg









Langkah 9 : Drag lingkaran hitam kecil kedalam lingkaran putih yang lebih besar sehingga menjadi seperti ini :




for Tutor:




http://img534.imageshack.us/img534/2310/tutor10.jpg









Langkah 10 : blok dua lingkaran tersebut, dengan men-drag mouse, lalu klik kanan dan group pada objek yang telah diblok tersebut.




for Tutor:




http://img843.imageshack.us/img843/9656/tutor11.jpg









Langkah 11 : setelah di group, tekan ctrl-c lalu ctrl-v, lalu pindahkan mata tersebut kedalam objek lingkaran biru besar, maka akan terdapat dua mata.




for Tutor:




http://img15.imageshack.us/img15/6839/tutor12.jpg









Langkah 12 : buatlah 2 lingkaran lagi dengan menggunakan elipse tools




for Tutor:




http://img851.imageshack.us/img851/8229/tutor13.jpg









Langkah 13 : letakkan kedua lingkaran tersebut saling bertumpukan satu sama lain




for Tutor:




http://img864.imageshack.us/img864/2148/tutor14.jpg









Langkah 14 : Blok kedua lingkaran tersebut, lalu klik ikon back minus front pada bagian kanan atas corel, seperti gambar dibawah :




for Tutor:




http://img571.imageshack.us/img571/183/tutor15.jpg









Langkah 15 : jika cara kerja anda benar, maka hasilnya akan seperti :




for Tutor:




http://img860.imageshack.us/img860/4708/tutor16.jpg









Langkah 16 : buatlah satu lingkaran lagi menggunakan elipse tools




for Tutor:




http://img560.imageshack.us/img560/8873/tutor17.jpg









Langkah 17 : pindahkan lingkaran tersebut ke sebelah kanan bagian yang berbentuk bulan sabit tersebut, lalu blok kedua objek dan klik ikon back minus front




for Tutor:




http://img837.imageshack.us/img837/589/tutor18.jpg









Langkah 18 : lakukan langkah 16 dan 17 sekali lagi namun letakan lingkaran ke sebelah kiri bagian bulan sabit, maka hasilnya akan seperti ini :




for Tutor:




http://img850.imageshack.us/img850/3406/tutor19.jpg









Langkah 19 : beri warna hitam pada objek diatas, lalu ctrl-c , ctrl-v , lalu klik ikon mirror horizontally yang terdapat pada bagian atas coreldraw, pindahkan objek tersebut diatas mata untuk menjadi sebuah alis




for Tutor:




http://img705.imageshack.us/img705/739/tutor20.jpg









langkah 20 : buat 1 lingkaran lagi




for Tutor:




http://img268.imageshack.us/img268/5041/tutor21.jpg









langkah 21 : buat rectangle menggunakan rectangle tool yang terdapat diatas elipse tool, letakan rectangle tersebut diatas lingkaran yang baru anda buat, lalu blok kedua objek tersebut dan klik back minus front pada kanan atas lagi.




for Tutor:




http://img846.imageshack.us/img846/2191/tutor22.jpg









Langkah 22 : tekan ctrl-c , ctrl-v , lalu pindahkan salah satu hasil objek ke bagian agak bawah sehingga menjadi seperti :




for Tutor:




http://img833.imageshack.us/img833/170/tutor23.jpg









Langkah 23 : buat 2 lingkaran yang saling menumpuk seperti gambar dibawah :




for Tutor:




http://img695.imageshack.us/img695/9590/tutor24.jpg









Langkah 24 : blok kedua lingkaran yang saling bertumpukan tadi, lalu klik ikon Weld pada kanan atas coreldraw




for Tutor:




http://img24.imageshack.us/img24/9763/tutor25.jpg









Langkah 25 : jika anda benar, maka hasilnya akan menjadi seperti ini :




for Tutor:




http://img508.imageshack.us/img508/3595/tutor26.jpg









Langkah 26 : Letakkan hasil weld tersebut ke salah satu objek setengah lingkaran, tumpuk lalu klik ikon Front minus back




for Tutor:




http://img839.imageshack.us/img839/3816/tutor27.jpg









Langkah 27 : beri warna kedua objek sehingga menjadi seperti :




for Tutor:




http://img841.imageshack.us/img841/3299/tutor28.jpg









Langkah 28 : klik kanan objek yang atas, lalu order - infront of, lalu klik arah panah ke objek setengah lingkaran yang bawah.




for Tutor:




http://img4.imageshack.us/img4/948/tutor29.jpg









Langkah 29 : pindahkan kedua objek agar menjadi saling tumpuk, lalu blok kedua objek , klik kanan, pilih group




for Tutor:




http://img191.imageshack.us/img191/6786/tutor30.jpg









Langkah 30 : Pindahkan mulut tersebut ke bagian wajah, maka akan menjadi :




for Tutor:




http://img594.imageshack.us/img594/5069/tutor31.jpg









Langkah 31 : Klik ikon export pada bagian atas coreldraw , terletak dibawah tulisan bitmap, lalu save berupa JPG kedalam folder yang anda inginkan, lalu klik tombol export




for Tutor:




http://img834.imageshack.us/img834/1025/tutor32.jpg









Langkah 32 : klik ikon basic shapes disebelah kiri, lalu pilih callout shapes




for Tutor:




http://img577.imageshack.us/img577/6158/tutor33.jpg









Langkah 33 : drag call out shapes, lalu setelah itu klik ikon Text Tool pada bagian bawah basic shapes tadi




for Tutor:




http://img534.imageshack.us/img534/6049/tutor34.jpg









Langkah 34 : Tuliskan teks yang anda inginkan pada callout shapes yang telah anda buat, lalu warnai




for Tutor:




http://img685.imageshack.us/img685/6733/tutor35.jpg









Langkah 35 : Export lagi dengan nama file yang berbeda dengan file yang tadi, save berupa JPG agar lebih kecil filesizenya.




for Tutor:




http://img840.imageshack.us/img840/4660/tutor36.jpg









Langkah terakhir : buka website / program pengolah gambar menjadi GIF, disini saya beri contoh yang simple adalah www.picasion.com (http://www.picasion.com), disitu sangat simple dan mudah untuk membuatnya, setelah membuka www.picasion.com (http://www.picasion.com), choose file 1 dan 2 dengan gambar yang anda buat tadi, lalu atur size dan speed, at last klik tombol create animation,




for Tutor:




http://img156.imageshack.us/img156/7366/tutor37.jpg









maka hasilnya :




for Tutor:




http://i.picasion.com/pic40/20406236b5639428bd80e49aa23f2ead.gif









Perlu di ingat bahwa contoh diatas yang saya berikan hanyalah sebuah contoh yang simple, anda bisa kreasikan dan ubah sesuai kreatifitas dan imajinasi agan-agan sekalian, TS cuma ingin berbagi ilmu untuk para ceriwiser :)



Contoh hasil emoticon buatan TS lainnya :




[quote]





Contoh - contoh emoticon lain buatan TS (http://ceriwis.us/showthread.php?t=7776989)





buat para ceriwiser yang telah mencoba dan berhasil, bisa dibagi hasil karyanya pada thread ini, ketika sudah terkumpul banyak emoticon para ceriwiser, saya akan membuat thread custom emoticon dari pada ceriwiser dengan nama ceriwiser pembuatnya diatasnya.



http://i.picasion.com/pic40/e7014f4a40449427f836b695563bb091.gif



[spoiler=open this] for No Repost:




http://img852.imageshack.us/img852/5729/norepost.jpg







</div>