Selasa, 22 Januari 2013

Membuat Banner Animasi Tulisan Bergerak Dengan Photoshop

Langkah pertama
Buka aplikasi adobe photoshop, buat layer baru dengan klik Ctrl +N, kita akan membuat banner animasi berukuran 125 x 125 pixel, lihat gambar dibawah


Langkah kedua
Pada toolbox klik klik Set Foreground Color buat warna misalnya dengan warna ungu #a800ff dan klik Paint Bucket Tool (G) dan klik pada layer kosong yang dibuat tadi.

Langkah ketiga
Buat tulisan dengan klik Horizontal Type Tool (T), lihat contohnya dibawah ini buat sebanyak 6 atau lebih menurut keperluan anda.


Langkah keempat
Setelah anda buat beberapa layer, selanjutnya kumpulkan / drag semua gambar dalam satu layer, lihat contohnya


Langkah kelima
Pada menu bar klik Window => Animation.


Langkah keenam
Pada Layer Thumbnail, aktifkan layer 1 dan nonaktifkan layer 2,3,4,5,6 dan duplikat gambar pada Animation dengan klik Duplicates Selected Frames


Langkah ketujuh
Lalu aktifkan layer 2 dan nonaktifkan layer lainnya, maka hasilnya seperti ini.


Langkah ketujuh
Begitu juga seterusnya ikuti langkah keenam, dengan mengkopi / duplikat layer dan tinggal aktifkan salah satu layer dan nonaktifkan layer lainnya, maka hasilnya seperti ini.


Langkah kedelapan
Atur kecepatan/delay dari masing-masing animasi gambar misalnya 0,5 second dan setelah diatur kecepatannya lalu klik Plays Animation untuk melihat hasilnya, coba lihat gambar dibawah ini




Langkah kesembilan
Simpan hasilnya dengan cara klik File => Save for Web and Devices => Save dalam format Gif


Lihat hasil animasi gif banner bergerak dengan photoshop dibawah ini

Membuat animasi gif gambar bergerak
Share this article :

0 komentar:

Posting Komentar

 

Copyright  © 2012 All Rights Reserved