animasi Text berjalan photoshop | Media Pendidikan

Sabtu, 21 April 2012

animasi Text berjalan photoshop

CMS Sekolah Gratis untuk Pendidikan Indonesia

Berikut ini contoh langkah membuat animasi teks berjalan menggunakan Photoshop

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 photoshop

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.
belajar photoshop

Tutorial Membuat teks animasi (teks berjalan)

4. Add layer mask pada tulisan tersebut
animasi photoshop

Tutorial Membuat teks animasi (teks berjalan)

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

Tutorial Membuat teks animasi (teks berjalan)

6. Lakukan seleksi pada tulisan dengan marquee tool bentuk kotak
textphotoshop

Tutorial Membuat teks animasi (teks berjalan)

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

Tutorial Membuat teks animasi (teks berjalan)

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

Tutorial Membuat teks animasi (teks berjalan)

9. Klik Window >>> Animation
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

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

Tutorial Membuat teks animasi (teks berjalan)

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.
banner tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

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

Tutorial Membuat teks animasi (teks berjalan)

    hingga muncul jendela seperti pada gambar dibawah ini...
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

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...
tutorial photoshop

Tutorial Membuat teks animasi (teks berjalan)

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...
animasi photoshop

Tutorial Membuat teks animasi (teks berjalan)

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

Untuk lebih jelasnya, silahkan baca juga, artikel yang berhubungan dengan Artikel animasi Text berjalan photoshop, antara lain :
Bila Artikel animasi Text berjalan photoshop dirasa bermanfaat untuk Anda, sudi kiranya Anda berikan G plus one anda kami juga sangat bahagia bila anda suka dengan tulisan animasi Text berjalan photoshop ini
Komentar www.m-edukasi.web.idDan kami sangat berterimakasih, kepada anda yang telah meninggalkan komentarnya dibawah ini.



6 komentar:

Anonim mengatakan...Jawab

nice share kang.. makasi banget infonya

Ya mengatakan...Jawab

wah boleh dicoba....:-)

Unknown mengatakan...Jawab

keren ..bermanfaat..

Unknown mengatakan...Jawab

makasih tutorialnya
kalau berkenankunjungi blog sederhana saya sport-9.blogspot.com
trmakasih

Anonim mengatakan...Jawab

sangat bagus, terimaksih, . .

Lalu Saeful mengatakan...Jawab

Tween itu tempatnya dimana ya?


Posting Komentar

Artikel Favorit