Oleh: anurachman | Juni 26, 2009

Membuat Tulisan Berjalan

Kita tentu sudah sering melihat tulisan animasi. Berbagai bentuk animasi tulisan dengan mudah dapat kita temukan. Animasi tulisan ini memiliki beragam bentuk. Salah satu bentuk dari tulisan animasi adalah tulisan berjalan.

tulisan berjalan

Tulisan berjalan ini dapat dengan mudah kita temukan. Pada beberapa stasiun televise kita dapat ,emjumpai newsticker, yang bentuknya tulisan berjalan. Selain itu, kita juga dapat menemukannya pada website banner.

Membuat tulisan berjalan tidaklah sesulit yang dibayangkan. Kita dapat membuatnya sendiri, tanpa harus bersusah-payah meminta ahli disain grafis. Cukup bermodalkan software photoshop kita dapat membuatnya. Adapun langkah-langkah untuk membuat tulisan berjalan adalah:

Langkah 1

Buka file baru pada photoshop. Ukurannya dapat anda tentukan sendiri, namun pastikan file baru ini memiliki ukuran lebar (width) yang lebih besar. Di sample ini saya membuat file baru dengan ukuran Width: 460px dengan Height: 60px.

file baru

Langkah 2

Dengan menggunakan Type Tool, buatlah sembarang tulisan yang anda inginkan

buat tulisan

Langkah 3

Buka window animation pada photoshop anda. bagi yang menggunakan Photoshop 7 hingga CS, dapat membukanya dengan membuka Image Ready ( File > Edit in Image Ready). Sedangkan bagi yang menggunakan Photoshop CS3 dan CS4, window animasi dapat dibuka dengan meng-klik menu WINDOW > Animation. (catatan: saya menggunakan Photosop CS4 dalam membuat tulisan ini)

window animasi

Langkah 4

Geser tulisan ke sebelah kiri hingga tidak terlihat, kemudian klik icon Duplicate Current Frame pada window animasi bagian bawah. Kita akan mendapatkan dua frame pada window animasi.

duplicate frame

Langkah 5

Masih di frame2, geser tulisan ke sebelah kanan background. Untuk menampilkan tulisan dari kanan, geser frame 2 ke frame 1. Tapi jika yang lebih suka menampilkan tulisan dari kiri, biarkan saja posisi frame 1 dan 2. setelah tulisan berada di sebelah kanan, klik icon Tweens Animation Frames.

Langkah 6

Setelah icon Tween di klik, akan muncul kotak dialog yang merupakan jendela pengaturan frame. Kotak dialog ini kita bisa mengatur hal-hal berikut:

•    Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif.

•    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

Atur sesuai keinginan kita.

tween window

Langkah 7

Tulisan animasi sudah selesai. Cobalah menjalankannya dengan menekan tombol PLAY/STOP. Jika terlalu cepat, kita dapat mengatur kecepatan animasi dengan meng-klikicon yang menunjukkan kecepatan tepat di bawah masing2 frame.

setting kecepatan

Langkah 8

Jangan lupa untuk menyimpan file tulisan animasi ini hanya dengan menggunakan file .GIF.

Akhirnya kita dapat menikmati tulisan animasi kreasi kita sendiri.

hasil akhir

Selamat mencoba.

fedcoprint.com


Responses

  1. cara-cara penyampaian bagus..thanx…

  2. thank infonya

  3. aku suka ma blog ini.. makasih ya…


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Kategori

Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: