Mahendra Bayu Wardhana

Home » Design » Tutorial » Shinning Effect in Photoshop

Shinning Effect in Photoshop

Pernahkah kalian melihat logo Metro TV yang seperti terlihat ada suatu cahaya bergerak pada logonya? Itu adalah pengembangan dari konsep Shinning Effect di Adobe Photoshop.

Sebelumnya disini saya menggunakan Adobe Photoshop CS 4, namun untuk pembuatan Shinning Effect di Adobe Photoshop saya rasa tetap bisa digunakan pada versi sebelum/sesudahnya.


Tujuan kita adalah untuk membuat Shinning Effect seperti pada gambar diatas, (Silahkan menggunakan source gambar/logo/tulisan sendiri). Yang dibahas disini hanyalah konsep dasar Shinning Effect, untuk lebih lanjut kalian dapat mengembangkannya sendiri sesuai daya imajinasi dan kreasi kalian. Daripada panjang lebar kita mulai saja langkah-langkah membuat Shinning Effect di Adobe Photoshop.

1. Open File

Disini saya menggunakan file Logo HoNMagazine, untuk mendownloadnya kalian bisa click link berikut. Setelah di Download kalian bisa membukanya lewat Adobe Photoshop seperti biasa. (CTRL+O -> Browse File)

2. Membuat Resource Efek Sinar

Pertama-tama buatlah suatu layer baru. Kemudian gunakan “Pen Tool ” untuk membuat rectangle seperti pada gambar berikut ini,

Setelah itu click kanan -> make selection -> oke, maka garis yang kita buat tadi akan terseleksi. Selanjutnya kita click “Brush Tool ” dan warnai area seleksi kita tadi, disini saya menggunakan kode warna: #fffef0. Setelah semua bagian selesai di warna, ubah opacity layer kita menjadi 70% (boleh selain ini sesuai keinginan anda). Kemudian click kanan pada layer pilih Bleeding Options ->Outer Glow -> Oke. Kemudian tekan CTRL+D. Maka akan terlihat seperti gambar dibawah ini,

3. Menggerakkan Sinar

Pertama click kanan pada layer sinar kita lalu pilih Create Clipping Mask dan geser layer sinar kita ke arah kiri hingga tidak terlihat pada layer logo kita. Setelah itu pada menu bar cari tulisan Windows -> Animation maka akan terbuka jendela baru dibawah tampilan Adobe Photoshop kita. Setelah itu click bagian kanan bawah jendela tersebut seperti gambar dibawah ini,

Ubah tulisan dibawah jendela itu menjadi Forever dan click icon duplicate layer di dekat icon delete. Setelah menduplikasi layer, geser layer sinar kita ke tengah logo, kemudian duplicate lagi dan geser lagi layer sinar kita ke arah kanan hingga tidak terlihat di logo. Kemudian duplicate lagi dan geser layer sinar kita ke tengah logo, kemudian duplicate lagi ke arah kiri hingga tidak terlihat di logo. Sehingga kita akan mempunyai 5 Animation Layer (Frames)

Setelah itu click layer animation pertama lalu click icon tween di sebelah kiri icon duplicate, isikan frames to add nya 5. Maka akan terbentuk 5 layer baru yang menggerakkan layer sinar kita. Kemudian lakukan langkah ini ke 5 Animation Layer yang sudah kita buat tadi (Kecuali layer animation terakhir/kelima)

Pilih semua layer animation kita lalu set waktunya dari 10 sec. menjadi 0.1/0.2 sec sesuai kebutuhan. Lalu kita click start. Jika sudah berjalan dengan baik maka efek Shinning Text kita sudah berhasil.

4. Menyimpan Gambar

Jangan menyimpan menggunakan CTRL+S / CTRL+SHIFT+S karena gambar kalian tidak akan bisa berjalan, gunakan CTRL+SHIFT+ALT+S pada Adobe Photoshop lalu pilih format .gif. Jangan lupa untuk mengclick icon play sebelum kalian mengclick icon save. Seperti pada gambar berikut,

Selanjutnya silahkan buka file .gif anda, selamat anda telah berhasil membuat Shinning Text Effect in Adobe Photoshop🙂. Jika kalian memerlukan resource file photoshop (.psd) tutorial ini, silahkan menghubungi saya. Terimakasih


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: