Jumat, 30 November 2012


Tutorial : Manipulasi Foto Konseptual dengan Photoshop

Tutorial Manipulasi Foto Konseptual dengan PhotoshopDi dalam tutorial photoshop kali ini, kita akan mencoba untuk membuat sebuah karya konseptual yang berisi muatan pesan. Karya yang tidak hanya bisa dinikmati secara estetis, namun juga bermakna dan menghimbau untuk perubahan. Karya pada tutorial ini bermaksud mengajak untuk mencintai bumi dan berhenti merusaknya. Dan konsep sederhana yang sanggup saya pikirkan adalah mengibaratkan bumi yang kita tinggali sebagai bayi mungil dan tak berdosa, sehingga tidak ada yang tega untuk merusaknya.





Selain belajar mengaplikasikan suatu konsep dalam sebuah karya, saya juga berharap berapa teknis sederhana pada tutorial kali ini mampu menambah wawasan kita semua dalam menggunakanphotoshop. Selamat mencoba! :)


Berikut beberapa source gambar yang dipakai di tutorial ini :

Antique_Doll_Head
Field
bird 1
bird 2
Air balloon
cloud brushes for photoshop


Dan ini adalah hasil akhirnya :

Tutorial Manipulasi Foto Konseptual dengan Photoshop


STEP 1
Buat dokumen baru, ukuran disesuaikan dengan keperluan. Dibagian resolution isi dengan 300 dpi, dancolor mode dengan RGB.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 2
Masukkan gambar Antique Doll Head lalu klik ganda pada layer gambar di layer palette untuk mengubah nama layer tersebut menjadi "Boneka".

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 3
Gunakan Pen tool (P) untuk melakukan cropping pada gambar, caranya bisa dilihat ditutorial ini.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 4
Masukkan gambar field ke dalam area kerja.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 5
Sekarang kita akan menghapus bagian yang tidak diperlukan dari gambar field tadi. Kita tidak bisa melakukan cropping dengan menggunakan Pen tool karena bentuk gambar yang terlalu rumit. Alternatif lain adalah dengan menggunakan channel.

Pertama-tama, klik pada layer gambar field di layer palette, kemudian masuk ke Channel Palette. Pilihchannel mana yang paling kontras warnanya, dalam hal ini channel yang paling kontras adalah channel blue.

Pilih channel blue lalu tekan Ctrl + L di keyboard untuk memberikan adjustment levels pada channel tersebut. Fungsi levels disini adalah untuk menambah tingkat kontras antara warna hitam dan putih pada gambar. Atur settingan Levels seperti gambar dibawah ini. Jika kira-kira sudah cukup kontras, klik ok untuk keluar dari jendela levels.

Tekan dan tahan tombol Ctrl lalu klik pada thumbnail channel blue di channel palette. Langkah ini akan membentuk seleksi pada warna putih.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 6
Dalam keadaan seleksi aktif, pindah dari channel palette ke layer palette lalu pilih layer gambar field. Tekan tombol Delete di keyboard dan hasilnya kira-kira akan seperti gambar dibawah ini.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 7
Pilih layer gambar field lalu tekan tombol Ctrl + T di keyboard untuk mengaktifkan Transform tool. Kemudian, klik kanan pada gambar field lalu pilih Warp. Sekarang sudah ada jaring-jaring pada gambarfield yang berfungsi untuk membentuk gambar sesuai dengan contour yang diinginkan.

