Tutorial pembuatan animasi tulisan dengan Photoshop ini menggunakan minimal
versi CS3 karena apabila menggunakan Photoshop CS2 kebawah harus menggunakan
Adobe Image Ready. Baiklah kita mulai saja langkah-langkahnya sbb:
Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan
kebutuhan Anda.
Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.
Langkah 3
Pilih menu Window > Animation
Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah.
Akan Anda dapati sebuah palet panjang di sebelah bawah.
Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut
kanan bawah palet tersebut.
Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh
tulisan tidak nampak.
Langkah 6
Klik icon Duplicate current frame.
Klik icon Duplicate current frame.
Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah
frame kedua. Geser lagi tulisan hingga sisi kanan luar dari background.
Langkah 8
Klik icon Tweens animation frames.
Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan
frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.
Pada kotak dialog ini, kita bisa mengatur:
• Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai
dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka
yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan.
Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file
hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada
layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai
dasar animasi.
dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka
yang tepat adalah Previous Frame.
• Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan.
Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file
hasil jadinya akan semakin besar.
• Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada
layer yang aktif saja.
• Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai
dasar animasi.
Langkah 9
Klik icon Play / Stop animation
Animasi sudah jadi. Jika anda menginginkan kecepatan animasi, bisa anda pilih
dari tulisan 0 sec disebelah bawah frame.
Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus,
maka klik sebuah frame, kemudian tekan tombol Shift, lalu klik frame yang lain.
Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus,
baru ubah kecepatannya, perubahan kecepatan animasi akan berlaku pada
semua frame yang terpilih.
Simpan hasil animasi, pilih menu File > Save for Web & Device dan pastikan
format file yang dipilih adalah gif.
Berikut adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan
dalan format file gif.
0 Response to "Tutorial Membuat Animasi Tulisan Dengan Photoshop"