Tutorial Adobe Photshop dan Adobe Image ready: membuat gambar bergerak .gif

Nah, anda mungkin selama ini berkutat hanya dengan .jpg teruuus… tapi nggak tertarik untuk membuat gambar bergerak berformat .gif. mungkin kalau flash banyak lagi di internet kayak kartu ucapan, banner iklan, dll. Tapi khan nggak semua komputer punya flash player. Atau plugin flash. Maka .gif lah solusinya! (menurutku siih…)

Kayaknya susaah banget ya membuatnya??
Padahal, di tangan terampil mas ndop yang aneh ini, semua itu mudah dilakukan. Simak yang berikut!!

Mau membuat tulisan bergerak seperti ini??

Gampang pol kok! Buka photoshopmu, buat tulisan terserah. Lalu simpan dalam format .psd

Setelah itu buka tetangganya Photoshop, yaitu ImageReady. Lalu buka file .psd mu tadi.

Trus… jangan bengong aja. Hampir sama kok tampilannya dengan photosop. Nah, kemudian klik bagian bawah tuh. Seperti gambar di bawah. Namanya ‘duplicates current frame’ (baca: duplikeitz karrent freim).

Kemudian klik animation nomer satu. Lalu pada layer, pastikan yang terpilih adalah layer tulisan yang dalam hal ini layer bertuliskan dzofar. Kemudian, pada gambar, pastikan tool yang terpilih adalah move tool. Geser tulisan dzofar ke kiri. Seperti yang ada di gambar di bawah ini.

Nah, setelah itu, ganti klik animation nomer dua. Lalu geser tulisan dzofar ke kanan secukupnya.

Trus langkah selanjutnya adalah klik ‘tweens animation frames’. Pastikan animation yang terpilih adalah nomer 2.

Udah diklik OK aja, nggak usah ribet-ribet! Nah, hasilnya animation-nya akan bertambah banyak. Klik ‘play’. Maka gambar akan bergerak ke kiri dan ke kanan.

Tergantung u pilih bertambah berapa. Defaultnya sih ‘frames to add’-nya 5 frame. Silakan ubah-ubah sendiri. Pokoknya semakin banyak framenya, semakin halus gerakannya. Nggak patah-patah gitu! (pada contoh awal di atas, jumlah ‘frames to add’-nya 20)

Trus untuk delaynya, defaultnya 0, tinggal diganti-ganti aja, semakin lama ya semakin patah-patah. Trus untuk select all, tinggal klik segitiga sebelah pojok kanan atas, pilih select all frames.

Untuk menyimpan, klik file> ‘save optimized’ atau ‘save optimized as’. Pilih yang extentionnya gif. Jadi deh.
Gampang khan!!!

Selamat mencoba!!



18 Comments Add Yours ↓

The upper is the most recent comment

  1. walah,,,,
    tutor e vector ae sek ngelu ndaskuw….
    kurang detail bos sek an , akeh sing bingung,,,
    maklum newbie pol ndek corel….
    ojo sungkan” po’o ngirim i link e tutor” tok ndek blogku / emailku,
    suwun pol notok

  2. sip ndop. ntar kalo udah punya adob soto-soup balik sini lagi ya *insya*

    posting terakhirnya aR_eRos adalah: Akhirnya BBM Turun Harga

  3. @aheed: wekekke… bosomu lo kok lucu bos… hahaha… sampeyan sering2 tok kene wae < –niru bosomu–) ngko lak ujuk-ujuk mak bedunduk metu postingan tutorial…

    @aR_eRos: woke… :tepuk:

  4. Thank Tutorial bwat hurup bergeraknya..
    ni mau dicobain untuk icon di bloger…

  5. assalamu alaikum mas dofar ……………. ini mau saya coba ko programnya g ada ……….wah masih suka makan krupuk sama sambel mas dofar

  6. assalamu alaikum mas dofar ……………. ini mau saya coba ko programnya g ada ……….wah masih suka makan krupuk sama sambel mas dofar semoga kita sukses mas dof :doa:

  7. @hary: wekekek.. ya download aja dulu.. cari di google banyak..

  8. dwi #

    lam kenal mas ndop…tes dulu yaa

    posting terakhirnya dwi adalah: cari buku-buku sekolah SD,SMP,SMA,SMK standar Departemen Pendidikan Nasional (Depdiknas)

  9. suwun pak, five thumbs up(sing siji nyelang tonggo)

  10. coba ahhhh…

    posting terakhirnya arif adalah: ST12 "Isabella"

  11. @kana: huwokekeke… tonggomu sopo sing mbok silih jempole? lak berdarah-darah nah? hahaha…

  12. aslm..wah trims bgt ulasannya sobat…nampaknya sobat ahli dlm fotoshop ya…bagaimana pula kalau kita ingin membuat 2 gambar yg berbeda2 dlm satu file gif..apa sama juga langkahnya…mohon pencerahannya…

    salam

    by yosaadi.blogspot.com

    posting terakhirnya Yos yang belajar adalah: Relatedpost pd TurnOutMag template

  13. Tutorial ginian yang lama saya cari,… makasih.

    posting terakhirnya Seti@wan Dirgantara adalah: ILUSI ; SANG PEMIMPI

  14. lah, itu adobe image ready 7 yah??klo yang cs 2 gimana nih?? :rolleyes: Objek Wisata di Pandeglang´s last blog ..Kenali dan Kunjungi Objek Wisata di Pandeglang My ComLuv Profile

  15. :wink: :twisted: :tidur: :tepuk: :takut:

  16. khoir #

    :ampun: thanks ya Pahlawan :malaikat: Superndop atas informasi and tips cara editing gambarnya …. :mataduitan:

  17. hahahaha… superndop bukan pahlamwan, hanya manusia yang mengaku super membasmi gambar bitmap yang pecah!

  18. bro kalau pakek sotosop CS5 bisa ngak? :-) mohanlink™´s last blog ..Elm™ J102i Menu Icon dan Flash MenuMy ComLuv Profile



Your Comment

CommentLuv Enabled
:wink: :twisted: :tidur: :tepuk: :takut: :taktahu: :ssst: :siul: :sip: :shock: :sad: :rolleyes: :rock: :pukul: :pertamax: :oops: :notme: :ngiler: :neutral: :muntah: :mrgreen: :mataduitan: :malaikat: :mad: :lol: :kiss: :kabur: :hug: :hipnotis: :hihi: :glundung: :fastreading: :evil: :eek: :doh: :doa: :dance: :cry: :cool: :ayoh: :angop: :ampun: :P :D :???: :-)