![]() Home |
![]() Tutorials |
![]() News |
![]() Artikel |
![]() Kontak |
NAVIGASI MENU : TUTORIAL > PHOTOSHOP > ALTERNATIF Animasi Bersinar (Bluring) Publish: 25 Oktober 2011 | Author & Copyright: Johan | Status: FREE tutorial 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: ![]() 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 ![]() 4. Pada Layer 1 Copy - klik Filter >> Brur >> Glausian Blur >> 4.5 (yang penting lebih besar dari setting sebelumnya) >> OK ![]() 5. Klik Windows >> centang Animation, untuk menghidupkan Jendela Animation Frame hilangkan / klik tanda mata pada "layer 1" dan "layer 1 copy" ![]() 6. Klik Duplicate selected frames lalu klik area mata sehingga muncul gambar agak blur di frame 2 ![]() 7. Klik tween animation frame untuk membuat timeline animation, lebih tinggi frames to Add maka semakin halus animasinya ![]() 8. sama seperti langkah sebelumnya, Klik Duplicate selected frames lalu klik area mata sehingga muncul gambar agak blur di frame berikutnya ![]() 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 ^_^
![]() Info dan Kontak Penulis Johan Felisitas Rekomendasi ilmugrafis
![]() Jasa Desain Grafis Terpercaya Dapatkan jasa desain grafis berkualitas dari team ilmugrafis Supported by ilmugrafis indonesia |
|