Sabtu, 02 November 2013

Cara Membuat Gambar atau Tulisan ANIMASI Bergerak 2D dengan Adobe Photoshop

Anda sering melihat gambar atau tulisan yang bergerak-gerak saat menjelajah internet? Yap, itulah yang disebut dengan gambar animasi dua dimensi yang beformat *.gif, yang merupakan format standar untuk publikasi elektronik dan internet. Format ini mampu menyimpan animasi dua dimensi yang akan dipublikasikan pada internet, desain halaman web dan publikasi elektronik.  Selain itu format *.gif ini mampu mengkompres dengan ukuran lebih kecil daripada format *.jpeg dengan menggunakan kompresi LZW. Lalu bagaimana cara membuat gambar atau tulisan animasi dua dimensi dengan format *.gif ini? Berikut ini cara membuat gambar atau tulisan animasi dua dimensi dengan format *.gif dengan menggunakan program adobe photoshop cs3 (atau di atasnya) seperti contoh gambar di bawah ini: 
cara membuat animasi gerak gif
cara membuat animasi gerak gif

Cara Pertama :
  1. Cara pertama maksudnya di sini adalah cara membuat tulisan bergerak seperti gambar pertama di atas
  2. Buka program adobe photoshop di komputer Anda lalu pada menu Window klik Animation
  3. Pada menu File klik new (jika tanpa background) atau open ( jika Anda mempunyai gambar untuk dijadikan background gambar atau tulisan animasi Anda)
  4. Ukuran terserah Anda , kalau gambar di atas adalah 5 cm x 2 cm 200 pixel.
  5. Pilih menu sebelah kiri yang ada icon "T" untuk menulis lalu tulis Huruf T untuk menulis TIPSFORMER, lalu ketik "Ctrl J" untuk menambah layer
  6. cara membuat animasi gerak gif
  7. Kemudian ketik lagi huruf I lalu ketik "Ctrl J" lagi begitu seterusnya sampai terbentuk tulisan TIPSFORMER
  8. Pada layer Animations (frames) klik pada Duplicates Selected Frames sebanyak jumlah layer yang telah dibuat pada sebelah kanan bawah
  9. cara membuat animasi gerak gif
  10. Lalu klik pada frame 1 dan atur waktu yang dibutuhkan untuk tampilan frame 1. Tidak lupa pada layer sebelah kanan semua tanda "mata" dihapus kecuali layer yang ingin ditampilkan pada frame 1(termasuk background), lihat gambar di atas
  11. Ulangi langkah no. 7 untuk frame 2, frame 3 dan seterusnya sesuai jumlah layer yang telah dibuat
  12. Terakhir klik pada menu File dan pilih "Safe for Web & Device.." untuk menyimpan
  13. Klik Save dan lihat hasilnya.
Cara Kedua : 
  1. Cara kedua di sini adalah cara membuat gambar/mage berganti-ganti seperti gambar kedua di atas
  2. Buka program adobe photoshop di komputer Anda lalu pada menu Window klik Animation
  3. Pada menu File klik new (jika tanpa background) atau open ( jika Anda mempunyai gambar untuk dijadikan background gambar atau tulisan animasi Anda), ukuran terserah Anda
  4. Pada menu file klik open untuk memasukkan gambar/image pertama
  5. Pada menu file klik open untuk memasukkan gambar/image kedua
  6. Klik menu kotak bergaris di sebelah kanan atas kemudian select pada gambar kedua
  7. cara membuat animasi gerak gif
  8. Klik menu panah untuk memindah/menggeser gambar kedua ke gambar pertama
  9. cara membuat animasi gerak gif
  10. Ulangi langkah no. 6, 7, 8 untuk gambar ke 3 dan seterusnya
  11. Pada layer Animations (frames) klik pada Duplicates Selected Frames sebanyak jumlah layer yang telah dibuat pada sebelah kanan bawah
  12. Lalu klik pada frame 1 dan atur waktu yang dibutuhkan untuk tampilan frame 1. Tidak lupa pada layer sebelah kanan semua tanda "mata" dihapus kecuali layer yang ingin ditampilkan pada frame 1(termasuk background), lihat gambar di atas
  13. Ulangi langkah no. 10 untuk frame 2, frame 3 dan seterusnya sesuai jumlah layer yang telah dibuat
  14. Terakhir klik pada menu File dan pilih "Safe for Web & Device.." untuk menyimpan
  15. Klik Save dan lihat hasilnya

sumber : http://tipsformer.blogspot.com/2012/05/cara-merubah-file-cdr-ke-jpg.html

Tidak ada komentar:

Posting Komentar