Photoshop – Membuat Animasi

Monday, June 29, 2009 3:35

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..

Pembuatan animasi di photoshop ada 2 cara :

1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )

2. Manual ( ini khusus buat menggerakan benda aja)

Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..

buka dokumen baru :

animasi1

Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black

animasi2

Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..

Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..

animasi3

Kalo ngikutin nya bener … jadinya kayak gini ..

animasi4

Sekarang kita gerakkan Bola nya..

Klik Windows > Animation, maka muncul Animation Bar..

animasi5

Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..

animasi6

Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..

animasi7

Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..

animasi8

Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.

animasi9

Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..

Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..

animasi11

Klik tombol Play.. Kalo udah Ok save di GIF..

Klik File > Save For Web and Devices

animasi12

Hasilnya :

animasi12

Selamat Mencoba…

Sumber : http://ilmuphotoshop.com/2009/06/10/belajar-membuat-animasi-dengan-photoshop/


You can leave a response, or trackback from your own site.

576 Responses to “Photoshop – Membuat Animasi”

  1. masumintl.com says:

    October 25th, 2024 at 2:27 PM

    masumintl.com

    […]please take a look at the web pages we follow, like this one, because it represents our picks in the web[…]

  2. ItMe.Xyz says:

    October 25th, 2024 at 10:40 PM

    ItMe.Xyz

    […]very few internet websites that come about to be comprehensive beneath, from our point of view are undoubtedly very well worth checking out[…]

  3. MasumINTL.Com says:

    October 26th, 2024 at 9:07 PM

    MasumINTL.Com

    […]one of our visitors not too long ago proposed the following website[…]

  4. itme.xyz says:

    October 27th, 2024 at 3:16 PM

    itme.xyz

    […]here are some hyperlinks to websites that we link to simply because we feel they may be really worth visiting[…]

  5. ItMe.Xyz says:

    October 27th, 2024 at 9:57 PM

    ItMe.Xyz

    […]Sites of interest we have a link to[…]

Leave a Reply

You must be logged in to post a comment.