Selasa, 20 Maret 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 . . .


0 komentar:

Posting Komentar