Langkah 4 Akan Anda dapati sebuah p alet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

(1)

Cari:

Bel

Belajaajar Tr Tutorial Photosutorial Photoshophop Temp

Tempat mempelajat mempelajari Photoshop ari Photoshop dengdengan mudahan mudah Depan

Depan

||

Jasa Edit Foto Jasa Edit Foto

||

Galeri Galeri

||

Kontak Kontak

||

Tentang Tentang

Dipublikasikan tanggal 28 Jul 2008 Dipublikasikan tanggal 28 Jul 2008

Animasi tulisan bergerak Animasi tulisan bergerak Ditulis dalam kategori

Ditulis dalam kategori EfeEfek Tk Tekseks, oleh Sadewo, oleh Sadewo

Miliki A

Miliki ASET SET di di InternInternetet

Uang Mengalir Ke Rekening. Aset Uang Mengalir Ke Rekening. Aset ANDA Bekerja 24 Jam NON STOP ANDA Bekerja 24 Jam NON STOP

Usaha Mudah dapat uang Usaha Mudah dapat uang

Sempatkan wkt anda utk ambil usaha Sempatkan wkt anda utk ambil usaha sambilan y

sambilan y ang mudah ang mudah dg wdg wkt skt s ingkatingkat

Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format fil

file ge gif. Animaif. Animasi ini disi ini dibuat dengabuat dengan pn p rogrogram photram phot oshop oshop ppada awalada awalnynya, kemudia, kemudian pan p roses proses p embuaembuatan animasitan animasinynyaa dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini

bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1 Langkah 1 Buatlah sebuah file ba

Buatlah sebuah file baru dengru dengan Photan Phot oshoposhop . Uku. Ukuran filran file bisa disesuaie bisa disesuaikan dengkan dengan kebutuan kebutuhan Anda. Phan Anda. P adaada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

n

niimmaassi i ttuulliissaan n bbeerrggeerraak k | B| Beellaajjaar r TTuuttoorriiaal l PPhhoottoosshhoopp hhttttpp::////mmbbaahhddeewwoo..ccoomm//22000088//0077//aanniimmaassii--ttuulliissaann--bbeerrggeerraakk//

(2)

Langkah 2 Langkah 2 Buatlah sebuah tulisan dengan menggunakan

Buatlah sebuah tulisan dengan menggunakanType toolsType tools pada Photoshopada Photoshopp..

Langkah 3 Langkah 3

Jika Anda menggunakan versi Photoshop 7 hingga CS:

Klik icon

Klik icon Jump to Image readyJump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu

memilih menuFile > Jump To > Adobe ImageReady 7.0File > Jump To > Adobe ImageReady 7.0 (pada Photoshop (pada Photoshop 7), atau7), atauFile > Edit inFile > Edit in Image Ready

Image Ready (pada Photoshop (pada Photoshop CSCS).).

Jika Anda

Jika Anda mengmengggunakan versi Photunakan versi Phot oshop oshop CSCS3:3:

Pilih menu

Pilih menu Window > AnimationWindow > Animation

(3)

Langkah 4

Akan Anda dapati sebuah p alet panjang di sebelah bawah (bentuk t ampilan relatif sama baik p ada Image Ready ataupun Photoshop CS3).

Jika p erlu, p erlebar tamp ilan p alet ini dengan melakukan klik dan geser pada sudut kanan bawah p alet tersebut.

Langkah 5

Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

Langkah 6

Klik iconDuplicate current frame.

nimasi tulisan bergerak | Belajar Tutorial Photoshop http://mbahdewo.com/2008/07/animasi-tulisan-bergerak/

(4)

Langkah 7

Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.

Geser lagi tulisan hingga sisi kanan luar dari background.

Langkah 8

Klik icon Tweens animation frames.

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranp aransi, dan efek p ada obyek.

Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

(5)

Pada kotak dialog ini, kita bisa mengatur:

Tween with: digunakan untuk memilih frame mana y ang 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 Langkah 9

Klik iconPlays/stops animation.

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombolShift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah

terp ilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku p ada semua frame yang terpilih.

Untuk menyimpan hasil animasi, p ilihlah menuFile > S ave O ptimizedpada Adobe ImageReady. At auFile

> Save for Web & devices pada Photoshop CS3. Past ikan format file yang dipilih adalahgif .

Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

(6)

(7)

92 Comments »

Comment by rev 2008-07-28 12:29:29 tutorial baru niiiihh…,

wjib bwt diplajarin..

Reply to this comment

Comment by ardy 2008-07-28 14:46:14

hehehe…tolong lagi mbah dewo. ini ada kesulitan nich. waktu kita mo buat tulisan yang follow path y g kita buat. langkahnya udah bener. cuma waktu p ertama kali dan sekian kalinya berhasil. hanya saja pas hari ini lagi edit, trs nemu mbak kesulitan. lalu posting aja. kok tulisannya malah kaya dedemit y a. ga keliatan. sama sekali tp i klo teks p ada path itu di blok,

ada. dan dipalet layernya teksnya tampil dengan sempurna, kok gak mau tampil ya

Comment by ardy 2008-07-28 15:06:41

klo yang animasi text yang bergelombang itu ada tutornya gak mbah…kayaknya kerbek bgts.

makash

Comment by Sadewo 2008-07-28 15:43:26

Buat rev: Silahkan.

Buat ardy (atas): Seharusnya tulisan pada path itu tidak hilang. Apakah pada tulisan tersebut ada efek2 lain, atau opacity yang dikurangi?

Buat ardy (bawah):

Animasi “text bergelombang” yang dimaksud yang mana ya? Kalau yang dimaksud adalah yang Gambar contoh animasi 1 dan 2 di tutorial ini, memang sengaja tidak saya berikan langkah2

pembuatannya, agar para pembaca bisa mencoba2 dan mengembangkan sendiri.

Saya berikan sedikit clue, pada animasi tersebut bisa ditambahkan layer lain berikut dengan diberi efek2. Pada contoh 1, t ulisan diberi warp text, layernya juga ada beberapa. Pada contoh

2, tulisan diberi layer style Satin, layer yang digunakan ada lima (4 layer text, 1 layer background).

(8)

Comment by Dicko 2008-11-13 13:20:48

mbah.. saya telah mengambil gambar format gif.. lalu saya edit dengan image ready gambar kepalanya saya rubah dg foto.. saya save dengan ilmu dari mbah save optimized dg format gif jg.. nah tujuan saya

mau saya masukan album d friendster agar bisa d kirim lewat testi gambar yang bergerak.. tapi waktu saya masukan di album gambar format gif yang saya edit td ga keluar gambarnya.. malah semua foto

yang d album it jg ga ada gambarnya..

tlgin saya mbah.. gmn caranya gambar yang saya edit t d tt p bisa di kirim ke tesiti.. tujuan say a upload lewat testi karena kalo ngirim lewat t esti harus ada embleb ny a ato ky urlnya.. t lg y a mbaaaah..

makasih

Comment by ivan 2008-07-28 19:55:58

wahhhhhhhh senengnya ada yang baru……makasih banget mbah……

coba dipelajari ahhhhhh

Comment by EDDY 2008-07-28 21:56:58 Mantap banget mbah…

ini yang saya cari…

kudu dipelajari…

trims

Comment by taqin 2008-07-28 22:41:10

Wah,makasih ya imunya. Saya pengen banget pintar buat gambar2 gt.

(9)

Buat ivan: Terima kasih kembali. Silahkan digunakan sebagai panduan belajar photoshop.

Buat EDDY: Terima kasih kembali.

Buat taqin: Terima kasih kembali. Asal berkemauan untuk belajar pasti bisa.

Comment by adynet 2008-11-24 11:27:28

aku boleh ga knlag a abang so aku sagat but uh tutorial phtoshop ,

terlebih dahulu salam persahabatan yuk ????????????????????????? ap ak blh nax nx am abang yah

Comment by Sadewo

(Comments wont nest below this level)

2008-11-24 14:27:06 Boleh saja, mari berkenalan.

Reply here

Comment by aisyah 2008-07-29 11:49:16

keren banget…………..mau dunk ikut milis..

Buat aisyah: Untuk informasi update, silahkan subcribe, bisa dengan email atau subcribe pada tautan RSS. Tapi setahu say a ini bukan milis lho.

Comment by Yuni 2008-07-29 13:23:33

Terimakasih^^

Comment by Sadewo

(10)

2008-07-29 14:20:54

Buat Yuni: Terima kasih kembali.

Comment by ivan 2008-07-29 16:03:29

Mbah…aku udah nyoba ngedownload brush photoshop file zip..tapi aku gak tau cara bukanya….caranya gimana ya????

Comment by ardy 2008-07-29 16:57:35

udah ketemu mbah cara bt contoh animasi2, tinggal buka di image ready trs kopi paste dech.

makasih mbah atas cluenya. salut hebat bener. rekonstruksi ulang gaya “ patroli”

Comment by gilang 2008-07-29 17:23:32 makasihh,, mbahh dewo!^^

KEREN bgt….

Buat ivan: Karena itu file zip biasa, maka bisa dibuka dengan Windows Explorer, atau program2 lain seperti Winzip, winrar, IZarc, dan sebagainya.

Buat ardy: Kalau dibuka di ImageReady, layer2nya sudah tergabung dengan background.

Semua frame cuma bisa menampilkan 1 layer saja.

Buat gilang: Terima kasih kembali

Comment by queen 2008-07-30 07:13:01