tutorial efek cahaya photoshop.

langsung saja inilah tutorial efek cahaya photoshop. 

Langkah 1

Seleksi sebuah foto yang ingin kita kreasi kan. Nah disini saya menggunakan foto seorang yang sedang breakdance, 

Seleksi menggunakan polygon marquee tool. Agar seleksi lebih rapi.

Langkah 2

Buat file baru sesuai kebutuhan, dengan cara klik file – new .

Kemudian pindahkan foto yang di seleksi ke file baru yang kita buat tadi.

Dan rapikan bagian pinggir foto dengan eraser. Lakukan dengan serapi mungkin.

Langkah 3

Duplicate layer foto tersebut.

Kemudian aktifkan layer bagian bawah, lalu klik filter – blur – motion blur.

Dan atur posisi dan ukuran blur seperti ini :

Langkah 4

Kemudian aktifkan layer background. Dan ganti warna nya menggunakan gradient tool.

Langkah 5

Buat layer baru kemudian aktifkan pen toll, dan buat garis yang dikreasikan pada foto orang tersebut.

Kemudian klik kanan pilih stroke path. Dengan warna biru cerah.

Dan pilih brush. ( Brush 9px)

Langkah 5

Hilang kan path yang kita buat, dengan klik kanan pilih delete.

Kemudian pilih layr style outer glow. Dengan ukuran seperti ini :

Langkah 6

Hapus tali bagian atas foto orang, sehingga membentuk tali yang mengikat tubuh orang tersebut.

Langkah 7

Seleksi gambar orang , lalu buat layer baru diantara layer 1 dan layer copy.

Langkah 8

Beri beberapa warna didalam seleksi, menggunakan brush. Jika disembuyikan layer orang yang diatasnya maka akan terlihat seperti ini :

Langkah 9

Beri efek motion blur dengan ukuran seperti ini :

Langkah 10

Buat sebuah lingkaran menggunakan elipticale marquee toll. Dan beri warna gradient, dan ganti jenis layer menjadi soft light.

Kemudian untuk memberi efek warna sinar pada bola tesebut pilih layer style inner glow, dengan komposisi ukuran seperti ini :

Duplicate layer bola tersebut, dengan menekan alt pada keyboard. Dan atur ukuran nya.dan letakkan di berbagai sisi foto.

Langkah 11

Group semua  layer bola hingga menjadi satu layer dan kemudian ganti blending mode menjadi screen.

Langkah 12

Kemudian pergi kelayer 3 yaitu layer yang berada diantara layer foto orang. Kemudian klik menu image – adjusment – hue/saturation dan atur komposisi warna nya :

Nah inilah hasil akhirnya :

Selamat mencoba. Dan berikan komentar anda!!

READ MORE - tutorial efek cahaya photoshop.

Membuat animasi motion guide

Membuat animasi motion guide


Di bawah ini akan ditunjukkanproses pembuatan animasi motion guide :

1. Buka file baru atau Ctrl+N
   
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat
   objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna
   fiil objek balok harus berbeda dari warna background stage.
   
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween
   
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita
   geser lingkaran ke kanan sehingga tampak seperti pada gambar
   
5. Kemudian klik kanan layer 1 kemudian pilih Add Motion Guide
   maka akan muncul layer baru seperti tampak pada gambar.
   
   
   
6. Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk
   membuat jalur yang akan menjadi lintasan animasi dari lingkaran.
   
   
7. Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek
   haruslah berada di tengah jalur.
   
8. Oleh karena itu, klik frame 1 layer 1, Kemudian pilih Free Transform
   Tool agar bulatan tengah objek terlihat. Kemudian pindahkan objek
   sampai lingkaran tengah objek berada di ujung awal jalur.
9. Kemudian klik frame 40 layer 1, Kemudian pilih Free Transform Tool
   agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai
   lingkaran tengah objek berada di ujung akhir jalur.
   
   
10. Kemudian tekan Enter untuk melihat hasilnya

READ MORE - Membuat animasi motion guide

Membuat animasi motion tween

Membuat animasi motion tween

Di bawah ini akan ditunjukkanproses pembuatan animasi motion tween :

1. Buka file baru atau Ctrl+N
2. Kemudian kita pilih Oval tool (O) pada toolbox dan kita mulai membuat objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage.
3. Kemudian klik kanan di frame ke-1, pilih Create motion tween
   
4. Pada frame ke-10 klik kanan kita pilih Keyframe,, kemudian kita geser lingkaran ke kanan sehingga tampak seperti pada gambar
5. Kemudian pada frame ke-20 klik kanan kita pilih Insert Keyframe kemudian kita geser lingkaran ke bawah sehingga tampak seperti pada gambar.
6. Kemudian pada frame ke-30 klik kanan kita pilih Insert Keyframe, kemudian kita geser lingkaran ke kiri sehingga tampak seperti pada gambar.
7. Kemudian tekan Enter untuk melihat hasilnya

READ MORE - Membuat animasi motion tween

Membuat Animasi masking

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Membuat animasi masking
Di bawah ini akan ditunjukkan proses pembuatan animasi masking :
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam.
3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking.
4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar.
5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.
6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage.
8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer masked, klik kanan pilih mask .
10. Kemudian tekan Enter untuk melihat hasilnya.