Dengan menggunakan fungsi warp, saya mencoba membentuk gambar field sesuai dengan contourbagian kepala dari gambar boneka. Disini, kamu bisa bereksperimen dengan menarik titik-titik pada gambar untuk menghasilkan gambar yang sesuai.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 8
Selanjutnya, kita akan menghapus bagian yang membatasi gambar field dengan gambar boneka untuk membuat keduanya tampak menyatu. Caranya pilih layer gambar field kemudian klik ikon Add Layer Mask, maka akan muncul sebuah thumbnail baru di layer gambar field. Klik thumbnail baru tersebut lalu pastikan warna foreground dokumen photoshop adalah hitam dengan menekan tombol D di keyboard. Selanjutnya, gunakan Brush tool (B) untuk menghapus bagian dari gambar field yang menjadi batas dengan gambar boneka. Prinsip pada layer mask adalah : warna putih kelihatan, sedangkan warna hitam tidak kelihatan.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 9
Sekarang kita akan merapikan gambar field agar terlihat lebih menyatu. Dalam hal ini, saya menghapus beberapa bagian yang ganjil. Dan kita masih tetap menggunakan fungsi layer mask. Cukup buat seleksi untuk bagian yang ingin dihapus (lihat gambar) lalu klik pada thumbnail layer mask di layer gambar fielddan warnai seleksi tersebut dengan warna hitam (Alt + Delete jika warna hitam adalah foreground, dan Ctrl + Delete jika warna hitam adalah background).

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 10
Ada beberapa bagian yang terlihat terputus dan tidak menyatu. Untuk mengatasinya, gunakan fungsi dariClone Stamp tool. Clone Stamp tool berfungsi membuat duplikasi gambar dari sample yang diambil. Caranya, pilih Clone Stamp tool, lalu tekan dan tahan tombol Alt di keyboard kemudian klik pada bagian yang ingin dijadikan sample. Jika sudah, lepas tombol Alt lalu klik pada bagian dimana sample tadi ingin digunakan (lihat gambar dibawah)

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 11
Pilih layer background, lalu klik icon Add New Layer di layer palette untuk membuat layer baru diatas layer background. Beri nama layer "sky" lalu isi layer tersebut dengan warna biru langit.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 12
Buat sebuah layer lagi diatas layer sky dan beri nama dengan "cloud". Pilih layer cloud dan isi dengan warna putih, lalu pada Menu Bar pilih Filter > Render > Clouds. Maka akan muncul beberapa efek noiseseperti asap pada kanvas kerja kamu.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 13
Buat layer mask untuk layer cloud lalu atur warna Gradient (G) menjadi hitam dan putih di Gradient editor(lihat gambar dibawah).

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 14
Klik pada thumbnail layer mask di layer cloud, kemudian pilih Gradient tool dan setting mode Gradient menjadi radial. Drag Gradient tool dari tengah ke pinggir kanvas kerja. Jika masih ada beberapa bagian asap di pinggir kanvas yang masih kelihatan, gunakan Brush tool (B) untuk menghapusnya.

Tutorial Manipulasi Foto Konseptual dengan PhotoshopTutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 15
Tambahkan beberapa gambar awan dibagian atas. Brush awan dapat di download disini : cloud brushes for photoshop

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 16
Tambahkan beberapa objek seperti burung dan balon udara untuk menambah kesan artistik pada karya. Link-link untuk mendownload gambar-gambar ini sudah tersedia di bagian atas artikel.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 17
Sepertinya kita perlu menghapus bagian leher dari boneka. Cukup seleksi bagian yang ingin dihapus menggunakan Pen tool (P).

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 18
Pilih layer boneka di layer palette, lalu tekan Ctrl + J untuk menduplikasi layer. Sekarang pilih layer boneka copy hasil duplikasi dan tekan Ctrl + L (Levels). Atur settingan pada jendela Levels seperti gambar dibawah ini.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 19
Pilih layer boneka copy, kemudian tambahkan layer mask. Berikan gradasi hitam dan putih padathumbnail layer mask pada layer boneka copy. Langkah ini berfungsi untuk membuat bagian bawah boneka menjadi lebih gelap.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 20
Sekarang pilih layer gambar field. Tekan Ctrl + L (levels) di keyboard. Sebelumnya, ganti RGB pada kolom di jendela Levels menjadi Green dan atur settingannya seperti pada gambar dibawah ini.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 21
Saatnya kita memberi sedikit pendaran cahaya pada gambar. Atur settingan Diameter dan HardnessBrush tool (B), kemudian buat layer baru bernama "light" dan ganti blending mode layer tersebut menjadiOverlay. Sapukan brush di beberapa titik untuk memberi sedikit pendaran cahaya (lihat gambar dibawah)

Tutorial Manipulasi Foto Konseptual dengan PhotoshopTutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 22
Kita perlu menambah sedikit kedalaman pada warna background pada layer "sky". Atur settingan warnaGradient (G) dari biru muda ke biru tua, kemudian drag Gradient tool (G) dari atas kebawah.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

Tutorial Manipulasi Foto Konseptual dengan Photoshop

STEP 23
Tambahkan juga sedikit pantulan sinar matahari agar gambar terlihat "hidup". Pilih layer gambar field, kemudian pilih filter > Render > Lens Flare. Atur settingan brightness seperti gambar dibawah lalu pilih lokasi dimana efek Lens Flare ingin diletakkan.

