Cara membuat gambar bergerak dengan menggunakan

Photoshop CS3
malmal on Thu Nov 18, 2010 9:06 am

Bingung dengan banner iklan yang bergerak? Ingin membuatnya? Nah, anda datang ke topic
yang tepat. Karena saya akan memberitahukan cara - cara membuat gambar bergerak.

1. Buat tulisan

Buka photoshop nya. Lalu buat gambar baru (file - new). Terserah anda ukurannya. Lalu buat
tulisan (terserah tulisannya apa). Lalu kita sekarang kelangkah berikutnya.

2. Animation

Lalu buka window animation (window - animation). Buat duplicate caranya seperti yang
dibawaha ini.

Spoiler:

Lalu geser tulisannya dengan menngunakan move tool (V). Pilih frame yang pertama terlebih
dahulu. Lalu geser ke kiri. Selanjutnya pilih frame yang ke dua. Lalu geser ke kanan.
Selanjutnya buat tweens animation frames yang disebelah kiri duplicate selected frames tadi.
Klik tweens animation framesnya. Udah ngga usah lama - lama langsung aja klik ok di
pernyataannya. Udah deh tinggal di play. Nah, nanti hasilnya akan seperti ini.

Spoiler:

Udah deh selasai. Tinggal di save. Caranya file - save for web & device. So Have Fun!

malmal
 Moderators

Jumlah posting: 6
Join date: 18.11.10

Cara Membuat Gambar Animasi dengan Berbagai

Macam Gerak
Posted on 13 Februari 2012 by Nyoman CNd

Setelah sebelumnya kita mencoba membuat gambar kipas angin atau baling-
baling animasi dan gambar animasi lingkaran berputar yang menyerupai
gambar loading, maka kali ini saya akan mencoba menjelaskan cara membuat
gambar animasi dengan pergerakan gambar menuju kedalam dan keluar media
seperti pada contoh gambar animasi diatas.

Apakah anda tertarik untuk mencoba membuat sendiri gambar animasi seperti
diatas??

Silahkan ikuti langkah-langkah dibawah :

1. Persiapkan sebuah gambar pada netbook/computer anda yang akan

dijadikan gambar animasi. Dalam hal ini, anda bisa memakai gambar
dengan pola lingkaran seperti pada gambar yang saya pakai, atau
gambar persegi empat (terserah anda).

Gbr.1

2. Crop/potong gambar tersebut menjadi 4 bagian seperti pada gambar

dibawah.
Gbr.2

Untuk meng-crop/memotong gambar tersebut, anda bisa

memanfaatkan Microsoft Office Picture Manager, software bawaan
netbook/computer anda. Atau anda juga bisa menggunakan software
lain yang biasa anda gunakan untuk mengedit photo.

3. Setelah langkah no.2 selesai anda lakukan, selanjutnya buka aplikasi

Macromedia Flash anda. Pada halaman yang muncul, klik Flash Document
pada bagian Create New.

Gbr.3

4. Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada

keyboard netbook/computer anda, sehingga muncul halaman seperti
gambar dibawah. Selanjutnya klik kolom ukuran default.
Gbr.4

Pada halaman Document Properties seperti gambar no.4 diatas, ganti ukuran
default sesuai dengan ukuran gambar yang telah anda persiapkan pada
langkah no.1 diatas.(contoh 130130 px). Selanjutnya klik OK.

Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.

5. Tambahkan 3 Layer baru dengan mengklik tanda yang terletak disudut

kiri bawah halaman Layer, sehingga jumlah Layer menjadi 4.

Gbr.5

6. Selanjutnya, klik kanan pada Layer 1 dan pada Layer Properties ganti
nama Layer 1 menjadi potongan 1.
Gbr.6

Lakukan hal yang sama terhadap 3 Layer lainnya.

7. Setelah langkah no.6 diatas selesai anda lakukan, selanjutnya klik

pada Layer potongan 1, kemudian masukkan gambar potongan 1 yang
telah anda persiapkan pada langkah no.2 diatas. Caranya klik Menu
File>Import>Import to Stage.. atau tekan Ctrl+R pada keyboard
anda. Geser/letakkan gambar tersebut seperti pada gambar dibawah.

Gbr.7

Selanjutnya, klik pada Layer potongan 2, kemudian masukkan gambar

potongan 2.

Lakukan langkah seperti diatas terhadap Layer potongan 3 dan 4

dengan letak gambar masing-masing potongan seperti pada gambar
dibawah.
Gbr.8

8. Langkah berikutnya, klik dibawah angka Frame 20 pada Layer

potongan 1 kemudian tekan F6 pada keyboard anda. Selanjutnya klik
kanan dibawah angka frame 10 kemudian pilih Create Motion
Tween.

Klik dibawah angka Frame 20 lagi, kemudian geser gambar potongan

1 keatas media. (Untuk penggeseran sempurna, tekan tombol arah
panan sambil menekan tombol huruf V pada keyboard)

Gbr.9

9. Lakukan hal yang sama seperti langkah diatas terhadap ke-3 Layer
lainnya yaitu Layer potongan 2 pada angka Frame 40

Layer potongan 3 pada angka Frame 60

 Layer potongan 4 pada angka Frame 80

Sehingga hasilnya akan tampak seperti gambar dibawah.

Gbr.10

10. Langkah selanjutnya, klik dibawah angka frame 1 pada Layer

potongan 2, kemudian tarik/geser garis tersebut dan letakkan sejajar
dengan angka frame 20 Layer potongan 1.

Gbr.11

Lakukan hal yang sama terhadap Layer potongan 3 dan 4. (Perhatikan

gambar 12 dibawah).

Gbr.12

11. Selanjutnya klik dibawah angka frame 85 pada Layer potongan 4,

kemudian tekan F6 pada keyboard.

Lakukan hal yang sama terhadap Layer potongan 3, 2, dan 1.

Tekan Ctrl+ENTER untuk melihat hasilnya. Untuk membuat Gambar

Animasi bergerak yang lainnya, silahkan gunakan imajinasi anda
dengan memperhatikan animasi-animasi pada blog atau pada situs
animasi yang telah anda kunjungi.

12. Untuk menyimpan gambar animasi tersebut, silahkan klik File

>Export>Export Movie

Simpan dengan type Animated GIF(*.gif) atau Flash Movie(*.swf).

SELAMAT BERIMAJINASI.