Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow, dan Layer Styles di Photoshop. Tutorial ini cocok untuk pemula dan tingkat menengah untuk memahami tehnik lighting dasar menggunakan Adobe Photoshop. Langsung saja kita mulai tutorialnya, selamat membaca dan mempraktekkan.

Step 1

Buat dokumen baru di Photoshop (Ctrl+N), ukuran 1000x1000 pixels, resolusi 300 DPI, dan mode warna RGB.




Step 2

ganti warna layer 'Background' dengan warna #494949.




Step 3

Buat sebuah teks, dalam hal ini saya membuat 'EFFECTS' menggunakan font Bebas Neue. Kamu bebas untuk menggunakan teks lain, it's just a sample! :)




Step 4

Klik ganda layer 'effects' untuk membuka jendela Layer Styles. Kemudian klik gradient Overlay pada Layer Styles : ubah blend mode menjadi Multiply, opacity menjadi 50% dan angle menjadi -65. Jika sudah, klik Ok untuk keluar dari jendela Layer Styles.




Step 5

Pada Layer Palette, klik ikon Add New Layer untuk membuat layer baru, beri nama layer baru dengan 'awal'. Kemudian tekan Ctrl+Klik pada thumbnail layer 'effects' untuk mengambil seleksi bentuk pada layer tersebut. Sementara seleksi aktif, klik kembali layer 'awal', tekan tombol D di keyboard untuk mengubah warna dasar menjadi hitam putih lalu tekan Alt + Delete untuk mengisi layer 'awal' dengan warna hitam.




Step 6

Duplikat layer 'awal' dengan menekan tombol Ctrl+J di keyboard, beri nama layer hasil duplikasi dengan 'akhir' dan posisikan layer 'akhir' seperti gambar dibawah. Jika sudah, drag layer 'awal' dan 'akhir' dibawah layer 'effects' (lihat gambar). Saya sengaja meng-hide layer 'effects' agar kita bisa melihat posisi layer 'awal' dan 'akhir' dengan jelas.




Step 7

Sekarang duplikat layer 'awal' berkali-kali dengan menekan tombol Ctrl+J sebanyak 15 kali (untuk 15 hasil duplikasi).




Step 8

Kemudian pada layer palette, klik layer 'akhir', tahan Shift di keyboard lalu klik layer 'awal' untuk menyeleksi layer-layer tersebut di layer palette. Jika sudah, klik kanan pada salah satu layer dan pilih Link Layers. Kamu akan melihat akan ada tanda rantai pada layer-layer yang diseleksi tadi.

Sementara semua layer tadi aktif dan nge-link, klik ikon Distribute Vertical Center kemudian klik ikon Distribute Horizontal Center untuk membuat layer-layer tadi tersusun sedemikian rupa. Lalu tekan tombol Ctrl+E untuk menggabungkannya dan ubah nama layer hasil penggabungan tadi menjadi 'shadow'.






Step 9

Klik layer shadow di layer palette, kemudian pilih Filter > Blur > Motion Blur, dan atur nilai pada jendela Motion Blur seperti gambar dibawah.




Step 10

Tekan dan tahan tombol Shift+tanda panah atas kemudian Shift+tanda panah kiri untuk membuat teks bergeser 10 px kebagian atas dan kiri (lihat gambar dibawah).




Step 11

Ubah blend mode layer 'shadow' menjadi Multiply dan Opacity menjadi 40%.




Step 12

Duplikat layer 'shadow', pada layer 'shadow copy' berikan juga efek motion blur sekali lagi. Tapi kali ini nilai distance-nya dirubah menjadi 70%




Step 13

Langkah selanjutnya, buat sebuah layer baru diatas layer 'Background' dan beri nama dengan 'lighting'. Pada layer 'lighting' berikan warna gradasi hitam ke putih dengan Gradient Tool (G) dan atur arahnya seperti gambar dibawah. Jika sudah, ubah blend mode-nya menjadi Overlay dan opacity-nya menjadi 50%.




Step 14

Sekarang kita kembali ke layer 'effects', klik ganda layer tersebut untuk membuka jendela Layer Styles. pada jendela Layer Styles, pilih Bevel and Emboss dan atur nilai-nilainya seperti gambar dibawah.




