Kamis, 19 November 2015

Mengedit Foto Bernuansa Seram-Photoshop

Hallowen telah lewat seminggu yang lalu, namun karena efek menyeramkannya saya ingin mencoba mengedit atau memanipulasi foto dengan efek seram dengan tool-tool sederhana pada Photoshop.
Tutorial ini saya buat dalam bentuk video yang saya upload dichannel youtube saya atau videonya bisa kamu lihat diakhir artikel ini.
Tutorial Manipulasi foto ini dibuat dengan mengkombinasikan 7 file gambar dan brush dengan dasar sebuah gambar hutan, lalu kita akan menambah gambar batu nisan, kelelawar, buah labu yang biasa sering digunakan pada malam hallowen serta burung gagak yang menambah kesan menyeramkan.

Hasil desain

Dibawah ini hasil gambar yang akan kita buat pada dalam artikel ini (Klik pada gambar untuk memperbesar).
Foto-Bernuansa-Seram
Hasil tutorial foto bernuansa saram

Tutorial Photoshop

Berikut ini beberapa langkah yang akan kita lakukan pada tutorial mengedit gambar bernuansa seram.
Tutorial dimulai dengan membuat sebuah file baru dengan ukuran 1500×1500 px, kita bisa mengubah ukuran ini sesuai kebutuhan namun disini saya mengambil ukuran yang sama untuk height dan weight karena gambar hutan tersebut berbentuk persegi sehingga pas pada lambar kerja yang saya buat pada photoshop.
Membuat lembar kerja baru
Membuat lembar kerja baru
Tutorial dilanjutkan dengan menambah gambar hutan serta batu nisan sehingga background tampak lebih menyeramkan.
Menambah gambar batu nisan
Menambah gambar batu nisan
Untuk memerikahkan halloween saya juga menambahkan gambar buah labu yang biasa digunakan saat hallowen.
Menambah gambar buah labu
Menambah gambar buah labu
Ubah warna serta tempatkan yang cocok pada background lalu saya menambahkan jaring laba-laba untuk menambah kesan giman gitoeh :p
Manfaatkan brush untuk menambah jaring laba-laba
Manfaatkan brush untuk menambah jaring laba-laba
Jangan lupa burung gagaknya, pastikan kamu telah mengganti backgroundnya terlebih dahulu.
Tambahkan burung gagak
Tambahkan burung gagak
Tambahkan brush kelelawar juga yang bisa kamu unduh dibagian resource.
Brush kelelawar
Brush kelelawar
Dan jangan lupa untuk mengedit pewarnaan sehingga hasil foto manipulasi kamu bisa lebih bagus.
Edit warna foto dengan photoshop
Edit warna foto dengan photoshop
Sehingga akan menghasilkan gambar seperti ini.
Foto-Bernuansa-Seram
Hasil tutorial foto bernuansa saram

Mengekstrak dan Mendapatkan Warna Foto-Photoshop

Kadang kala kita menemukan sebuah gambar dengan komposisi warna yang menarik untuk disimpan pada pallete Swatches untuk digunakan pada saat-saat penting seperti saat mendesain website. Pada tutorial ini kita belajar bagaimana mengekstrak dan mengambil warna pada sebuah gambar untuk disimpan dan digunakan kembali pada pallete Swatches. 
Tips ini bagus digunakan jika kamu kebingungan menentukan warna desain yang kamu inginkan. Kamu cukup mengambil salah satu foto favorit di harddisk dan ekstrak warnanya untuk mendapatkan beberapa warna primer.

Preview Swatches

Dibawah ini adalah contoh warna-warna swatches yang saya dapatkan setelah mengekstrak sebuah gambar dengan warna-warna yang menarik.
Pallete Swatches

Tutorial Photoshop

Langkah 1 : Buka foto

Buka sebuah foto dengan warna yang menarik yang ingin kamu ekstrak warnanya. Pada tutorial ini kamu bisa download foto yang telah saya sediakan pada bagian resource diatas yaitu foto festival balon yang ada di California.
Festive Colors, Cardiff, California

Langkah 2 : Menyatukan warna

