Sunday, February 22, 2015

Logo Design - D-design

Jadi ceritanya, dulu saya pernah banget mau dibikinin lini usaha sendiri sama mantan bos yang udah saya anggap kayak bapak sendiri itu.

Lini usahanya bergerak di bidang desain grafis dan branding. Rencana awalnya sih lini usaha grafis ini nanti akan menjadi partner kerja lini ekspor, retail dan interior. Melayani segala kebutuhan media promosi mereka gitu. Sembari mencari klien dari luar-lah tentunya.

Nah, untuk keperluan lini usaha baru inilah, maka saya membuat desain untuk logonya. Here are some alternatives.



Dan akhirnya, setelah berdiskusi, kami pun sepakat menggunakan desain logo seperti yang di bawah ini.

Selesai?

Ternyata belum. Yah, selesai saat ini. Karena tak lama kemudian, desain logo diganti. Dengan yang seperti apa?

Kapan-kapan saya cerita lagi :D

Check out my works here too!

Saturday, February 14, 2015

Tutorial Edit Foto Vintage Effect Kitty Chan

Cover Tutorial Edit Foto Vintage Effect Kitty Chan
Sekarang kita belajar Photoshop membuat Vintage Effect yang diberi nama "Kitty Chan Effect". Tutorial Edit Foto Vintage ini merupakan request dari salah seorang follower dari fans page Photoshop Tutorial Indonesia yang bernama Kitty Chan. Oleh karena itu nama effect nya saya beri nama itu supaya lebih mudah di ingat. Tutorial edit foto ini saya menambahkan 3 buah foto yang saya mix menjadi satu.

Inti dari tutorial photoshop edit foto vintage ini adalah dimana dia menginginkan bagaimana caranya menambahkan daun-daun yang sedang berjatuhan. Tehnik yang digunakan dalam tutorial edit foto ini adalah menggunakan Motion Blur yang bisa mengubah suatu image yang flat menjadi seolah-olah bergerak.

Stock foto yang digunakan dalam Tutorial Photoshop CS6 ini adalah:
Petal Rain [frozenstocks]
Falling Autumn Leaves [frozenstocks]
Foto Wanita [mahafsoun]

Langkah-langkah Tutorial Edit Foto Kitty Chan

Langkah 1: Membuat Document Photoshop

Buat Document Photoshop dengan nama "Tutorial Edit Foto Vintage Effect Kitty Chan", lalu ubah ukuran Width dan Height nya menjadi 3000 x 2500 pixels seperti pada screenshoot dibawah ini:

Langkah 1 Tutorial Edit Foto - Membuat Document Photoshop

Langkah 2: Menambahkan Foto pada Canvas

Sekarang masukan foto utama yang akan di edit dengan menggunakan perintah Place (Menu Bar > File > Place). Kemudian Resize fotonya dengan Transform dan posisikan fotonya tepat ditengah-tengah Canvas Photoshop, lalu ubah nama Layer nya menjadi "Wanita".

Langkah 2.1 Tutorial Edit Foto - Menambahkan Foto pada Canvas

Langkah 2.2 Tutorial Edit Foto - Menambahkan Foto pada Canvas

Langkah 3: Edit Shadows dan Highlight Foto

Karena Foto Wanita tersebut agak sedikit gelap, untuk itu kita ubah Highlight dan Shadows nya supaya lebih terang dengan menggunakan Shadows/Highlight command (Menu Bar > Image > Adjustments > Shadows/Highlight...). Setelah itu ubah value-value nya seperti pada screenshoot dibawah ini:

Langkah 3 Tutorial Photoshop Edit Shadows dan Highlight Foto

Langkah 4: Menambahkan Foto Daun

Dan sekarang tambahkan Foto Petal Rain. Dalam kasus Tutorial Edit Foto Vintage Effect Kitty Chan ini teman saya di Facebook fans page Photoshop Tutorial Indonesia menginginkan bunga-bunga dan daun-daun yang berjatuhan tepat diatas kepala perempuan.

Cara menambahkan foto sama dengan langkah kedua diatas, kemudian setelah itu resize juga foto daun-daun nya dengan Transform command. Lalu posisikan daun-daunnya seperti pada screenshoot dibawah, dan terakhir ubah nama Layer Petal Rain tersebut dengan nama "Daun 1".

Langkah 4 Edit Foto Effect Menambahkan Foto Daun

Langkah 5: Menambahkan Motion Blur

Pada langkah kelima ini sekarang kita buat daun-daunnya seperti nyata dengan menambahkan Motion Blur (Menu Bar > Filter > Blur > Motion Blur...). Setelah dialog box Motion Blur Photoshop CS6 nya terbuka, kalian edit Angle value -55 derajat dan Distance value 40 pixels.

Langkah 5.1 Cara Menambahkan Motion Blur pada Foto di Photoshop CS6

Sekarang lakukan dengan langkah yang sama diatas pada foto ketiga Falling Autumn Leaves, lalu resize ukurannya harus lebih besar dengan layer Daun 1. Kemudian beri nama layer tersebut dengan "Daun 2". Jika menginginkan daunnya lebih banyak, lakukan tehnik Duplicate Layer pada Layer Daun 1 atau Daun 2. Dan hasilnya akan seperti ini.

Langkah 5.2 Cara Menambahkan Motion Blur pada Foto di Photoshop CS6

Langkah 6: Menambahkan Color Vintage Effect Kitty Chan

Sekarang langkah akhir dari Tutorial Edit Foto Vintage ini dimana saya akan menambahkan Effect Kitty Chan nya dengan menggunakan Solid Color (Menu Bar > Layer > New Fill Layer > Solid Color...) dengan Hex Color #2C002F atau RGB (44, 0, 47). Kemudian ubah nama Layer tersebut dengan nama Kitty Chan Effect dengan Blending Mode Exclusion dan Opacity 80%.

Foto Vintage Kitty Chan Effect ini hanya menggunakan satu buah fill layer dalam membuat effect nya, yang sangat berbeda dengan Foto Effect Mademoiselle yang lebih banyak menggunakan Adjustment Layer Curves, dan Adjustment lainnya. Jadi Tutorial Edit Foto Kitty Chan ini merupakan awal dari Belajar Photoshop membuat Effect pada foto.

Langkah 6 Cara Menambahkan Color Vintage Kitty Chan Effect

Before After Vintage Effect Kitty Chan


Before After Vintage Effect Kitty Chan

Apabila ada pertanyaan dengan Tutorial Edit Foto Vintage Effect Kitty Chan ini, jangan sungkan untuk menanyakannya kepada saya bisa dengan comment form dibawah atau melalui inbox fans page Photoshop Tutorial Indonesia.

Satu hal lagi, jika teman-teman yang lain juga ingin dibuatkan tutorial photoshop seperti si Kitty, kalian bisa menghubungi saya pada halaman contact atau melalui Fans Page Facebook. Salam Photoshop Indonesia, tetap belajar dan sukses selalu. Terima Kasih sampai jumpa di tutorial lainnya dan Happy Valentine Day.

Friday, February 13, 2015

Cara Mudah Membuat Lomo Efek dengan Photoshop

Mungkin saya sedikit ketinggalan membuat Tutorial Photoshop Lomo Efek ini, tetapi pada Tutorial kali ini saya akan membuat Efek Lomo se-simple mungkin dengan Photoshop CS6 supaya bisa dipelajari dan di praktekan oleh semua temen-temen yang sedang belajar Photoshop CS6.

Lomo Efek ini sering digunakan para pengguna Instagram setiap kali posting foto, akan tetapi dengan Instagram hanya secara otomatis ditambahkan pada foto yang akan diposting. Artikel ini akan memperlihatkan bagaimana sih Lomo Efek itu terbuat?, tool-tool apa saja sih yang digunakan untuk membuat efek lomo itu?.

Tutorial edit foto efek dengan Photoshop ini saya menggunakan foto keren temen saya ketika dia di Singapura dengan Dimensi 2304 x 3456 pixels dan Resolusi 72 ppi, jika kalian punya foto lain bisa gunakan itu saja, tetapi apabila foto kalian tersebut mempunyai Dimensi kecil yang menghasilkan foto kualitas rendah bisa di pertajam dengan menggunakan Smart Sharpen.

Tutorial Photoshop Membuat Lomo Efek

Before After Cara Mudah Membuat Lomo Efek dengan Photoshop

Membuat Before After

Sebelum edit foto dengan Photoshop, kebiasaan saya yaitu membuat before after untuk membedakan dan membandingkan foto yang sebelum dan sesudah di edit dengan photoshop. Membuat Before After bisa dengan cara Duplicate Document atau Duplicate Layer Background. Pada Tutorial edit foto Lomo Efek dengan Photoshop ini saya akan membuat Before After dengan cara Duplicate Layer Background yang disimpan di dalam Group dengan nama AFTER.

1-Membuat-Before-After-dengan-Duplicate-Layer

2-Membuat-Before-After-dengan-Duplicate-Layer-Group

Menambahkan Adjustment Layer Brightness/Contrast untuk Membuat Efek Lomo

Supaya terkesan Lomo kita coba menaikan Contrast pada Foto yang sedang kita edit, dengan cara menggunakan Adjustment Layer Brightness/Contrast (Menu > Layer > New Adjustment > Brightness/Contrast...). Kemudian pada Properties setting Contrast nya saja dengan nilai 28 seperti pada screen shoot dibawah ini.

3-Menambahkan-Adjustment-Layer-Brightness-Contras-untuk-Membuat-Efek-Lomo

4-Setting-Contrast-Menjadi-28

Menambahkan Adjustment Layer Hue/Saturation untuk Membuat Efek Lomo

Mempertajam warna Foto dengan menggunakan Adjustment Layer Hue/Saturation (Menu > Layer > New Adjustment > Hue/Saturation...), hanya mengatur Saturation Master nya saja menjadi +25 seperti pada screen shoot. Akan tetapi jika Foto temen-temen sudah nampak tajam warnanya bisa di abaikan langkah ini atau menurunkan nilainya untuk reduce warnanya.

5-Menambahkan-Adjustment-Layer-Hue-Saturation-untuk-Membuat-Efek-Lomo

6-Setting-Hue-Saturation-Properties-Master-Only-dengan-Saturation-+25

Menambahkan Adjustment Layer Curves untuk Membuat Efek Lomo

Langkah ini merupakan langkah favorit saya, karena dengan Adjustment Layer Curves kita bisa bermain-main dengan warna foto. Dengan Curves lah Lomo Efek ini saya temukan.

7-Menambahkan-Adjustment-Layer-Curves-untuk-Membuat-Efek-Lomo
 8-Setting-Curves-untuk-Efek-Lomo

Membuat Vignette dengan Feather

Teknik Photoshop ini belum saya gunakan sebelumnya pada Tutorial Foto Efek sebelumnya. Teknik ini merupakan teknik baru untuk membuat Vignette, pertama-tama kita buat Layer Baru (Shift + Ctrl + N) diatas Background Copy.

9-Membuat-Vignatte-dengan-Feather

Setelah itu Select All (Ctrl + A).

10-Membuat-Vignatte-dengan-Feather-Select-All

Supaya bisa ditambahkan Feather, maka harus dibuatkan Border dahulu dengan cara Menu > Select > Modify > Border>... setelah muncul dialog box Border, isi dengan nilai 1 px saja.

11-Membuat-Border-untuk-Feather-Vignatte

Setelah Border dengan Width: 1 pixels terbuat, langkah selanjutnya kita Modify lagi Selection nya dengan menambahkan Expand 100 pixels, dengan cara Menu > Select > Modify > Expand...

12-Cara-Expand-Selections-untuk-Feather-Vignatte

Setelah di Expand, langkah selanjutnya tambahkan Feather pada Selections dengan Feather Radius: 100 pixels supaya tidak terlalu terlihat persegi. Dengan cara Menu > Select > Modify > Feather...

13-Cara-Feather-Selection-untuk-Membuat-Vignatting

Langkah terkahir isi Selection hasil dari Feather tadi dengan warna Merah, dengan cara Menu > Edit > Fill...

14-Menambahkan-Fill-warna-Hitam-pada-Hasil-Feather-Selections

15-Hasil-Akhir-Cara-Membuat-Lomo-Efek-dengan-Photoshop-CS6

Hasil Akhir Cara Membuat Lomo Efek dengan Photoshop CS6

 

Kesimpulan

Dari Tutorial Photoshop Efek Lomo ini kita bisa belajar bagaimana cara membuat Vignette, Membuat Foto Efek dengan bermain-main pada Adjustment Layer Curves dan Teknik membuat Before After sebelum edit foto dengan Photoshop. Jika ada pertanyaan dan komentar tinggalkan pesan pada form dibawah. Thanks, salam Desainaer Indonesia.

Cara Mempertajam Foto dengan Smart Sharpen Photoshop

Banyak sekali Tehnik Fotografi yang dilakukan pada saat meng edit foto dengan Photoshop, seperti menambahkan Blur dan Sharpen. Artikel Cara Mempertajam Foto dengan Smart Sharpen ini akan menjelaskan tentang kelebihan dari Smart Sharpen Photoshop CS6.

Pada Tehnik Photoshop Dasar ini berlaku pada Smart Object dan bukan Flatten Object. Berbeda dengan Sharpen Tool, Filter Sharpen Photoshop ini mempertajam seluruh area foto dengan mengatur beberapa settingan yang ada pada Filter Smart Sharpen nya.

Tutorial Photoshop Dasar Menggunakan Smart Sharpen

Langkah Satu - Membuka Foto dengan Photoshop

Buka Foto yang akan di edit dengan Photoshop, bisa dengan cara Menu Bar > Open... atau bisa juga melalui Adobe Bridge Photoshop Menu Bar > Browse in Bridge... atau mungkin dengan cara cepat menggunakan keyboard shortcut Photoshop Open (Ctrl + O). 

Tutorial Photoshop Cara Membuka Foto dengan Photoshop

Langkah Dua - Mengubah Layer Menjadi Smart Object

Setelah selesai Foto apa yang kamu buka langkah selanjutnya yaitu mengubah Layer Background menjadi Smart Object (Menu > Layer > Smart Object > Convert to Smart Object). Mengubah sebuah Layer menjadi Smart Object seperti ini supaya bisa ditambahkan Smart Sharpen (Menu > Filter > Sharpen > Smart Sharpen...) pada Layer yang sedang dipilih.

Tutorial Photoshop Mengubah Layer menjadi Smart Object

Langkah Tiga - Menambahkan Smart Sharpen untuk Mempertajam Foto

Langkah ketiga ini merupakan langkah utama dalam pembahasan Tutorial Photoshop Mempertajam Foto ini. Dengan Smart Sharpen kita bisa mengatur seberapa kuat foto yang akan kita pertajam.

Tutorial Photoshop Menggunakan Smart Shartpen untuk Mempertajam Foto 
Smart Sharpen Photoshop CS6 ini terdapat 3 pilihan Remove diantaranya: Gaussian Blur, Lens Blur dan Motions Blur. Tetapi untuk sementara pilih saja dulu Gaussian Blur, kemudian atur Amount: 500% dengan Radius:2.5 px dan Ceklis untuk More Accurate.

Tutorial Photoshop Mengatur  Nilai Smart Sharpen Photoshop CS6

Langkah Empat - Setting Blending Option (Smart Sharpen)

Langkah empat adalah langkah terakhir pada Tutorial Photoshop Mempertajam Foto. Dengan cara ke empat ini kita sedikit mangaburkan/menyamarkan Sharpening/ketajaman yang dibuat sebelumnya pada langkah ke tiga yaitu menggunakan Smart Sharpen. Di langkah ke empat ini cuma terdapat dua setting-an cuma Mode dan Opacity saja, namun untuk kali ini saya rekomendasikan atur setting-an Blending Option tersebut seperti screen shoot dibawah ini.

Tutorial Photoshop Mengubah Blending Option Smart Sharpen Photoshop CS6
Selesai!.

Saya akhiri sampai disini Tips dan Trik Photoshop tentang cara mempertajam foto dengan Photoshop CS6. Jika ada salah dalam penulisan dan pengetikan beberapa istilah mohon maaf dan bantulah kami untuk mengkoreksinya. Dengan terbitnya artikel ini saya berharap bisa menambah pengetahuan temen-temen yang sedang belajar photoshop secara otodidak mulai dari basic sampai master. PhotoshopMixer akan berusaha semaksimal mungkin memberikan tutorial, tips, dan inspirasi tentang dunia fotografi, desain dan Photoshop kepada temen-temen yang ingin belajar secara otodidak.

Jika kalian suka dengan artikel dari Photoshop Mixer, ikut bergabung di Facebook Fans Page, Youtube Channel, Subscribe untuk mendapatkan informasi artikel terbarunya.

Tutorial Photoshop Cara Mempertajam Foto dengan Smart Sharpen Photoshop CS6

Wednesday, February 11, 2015

Belajar Photoshop Adjustment Layer Curves

Adjustment Layer Curves hampir sama dengan Adjustment Curves. Tetapi perbedaan yang mendasar dari Adjustment Photoshop ini adalah kelebihan dari Adjustment Layer Curves yang sifatnya non-destructive dan editable alias bisa edit ulang. Adjustment Layer Curves bisa di ubah-ubah value nya karena dia bersifat Layer, dan Blending Mode nya pun bisa di ubah-ubah.

Disini saya akan mempraktekan cara belajar Photoshop Adjustment Layer Curves, karena pembahasan Adjustment Curves sudah di bahas pada artikel Belajar Photoshop CS6 level dasar sebelumnya.

Cover Belajar Photoshop Adjustment Layer Curves

Cara Belajar Memanggil Adjustment Layer Curves

Adjustment Layer Curves sering digunakan ketika Edit Foto Efek seperti Efek Mademoieselle yang sudah pernah saya buat Tutorial Photoshop nya. Disana saya menggunakan Adjustment Layer Curves untuk mengatur Brightness/Contrast.

Bagaimana cara memanggil Adjustment Layer itu?. Yang saya tahu cara memanggilnya ada 3 cara yaitu:

1. Cara Memanggil Adjustment Layer Curves Melalui Menu Layer

Untuk lebih jelas cara memanggil Adjustment Photoshop CS6 ini saya tambahkan screen shoot Animasi di bawah ini agar lebih di pahami.

Cara Belajar Photoshop Membuka Adjustment Layer Curves


2. Cara Memanggil Adjustment Layer Curves Melalui Keyboard Shortcut

Secara Default, Adobe Photoshop tidak memberikan shortcut untuk Adjustment Layer Curves ini, akan tetapi kita bisa menambahkannya melalui Menu Bar > Edit > Keyboard Shortcut... seperti pada Animasi gif dibawah ini.
Note: Saya mengubah beberapa shortcut Default Photoshop menjadi Keyboard Shortcut custom, dalam kasus ini saya menambahkan shortcut untuk Adjustment Layer Curves dengan Shift+Ctrl+M.
Cara Mengubah Keyboard Shortcut AdjustmentLayer Curves Photoshop CS6

3. Cara Memanggil Adjustment Layer Curves Melalui Layer Palette

Selain cara cepat menggunakan Keyboard, cara ini lebih sering digunakan oleh para editor ketika saat melalukan edit foto Manipulation dengan Photoshop CS6 yaitu memanggilnya melalui Icon Bar Layer Palette.

Cara Memanggil Adjustment Layer Curves melalui Layer Palette Photoshop CS6

Cara Belajar Photoshop Menggunakan Adjustment Layer Curves

Untuk cara menggunakan Adjustment Layer Curves ini sama dengan Adjustment Curves yang pernah saya bahas pada artikel sebelumnya. Perbedaannya yaitu dengan adanya 5 fitur tambahan yang terletak dibawah Property Palette seperti:
  1. Clipping Mask (Menjadikannya sebagai Clipping Mask)
  2. Press to view previous state (Melihat perubahan yang dilakukan sebelumnya)
  3. Reset to adjustment default (Mereset ulang pada settingan default)
  4. Toggle layer visibility (On/Off adjustment layer tersebut)
  5. Delete this adjustment layer (Menghapus adjustment layer tersebut)


Dari gambar diatas kalian perhatikan sendiri dimana, disana terlihat bagaimana cara menambahkan Point (Titik) pada curves, cara menghapus curves, dan cara menggunakannya dengan cara menggerakan tiap point ke atas, bawah, kiri ataupun kanan.
Note:
  • Memindahkan point keatas/kekiri sama dengan menambah kecerahan (High Contrast) pada foto yang sedang di edit.
  • Memindahkan point kebawah/kekanan sama dengan menambah kecerahan (Low Contrast) pada foto yang sedang di edit.

Kesimpulan

Untuk menjadi mahir dengan Photoshop mengenal dan mempelajari Adjustment Layer Curves ini sangat di sarankan sekali, karena diluar sana Adjustment ini lebih sering digunakan dari pada beberapa Adjustment lainnya khususnya dalam mengatur Contrast sebuah foto. Dengan mempelajarinya, kalian akan dibantu ketika menemui banyak Tutorial Photoshop Foto Efek yang rumit sekalipun seperti Efek Mademoiselle.

Jika ada pertanyaan dan saran jangan sungkan tinggalkan pesan pada form comment dibawah.

Sampai ketemu di artikel Belajar Photoshop Dasar lainnya. Terima Kasih :)

Belajar Photoshop Adjustment Curves

Artikel belajar Photoshop dasar Curves ini akan menjelaskan tata cara menggunakan Adjustment Curves yang sering digunakan ketika melakukan edit foto dengan Photoshop untuk Foto Efek atau Manipulasi Foto. Para master Photoshop biasanya menggunakan Adjustment Curves ini untuk mengatur Contrast suatu foto bukan dengan Fill Layer Brightness/Contrast. Dan bisa juga digunakan untuk membuat Burning dan Dodging yang di gabungkan dengan tehnik Masking.

