Selasa, 28 Mei 2013

Cara Membuat Animasi (GIF) di Photoshop CS5

Photoshop CS5 — Membuat GIF



Halo

Postingan kali ini membahas tentang bagaimana membuat GIF. Sebelumnya, apa sih GIF itu? GIF, singkatan dari Graphic Interchange Format, pada dasarnya adalah gambar yang bergerak. Saya akan menerangkan cara untuk membuat GIF di Photoshop CS5.
Ada 2 cara untuk membuat GIF. Pertama, kita membuat sendiri GIF dari awal. Kedua, kita mengedit video untuk membuat GIF berisi adegan yang kita inginkan.
Hasil jadi untuk cara pertama :




Mari kita mulai cara pertama. Sebelumnya, kita akan menggunakan Brush dari luar brush default yang ada di Photoshop jadi silakan dl dulu brush nya di sini. Kalau sudah, extract di tempat yang gampang diingat. [di My Document misalnya]

Isi di dalam zip hasil dl
  • Buat File New di Photoshop, pada dasarnya file GIF itu berukuran kecil, tapi karena kata yang mau saya buat agak panjang maka saya pilih ukuran 800×200.

  • Pilih Text Tool dan ketikkan kata yang ingin Anda buat. Saya membuat nama adik saya :)

Jenis huruf yang saya pakai adalah Bauhaus 93 dengan ukuran 60pt. Warna text 03aefd
  • Kemudian pilih Magic Wand Tool dan klik dimana saja kecuali pada text. Akan muncul garis-garis di sekitar text. Klik kanan dan kemudian pilih Select Inverse.

  • Sekarang hanya text saja yang terseleksi.

  • Buat layer baru diatas layer Text [tekan icon no 2 dari arah kanan di pojok bawah]

  • Select layer baru tersebut kemudian pilih Brush Tool. Pilih Load Brushes dan cari *.abr yang tadi di dl. Klik Load.

  • Kalau sudah akan muncul Brush baru di bagian bawah. Pilih Brush dengan nama sparkles2

  • Ganti warna ke ff01f6 [silakan pilih warna lain selama tidak sama dengan warna text] Sapukan Brush pada text [perhatian, layer yang aktif adalah layer di atas Text, bukan layer di atas Text ] sesuka Anda sampai Anda mendapatkan hasil yang diinginkan

  • Saya menggunakan 3 layer untuk memberi efek warna bling – bling pada GIF. Jadi silakan buat lagi 2 layer baru di atas, caranya sama seperti tadi : ganti warna lalu sapukan Brush pada text. Kalau sudah hasilnya kurang lebih seperti ini

  • Pilih Magic Wand Tool. Klik kanan pada layer paling bawah [layer yang berisi Text] dan pilih Deselect

  • Aktifkan jendela Animation dari menu Window->Animation

  • Akan muncul jendela Animation di bagian bawah. Klik Duplicates Selected Frames sebanyak 2x sampai ada 3 frame di timeline Animation. [Efek warna bling-bling yang saya buat terdiri dari 3 warna dan menggunakan 3 layer maka saya menggunakan 3 frame. Silakan tambah frame di timeline Animation sesuai dengan banyaknya layer yang Anda buat :) ]

  • Secara default waktu animasi di frame yang dibuat adalah 0 second. Untuk mengubahnya klik kanan pada kata ‘0 sec’, akan muncul pilihan waktu nya, pilih 0.2. [nanti kalau GIF sudah selesai dibuat Anda bisa mengubahnya bila dirasa tidak cocok]

  • Klik frame 1, kemudian uncheck tanda mata pada layer  3 dan layer 4.

  • Klik frame 2, kemudian uncheck tanda mata pada layer  2 dan layer 4.

  • Klik frame 3, kemudian uncheck tanda mata pada layer  2 dan layer 3.

  • Sampai tahap ini saya rasa Anda sudah bisa meneruskan sendiri kalau punya lebih dari 3 frame dan 3 layer  :)
  • Save dengan memilih menu File->Save for Web & Devices

  • Akan muncul jendela Save for Web & Devices. Tekan tombol Play untuk melihat hasil GIF yang telah dibuat. Bila dirasa kurang cocok silakan di edit ulang :) . Kalau dirasa sudah pas, langsung saja tekan tombol Save dan simpan di lokasi yang Anda inginkan di komputer

  • Cara pertama selesai :)