Step 15

Masih pada jendela Layer Styles untuk layer 'effects', klik pada Pattern Overlay. Kemudian klik tanda panah seperti yang diillustrasikan digambar dibawah untuk mendapatkan pattern dengan katagori Artist Surfaces. Pada contoh kasus ini, klik pada pattern bernama Washed Watercolor Paper. Ubah blending mode pada Pattern Overlay menjadi Multiply dan Opacity menjadi 75%.






Step 16

Terapkan juga efek Pattern Overlay pada layer 'Background'. Tapi kali ini pilih pattern dengan nama Hard Charcoal Light. Ubah juga blending mode menjadi Multiply dan Opacity menjadi 75%, jika sudah klik Ok untuk keluar dan jendela Layer Styles.




Hasil Akhir




Beginilah hasil akhir untuk tutorial Photoshop kita kali ini. Semoga dapat memberi inspirasi dan manfaat. Kamu dapat berimprovisasi lebih jauh menggunakan tehnik-tehnik pada tutorial kali ini, good luck all!






Ikuti GROUP FACEBOOK dan FACEBOOK HALAMAN  untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis! dan Photoshop tentunya


Langkah 1 : Membuka dan membuat seleksi pada foto

Download terlebih dahulu foto Young woman pada bagian resource atau foto lain yang ingin kamu manipulasi. Lalu buka photoshop dan drag foto ke photoshop atau dengan menu file > open dan pilih foto kamu.
Membuka foto
Buat seleksi seperti pada video berikut dengan menggunakan Quick selection tool.
Setelah selesai, balikkan seleksi dengan memilih menu select > inverse sehingga sekarang foto objek Young woman yang terseleksi.
inverse
Duplicate gambar dengan menekan tombol Ctrl + J sehingga objek Young woman tersebut akan terduplikasi pada layer baru. Tekan F7 atau Window > layers untuk melihat layarnya.

Langkah 2 : Brush foto

Buat layer baru dengan menekan Ctrl + Shift + Alt + N pada keyboard, tidak terjadi efek apa-apa dengan membuat layer baru ini kecuali akan menambah sebuah layar yang bisa kamu lihat pada layers pallete (Window > layers).
Dengan brush lembut berwarna hitam brush bagian yang kira-kira tidak ingin terkena efek mosaic seperti muka dan sebagian badan.
brush lembut berwarna hitam
Turunkan opacity brush menjadi 30++ lalu brush lembut bagian samping berwarna hitam lembut disekeliling warna hitam utama seperti yang ditunjukkan oleh panah.
brush lembut bagian samping berwarna hitam

Langkah 3 : Membuat seleksi berdasarkan brush

Buat lagi layer baru (Ctrl + Shift + Alt + N) dan tempatkan layar dibagian bawah brush hitam, selanjutnya isi dengan warna putih. Lalu pilih kedua layer (Layer brush dan layer warna putih) dengan menekan ctrl dan pilih Layers > Marge Layers sehingga kedua layer tersebut akan menjadi 1.
Marge Layers
Lalu buka channel di Window > Channels sehingga akan terbuka channels pallete. Dengan menekan ctrl pada keyboard klik channel ‘Blue’ sehingga akan terbuat seleksi berdasarkan channel blue tersebut.
Seleksi  channel blue
Kembali ke layers pallete (Window > Layer) dan selanjutnya hilangkan icon mata (1) pada layers pallete sehingga brush hitam dan background putih menghilang lalu pilih ‘Layer 1′ seperti yang ditunjukkan oleh nomor (2). Layer yang terpilih akan berwarna biru lalu tekan “Add layer mask” seperti yang ditunjukkan oleh nomor (3).
Add layer mask

Langkah 4 : Menambah efek mosaic

Supaya lebih kelihatan, hilangkan layer “Background” dengan menekan tombol mata. Masih pada “Layer 1″ pilih Image > Adjustment > Invert sehingga warna akan terbalik dan efek mosaic bisa ditambahkan disini.
hilangkan layer "Background"
Untuk menambah efek mosaic pilih Filter > Pixelate > Mosaic.
Filter > Pixelate > Mosaic.
Beri Cell size dengan 35 square atau berapapun yang kamu inginkan.
Mosaic
Dan pada dasarnya efek mosaic telah berhasil kita tambahkan pada foto yang kita manipulasi ini. Selanjutnya mari menambahkan background untuk foto mosaic ini.