Sekarang kita akan menyatukan warna ke beberapa bagian. Warna seperti gradient akan rusak disini. Masuk ke menu Image > Mode > Indexed Color…
Indexed Color
Pada window yang muncul isikan Colors menjadi 256 yang artinya kamu memiliki 256 warna pada gambar. Cocokkan seperti gambar window yang muncul pada photoshop saya dibawah. Centang bagian Preview jika kamu ingin memlihat tampilannya.
Indexed Color
Berikut gambar yang telah kita edit warnanya dengan index color.
Festive Colors, Cardiff, California
Perhatikan warna gradient langit yang lebih pecah dan tidak normal.

Langkah 3 : Menyimpan warna

Untuk menyimpan warna yang selanjutnya disimpan pada swatches pallete klik kembali Image > Mode > Color Table.
Color Table
Tabel warna akan muncul seperti yang tampak berikut ini.
Color Table
Simpan warna-warna ini pada harddisk untuk nantinya digunakan kembali dengan menekan tombol Savedisebelah kanan. Format file yang akan disimpan nanti adalah Color Table (*.ACT), berikan nama warna yang ingin kamu simpan dan tekan Save.
Save

Langkah 4 : Menggunakan warna yang telah tersimpan

Setelah tersimpan, tabel warna tersebut bisa kita gunakan jika kita butuhkan. Buka kembali warna dimana kita menyimpan pada harddisk tadi. Pada contoh ini saya menyimpannya dibagian My Documents. Klik 2 kali dan secara otomatis warna-warna tersebut terbuka pada Pallete Swatches kamu.
Browse File
Untuk melihatnya cukup mengaktifkan pallete swatches di Window > Swatches
Swatches

Langkah 5 : Mengedit, menghapus, mengganti nama

Untuk melakukan pengeditan pada setiap warna baik mengapusnya, mengubah namanya kamu bisa menekan menu Edit > Preset Manager. Lalu pada window yang muncul pilih Preset Type menjadi Swatches sehingga akan menampilkan warna-warna yang saat ini ada pada pallete swatches photoshop kamu.
Tekan warna yang ingin kamu edit, lalu delete ditombol kanan untuk menghapusya, rename untuk mengubah nama warnanya, menyimpan lagi warna swatches ini dengan Save Set dan load jika ingin meload file *.ACT lain untuk ditambahkan pada swatches.
Preset manager Swatches

Mempercantik Bagian Mata pada Foto-Photoshop

Pada tutorial ini kita akan belajar bagaimana mempercantik area mata pada sebuah gambar foto dengan Aplikasi Photoshop. Tutorial ini sangat mudah kamu ikuti karena saya tulis step by step sehingga hasilnya akan bagus danmenghasilkan foto yang cantik dengan photoshop.
Tutorial ini saya buat untuk kamu yang telah mengenal dasar-dasar pada photoshop, karena saya tidak menunjuki lagi tool-tool yang ada pada Photoshop.

Tutorial Photoshop

Langkah 1 : Buka gambar dengan photoshop

Langkah pertama buka terlebih dahulu foto dengan menggunakan photoshop. Setelah terbuka resize foto jika fotonya terlalu besar.
2 membuka gambar dengan photoshop
Pertama kita akan mencoba mengedit bagian kelopak mata,kita akan menambahkan bayangan (shadow) pada kelopak mata pada foto. Pilih Polygonal Lasso Tool dan buat sebuah layer baru pada pallete layer. Buat seleksi seperti gambar dibawah ini.
3 membuat seleksi pada foto
Buat satu lagi seleksi dengan tool yang sama, tekan dan tahan tombol shift pada keyboard agar seleksi pertama tidak hilang. Setelah membuat seleksi pada foto, isi warna dengan warna #556141 pada layer baru yang telah kita buat sebelumnya.
4 menambah warna pada mata
Hilangkan seleksi dengan menekan Select > Deselect. Kaburkan bayangan ini dengan memilih menu Filter > Blur > Gaussian Blur. Isikan Radius sebesar 4.5, bisa diubah untuk menyesuaikan gambar. Ubah Blending mode menjadi overlay sehingga akan menghasilkan foto seperti berikut.
5 mempercantik bagian mata
Jika ada bagian yang kurang bagus pada bagian kelopak mata, pilih Smudge Tool pada toolbox untuk memperbaikinya, pilih brush dengan ukuran 50px mode:normal dengan Strength 70%.
6 manipulasi bagian mata