Cara Membuat Animasi (GIF) di Photoshop CS5

Photoshop CS5 — Membuat GIF



Halo

Postingan kali ini membahas tentang bagaimana membuat GIF. Sebelumnya, apa sih GIF itu? GIF, singkatan dari Graphic Interchange Format, pada dasarnya adalah gambar yang bergerak. Saya akan menerangkan cara untuk membuat GIF di Photoshop CS5.
Ada 2 cara untuk membuat GIF. Pertama, kita membuat sendiri GIF dari awal. Kedua, kita mengedit video untuk membuat GIF berisi adegan yang kita inginkan.
Hasil jadi untuk cara pertama :




Mari kita mulai cara pertama. Sebelumnya, kita akan menggunakan Brush dari luar brush default yang ada di Photoshop jadi silakan dl dulu brush nya di sini. Kalau sudah, extract di tempat yang gampang diingat. [di My Document misalnya]

Isi di dalam zip hasil dl
  • Buat File New di Photoshop, pada dasarnya file GIF itu berukuran kecil, tapi karena kata yang mau saya buat agak panjang maka saya pilih ukuran 800×200.

  • Pilih Text Tool dan ketikkan kata yang ingin Anda buat. Saya membuat nama adik saya :)

Jenis huruf yang saya pakai adalah Bauhaus 93 dengan ukuran 60pt. Warna text 03aefd
  • Kemudian pilih Magic Wand Tool dan klik dimana saja kecuali pada text. Akan muncul garis-garis di sekitar text. Klik kanan dan kemudian pilih Select Inverse.

  • Sekarang hanya text saja yang terseleksi.

  • Buat layer baru diatas layer Text [tekan icon no 2 dari arah kanan di pojok bawah]

  • Select layer baru tersebut kemudian pilih Brush Tool. Pilih Load Brushes dan cari *.abr yang tadi di dl. Klik Load.

  • Kalau sudah akan muncul Brush baru di bagian bawah. Pilih Brush dengan nama sparkles2

  • Ganti warna ke ff01f6 [silakan pilih warna lain selama tidak sama dengan warna text] Sapukan Brush pada text [perhatian, layer yang aktif adalah layer di atas Text, bukan layer di atas Text ] sesuka Anda sampai Anda mendapatkan hasil yang diinginkan

  • Saya menggunakan 3 layer untuk memberi efek warna bling – bling pada GIF. Jadi silakan buat lagi 2 layer baru di atas, caranya sama seperti tadi : ganti warna lalu sapukan Brush pada text. Kalau sudah hasilnya kurang lebih seperti ini

  • Pilih Magic Wand Tool. Klik kanan pada layer paling bawah [layer yang berisi Text] dan pilih Deselect

  • Aktifkan jendela Animation dari menu Window->Animation

  • Akan muncul jendela Animation di bagian bawah. Klik Duplicates Selected Frames sebanyak 2x sampai ada 3 frame di timeline Animation. [Efek warna bling-bling yang saya buat terdiri dari 3 warna dan menggunakan 3 layer maka saya menggunakan 3 frame. Silakan tambah frame di timeline Animation sesuai dengan banyaknya layer yang Anda buat :) ]

  • Secara default waktu animasi di frame yang dibuat adalah 0 second. Untuk mengubahnya klik kanan pada kata ‘0 sec’, akan muncul pilihan waktu nya, pilih 0.2. [nanti kalau GIF sudah selesai dibuat Anda bisa mengubahnya bila dirasa tidak cocok]

  • Klik frame 1, kemudian uncheck tanda mata pada layer  3 dan layer 4.

  • Klik frame 2, kemudian uncheck tanda mata pada layer  2 dan layer 4.

  • Klik frame 3, kemudian uncheck tanda mata pada layer  2 dan layer 3.

  • Sampai tahap ini saya rasa Anda sudah bisa meneruskan sendiri kalau punya lebih dari 3 frame dan 3 layer  :)
  • Save dengan memilih menu File->Save for Web & Devices

  • Akan muncul jendela Save for Web & Devices. Tekan tombol Play untuk melihat hasil GIF yang telah dibuat. Bila dirasa kurang cocok silakan di edit ulang :) . Kalau dirasa sudah pas, langsung saja tekan tombol Save dan simpan di lokasi yang Anda inginkan di komputer

  • Cara pertama selesai :)