Cara membuat animasi tulisan berjalan dan berputar di Photoshop Tutorial

Membuat animasi gift teks bergerak dengan Photoshop

Apa kabar Pengunjung blog saya,lagi-lagi saya akan memposting Tutorial tentang Photoshop.Karena sekarang saya lagi suka otak-atik photosop,kemarin ada yang nanya ke saya,bagaimana caranya membuat tulisan berjalan,makanya sekalian saja saya buat tutorialnya.

Pada post kali ini saya akan membuat dua tutorial yaitu membuat animasi tulisan berjalan dan tutorial animasi tulisan berputar dengan memanfaatkan Adobe Photosop.

Yang pertama Tutorial membuat teks berjalan
berikut langkah-langkahnya:

LANGKAH :1
Jalankan Adobe Photoshop,kemudian buat dokumen dengan ukuran 400px x 400 px
dengan cara pilih menu file-->new atau tekan ctrl+n

LANGKAH : 2
Ubah warna background dengan warna gelap seperti ini
Pilih menu edit-->fill-->pilih colour

LANGKAH :3
Selanjutnya buat tulisan,terserah mau menulis apa sesuka kamu aja ya
dengan menggunakan horizontal type tool

kemudian tempatkan posisi teks seperti ini (sebenarnya boleh di mana aja,kita contohkan seperti ini)

LANGKAH : 4
Sekarang mulai kita buat animasi sederhananya
Pilih menu window--->timeline untuk adobe photoshop cs6
pilih menu window--->animation untuk adobe photoshop cs 3,4,5

LANGKAH : 5
disini saya menggunakan cs 6,tampilannya seperti ini
keterangan di bawah frame 0 sec:waktu untuk pindah ke frame berikutnya
duplicated selected frame :untuk memperbanyak/mengcopy frame

disitu sudah nampak frame ke 1,maka untuk menuju ke frame 2 klik ikon duplicated selected frame
sehingga muncul frame ke 2
dengan move tool geser sedikit posisi teks ke kiri

klik ikon duplicated selected frame lagi sehingga muncul frame ke 3
dengan move tool geser lagi ke arah kiri sedikit teksnya ke kiri

lakukan terus dengan menambah frame dan menggeser sedikit ke arah kiri setiap frame baru
sampai posisi teks tidak kelihatan,seperti ini

setelah itu atur waktu gantinya dengan 0,1 second
LANGKAH: 6
Untuk memeriksa hasilnya klik ikon play

hasilnya seperti ini

nah selesai sudah untuk menyimpan hasilnya pilih menu file --->save for web-->save

mudah bukan,sekarang kita lanjutkan tutorial ke dua,yaitu:

membuat animasi teks berputar dengan photoshop

berikut langkah-langkahnya:
LANGKAH : 1
Siapkan lembar kanvas baru dengan pilih file-->new atau tekan ctrl+n
dengan ukuran 400x400

ganti warna background dengan warna gelap(sebenarnya warna apa saja boleh)

LANGKAH :2
buat teks dengan teks horisontal tool,bebas kamu mau menulis apa saja
beri nama layer dengan teks 1
posisikan tulisan ditengah-tengah

LANGKAH :2
Copy layer teks 1,dengan cara tekan ctrl +j kemudian beri nama layer teks 2
transform teks 2,dengan cara tekan ctrl+t,lalu putar sedikit teks seperti ini contohnya

LANGKAH :3
Copy layer teks 2,dengan cara tekan ctrl+j kemudian ganti nama layer menjadi teks 3
transform teks 3,dengan cara tekan ctrl+t,lalu putar sedikit teks seperti ini contohnya

LANGKAH :4
Copy layer teks 3,dengan cara tekan ctrl+j kemudian ganti nama layer menjadi teks 4
transform teks 4,dengan cara tekan ctrl+t,lalu putar sedikit teks seperti ini contohnya

LANGKAH :5
Copy layer teks 4,dengan cara tekan ctrl+j kemudian ganti nama layer menjadi teks 5
transform teks 5,dengan cara tekan ctrl+t,lalu putar sedikit teks seperti ini contohnya

LANGKAH :5
Lakukan terus langkah diatas sampai teks yang diputar seperti ini,jangan lupa ganti juga nama layernya berurutan seperti tadi untuk memudahkan tutorialnya

LANGKAH : 6
Saatnya kita menyusun animasi sederhananya
Pilih menu window--->timeline untuk adobe photoshop cs6
pilih menu window--->animation untuk adobe photoshop cs 3,4,5

LANGKAH :7
Akan nampak seperti ini di photoshop cs 6
klik ikon duplicated selected frame untuk menambah frame dan untuk waktu delay kita atur saja dengan o,1 second
sebelumnya kita matikan dulu semua layer teks nya kecuali layer teks 1
dengan cara klik ikon mata disebelah layer

LANGKAH :8
Klik ikon duplicated selected frame untuk membuat frame ke 2
aktifkan layer teks 2,dan matikan layer teks 1

LANGKAH :9
Klik ikon duplicated selected frame untuk membuat frame ke3
aktifkan layer teks 3,dan matikan layer teks 2

Lanjutkan langkah tersebut sampai layer teks terakhir yang kamu buat,jangan lupa untuk mengaktifkan dan mematikan layer teks seperti tadi
jika sudah selesai ,bisa kamu klik ikon play untuk memeriksa hasilnya,untuk waktu delay isi saja dengan 0,1 second