READ MORE - Membuat Animasi masking

Membuat efek batu tipografi

Langkah 1

Buka Adobe Illustrator untuk memulai membuat teks 3D. Dengan Type Tool ketik ‘jogja’ dengan menggunakan huruf kapital. Font yang saya gunakan disni Helvetica LT Black dengan ukuran font 300 pt dengan warna font putih #FFFFFF (pada gambar berikut sya tampilkan hitam hanya untuk memperjelas).

Langkah 2

Klik teks jogja dengan Selection Tool kemudian pilih Effect > 3D > Extrude & Bevel dan atur seperti gambar berikut. Tekan OK setelah selesai.

Langkah 3

Pilih Edit>Copy untuk mengopi teks 3D yang sudah kita buat, bisa juga dengan shortcut Ctrl+C. Buka gambar tugu jogja ini dengan Photoshop. Paste teks 3d pada dokumen Photoshop, tekan Ctrl+V akan keluar pilihan dipaste sebagai apa, pilih Smart Object.

Langkah 4

Langkah berikutnya kita akan membuat efek retak pada jalan yang terletak dibawah teks. Buka gambar tanah retak ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. Jangan tekan enter dulu, klik kanan pada layer tekstur tanah pilih Distort. Klik steiap sudut layer dan geser sampai seperti gambar berikut.

tekan enter, ubah Blending Modenya menjadi Multiply. Hapus beberapa bagian dari tekstur tanah yang terletak dipinggir agar lebih realistis dan tidak tampak bersudut.

Langkah 5

Sekarang kita akan membuat teks 3D tampak seperti batu. Buka gambar tekstur tembok ini dengan Photoshop dan paste pada dokumen kita. Tekan Ctrl+T dan perkecil ukuran gambar tekstur tanahnya. sebelum menekan enter, klik kanan pada layer tekstur tanah pilih Distort dan geser setiap sudutnya hingga seperti gamba berikut. Buat seleksi yang mengelilingi tulisan JOGJA, kemudian lakukan masking pada layer tekstur tembok.

Ubah Blending Mode layer tekstur tembok menjadi Linear Burn dan opacity 70%, sejauh akan kita dapati sepeti berikut.

Langkah 6

Buat Adjustment Layer baru dengan Layer > New Adjustment Layer > Levels kemudian untuk setting level pilih Lighten Shadow. Ini membuat teks 3D lebih terang. Tekan Alt dan klik pada garis perbatasan layer 2 dan layer level, ini akan membuat level hanya memberikan efek pada layer 2.

Langkah 7

Buat layer baru. lakukan seleksi sepeti langkah 5, gunakan Gradient Tool untuk membuat Linear Gradient dari hitam #000000 ke transparent pada bagian bawah teks 3D.

Langkah 8

Coba perhatikan warna Tugu Jogja, nampak agak kuning di malam hari. Kita akan membuat teks 3D memiliki warna seperti Tugu Jogja agar tampak lebih realistis. Tambah layer baru diatas layer levels 1. Buat lagi seleksi seperti langkah 5. Ubah warna Foreground menjadi #fb8701, dengan paint Bucket Tool penuhi area seleksi dengan warna tersebut. Ubah blending mode menajadi Color dan tambahkan Layer Mask. Lakukan masking dengan Gradient Tool pada bagian bawah tulisan.

Langkah 9

Beberapa langkah berikutnya adalah memberi bayangan teks 3D. Gunakan Pen Tool untuk membuat path seperti gambar berikut. Untuk cara menggunakan Pen Tool baca tutorial sebelumnya. Buat Layer baru, penuhi path dengan warna hitam #000000, pada menu bar pilih Filter > Blur > Gaussian Blur buat radius 2 pixel. Ubah opacity menjadi 60 %.

lakukan juga untuk huruf-huruf lainnya akan kita dapatkan gambar seperti berikut.

Langkah 10

Ketik ‘JOGJA’ dengan font Helvetica LT Black, ukuran font 300 pt dengan warna font hitam #000000. Pada layer palet, klik kanan layer baru ini, pilih Convert to Smart Object. Tekan Ctrl+T dan lakukan transform dengan distort seperti pada langkah 4. Ubah Opacity menjadi 60% dan klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel.

Langkah 11

Beri sedikit ladi bayang-bayang di bagian bawah tulisan. Buat path berbentuk elips dibawah huruf J, buat layer baru dan penuhi path tadi dengan warna hitam. Klik Filter > Blur > Gaussian Blur, gunakan radius 3 pixel dan ubah Opacity layer menjadi 60 %. Lakukan untuk sisa huruf lainnya dengan ukuran elips sesuai dengan huuf yang akan diberi bayangan.

Langkah 12

Langkah terahir adalah mengatur warna agar setiap layer tampak menyatu. Buat layer baru Layer > New Adjustment Layer > Curves dan letakkan posisinya paling atas pada layer palet. Atur Curve sepeti berikut.

Hasil Akhir

Inilah hasil akhir dari wallpaper yang kita buat. File psd untu tutorial ini dapat didownload dibawah. Selamat mencoba trik ini untuk membuat teks efek lain

READ MORE - Membuat efek batu tipografi