Cover Belajar Photoshop Adjustment Curves

 

Adjustment Curves

Cara Belajar Photoshop memanggil Adjustment Curves

Pada Photoshop CS6 cara memanggil Adjustment Curves ini bisa dengan beberapa cara seperti:

1. Adjustment Curves dengan Keyboard Shortcut

Untuk mengecek Keyboard Shortcut dari Adjustment Curves ini kalian bisa lihat pada Menu Bar > Edit > Keyboard Shortcuts...
 
Belajar Photoshop Adjustment Curves dengan Keyboard Shortcut

2. Adjustment Curves dengan Menu Bar Image

Apabila tidak suka dengan menggunakan shortcut, kalian bisa memanggilnya melalui Menu Bar > Image > Adjustment > Curves...
 
Belajar Photoshop CS6 Adjustment Curves melalui Menu Bar Image Adjustment

 

Cara Menggunakan Preset Adjustment Curves

Secara default Photoshop CS6 sudah memberikan Curves Preset yang bisa kalian gunakan seperti: Color Negative, Cross Process, Darker, Increase Contrast, Lighter, Linear Contrast, Medium Contrast, Negative dan Strong Contrast.

Cara Belajar Photoshop Menggunakan Preset Adjustment Preset

 

Cara Menambahkan Point pada Adjustment Curves

Jika kalian tidak suka dengan Adjustment Curves Preset yang disediakan oleh Photoshop CS6, kalian bisa membuat settingan sendiri dengan cara menambah atau menghapus beberapa Pin untuk menyesuaikan Input dan Output.

Untuk membuat Point pada Curves cukup dengan meng-klik nya pada garis Curves seperti pada gambar, kemudian untuk mengubah input dan output nya bisa dengan Klik+Tahan+Drag atau dengan mengisi value input output. Sedangkan untuk menghapus suatu Point, cukup dengan Klik+Tahan pada satu point kemudian drag ke luar area curves.

Cara Belajar Membuat Custom Adjustment Curves Photoshop CS6

Adjustment Curves berbeda dengan Adjustment Layer Curves, namun pada artikel terpisah saya akan menjelaskan cara menggunakan Adjustment Layer Curves dan mungkin kalian akan menemukan perbedaanya. Dalam satu kasus edit foto efek kebanyakan orang lebih nyaman menggunakan Adjustment Layer Curves di bandingkan dengan Adjustment Curves. Mungkin alesannya adalah Adjustment Layer Curves bersifat Non-Destructive.

Saya harap dengan artikel belajar Photoshop Adjustment Curves ini bisa menambah pengetahuan kalian dalam mempelajari Photoshop CS6. Apabila ada yang kurang jelas, saya harap kalian tidak sungkan untuk menanyakannya pada saya dengan meninggalkan pesan di form comment.

Sampai ketemu di artikel Belajar Photoshop Dasar lainnya, Terima Kasih.

Monday, February 9, 2015

Belajar Edit Foto Efek Mademoiselle

Photoshop Tutorial Indonesia kali ini akan membuat tutorial dalam tema Belajar Edit Foto Efek. Belajar edit foto di Photoshop itu susah-susah gampang terutama membuat foto efek. Minimal harus menguasai beberapa skill Photoshop dan sering berlatih, belajar dan membaca tutorial tutorial Photoshop. Foto Efek Mademoiselle ini saya dapat dari forum sebelah, tetapi disana tidak dijelaskan cara pembuatan efek foto tersebut. Disini saya akan membuat tutorial lengkapnya efek Mademoiselle tersebut.


Dalam belajar edit foto efek kali ini untuk meningkatkan skill kita dalam edit foto di Photoshop, beberapa skill yang dipelajari diantaranya Adjustment Layer, Fill Layer, Opacity, Blending Layer dan sebagainya.

Persiapan Belajar Edit Foto di Photoshop

1. Software Photoshop

Software atau aplikasi Photoshop memang rajanya software dalam pengolahan gambar atau edit foto, di luar sana memang banyak sekali aplikasi lain yang serupa tetapi Adobe Photoshop lebih banyak digunakan khususnya para photographer profesional. Adobe Photoshop hampir setiap waktu ke waktu di perbaharui terus fitur-fiturnya alhasil semua pengguna Photoshop ini makin penasaran dan ketagihan dalam edit foto. Belajar edit foto dengan photoshop memang menyenangkan apalagi pada saat hasil karya kita dipuji dan dikasih sanjungan oleh teman kita.