Langkah 2 : Membuat bagian Eyeliner

Buat sebuah layer baru pada pallete layer. Pilih Polygonal Lasso Tool dan buat seleksi pada gambar seperti dibawah ini. Isikan warna dengan #282a37 sehingga menghasilkan gambar seperti berikut ini.
7 membuat bagian hitam pada mata
Hilangkan seleksi dengan Ctrl + D (select > deselect), lalu pilih Filter > Blur > Gaussian Blur dan setting dengan Radius 1.5 pixels. Ganti layer mode menjadi Color Burn dan ubah opacity layer menjadi 70%.
8 memberi efek warna pada mata
Pilih Smudge Tool pada toolbox dibagian kiri dengan brush ukuran 15px tarik bagian-bagian eyeliner agar efek eyeliner lebih cantik pada foto mata seperti berikut.
9 mempercantik efek mata

Langkah 3 : Membuat bayangan dibawah alis

Selanjutnya kita akan menambahkan sedikit cahaya dibawah alis. Buat sebuah layer baru dan pilih brush tool. Setting brush dengan ukuran 35px lembut dan brush putih dibawah alis seperti gambar berikut ini.
10 menambah warna putih dikelopak mata
Pilih Filter > Noise > Add Noise dan setting Amount 120%, Distribution dengan Gaussian dan centang pada bagian Monochromatic dibagian bawah. Ubah layer mode menjadi Soft Light sehingga menghasilkan gambar berikut ini.
12 hasil efek noise pada mata

Blur dengan tool Blur agar sedikit tampak kabur.
13 erase agar hasilnya lebih bagus
Pilih Erase Tool untuk menghapus bagian yang tidak diinginkan sehingga hasilnya akan lebih bagus seperti gambar berikut.
14 hasil efek lebih cantik pada foto

Langkah 4 : Memperbaiki alis foto

Lanjut dengan memperbaiki bagian alis foto, buat sebuah layer baru dan buat lagi seleksi dengan menggunakan Polygonal Lasso tool dan buat seleksi, isikan seleksi dengan warna hitam seperti berikut.
15 memperhitam alis dengan photoshop
Hapus seleksi lagi dan isikan Gaussian blur seperti sebelumnya dengan radius 1.5px dan turunkan opacity agar tidak terlalu hitam dibagian alis dengan 24%.
16 hasil membuat alis dengan photoshop

Langkah 5 : Memperbaiki bulu mata

Dengan photoshop kita jg dapat menambah dan mempercantik bulu mata. Disini kita menggunakan pen tool namun sebelum memilih pen tool pilih dulu brush tool dengan besar sizenya 1 px serta hardness 0%, ini akan menghasilkan brush photoshop yang lembut. Lalu pilih pen tool pada toolbox.
Setting juga warna foreground menjadi warna hitam sesuai dengan warna bulu mata. Lalu tarik pen tool seperti gambar dibawah ini.
17 menambah bulu mata  dengan photoshop

Setelah membuat garis pen tool, klik kanan dan pilih Stroke Path. Akan muncul kotak Stroke Path, Pilih Brush dan centang pada bagian Simulate Pressure. Perhatikan hasil yang telah saya buat dibawah ini.
18 hasil bulu mata dengan photoshop
Buat kembali beberapa garis pen tool, klik kanan dan pilih stroke path kembali sehingga akan menghasilkan bulu mata yang cantik seperti pada hasil tutorial berikut ini.
19 bagian mata lebih cantik
Dan berikut hasil yang telah kita hasilkan.
1 gambar hasil mainpulasi dengan photoshop

Membuat Effect Aquamarine-Photoshop

Anda bisa mengedit foto kalian yang menggunakan kamera biasa atau kamera yang sangat luar biasa yaitu adalah kamera handphone Nokia dan lalu anda mengedit foto anda menggunakan photoshop merubah, mengasih effect Aquamarine seperti layaknya kamera DSLR.

