website ilmugrafis

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:
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 ^_^
Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
 

author

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai desain grafis. Saat ini bekerja sebagai freelancer designer grafis
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Email : johan.felisitas[at]gmail[dot]com



Rekomendasi ilmugrafis

PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional...


jasa desain grafis
Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia
 
back to top
Kembali Ke Atas
Copyright © 2023 ilmuGrafis Hak Cipta Dilindungi Undang - Undang
RSS 2.0 | Dmca | About Us