Minggu, 02 Desember 2012

Cara Membuat Animasi Dengan Photoshop


Disela kesibukan dan mungkin saya sudah lama ga update, kali ini akan coba posting artikel Cara Membuat Animasi Huruf Dengan Photoshop. Mudah-mudahan saja ada manfa’atnya . . . Teman-teman ternyata software sebagai andalan agan-agan Digital Printing ini, atau yang lebih dikenal dengan nama Adobe Photoshop, bisa membuat sebuah animasi format .gif . . . yaaa lumayan susah-susah gampang sich membuatnya :D Animasi huruf yang saya contohkan adalah animasi huruf sederhana saja agar ga terlalu sulit dalam membuat artikelnya . . . dan mudah dimengerti oleh pemula . . . (alasan saja :( ). Selanjutnya saya serahkan sama agan-agan untuk lebih mengembangkannya lagi dalam hal design grafic’nya. 
Langkah pertama buat File baru, klik File > New

Pada File Name beri nama Animasi. Untuk pengaturan Size Width 400 pixels, Height 100 pixels dan Resolution 72 pixels/inch
Klik OK dan hasilnya seperti yang terlihat pada gambar di bawah, sebuah file baru dengan nama Animasi

Buat Layers baru dengan cara, klik menu Layer > New > Layer

Beri nama Kotak

Klik OK, maka akan terbentuk sebuah layers baru dengan nama layers Kotak
 

Klik Rectangle Tool atau klik huruf U pada Keyboard
 

Dan pilih Fill Fixels dan Rounded Rectangle Tool
 

Buat kotak didalam file Animasi seperti yang terlihat pada gambar di bawah

Lalu klik Styles dan pilih Star Glow
 

Maka hasilnya akan seperti yang terlihat pada gambar di bawah

Buatlah huruf dengan cara klik Horizontal Type Tool atau tekan huruf T pada Keyboard

Untuk setting pakai jenis huruf Arial beri efek Bold ukuran 36 pt

Klik pada area kerja dan ketik DOWNLOADS NOW

Maka otomatis akan terbentuk sebuah Layers baru dengan nama DOWNLOADS NOW

Klik Styles dan efek Sun
 

Hasilnya akan seperti yang terlihat pada gambar di bawah
 

Selanjutnya Klik Menu Window > Animation
 

Hasilnya akan seperti yang terlihat pada gambar di bawah
 

Klik Selects frame delay time dan pilih 0.5
 

Duplicat Frames dengan cara klik Duplicates selected frames dan aktifkan Frames 2

Selanjutnya aktifkan juga Layers Kotak

Klik kanan pada Layers Kotak dan pilih Blending Options


Pada Layer Style hilangkan tanda centang/ceklist Color Overlay klik OK

Lakukan hal yang sama pada Layers DOWNLOADS NOW


Pada Layer Style hilangkan tanda centang/ceklist Stroke klik OK

Hasilnya akan seperti yang terlihat pada gambar di bawah

Sementara di coba apakah animasi sudah dapat berjalan dengan baik apa belum, dengan cara klik Plays animation

Jika sudah benar atau animasi sudah sesuai dengan yang diinginkan, selanjutnya simpan hasil karya Anda dengan cara klik Save for Web & Devices

Simpan dengan format GIF lalu klik Save

Selesai, selamat berkarya dan semoga bermanfaat . . .
Sumber : http://onesetia82.wordpress.com/2011/09/12/cara-membuat-animasi-dengan-photoshop/ 

Tidak ada komentar:

Posting Komentar