8/28/11

Buat animasi sederhana menggunakan PHOTOSHOP 7.0

buat temen temen yang masih kesulitan memabuat photo berformat GIF

ne gue ada sedikit tips  yaitu : menggunakan aplikasi yang mungkin sangat awam sekali di telinga kita ... PHOTOSHOP 7.o
meskipun kedengran aplikasi ini jauh ketinggalan dari spesiesnya( kyak sebangsa hewan saja  hehehe ) namun jika di bandingkan di atasnya kelebihannya lebih ringan buat komputer anda/saudara yang masih di bilang jadul..(P3 kebawah hehehe)

langkah pertama

buat aja sebuah tulisan di photoshop(terserah kalian, tulisan apa saja yang penting bisa di baca)
contoh :

nah   tulisan di atas kan banyak truss kita lanjutin di ADOBE UMAGE READY... soalx klo di photoshopnya sendiri gak ad fitur animasinya broooo.....
yang terdiri dari beberapa layer....  pilih layer
Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

Langkah 3
  • Jika Anda menggunakan versi Photoshop 7 hingga CS:
    Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).
    tutorial photoshop animasi 3
  • Jika Anda menggunakan versi Photoshop CS3:
    Pilih menu Window > Animation
    tutorial photoshop animasi 4
Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).
 Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.



Langkah 6
Klik icon Duplicate current frame.
tutorial photoshop animasi 7
Langkah 7
Klik icon Tweens animation frames.
tutorial photoshop animasi 9
Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.
Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.
tutorial photoshop animasi 10
Pada kotak dialog ini, kita bisa mengatur:
  • Tween with: digunakan untuk memilih frame mana yang 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 8
Klik icon Plays/stops animation.
tutorial photoshop animasi 11
Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.
tutorial photoshop animasi 12
Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.
Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.
Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

  YA BEGINILAH JADINYA.....

0 comments:


shodik-qlaw. Powered by Blogger and Supported by qlaw community - bebas asalkan sopan