MEMBUAT ANIMASI GAMBAR, TULISAN BERGERAK DENGAN PHOTOSHOP   Leave a comment

Tutorial photoshop membuat banner animasi tulisan bergerak berformat gif dapat dilakukan dengan aplikasi adobe photoshop, dan dengan membuat banner animasi sendiri yang jelas akan memberikan kepuasan tersendiri dari pada membuat animasi gif di beberapa situs yang memang untuk menyediakan pembuatan animasi gif secara online.

Membuat animasi gif gambar bergerak 

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 Animationdengan 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

Posted December 30, 2012 by aqibhidayatullah in Uncategorized

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: