iklan banner

Cara Membuat Animasi GIF atau Teks Berjalan di Photohop CS3

Cara Membuat Animasi Gif Teks Berjalan/Bergerak Dengan Photoshop - Pada tutorial photoshop kali ini Ermawati akan share mengenai efek animasi dalam format gif untuk tulisan/teks yang bisa bergerak atau teks bisa berjalan menggunakan adobe photoshop CS3. Dalam pembuatan animasi tulisan berjalan ini saya akan memberikan contoh yang sangat sedrhana dan nantinya dapat anda kembangkan sendiri, misalnya tulisan berjalan dari kiri ke kanan atau dari kanan ke kiri atau teks berjalan dari atas ke bawah atau sebaliknya. Sebenarnya untuk membuat animasi bisa dilakukan dengan layanan online gratis untuk pembuatan animasi gif seperti GifMaker atau menginstall software gif animator dan lain-lain. Biasanya animasi ini banyak dibuat untuk banner iklan. Nah Ermawati akan mencoba membuat sendiri animasi berjalan pada teks berjalan menggunakan photoshop CS3, silahkan simak tutorial pembuatan animasi gif seperti screenshot dibawah ini. Cara Membuat Tulisan Bergerak/Berjalan (Animasi) Dengan Photoshop
 1. Buka photoshop
 2. Tekan Ctrl+N untuk membuat layer baru 
 3. Beri warna hitam pada background lalu buat teks/tulisan seperti dibawah ini 
Membuat Animasi Berjalan Dengan Photoshop

4. Pada menu bar klik Window => Animation 
Membuat Animasi Berjalan Dengan Photoshop

5. Maka akan terlihat seperti dibawah ini 
Membuat Animasi Berjalan Dengan Photoshop

6. Atur kecepatan/delay menjadi 0,3 second dengan cara klik pada gambar yang saya tandai dengan panah no.1 lalu pilih Other (panah no.2) isikan Set Delay menjadi 0,3 seconds (panah no.3) lalu ok 
Membuat Animasi Berjalan Dengan Photoshop

7. Duplikat gambar no 1 pada Animation dengan cara klik Duplicates Selected Frames lalu geser kekiri teks sebanyak 15x dan hasilnya seperti dibawah ini 

Membuat Animasi Berjalan Dengan Photoshop

8. Lalu duplikat lagi gambar no 2 pada Animation dengan cara yang sama yaitu klik Duplicates Selected Frames lalu geser kekiri teks sebanyak 15x dan hasilnya seperti dibawah ini
Membuat Animasi Berjalan Dengan Photoshop

 9. Untuk selanjutnya anda lakukan cara yang sama dengan diatas sampai teks/tulisan menghilang dari background hitam. 

10. Untuk ngetes apakah hasil animasi berjalan atau tidak silahkan tekan tombol Play. 

11. Kalau sudah lalu simpan dengan cara lihat pada menubar lalu klik File => Save for web & devices.
Membuat Animasi Berjalan Dengan Photoshop

12. Lalu beri nama animasi berjalan.gif 
Membuat Animasi Berjalan Dengan Photoshop

13. Maka hasilnya dari membuat animasi teks berjalan seperti dibawah ini 

Membuat Animasi Berjalan Dengan Photoshop

Demikian Tutorial yang dapat saya berikan. Semoga bermanfaat bagi kita Semua.
Sekian dan Terima Kasih

1 komentar:

Click here for komentar
9 Juli 2020 pukul 07.19 ×

No more live link in this comments field

Congrats bro Bandar Togel 4D you got PERTAMAX...! hehehehe...
Reply
avatar

ConversionConversion EmoticonEmoticon

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
iklan banner