Tutorial Manipulasi Foto Konseptual dengan Photoshop

Hasil Akhir
Ini adalah hasil akhir dari tutorial photoshop kita kali ini. Saya menambah beberapa teks sebagai pesan yang ingin disampaikan di dalam karya ini.

Tutorial Manipulasi Foto Konseptual dengan Photoshop



Komposisi Gambar Sederhana untuk Membuat Karya Digital di Photoshop

Pada tutorial Adobe Photoshop kali ini, kita akan mencoba mengkomposisikan beberapa gambar dan kombinasi beberapa efek yang tepat. Karya digital yang kita buat kali ini tidak membutuhkan banyak gambar dan hanya melalui beberapa langkah-langkah yang sederhana. Tujuannya adalah untuk memaksimalkan gambar yang sedikit dan menjadikannya artwork yang menarik.


Ya! tidak semua karya digital harus berisi banyak gambar dan brushes, karya digital minim gambar juga akan terlihat menarik jika dikomposisikan dan dikombinasikan dengan efek-efek photoshop yang tepat. Lets get started!


STEP 1 : Background & Efek Garis Lingkaran

Pertama-tama, kita butuh sebuah gamabar bintang untuk dijadikan background. Gambar bintang-bintang pada tutorial photoshop kali ini dapat anda download disini.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Sekarang kita masuk sebentar ke Adobe Illustrator. Di Illustrator, kita akan membuat efek garis lingkaran. Caranya mudah, cukup buat dua buah ellipse (lingkaran) menggunakan Ellipse Tool (L), sebuah lingkaran kecil dan satu lingkaran besar (lihat gambar dibawah). Jika sudah, pada menu bar pilihObject > Blend > Blend Option, maka akan terbuka sebuah pop window untuk mengatur settingan efek blend. Pada bagian spacing pilih Specified Step dan atur jumlahnya menjadi 40 seperti pada gambar dibawah. Jika sudah, klik tombol Ok.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Sekarang seleksi kedua lingkaran tersebut, lalu pada menu bar pilih Object > Blend > Make (Alt+Ctrl+B), maka hasilnya akan seperti gambar dibawah ini.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Ganti warna outline dari garis-garis lingkaran tadi menjadi putih, lalu Copy (Ctrl+C). Kembali ke Photoshop, Tekan Ctrl+V untuk paste lingkaran tadi ke dokumen Photoshop. Atur posisi dari garis-garis lingkaran menggunakan Transform Tool (Ctrl+T) seperti gambar dibawah ini.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Ubah blending mode dari layer garis lingkaran (Vector smart object) menjadi Overlay.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Pastikan Layer "Vector smart object terseleksi", kemudian klik pada ikon Add Layer Mask dibagian bawah layer palette, maka akan muncul sebuah thumbnail berwarna putih pada layer vector smart object. Klik thumbnail tersebut, lalu gunakan gradient tool (G) untuk membuat gradasi radial dari putih ke hitam. Kamu bisa mengatur warna Gradient tool di Gradient Editor pada Control Palette di bagian atas area kerja photoshop. Jika sudah, drag gradient tool tepat dari tengah area kerja ke arah pinggir (lihat gambar dibawah). Hasilnya, efek garis-garis lingkaran hanya tersisa dibagian tengah dan hilang dibagian pinggir.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop
Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

STEP 2 : Memasukkan dan Mengatur Settingan Objek Utama

Kita sekarang menambahkan objek utama berupa gambar seorang gadis yang sedang bermain biola. Gambar gadis biola ini bisa anda temukan disini. Cropping gambar gadis tersebut menggunakan Pen Tool (T), buat yang belum tau caranya cropping menggunakan Pen Tool, bisa dilihat di tutorial ini :Menghapus Background di Photoshop. Ubah nama Layer gadis menjadi "biola".

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Berikan Adjustmen level hanya pada layer "biola", caranya : tekan dan tahan tombol Alt di keyboard, kemudian klik pada ikon Create new fill or adjustment layer dibagian bawah layer palette lalu pilih Level.Ingat, Jangan lepaskan tombol Alt sampai kamu sudah memilih Level!. Fungsi tombol Alt disini adalah agar adjustment layer hanya berimbas kepada layer "biola" (layer terpilih). Atur settingan Level seperti gambar dibawah ini, perhatikan perubahannya pada objek si gadis.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Menggunakan cara yang sama (Tahan dan tekan tombol Alt), tambahkan Adjustment Exprosure kepada layer "biola" dan perbesar nilai pada Gamma seperti gambar dibawah ini.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

