Selasa, 15 Mei 2012

ANIMASI BERSINAR BLURING

Pada tutorial ilmuGrafis sebelumnya yaitu Animasi Bergerak di Photoshop CS 3 kita telah belajar membuar animasi teks bergerak (naik turun) dengan photoshop. kali ini kita akan belajar membuat efek Animasi bersinar (bluring). Animasi ini Cocok untuk membuat banner iklan dan web karena akan terlihat menarik.

Baik mari kita bongkar lebih dalam Rahasia Photoshop bagaimana langkah langkah membuatnya, mari kita ikuti tutorialnya:

1. Buka aplikasi photoshop CS 3 atau CS 4 atay CS 5
Disini penulis menggunakan Photoshop CS 3
Buat gambar dengan background menarik yang akan diberi animasi, atau gunakan gambar di bawah ini untuk latihan
contoh:
image propietary of ilmugrafis
Logo IG (ILMUGRAFIS) - klik file >> Save As Image...


2. Gandakan layer 2x dengan menekan CTRL + J sebanyak 2x dan kita akan mendapatkan Layer 1 dan Layer 1 Copy


3. Pada Layer 1 - klik Filter >> Brur >> Glausian Blur >> 3.0 >> OK
image propietary of ilmugrafis


4. Pada Layer 1 Copy - klik Filter >> Brur >> Glausian Blur >> 4.5 (yang penting lebih besar dari setting sebelumnya) >> OK
image propietary of ilmugrafis


5. Klik Windows >> centang Animation, untuk menghidupkan Jendela Animation Frame
hilangkan / klik tanda mata pada "layer 1" dan "layer 1 copy"
image propietary of ilmugrafis


6. Klik Duplicate selected frames lalu klik area mata sehingga muncul gambar agak blur di frame 2
image propietary of ilmugrafis


7. Klik tween animation frame untuk membuat timeline animation, lebih tinggi frames to Add maka semakin halus animasinya
image propietary of ilmugrafis


8. sama seperti langkah sebelumnya, Klik Duplicate selected frames lalu klik area mata sehingga muncul gambar agak blur di frame berikutnya
image propietary of ilmugrafis

Lalu, Klik tween animation frame untuk membuat timeline animation berikutnya, lebih tinggi frames to Add maka semakin halus animasinya, disini saya memakai 7 juga
Setelah selesai, lihat hasilnya dengan menekan tombol Play

ILMUGRAFIS Animations

Nah sekarang sudah tahu caranya beranimasi dengan photoshop kan, hmm.. pasti punya ide yang lebih baik dari saya, cara diatas saya hanya menunjukkan cara untuk memperoleh animasi blur , silahkan anda kembangkan sesuai dengan imaginasi anda... mungkin dengan menggabungkan dengan animasi bergerak yang saya jelaskan di tutorial sebelumnya :)
Contoh imaginasi saya yang lainnya:

Animasi Blur dan Bergerak
*Note: untuk menyimpannya sama seperti di tutorial sebelumnya, tekan save for web and device, pilih Gif dan save
Selamat Belajar Photoshop nikmati juga tutorial efek Foto dari IG maupun tutorial Desain lainnya
Terima kasih, Semoga bermanfaat ^_^

0 komentar:

Posting Komentar