Tutorial Photoshop

Langkah 1 : Membuka Program Photoshop

Seperti biasanya. Anda harus membuka dulu software kesayangan anda Adobe Photoshop CS Terserah mau versi berapa saja bisa dan tidak masalah, baik yang baru yaitu Adobe Photoshop CC dan yang lama seperti Adobe Photoshop CS.

Langkah 2 : Open File

Open File
Open gambar deng

Edit Foto Menjadi Efek Komik-Photoshop

Edit foto efek buku komik

Dengan mrnggunakan beberapa tool serta filter, kita bisa dengan mudah mengedit foto dengan menggunakan photoshop seperti yang ada pada tutorial ini yaitu membuat efek buku komik dengan menggunakan filter gallery. Hasil foto yang akan kita edit cukup keren untuk dimasukkan juga ke facebook atau hanya sekedar belajar memberikan efek pada foto dengan software manipulasi foto ini.
Tutorial panduan photoshop pada membuat efek komik ini bisa kamu baca diartikel dibawah dan diakhir tutorial saya juga membuatnya dalam bentuk video sehingga akan lebih mudah kamu pahami yang serius ingin belajar cara mengedit efek ini.

Tutorial Photoshop

Ikuti setiap langkah pada tutorial mengedit foto efek komik dibawah ini, silahkan tanya dikotak komentar dibawah jika ada bagian yang tidak kamu mengerti atau bisa dengan melihat video pada akhir tutorial yang saya upload di youtube channel saya, subscribe channel saya tersebut jika kamu ingin melihat video tutorial terbaru yang saya upload secara berkala untuk kamu.

Langkah 1 : Buka foto

Download foto yang saya bagikan dibagian resource diatas, setelah selesai kamu download buka dengan menggunakan photoshop dengan cara memilih File > Open dan memilih foto yang akan coba kita edit pada tutorial ini. Jika kamu memiliki foto pribadi kamu bisa menggunakannya juga.
Setelah terbuka, pilih Image > Adjustment > Level untuk memperbaiki warna pada foto, disini saya mengedit bagian level shadow serta highlight untuk mempertajam gambar seperti gambar dibawah. Klik OK untuk mengakhiri.
Levels

Langkah 2 : Efek Film Grain

Selanjutnya, pilih Filter > Artistic > Film Grain untuk memberi efek Film Grain pada foto. Window Film grain akan terbuka lalu Edit Grain menjadi 4, Highlight Area dengan 3 dan Intensity 8 sehingga akan menghasilkan foto yang artistik seperti gambar berikut.
Efek Film Grain

Langkah 3 : Efek Color Halftone

Selanjutnya duplicate dulu layer background dengan cara menekan Ctrl + J pada keyboard komputer kamu, jangan punya tetangga!
Lalu pilih bagian Filter > Pixelate > Color Halftone untuk memberikan efek komik pada layer foto yang sedang aktif. Edit Color Halftone seperti gambar berikut.
Efek Color Halftone
Dan dibawah ini adalah hasil sementara yang kita hasilkan sebelum sedikit memberi efek lagi.
Foto Efek Color Halftone
Ubah blending mode pada layer tersebut menjadi darken.

Langkah 4 : Memberi efek foto

Selanjutnya kita akan memberikan sedikit efek pada foto, terlebih dahulu set foreground color dengan warna #ffc000 dan setting brush dengan ukuran 600px dengan hardness 0%.
Brush bagian kanan dan kiri foto seperti yang bisa kamu lihat pada foto dibawah ini.
Memberi efek foto
Ubah blending mode layer menjadi Overlay dan berikut hasil final yang kita hasilkan pada tutorial ini.
hasil tutorial efek komik pada foto
Jika kamu kesulitan untuk mengikuti tutorial ini, kamu bisa juga melihat tutorial dalam bentuk video dibawah ini.

Rabu, 18 November 2015

Menari Diatas Langit-Photoshop

Tutorial photoshop kali ini kitan akan menggabungkan 7 buah foto sekaligus, untuk memulai tutorial pastikan anda mempunyai photoshop yang berjalan baik pada PC anda.

Langsung saja disimak tutorialnya, dan silahkan dicoba :)

