-->
Cara Menciptakan Animasi Goresan Pena Berjalan Dengan Adobe Photoshop

Cara Menciptakan Animasi Goresan Pena Berjalan Dengan Adobe Photoshop

Cara Membuat Animasi  Huruf Dengan Adobe Photoshop

Kelebihan Photoshop dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar format .gif atau istilah lainnya gambar animasi. Cara menciptakan animasi format .gif dengan Photoshop tergolong simpel dan balasannya tidak kalah menarik dengan program-program pengolah penghasil gambar animasi lainnya.          
Berikut pola hasil gambar animasi format .gif sederhana yang dibentuk dengan jadwal Adobe Photoshop :

Baca juga:


dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Animasi Baharsyl
Jika Anda tertarik ingin menciptakan Tulisan  animasi format .gif menyerupai pola animasi diatas, mari kita bahas caranya. Photoshop yang saya gunakan dalam tutorial ini ialah Photoshop CS3.

Pertama-tama aktifkan dulu Program Adobe Photoshopnya ..
Setelah Photoshop Anda aktif, silakan buat canvas gres dengan cara klik File > New.  Beri nama canvas “ANISMASI” Width 550 pixels, Height 350 pixels dan Resolution cukup 72 pixels. Lalu Klik OK.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 1
 Tulisan yang saya buat  “ baharsyl.blogspot.co.id  dalam tutorial menciptakan animasi ini saya memakai  Horizontal Type tool (T). Silakan Aktifkan Horizontal Type tool (T), dan disini saya menentukan Jenis hurufnya Gungsuhche .  Setelah menentukan Horizontal Type tool (T)  seperti yang dicontohkan, kini buat  Tulisan di area canvas Animasi. Sesuaikan dulu dari mulai warna ,jenis huruf, backround dll semoga lebih menarik..
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 2
Aktifkan hidangan Animation dari Window. Animation Frames ini fungsinya untuk mengoperasikan projek Animasi Anda.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
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.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
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.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 5
Setelah melaksanakan duplikat Frame Animasi, kini duplikat juga Layer Animasi sebanyak 34 layer. Untuk menduplikat layer, caranya klik kanan pada kotak LAYER  aktif-> klik Duplicate Layer .selain dari itu > Duplicate… dapat juga dengan menekan Ctrl+J pada keyborad.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 6
Jika anda sudah memiliki 34 buah Frame Animasi dan 34 buah Layer Animasi.

Langkah selanjutnya setting  Indicates layer visibility (icon mata)  pada setiap Frame Animasi. Maksudnya, jikalau 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 :


dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 7
Jika sudah akibat melaksanakan pengaturan Indicates layer visibility di semua Layer Animasi dari Layer satu hingga dengan Layer 34, kita lanjutkan tutorialnya. Aktifkan Frame Animasi 1 dan Layer Animasi 1, klik Move Tool pada Toolbox atau tekan karakter 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.


dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 8

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

Semoga lancar dan sukses menciptakan gambar animasi format .gif dengan Photoshopnya. Sekarang coba test gambar animasi yang gres saja telah Anda buat dengan cara klik Play animation.
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 9
Simpan hasil karya Anda dengan cara klik File > Save for Web & Device > Pilih Gif . lalu tekan Ok. 
dibanding jadwal lainnya ialah Photoshop menyediakan fitur untuk menciptakan gambar  Cara Membuat Animasi Tulisan Berjalan Dengan Adobe Photoshop
Gambar 10

Selamat Anda sudah bisa  Membuat Animasi Format GIF Dengan Photoshop