Langkah 5 : Membuat Background

Tidak perlu repot-repot untuk membuat sebuah background, kembali tampilkan layer “Background” yang pada langkah sebelumnya kita hilangkan dengan menekan icon mata pada Layer pallete.
Lalu beri efek blur dengan memilih Filter > Blur > Gaussian Blur. Isikan Radius sebesar 144 Pixels sehingga background sangat buram.
 Gaussian Blur
Selanjutnya adalah membalikkan gambar pada layer “Background”. Pilih Layer > New > Layer from Background. Lalu pilih Edit > Transform > Rotate 180 derajat sehingga gambar akan berputar dari atas kebawah. Berikut hasil manipulasi yang kita hasilkan pada tutorial ini.
Hasil desain
Efek mosaic
Efek pixel foto

Semoga artikel kali ini bermanfaat bagi anda, jangan lupa untuk bergabung ke Group FACEBOOK "Kumpulan Trik Photoshop"

langkah 1 : membuka dan menduplicate foto

Buka foto war of london yang bisa anda download pada resource kolom diatas dengan photoshop.
War
Setelah foto terbuka, duplicate gambar asli dengan menekan Ctrl + J pada keyboard anda bisa mengubah namanya menjadi war of london atau sebagainya. Selanjutnya buat layer baru dibawah gambar hasil duplicate tersebut dan isikan dengan warna hitam.
menambah layer baru

Langkah 2 : Memotong gambar

Kembali buat sebuah layer baru diatas layer hitam tadi, dengan Rectangular Marquee tool buat sebuah seleksi persegi pada bagian foto, selanjutnya isikan dengan warna apapun.
Manipulasi foto
Perlu diperhatikan karena kita membuatnya dibawah layer “War of london” maka objek tersebut tidak tampak. Selanjutnya klik layer “War of london” dan tekan Ctrl + Alt + G secara bersamaan pada keyboard anda sehingga tampak gambar akan terpotong seperti gambar berikut.
clipping mask photoshop

Langkah 3 : Membuat bingkai foto

Hilangkan seleksi dengan Ctrl + D, selanjutnya buat kembali layer diatas “layer 1″ dan buat seleksi yang lebih besar dari sebelumnya dan isikan dengan warna putih.
Membuat bingkai
Kembali hilangkan seleksi dan group layer-layer diatas “layer 1″ untuk memudahkan dalam desain photoshop.
group layer photoshop

Langkah 4 : Menduplicate kumpulan foto

Duplicate group layer dengan cara klik kanan pada group dan pilih duplicate group.
layer
Selanjutnya drag bagian isi dari group hasil duplicate, perhatikan,, yang perlu anda drag dan move adalah bagian warna hitam dan putih dalam group, yakni bagian yang telah kita buat pada langkah 2 dan 3. Pindahkan dengan free transform (ctrl + t) sesuai selera anda.
Manipulasi foto
Duplicate kembali group tersebut dan drag kembali isi bagian putih dan hitam ke daerah lain sehingga menghasilkan desain seperti berikut.
psd desain

Langkah 5 : Menampilkan background dan efek foto

Jika merasa terganggu, anda dapat menghilangkan background hitam dengan mengklik icon mata pada bagian layer warna hitam tersebut, sehingga gambar background akan muncul kembali.
menghilangkan layer
Anda juga dapat menambah bayangan pada setiap foto dengan menambahkan layer style “Drop shadow” pada setiap gambar.
membuat bayang
membuat bayang

Langkah 6 : Menambahkan blur dan teks

Sekarang kita akan sedikit memberi blur pada bagian background foto agar terlihat lebih menonjol pada editan. Selanjutnya pilih layer background dan beralih kemenu filter > blur > gaussian blur dan isikan 3 radius pada kotak gaussian blur sehingga background akan terlihat sedikit buram.
menambah blur
Tambahkan pula beberapa teks pada gambar tersebut.
hasil desain

Hasil desain

hasil desain


Semoga pembelajaran photoshop kali ini bermanfaat dan bisa menjadikan anda lebih kreatif. :)