CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »

Sabtu, 25 Agustus 2012

animasi from 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 bermanfa

Tidak ada komentar:

Poskan Komentar