Langkah 1 : Persiapan awal

Kita akan membuat gambar dengan kualitas cetak. Jadi gambar tidak akan terlalu berpengaruh seperti lebih buram dan kabur jika anda cetak kecuali sedikit perbedaan warna.
Untuk memulainya, buat file baru di file > new. Isikan 3500px pada colom width dan 3500px pada kolom height juga Resolution sebesar 300 Pixels/Inch.

Langkah 2 : Membuat background awan

Selanjutnya kita akan menambahkan awan sebagai background kita. Kita akan mengkombinasi dua buah gambar awan sehingga tampak lebih realistis. Buka gambar awan dan masukkan kedalam kanvas kerja yang telah kita buat sebelumnya. Perbesar gambar hingga memenuhi semua lembar kerja.
Membuat background awan
Lanjut dengan memasukkan satu lagi bagian awan sebagai langit. Lalu buat seleksi bagian bawah dengan Rectangular marquee dan tekan delete untuk menghapus bagian tanah dan menyisakan foto awan.
foto awan.
Perbesar awan tersebut hingga memenuhi bagian atas. Untuk menghilangkan potongan antara dua gambar ini, tambahkan layer mask dibagian bawah layer.
tambahkan layer mask
Lalu pilih brush tool dengan warna hitam dan lakukan masking seperti bagian merah yang saya tandai seperti berikut. Hapus dengan brush hitam secara detail hingga menghasilkan gambar yang tampak lebih menyatu.
tambahkan layer mask
Selanjutnya kita akan membuat awan sehingga tampak lebih memerah, pilih dahulu layer awan pertama yang tadi kita masukkan. Pada bagian menu pilih Layer > New Adjustment layer > color balance dan setting seperti berikut.
Layer > New Adjustment layer > color balance
Buat hal serupa diatas gambar langit bagian atas dengan cara pilih Layer > New Adjustment layer > color balance dan atur setting seperti gambar berikut lalu tambah juga Layer > New Adjustment layer > Brightness/Contrast dan setting juga seperti gambar berikut.
Layer > New Adjustment layer > color balance

Langkah 3 : Menambahkan objek menara eiffel

Buka objek menara eiffel dan buat seleksi dengan menggunakan Magnetic lasso tool. Jika anda belum familiar dengan cara membuat seleksi, saya pernah membuat postingan pada teknik seleksi dengan photoshop, silahkan anda baca dan buat seleksi seperti yang saya buat pada gambar berikut.
objek menara eiffel
Setelah membuat seleksi, pilih tool move dan pindahkan objek menara eiffel kedalam awan seperti gambar berikut dan beri juga layer mask yang selanjutnya akan kita hapus bagian bawah objek menara eiffel.
pindahkan objek menara eiffel kedalam awan
Dengan brush lembut berwarna hitam, brush bagian bawah menara dibagian layer mask yang sebelumnya kita buat sehingga menara akan tampak bersembunyi dibalik awan.
brush bagian bawah menara
Mask juga bagian atas menara sehingga tampak botak dan membulat.
Mask juga bagian atas
Sepertinya ada kesalahan warna yang saya lakukan disini, Pilih layer “color balance” yang kita buat pada langkah ke 2 diatas layer awan bagian atas, buat menjadi clipping mask dengan cara pilih layer > create clipping mask sehingga efek color balance hanya berefek pada layer bagian atas.
color balance
Ubah properti “color balance” tersebut seperti gambar berikut.
color balance
Dengan brush lembut berwarna hitam, turunkan opacity menjadi 10% dan mask bagian atas awan kembali seperti objek merah pada gambar dibawah.
brush lembut berwarna hitam
Berikut hasil sementara yang telah kita desain dengan Photoshop. Perhatikan pewarnaan yang saya buat dan pastikan tidak terlalu merah sehingga gambar terlihat lebih real.
desain dengan Photoshop

Langkah 4 : Memasukkan objek anak kecil

