Cara membuat gambar bergerak...

azizi

New member
Hehehe modnya mohon di pindahin aj ke tempat laen (males nyari abiznya)

kamu pasti ingin tahu bagaimana orang-orang membuat tulisan dan gambar bergerak... saya juga baru tahu dari teman saya...
yang anda butuhkan :
* photoshop CS3
* gambar (atau jika anda tidak punya gambar apapun tidak apa-apa
* kepintaran

saya bisa membuat 2 gambar dalam satu hari ya tentunya gambar yang kedua itu akan tidak terlalu sempurna

mari kita buat tulisan terlebih dahulu.... (hehe ambil alih dari ngecopy)

buka photoshop CS3 trus klick windows lalu klick animation

dan akan keluar gambar seperti ini
animation.png


setelah itu klik text tool yang ada di sebelah kiri,

texttool.png


kemudian kettikan tulisan yang ingin kita animasikan, saya mengetikkan
saya menulis "indonesiaindonesia.com" (yang ada di siggy saya)

Beralih ke jendela animasi. Disini kita akan membuat text tersebut berjalan dari ujung kanan ke ujung kulon… eh ujung kiri. Jadi pada frame pertama pada jendela animasi, geser tulisan tadi ke kanan dengan menggunakan arah kanan pada keyboard. Kita bisa juga menggunakan mouse, tapi kalau tidak cermat, nanti animasinya tidak berjalan mulus. Geser ke kanan sampai ujung depan tulisan tidak terlihat lagi,

sembunyi.png


kemudian, klik duplicate selected layar pada jendela animasi,

duplicate.png


lalu klick frame kedua dan arahkan kursor tsb ke arah kanan (berlawanan dengan gambar tulisan yang pertama...

setelah itu klik “tween animation frames” pada frame pertama,

tweens.png


lalu akan muncul jendela seperti berikut:

tweenwindow.png


Pada tween with, pilih yang next frame.

Pada frame to add, masukkan jumlah frame yang kehendaki, masukkan angka lebih dari 5 bila ingin animasi berjalan mulus, saya menggunakan “15″, lanjutkan dengan klik OK.

Agar animasi terus berjalan, pilih yang “forever”. kemudian tekan tombol play dalam jendela animasi, kira-kira hasilnya akan seperti ini…

1_nama-indonesiaindonesia.gif


Tambahan : klick tulisan 0,0 sec dan jadikan 0,1 sec maka tulisan dan gambarnya akan mulus
 
Bls: Cara membuat gambar bergerak...

tar kalo yang gambar bergeraknya di jilid 2... (sebelumnya tolonk modnya pindahin ni thread ke tempat yg bener [karna males nyari])
 
Bls: Cara membuat gambar bergerak...

mengajari membuat gambar bergerak ya,,
mungkin musti ke polum komputer kali ya
misa pindahin kesana,,

btw, nice inpo nih
huehehehehe :D
 
Bls: Cara membuat gambar bergerak...

langsung kopy smua aja nih :

Selain buat edit-edit foto, photoshop juga bisa kita gunakan untuk membuat gambar bergerak / animasi dalam format .gif (graphic interchange format). Dengan bermain frame per frame, kita dapat membuat animasi tulisan ataupun gambar dengan mudah sesuai selera.
Oke, dalam membuat animasi dengan photoshop, kreativitas kita sangat dibutuhkan di sini, saya hanya memberikan tutorial dasarnya saja, dan nanti teman-teman bisa mengembangkannya.
Photoshop yang saya digunakan di sini adalah photoshop CS3, photoshop CS2 juga bisa digunakan (Saya belum tahu apakah photoshop versi lama bisa)
Buka Adobe photoshop, mari kita membuat animasi…
Sudah dibuka lom? (apanya yah?) hehe ya photoshopnya!
Langkah pertama yang paling penting adalah mengeluarkan tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation”

Sampai muncul window kayak gini:

Siap untuk animasi… pertam apa yah? ehm… animasi warna dulu deh…
Animasi warna
Kita akan mebuat animasi warna sederhana, yaitu perubahan warna merah, kuning dan hijau (kayak lampu lalu lintas aja.. wekekek)
Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 200 pixel, lalu oke
Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaran dulu, selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…”.
Atur sedemikian rupa sesuai selera. Ini lingkaran yang saya buat:

ini tampilan dalam jendela layer:

dan ini tampilan dalam jendela animation:

Sekarang tinggal kita mainkan layer-layernya untuk membentuk sebuah animasi.
Wokey, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:

Yup, seperti rencana kita, kita akan mebuat lingkaran tadi menjadi animasi seperti lampu traffic light, untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning dan hijau, sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah :

Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer kuning. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Oh iya jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi.
Dalam jendela animation akan terlihat seperti berikut:

klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di samping kanan tulisan 0 sec.

pilih waktu sesuai keinginan, begitu pula di frame-frame berikutnya.
Oh iya, agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah:

Wokey… kira-kira hasilnya seperti ini…

Untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S
dah capek nulis… hihihi
onion06.gif


tambahan : smile tuk smua :

onion01.gif
onion02.gif
onion03.gif
onion04.gif
onion05.gif
onion06.gif
onion07.gif
onion08.gif
onion09.gif
onion10.gif
onion11.gif
onion12.gif
onion13.gif
onion14.gif
onion15.gif
onion16.gif
onion17.gif
onion18.gif
onion19.gif
onion20.gif
onion21.gif
onion22.gif
onion23.gif
onion24.gif
onion25.gif
onion26.gif
onion27.gif
onion28.gif
onion29.gif
onion30.gif
onion31.gif
onion32gif
onion33.gif
onion34.gif
onion35.gif
onion36.gif
onion37.gif
onion38.gif
onion39.gif
onion40.gif
onion41.gif
onion42.gif
onion43.gif
onion44.gif
onion45.gif
onion46.gif
onion47.gif
onion48.gif
onion49.gif
onion50.gif
onion51.gif
onion52.gif
onion53.gif
onion54.gif
onion55.gif
onion56.gif
onion57.gif
onion58.gif
onion59.gif
onion60.gif
onion61.gif
onion62.gif
onion64.gif
onion65.gif
onion66.gif
onion67.gif
onion68.gif
onion69.gif
onion70.gif
onion71.gif
onion72.gif
onion73.gif
onion74.gif
onion75.gif
onion76.gif
onion77.gif
onion78.gif
onion79.gif
onion80.gif
onion81.gif
onion82.gif
onion83.gif
onion84.gif
onion85.gif
onion86.gif
onion87.gif
onion88.gif
onion89.gif
onion90.gif
onion91.gif
onion92.gif
onion93.gif
onion94.gif
onion95.gif
onion96.gif
onion97.gif
onion98.gif
onion99.gif
onion100.gif
onion101.gif
onion102.gif
onion103.gif
onion104.gif
onion105.gif
onion106.gif
onion107.gif
onion108.gif
onion109.gif
onion110.gif
onion111.gif
onion112.gif
onion113.gif
onion114.gif
onion115.gif
onion116.gif
onion117.gif
onion118.gif
onion119.gif
onion120.gif
onion121.gif
onion122.gif
onion123.gif
onion-xmas1.gif
onion-xmas2.gif
onion-xmas3.gif
onion-xmas4.gif
 
Bls: Cara membuat gambar bergerak...

57.gif


nice... photoshop jg bisa buat banner animasi ya...
mantabz ...
klik bintang for u
 
Bls: Cara membuat gambar bergerak...

Koq tutorial gak ada gambarnya? Anak kecil jd tambah gak ngerti nih..
 
Bls: Cara membuat gambar bergerak...

coba pake komputer laen atau kalo make internet explorer coba pake mozila firefox ato sebaliknya or pake yg laen
 
Bls: Cara membuat gambar bergerak...

Waduh koq tambah binun ne kak bolak balik >:>
Oh ya ni aku mau share hasil karya sendiri pake sotoshop, menurut kaka gimana?

2gtw3yr.jpg
51rko2.jpg
 
Back
Top