STEP 3 : Pendaran Bintang diatas Biola

Kita akan membuat pendaran bintang diatas biola, caranya cukup mudah! Ambil seleksi bentuk dari layer "Biola" dengan menekan tombol Ctrl lalu klik pada thumbnail gambar layer "biola".

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Masih dalam keadaan seleksi aktif, klik pada layer "bintang" agar layer bintang aktif lalu tekan Ctrl+J di keyboard, maka akan ada sebuah layer baru diatas layer "bintang" hasil duplikasi dari layer "bintang". Dikarenakan seleksi aktif pada saat menduplikasi, maka duplikasi akan terjadi berdasarkan bentuk dari layer "biola".

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Posisikan layer di posisi paling atas dengan cara: klik pada layer hasil duplikasi, lalu tekan tombolCtrl+Shift+] di keyboard.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Ubah blending mode dari layer duplikasi menjadi Color Dodge, dan gunakan Layer Mask untuk menghilangkan pendaran cahaya dibagian wajah dan tubuh. Penggunaan Layer Mask telah di jelaskan pada STEP 1 diatas.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

STEP 4 : Pewarnaan

Pilih Gradient Tool (G) lalu buka gradient editor pada Control Palette dibagian atas area kerja. Pada gradient editor, pilih salah satu gradasi warna seperti gambar dibawah (ungu-hijau-orange). Hapus warna ungu dengan cara drag keluar tanda warna tersebut.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Sekarang warna yang tersisa hanya hijau dan orange. Geser tanda warna hijau ke bagian pinggir seperti gambar dibawah. Jika sudah, klik Ok untuk keluar dari gradient editor.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Buat layer baru lalu drag gradient tool pada layer tersebut seperti contoh gambar dibawah.

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Terakhir, ubah blending mode dari layer baru tersebut menjadi Color dan lihat hasilnya!

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop

Hasil Akhir

Komposisi Gambar Sederhana dalam Membuat Karya Digital di Photoshop


Tutorial Photoshop : Digital Art

Tutorial Photoshop : Digital ArtKarya digital art adalah salah satu cakupan seni visual yang cukup menarik untuk digeluti. Selain menuntut kemampuan penggunaanPhotoshop yang baik, digital art juga membutuhkan penguasaan tentang bagaimana mengatur komposisi gambar. Tutorial kali ini akan menjelaskan proses pembuatan karya digital art bergaya abstrak dengan langkah yang sederhana. Sehingga, pengguna pemula Photoshop pun diharapkan juga bisa mengerti dan mengaplikasikan tehnik di tutorial ini kedalam karyanya. Jika kamu tertarik untuk membuat karya digital art di Photoshop, silahkan dicoba. Lets play!


Hasil Akhir

Tutorial Photoshop : Digital Art

Stock gambar yang diperlukan:

Gambar bokeh
Red and white render pack
Gambar wanita


STEP 1
Mulai dengan memberikan warna gradasi (G) pada layer background. Terlebih dahulu, atur warna gradasi di gradient editor seperti gambar dibawah.

Tutorial Photoshop : Digital ArtTutorial Photoshop : Digital Art

STEP 2
Masukkan gambar seorang gadis yang bisa ditemukan di link diatas. Gunakan Pen tool (P) dan buat bentuk sesuai dengan bentuk gambar untuk melakukan cropping. Jika sudah (masih dengan Pen tooldalam kondisi aktif), klik kanan dan pilih Make Selection. Maka sekarang area yang telah dibuat dengan Pen tool akan terseleksi.

Tutorial Photoshop : Digital Art

STEP 3
Pada layer palette, klik ikon Add Layer Mask. Secara otomatis gambar akan dicrop sesuai dengan seleksi tadi.

Tutorial Photoshop : Digital Art

STEP 4
Masukkan salah satu gambar dari render pack yang telah didownload melalui link diatas. Posisikan render pack tersebut seperti gambar dibawah ini.

Tutorial Photoshop : Digital Art

STEP 5
Gunakan Pen tool (P) kembali untuk menghapus bagian gambar render yang menutup mata. Jadi, kita akan membuat seolah-olah gambar render ini menjadi topeng dan menyatu dengan gambar si gadis.

