Sabtu, 09 April 2016

ANIMASI TEKS BERJALAN


1. Buat file baru dalam hal ini saya menggunakan image size 468x60 px

2. Buat / masukkan background yg akan digunakan, dalam hal ini saya menggunakan linear gradient, dari kumpulan gradient default dari soft photoshop cs3, color harmonies 1, light spectrum
    

Tutorial Membuat teks animasi (teks berjalan)
3. Ketik sebuah tulisan dengan terlebih dahulu klik horizontal type tool (yang berlambang huruf T), dalam hal ini saya menuliskan kata photoshop.
    


4. Add layer mask pada tulisan tersebut
    



5. Hilangkan link pada layer tersebut, tanda yg saya lingkari merah digambar dibawah ini, diklik hingga menghilang.
    


6. Lakukan seleksi pada tulisan dengan marquee tool bentuk kotak
    


7. Fill seleksi tersebut dengan warna hitam, hingga tulisan nanti akan menghilang
    


8. Masukkan/buat layer gambar yang akan dibuat sebagai penghias tulisan tersebut
    


9. Klik Window >>> Animation
    


10. Untuk membuat efek tulisan bergerak buat lebih dahulu frame ke dua
     caranya klik duplikat frame(yang saya tandai warna merah)
     


11. Pada frame kedua atur agar posisi gambar disebelah kanan tulisan, caranya klik pada layer lalu move gambar.
Teks juga dinampakkan dengan cara klik layer tulisan dan move maskingnya kesebelah kanan.
     


12. Lalu gunakan fasilitas tween dengan klik terlebih dahulu yang saya tandai warna merah ini
    



    hingga muncul jendela seperti pada gambar dibawah 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

13. Setelah semua frame terbuat oleh tween, klik icon Plays/stops animation.
   
14.  Selanjutnya kita atur delay waktunya per frame dengan cara klik yang saya tandai merah dibawah ini...
   


Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan tombol Shift, lalu klik frame yang lain.
Atau bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.

15. selesai... hingga akhir jadinya seperti ini...
     


16. Untuk menyimpan hasil animasi, pilihlah menu  File > Save for Web & devices. Pastikan format file yang dipilih adalah gif.


Tidak ada komentar:

Posting Komentar