Buka objek anak kecil yang yang tersedia pada colom resource dan masukkan kedalam lembar kerja dengan cara memilih move tool dan tarik kedalam lembaran kerja.
Memasukkan objek anak kecil
Buat seleksi dengan magnetic lasso tool disekitar objek anak kecil. Anda tidak perlu terlalu fokus karena objek kita buat sangat kecil nantinya.
Buat seleksi dengan magnetic lasso tool
Tekan add layer mask dibagian bawah layer sehingga akan tersisa objek anak kecil.
 add layer mask dibagian bawah layer
Tekan Edit > Free transform lalu kecilkan objek anak kecil tersebut. Tempatkan dibagian atas menara seakan dia berdiri diatasnya.
Edit > Free transform

Langkah 5 : Menambah objek kunci

Buka gambar kunci dengan photoshop dimenu file > open. Setelah terbuka buat seleksi dan tekan add layer mask kembali dibawah layer pallete. Hapus objek yang kira-kira harus dihapus seperti sebelumnya sehingga hanya menyisakan sebuah kunci.
Menambah objek kunci
Pilih Edit > Free Transform dan putar kunci anda. Klik kembali add layer mask dan hapus bagian pegangan kunci seperti objek merah yang saya tandai berikut.
Edit > Free Transform
Dengan langkah yang sama seperti menyembunyikan menara eiffel buat kunci tersebut berada dibalik awan.
Menambah objek kunci
Duplicate gambar dengan menekan Ctrl + J pada keyboard. Pindahkan dan tempatkan dibalik awan yang lain.
Duplicate gambar
Duplicate gambar

Langkah 6 : Memasukkan piano dan ballon

Sama seperti pada langkah menambahkan kunci dan anak kecil, masukkan gambar piano dan buat seleksi disekitar piano. Lanjut dengan menekan add layer mask dan putar dengan edit > Free transform sehingga akan menghasilkan gambar seperti berikut.
Memasukkan piano dan ballon
Lakukan hal yang serupa untuk gambar ballon dan posisikan piano seperti ditarik oleh ballon.
Memasukkan piano dan ballon
Buat layer baru dibawah layer Balon dan Piano untuk membuat tali balon. Setelah layer baru terbuat, pilih pen tool dan ubah mode menjadi Path. lalu buat garis melengkung dengan tool pen seperti gambar berikut ini.
membuat tali balon
Pilih brush tool, kecilkan size menjadi 1px dan Hardness 100%. Lalu pilih kembali pen tool pada toolbox photoshop.
brush tool
Klik kanan pada kanvas kerja dan pilih Stroke Path. Pada window Stroke path pilih tool dengan brush dan Simulate Pressure dalam keadaan tidak tercentang. Klik OK dan Tekan Enter pada keyboard untuk melihat hasilnya.
Stroke Path
Stroke Path
Lakukan hal yang sama pada setiap balon.
tali balon

Langkah 7 : Mengubah warna gambar

Pilih layer paling atas pada layer pallete. Lalu klik Layer > New Adjustment Layer > Curves dan atur seperti gambar berikut. Perhatikan bagian Warna RGB, Red, Green, dan Blue.
Mengubah warna gambar
Berikut hasil sementara yang telah kita hasilkan.
hasil sementara
Tekan D pada keyboard untuk mengembalikan warna foreground dan background menjadi default hitam dan putih. Lalu dengan memilih Gradient tool pada toolbox photoshop, atur option bar dengan memilih warna hitam ke transparan pada Gradient dan pilih Radial Gradient untuk membuat gradient berpola Bulat. Buat layer baru (Ctrl + Shift + Alt + N), klik dan tarik gradient sehingga menghasilkan gambar seperti berikut.
Gradient tool pada toolbox photoshop
Ubah layer mode menjadi Overlay dan turunkan Opacity menjadi 51%.
Menurunkan opacity layer
Duplicate/gandakan layer gradient hitam lalu ubah blending mode menjadi normal dan opacity 15%.
blending mode menjadi normal dan opacity 15%
Punya android cuman untuk main game? wah sayang sekali kalo Android mahalmu hanya dipake buat main game dan chatting, mending dapatin uang jajan tambahan, info lengkap cek blog saya disini atau bagi kamu yang suka menulis dan ingin menulis tutorial disini, silahkan cek halaman ini.
Berikut hasil desain yang kita peroleh.
 hasil desain