Wednesday, March 18, 2020

Cara Membuat Animasi Text/Tulisan Berjalan Sendiri



Cara Membuat Tulisan/Text Bergerak atau Berjalan Sendiri







Tulisan / text yang berjalan sendiri sering digunakan di website atau di blog-blog. Kadang ini hanyalah untuk membuat tampilan dari blog atau website itu menjadi semakin menarik.

Kali ini saya akan share cara membuatnya yang boleh dibilang cukup mudah dan cepat. 
Program yang dibutuhkan adalah Photoshop.

Program ini sudah tidak asing lagi bagi kalian kan? Jika belum memiliki program itu, anda bisa download gratis, cari saja di google. Bagi yang sudah memiliki Photoshop bisa langsung menyimak langkah-langkah dibawah ini.


lihat juga: Video Cara Membuat Animasi TEXT Bergerak/Berjalan Sendiri





Langkah-langkah membuat:


1. Buka Photoshop anda

2. Klik File - klik New



3. Atur Panjang dan lebar canvas-nya

Aturlah Tinggi dan Lebar canvas (terserah anda), disini sebagai contoh saya ambil Tinggi 50 pixels & Lebar 500 pixels. Ukuran bisa memakai pixels, milimeter atau inch, pilih yang anda suka.















4. Atur warna dasar (background) canvas anda

Klik Edit - klik Fill, lalu pilih warna dasar (background) sesuai selera anda.



5. Klik Logo Text (T)

Klik icon Text (T) dan tulislah text yang anda mau











Untuk mengubah warna Text, block semua text dan klik icon warna diatas, seperti terlihat pada gambar dibawah ini. Lalu pilih warna text yang anda suka.













6.  Memberi Animasi Bergerak pada Text

Klik Menu Windows (di bagian atas) kemudian pilih "Animation"
















Setelah anda klik (Animation) maka akan muncul Template Animasi di bagian bawah, seperti terlihat pada gambar di bawah ini. 















7. Menggerakkan Text 

a. Copy Template Animasinya (lihat gambar dibawah)
    (Setelah anda copy maka akan muncul template baru) 
























b. Atur Delay Animasi anda (misal: 0.5 detik)

    













c. Geser Text Anda ke Kiri
    Geser Text anda ke kiri dengan memencet (anak panah) 
    pada keyboard sebanyak 20x.















d. Copy Template Animasi lagi
















e. Geser Text Ke Kiri Lagi 
Geser Text ke Kiri lagi dengan memencet (anak panah pada keyboard anda) sebanyak 20x.









Setelah selesai menggeser Text, anda harus Copy Template lagi. Jadi setiap gerakan template animasinya harus di-copy.

Geser text - Copy Template - Geser text - Copy Template, begitu seterusnya sampai text anda hilang atau tidak kelihatan.















Setelah TEXT anda hilang (gk kelihatan) maka anda bisa memainkan Animasi Text yang anda buat dengan meng-klik tombol PLAY (di bagian bawah).


Untuk menyimpan hasil animasi anda

Klik File - kemudian klik Save for Web (pilih format gift)


Untuk lebih jelas lagi anda bisa melihat video berikut ini
Video Cara Membuat Animasi TEXT Bergerak/Berjalan Sendiri


Subscribe juga Channel Youtube, berisi berbagai macam Video Tutorial yang sangat bermanfaat buat anda.










Artikel Menarik Lainnya

Hanya Ketik Huruf & Angka Hasilkan 1$ - 5$  per Hari

Claim hingga 200$  per Jam

Cuma Modal Aplikasi Telegram, Hasilkan 5$ - 10$ per Hari

Kerja Online Penghasilan Rp 7.761.000 per bulan


 

No comments:

Post a Comment