Tutorial Photoshop : Digital ArtTutorial Photoshop : Digital Art

STEP 6
Buka layer palette dan klik pada layer gambar render. Kemudian tekan dan tahan tombol Alt di keyboard dan klik ikon Add new fill or adjustment layer dan pilih Hue/Saturation. Langkah ini akan membuat perubahan pada Hue/Saturation hanya akan berdampak kepada layer terpilih (dalam hal ini layer gambar render). Atur nilai Hue/Saturation seperti pada gambar dibawah ini.

Tutorial Photoshop : Digital Art

STEP 7
Masukkan gambar bokeh yang bisa didownload di link diatas. Posisikan seperti pada gambar dibawah ini.

Tutorial Photoshop : Digital Art

STEP 8
Ubah blending mode untuk layer bokeh menjadi Screen dan lihat perubahannya.

Tutorial Photoshop : Digital Art

STEP 9
Buat layer baru, buat sebuah bentuk seperti garis menggunakan Rectangle tool dan isi dengan warna putih. Lalu tekan tombol Ctrl + D untuk menghilangkan seleksi.

Tutorial Photoshop : Digital Art

STEP 10
Pilih Filter > Blur > Gaussian Blur. Isikan nilai 3 pada kolom radius.

Tutorial Photoshop : Digital Art

STEP 11
Posisikan garis seperti pada gambar dibawah ini, lalu buat duplikatnya dengan menekan tombol Ctrl + Jdi keyboard. Jika sudah, seleksi kedua layer tersebut lalu tekan tombol Ctrl + E di keyboard untuk menggabungkannya.

Tutorial Photoshop : Digital Art

STEP 12
Klik ganda layer hasil penggabungan pada step sebelumnya, maka akan keluar jendela layer style seperti pada gambar dibawah ini. Klik dan conteng pada bagian Outer Glow, dan atur nilainya sebagai berikut.

Tutorial Photoshop : Digital Art

STEP 13
Sekarang kamu bisa berimprovisasi dengan menghapus sedikit bagian ujung dari garis untuk memberikan kesan 'motion', bisa menggunakan Eraser tool (E),maupun menggunakan fungsi layer mask pada layer palette.

Tutorial Photoshop : Digital Art

STEP 14
Duplikasi menjadi beberapa buah garis (Ctrl + J), kemudian bermainlah dengan variasi bentuk dan posisi. Dalam contoh tutorial photoshop ini, saya komposisikan garis seperti gambar dibawah.

Tutorial Photoshop : Digital Art

STEP 15
Buat layer baru dibawah layer gambar si gadis. Layer ini kita tujukan sebagai bayangan. Gunakan Ellipse Tool dan isi dengan warna hitam. Jika sudah, pilih Filter > Blur > Gaussian Blur dan beri angka 9 pada kolom radius.

Tutorial Photoshop : Digital Art

STEP 16
Ubah blending mode dari layer bayangan (shadow) menjadi multiply, lalu turunkan opacitynya menjadi 13 %.

Tutorial Photoshop : Digital Art

STEP 17
Bayangannya menurut saya terlalu besar. Tidak masalah! Kita bisa memperkecilnya dengan menggunakan Transform tool (Ctrl + T).

Tutorial Photoshop : Digital Art

STEP 18
Klik pada layer paling atas, kemudian klik ikon Create new fill or adjustment layer (kali ini tanpa menekan tombol Alt), lalu pilih exposure. Saya berniat untuk memberikan sedikit ketajaman pada gambar. Atur nilai pada exposure seperti gambar dibawah.

Tutorial Photoshop : Digital Art

STEP 19
Sedikit polesan akhir! Klik pada layer si gadis (Flying girl), Klik pada ikon Create new fill or adjustment layer sambil tekan dan tahan tombol Alt di keyboard, lalu pilih Color Balance. Atur nilai Midtones, Shadows, dan Highlights pada color balance agar cenderung kepada warna kuning/yellow (lihat gambar).

Tutorial Photoshop : Digital Art

HASIL AKHIR
Beginilah Hasil Akhir dari tutorial yang telah kita selesaikan kali ini. Sebuah komposisi digital art bergaya abstrak nan sederhana yang mudah-mudahan bisa memberi manfaat kepada pembaca DesainStudiountuk terus berkarya.

Tutorial Photoshop : Digital Art