Membuat Animasi GIF

January 19, 2008

Dalam modul ini kita akan belajar membuat animasi gif sederhana menggunakan Photoshop dan ImageReady.

Sebelumnya Anda pasti sudah mengetahu animasi GIF bukan? Animasi sederhana yang biasanya ada dalam ponsel Anda ataupun yang sering Anda lihat pada sebuah website, seperti banner. Cara membuat animasi GIF tidaklah sulit, ada banyak sekali software yang bisa Anda gunakan untuk membuat animasi GIF namun kali ini kita akan menggunakan perpaduan Photoshop dan ImageReady.Meskipun animasi yang akan kita buat sangat sederhana namun ini merupakan dasar dalam membuat animasi gif yang lain.

Ikuti langkah-langkah berikut ini :

1. Buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.
2. Buat lingkaran menggunakan Elliptical Marquee Tool atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.
   
   
3. Isi lingkaran tersebut dengan warna merah. Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.
4. Duplikasi layer pertama ini dan buat 2 layer sejenis dengan warna kuning dan hijau sehingga nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna merah, kuning dan hijau.
   
5. Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.
6. Setelah ini kita akan berlanjut menggunakan ImageReady. Pada toolbox bagian paling bawah, pilih Edit in ImageReady atau tekan Shift + Ctrl + M.
   
7. Setelah membuka ImageReady pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.
8. Sekarang kita akan membuat animasi dari ketiga layer yang telah kita buat di Photoshop sebelumnya. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.
   Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna merah pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
   
   Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :
9. Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning dan nonaktifkan layer berwarna merah.
10. Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran berwarna hijau dan nonaktifkan layer lingkaran berwarna kuning.
11. Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
    
12. Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
    
13. Setelah semuanya selesai jangan lupa untuk menyimpan hasil kerja Anda.
    

    Ingat!
    Untuk menyimpan file PSD dari latihan Anda kali ini, jalankan cara seperti biasa, File > Save.
    Untuk menyimpan hasil kerja Anda menjadi animasi GIF, jalankan File > Save Optimized As…

Setelah ini Anda bisa mencoba membuat animasi dengan melakukan perpindahan gerak, perubahan warna, perubahan ukuran, dan sebagainya.

http://www.photoshop21.com

informasi

Informasi nonton program TRANS TV secara langsung di studio hubungi TICKETING TRANS TV, No Telp.021-79177000 ext. 7369 Tiket bisa didapatkan secara GRATIS tis tis tis...

Efek Dream Photoshop

Tutorial Photoshop ini untuk yang udah ngerti tool-tool di photoshop.. Kalo yang belum ngerti silahkan baca-baca dulu teori dasarnya dan praktekin dulu tutorial tingkat dasar. tapi kalo mau coba silahkan aja.. gak ada yang ngelarang kok.. :D

Efek Dream maksudnya kita harus bisa menghayal sesuatu yang kira-kira enggak mungkin menjadi mungkin..dan diaplikasikan menjadi sebuah foto yang unik. Teknik yang dipake banyak alias campur aduk, makanya tadi saya bilang harus ngerti dulu tool-tool photoshop.

Semua gambar pendukung bisa download. Klik gambar tumbnail untuk memperbesar lalu Klik kanan > Save file

ya udah sekarang kita mulai aja.. sediakan gambar hutan seperti ini :

Perbesar canvas nya.. klik Image > Canvas size

hasil perbesarannya kayak gini

sekarang buka gambar danau, lalu drag ke gambar hutan

Seleksi bagian yang di tandai merah

Lalu tekan DELETE

Sekarang kita buat bayangan pohon.. duplikat layer background dengan menekan ctrl + J, simpan layer hasil duplikasi di paling atas.

Klik Edit > Transform > Flip Vertical

lalu ubah opacity nya

Seleksi bagian foto yang ditandai merah

Tekan DELETE dan hasilnya

sampe segini bisa kan ? udah mulai keliatan keren tuh..

sekarang buat bayangan seolah-olah beriak.. Klik Filter > Distrort > Ripple

Gabungkan semua layer dengan menekan CTRL + E dari mulai layer paling atas..

bayangan gunung masih keliatan.. gpp.. nanti juga tersamarkan

kita buat efek dream .. menggukana diffuse glow.. Tekan CTRL + J untuk menduplikat layer background .. Klik Filter > distort > diffuse Glow.

Sekarang pake teknik clone untuk menghilangkan bayangan gunung.. Cara Clone sudah saya posting disini

Hasil setelah di Clone

Sampe disini udah keliatan keren kan ? hehehe..

ayo kita terusin..

klik Image > Adjustment > Brightness/contrast

klik Image > Adjustment > Hue/Saturation

Buka file Butterfly girl lalu seleksi dengan penTool

Cara buat Butterfly Girl sudah saya posting disini

yang belum bisa silahkan buat dulu..

klik kanan yang sudah terseleksi > make selection

Klik Select > Modify > Feather

Drag foto yang udah terseleksi ke dalam gambar hutan

Klik Image > Adjustment > Hue/Saturation

Klik Image > Adjustment > Brighness /Contrast

Klik kanan layer butterfly girl atau layer 5 > Blending Option atau klik 2 kali di layer 5

Kita buat orang nya sedikit bercahaya.

Sekarang buat seolah-olah kakinya nyelup ke aer.. jadi musti ada riakan dong… nah buka gambar air lalu drag ke foto hasil edit tadi

atur sedemikian rupa .. lalu hapus bagian pinggirnya supaya gak keliatan kotak.

Klik Image > Adjustment > Hue/saturation buat air ..

Buat Opacity nya menjadi 50 %

sekarang Hapus sebagian kaki biar keliatan nyelup..

Duplikat riakan air dan tempatin di kaki sebelahnya

hapus bagian kaki biar keliatan nyelup..

Duplikat lagi riakan air tadi.. dengan menekan CTRL + J.. lalu perbesar..

Hapus bagian tengah riakan yang besar dengan eraser tool

Buat bayangan orang nya.. cara bikinnya sama kok sama waktu buat bayangan pohon.. .. dan Hasilnya

Gimana ? bingung ya ? Coba terus sampe Bisa !!

Selamat mencoba..

Artikel Efek Dream Photoshop ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Cara Membuat Foto manjadi Vektor,

Photo505