Dalam belajar edit foto efek ini saya menggunakan software Photoshop CS6 dengan mengubah interface photoshop nya menjadi Light. Jika sobat belum punya bisa menggunakan satu kelas di bawahnya Photoshop CSS5 karena hampir sama, jika tidak sobat bisa cari dan download aplikasinya di internet.

2. Objek Foto

Objek disini bisa berupa gambar vector dan bisa juga foto. Perlu kalian ingat juga software photoshop ini lebih cenderung pada pengolahan gambar atau bahasa gaulnya raster image tetapi tidak cocok pada saat digunakan pada gambar vector. Jadi untuk pengolahan gambar vector lebih baik menggunakan software Adobe Illustrator yang merupakan software dari produk yang sama.
Pada tutorial belajar edit foto efek ini saya menggunakan foto wanita cantik yang saya dapet dari teman Deviantart.

Jika kalian punya foto lain, bisa gunakan foto yang ada, lebih bagus lagi foto pacar kalian sendiri atau foto sobat sendiri yang paling narsis, foto diatas hanya sebagai contoh untuk proses belajar edit foto efek saja.

3. Skill Dasar Photoshop

Untuk skill dasar memang diperlukan dalam belajar edit foto efek foto mademoiselle ini karena tanpa pengetahuan skill dasar photoshop saya jamin kalian pasti bakalan kesulitan pada saat mengikuti tutorial ini langkah demi langkah. Saran saya baca dan pelajari terlebih dahulu Skill Dasar Photoshop disini. Apabila sobat sudah mengerti skill dasar photoshop bisa lanjut langsung pada tutorialnya.

Langkah-langkah Belajar Edit Foto Efek Mademoiselle

Step 1 - Belajar Edit Foto Membuka Image

Buka foto yang akan di edit bisa dengan menggunakan Menu Bar > File > Open atau bisa juga dengan keyboard shortcut Ctrl+O.
Cara Membuka Foto melalui Menu Bar File Open di Photoshop CS6
 
Note: Baca juga tips dan trik Belajar Photoshop Dasar membuat Document Photoshop.

Step 2 - Belajar Edit Foto Duplicate Layer Background

Duplicate layer Background dengan cara Alt+J atau bisa dengan cara lainnya seperti drag and drop pada icon kecil new layer dibawah layer panel, kemudian ubah nama Background Copy tadi dengan nama Darken. Nama Darken dan fungsi layer ini adalah untuk menggelapkan foto pada hasil edit foto efek mademoiselle nanti jadi set Opacity nya 20% saja dengan Blending Mode Layer ke Multiply seperti yang nampak pada gambar dibawah.

Duplicate Background Blending Layer Mode Multiply 20 Persen

Step 3 - Belajar Edit Foto Duplicate Layer

Duplikat lagi layer, tapi kali ini yang di Duplicate layer Darken yang baru saja dibuat, lalu ganti nama layer tersebut dengan nama Lighten, Mode: Screen dan Opacity: 25%. Layer ini kebalikan dari layer Darken, dimana layer ini berfungsi untuk menambah terangnya si foto. Kalian bisa atur Opacity dari Layer ini untuk menambah terang atau meredupkan keterangan dengan menurunkan Opacity nya.

Duplicate Darken Blending Mode Screen 25 Persen

Step 4 - Belajar Edit Foto Menambahkan Layer Curves

Di langkah ke empat pada Belajar edit foto efek mademoiselle ini adalah langkah pertama menggunakan Adjustment Layer Curves. Cara menggunakan atau memanggil perintah ini bisa menggunakan Menu Bar > Layer > Adjustment > Curves... kemudian ganti nama layer Curves 1 dengan nama "Curves" dengan Mode: Normal dan Opacity: 100% lalu klik OK.
Pada Curves Properties atur point pertama dan point kedua seperti pada gambar dibawah, dimana nilai point pertama dengan Input: 26 dan Output: 1, kemudian pada point kedua nilai Input: 234, dan Output: 255.
jika sobat kesulitan menampilkan palette Properties bisa menggunakan perintah Menu Bar > Windows > Properties.

Cara Mengubah Contrast Foto Edit dengan Adjustment Layer Curves Photoshop CS6

