header ilmugrafis
Home Tutorials Fonts IG Store Contact
 
ilmu grafis » 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 komputer grafis terutama program photoshop dan coreldraw. Saat ini bekerja sebagai designer grafis di salah satu perusahaan swasta di Surabaya.
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ :
Facebook : facebook.com/tomuramaster
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...



[adv.] Supported by
dumetschool kursus desain grafis
DumetSchool.com

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

FOTOGRAFI
Lightroom

VECTOR
Adobe Illustrator

ANIMASI
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D
Blender

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DESIGN
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

ARTS
News
Artikel
Gallery
Jasa Desain

FRIENDS
Photoshop Desain
Hog Pictures

Link to us


bantuan information

ilmugrafis launcher
Privacy policy
Peta Situs | Term of Use web edukasi - ilmugrafis.com Indonesia
Copyright © 2017 ilmuGrafis. All Rights Reserved. | RSS | Subscribe
Hak Cipta Dilindungi Undang - Undang & Dmca
eXTReMe Tracker