membuat animasi kursor teks yang sederhana di Photoshop

Assalamualaikum, apa kabar pembaca sekalian.? Semoga dalam keadaan sehat selalu, aamiin. Bertemu lagi dengan kami author blog www.desainsekarang.com yakni blog yang membahas tentang tutorial photoshop dan coreldraw serta inspirasi tentang desain grafis.

Pada kesempatan ini kita akan belajar bagaimana cara membuat animasi bergerak kursor teks. Tutorial animasi bergerak ini sangat sederhana, kenapa kami bilang sederhana,? Karena animasi ini hanya memuat dua frame atau hanya dua gerakan yakni hilang dan muncul lagi begitu seterusnya.

Sebelumnya kita telah membuat animasi tentang cinemagraph yang memuat banyak frame dan banyak gerakan. Namun untuk kali ini kita akan belajar animasi untuk pemula dengan menggunakan aplikasi Adobe Photoshop.

Baca: Membuat animasi cinemagraph di photoshop

Berikut adalah hasil akhir dari tutorial ini.

---

Aplikasi: Adobe Photoshop CS5

Durasi: 3 Menit

Tingkat kesulitan: Pemula/Dasar

---

Secara garis besar tutorial ini terdiri dari tiga tahap yakni membuat bahan animasi, membuat gerakan dan menyimpan file.

Berikut adalah langkah membuat animasi kursor teks di Photoshop

Langkah 1

Buka aplikasi adobe Photoshop, kemudian buat file baru dengan cara klik menu File-New atau tekan Ctrl+N di keyboard. Untuk ukuran file adalah sebagai berikut:

Width: 500 Pixels

Height: 500 Pixels

Resolution: 72 Pixels/inch

Langkah 2

Aktifkan Horizontal type tool (T) di Photoshop, kemudian buat teks yang kita inginkan. Untuk tutorial ini kami menggunakan teks Desain Sekarang sesuai nama blog dan ukuran font menyesuaikan saja. Lihat gambar dibawah.

Langkah 3

Aktifkan Rectangle tool (U) kemudian buat persegi panjang vertikal dengan warna hitam di akhir teks yang nantinya akan terlihat seperti kursor teks.

Langkah 4

Pada langkah ini masih dengan tool yang sama yaitu rectangle tool (U), buat persegi panjang vertikal dengan warna putih yang sedikit lebih besar dari persegi yang pertama, shape ini dibuat untuk menutupi persegi panjang yang hitam tadi.

Langkah 5

Nah pada tahap ini kita akan mulai membuat gerakan seperti kursor teks yakni gerakan hilang timbul. Pada adobe photoshop CS5 munculkan kotak menu animation dengan cara klik menu windows pilih animation, bagi yang menggunakan adobe photoshop CS6 animation bisa diaktifkan di menu windows pilih timeline.

Baca juga: Cara membuat efek Bokeh di Photoshop

Langkah 6

Setelah muncul frame animation ubah durasi frame menjadi 0,5 second dengan gerakan forever yang berarti akan gerakan akan berulang terus menerus. Pada frame ini semua layer masih aktif.

Langkah 7

Selanjutnya tambah frame dengan klik di icon new frame yang ada di frame box. Untuk yang frame kedua ini sembunyikan layer persegi putih sehingga akan terlihat layer persegi yang berwarna hitam.

Langkah 8

Pada langkah ini kita akan menyimpan hasil karya ini kedalam bentuk gerakan animasi dengan jenis file gif. Caranya yaitu klik menu file pilih save for web & device atau tekan Alt+Shift+Ctrl+S di keyboard.

Kemudian akan muncul kotak menu pengaturan menyimpan animasi, atur ukuran persen dan warna sesuai kebutuhan dengan jenis file adalah GIF.

Final

Berikut adalah hasil animasi kursor teks yang sederhana.

Demikianlah tutorial animasi sederhana ini, animasi ini cocok di pakai untuk display picture BBM anda dengan teks nya nama anda sendiri atau teks tentang mood anda. Author pernah kadang selalu menggunakan animasi ini untuk display BBM.hehehe

Baiklah terimakasih telah berkunjung dan jika ada pertanyaan atau saran silahkan ungkapkan di kolom komentar yang telah kami sediakan di bawah artikel ini. Wassalamualaikum.

Tweet