Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop

Cara Membuat Animasi Huruf Dengan Adobe Photoshop

Kelebihan Photoshop dibanding program lainnya adalah Photoshop menyediakan fitur untuk membuat gambar format .gif atau istilah lainnya gambar animasi. Cara membuat animasi format .gif dengan Photoshop tergolong mudah dan hasilnya tidak kalah menarik dengan program-program pengolah penghasil gambar animasi lainnya.

Berikut contoh hasil gambar animasi format .gif sederhana yang dibuat dengan program Adobe Photoshop :

Animasi Baharsyl

Jika Anda tertarik ingin membuat Tulisan animasi format .gif seperti contoh animasi diatas, mari kita bahas caranya. Photoshop yang saya gunakan dalam tutorial ini adalah Photoshop CS3.

Pertama-tama aktifkan dulu Program Adobe Photoshopnya ..

Setelah Photoshop Anda aktif, silakan buat canvas baru dengan cara klik File > New. Beri nama canvas “ANISMASI” Width 550 pixels, Height 350 pixels dan Resolution cukup 72 pixels. Lalu Klik OK.

Gambar 1

Tulisan yang saya buat “ baharsyl.blogspot.co.id “ dalam tutorial membuat animasi ini saya menggunakan Horizontal Type tool (T). Silakan Aktifkan Horizontal Type tool (T), dan disini saya memilih Jenis hurufnya Gungsuhche . Setelah memilih Horizontal Type tool (T) seperti yang dicontohkan, sekarang buat Tulisan di area canvas Animasi. Sesuaikan dulu dari mulai warna ,jenis huruf, backround dll supaya lebih menarik..

Gambar 2

Aktifkan menu Animation dari Window. Animation Frames ini fungsinya untuk mengoperasikan projek Animasi Anda.

Gambar 3

Sekarang set waktu durasi animasinya dengan cara klik pada Selects frame delay time. tentukan 0.5 seconds. Ini diukur tergantung sebarapa cepat animasi yang di butuhkan.

Gambar 4

Selanjutnya perbanyak Frames dengan mengklik Duplicates selested frames yang berada dibawah tampilan, saya pakai duplikatnya sebanyak 34 frame bisa juga di tambah. Kalau menginginkan pergerakan yang lembut tambah lagi duplikat framenya di atas 34 frame.

Gambar 5

Setelah melakukan duplikat Frame Animasi, sekarang duplikat juga Layer Animasi sebanyak 34 layer. Untuk menduplikat layer, caranya klik kanan pada kotak LAYER aktif-> klik Duplicate Layer .selain dari itu > Duplicate… bisa juga dengan menekan Ctrl+J pada keyborad.

Gambar 6

Jika anda sudah mempunyai 34 buah Frame Animasi dan 34 buah Layer Animasi.

Langkah selanjutnya setting Indicates layer visibility (icon mata) pada setiap Frame Animasi. Maksudnya, jika Frame Animasi 1 aktif, maka Indicates layer visibility juga yang aktif harus Layer Animasi 1. Begitu selanjutnya Anda setting pada Layer animasi lainnya sesuaikan dengan posisi nomor Frame Animasi, dalam mengaktifkan Indicates layer visibility lihat gambar dibawah ini :

Gambar 7

Jika sudah selesai melakukan pengaturan Indicates layer visibility di semua Layer Animasi dari Layer satu sampai dengan Layer 34, kita lanjutkan tutorialnya. Aktifkan Frame Animasi 1 dan Layer Animasi 1, klik Move Tool pada Toolbox atau tekan huruf V pada keyboard. Rubah posisi Huruf dan geserkan ke sebalah kiri. Terserah mau kemana diarahkan Teks itu berjalan. kalau saya pakai ke sebalah kiri. jadi fungsi Move Tool (V) disini untuk memindahkan atau menggeserkan.

Gambar 8

Lakukan juga pada Frame Animasi 2 dan Layer Animasi 2. Rubah posisi Teks /geserkan lagi supaya berbeda dengan animasi 1 dan frame 1. Supaya gampang menggeserkannya pakai panah di keyboard. Selanjutnya animasi 3 dan frame 3 itu sama caranya sampai dengan animasi + Frame 34.

Semoga lancar dan sukses membuat gambar animasi format .gif dengan Photoshopnya. Sekarang coba test gambar animasi yang baru saja telah Anda buat dengan cara klik Play animation.

Gambar 9

Simpan hasil karya Anda dengan cara klik File > Save for Web & Device > Pilih Gif . lalu tekan Ok.

Gambar 10

Selamat Anda sudah bisa Membuat Animasi Format GIF Dengan Photoshop

Lihat Tutorial Videonya di sini