Step 5 - Belajar Edit Foto Effect Fill Layer Gradient

Sekarang membuat layer baru yaitu Fill Layer Gradient dengan Mode: Overlay dan Opacity: 28%, kemudian saya mengganti nama layer baru ini dari Gradient Fill 1 dengan Vignette. Kalau boleh saya mengartikan Vignette ini yaitu membuat foto lebih fokus dengan menambahkan kesan gelap di seluruh bagian sisi foto. Lebih jelasnya saya atur Style: Radial, menambahkan Scale: 150% dengan Reverse dan Align with Layer.
Setelah itu untuk warna Gradient nya saya menggunakan warna hitam dan putih dimana Opacity untuk warna putih saya beri 0% supaya terlihat transparan. Untuk lebih jelasnya bisa di lihat pada gambar.

Belajar Edit Foto Fill Layer Gradient Photoshop CS6

Step 6 - Belajar Edit Foto Menambahkan Adjustment Layer Photo Filter

Sekarang kita tambahkan efek lain pada tutorial edit foto ini yaitu membuat Adjustment layer Photo Filter dengan Mode: Normal dan Opacity: 16%. Inti dari penambahan adjustment layer ini yaitu untuk menambahkan kesan hangat seperti pada tutorial ini saya beri nama photo filter ini dengan "Add Warmth". Untuk menambahkan kesan Hangat pada foto saya menggunakan warna Orange ke Merah-merahan atau dengan nilai RGB: 193 69 8 dengan Density 75% dan Preserve Luminosity.

Belajar Edit Foto Menggunakan Adjustment Layer Photo Filter Photoshop CS6

Step 7 - Menambahkan Adjustment Layer Level

Sekarang kita tambahkan Tone untuk tutorial edit foto Efek Mademoiselle ini, dengan cara menggunakan Adjustment layer Level dalam pembuatan Tone. Untuk settingan level ini saya setting semua seperti ini:
  • Channel RGB : Input Level Shadows: 32, Midtones: 0.80, Highlight: 255. Output Level: 0 dan 255  
  • Channel Red : Input Level Shadows: 45, Midtones: 1.48, Highlight: 234. Output Level: 0 dan 255
  • Channel Green : Input Level Shadows: 0, Midtones: 1.25, Highlight: 209. Output Level: 0 dan 245
  •  Channel Blue ::: Input Level Shadows: 0, Midtones: 1.77, Highlight: 255. Output Level: 0 dan 249
Belajar Edit Foto Menggunakan Adjustment Layer Level Photoshop CS6

Step 8 - Menambahkan Solid Color

Sekarang buat Fill Layer (Menu Bar > Layer > New Fill Layer > Solid Color...) dengan Hex Color #092878, kemudian ubah Blending Mode Fill Layer tersebut dengan Exclusion 35%.

Belajar Edit Foto Efek Mademoiselle dengan Menggunakan Fill Layer Solid Color Photoshop CS6

Step 9 - Menambahkan Hue/Saturation

Tambahkan Adjustment Layer Hue/Saturation (Menu Bar > Layer > New Adjustment Layer > Hue/Saturation...), kemudian ubah masing-masing warna mulai dari Master, Reds, Yellows, Greens, Cyans, Blues, dan Magentas seperti pada screen shoot dibawah, lalu setting Opacity Layer tersebut dengan 55% dan terakhir ubah nama Layer nya dengan nama "Hue/Saturation".

Belajar Edit Foto Efek Mademoiselle Menggunakan Adjustment Layer Hue Saturation Photoshop CS6

Step 10 - Membuat Cahaya dengan Gradient

Sekarang buat sebuah pusat cahaya yang muncul tepat di tengah-tangah foto yang sedang di edit ini dengan menggunakan Fill Layer Gradient (Menu Bar > Layer > New Fill Layer > Gradient...) dengan Mode Overlay 15%.

Belajar Edit Foto Efek Membuat Pusat Cahaya dengan Gradient Photoshop CS6
 

Step 11 - Memudarkan Warna dengan Gradient Map

Pada langkah terakhir Foto Efek Mademoiselle ini di tambahkan Adjustment Layer Gradient Map (Menu Bar > Layer > New Adjustment Layer > Gradient Map..) untuk memudarkan warna pada efek tersebut. Untuk Adjustment ini setting Blending Mode Layer nya menjadi Soft Light dengan Opacity 30 %.

Belajar Edit Foto Efek Mademoiselle menggunakan Gradient Map Photoshop Cs6