Membuat Tulisan Berbentuk Wajah Dengan Photoshop Cs5


Tutorial Photoshop kali ini saya akan mencoba membuat typografi berbentuk wajah manusia. Beberapa hari yang lalu kebetulan secara tak sengaja saya melihat hasil desain teman saya, yaitu sebuah desain tulisan membentuk wajah, dan ternyata bagus juga. Akhirnya kepikiran juga untuk membuat tutorialnya. Langsung saja inilah dia Tutorial Photoshop cara membuat desain tulisan berbentuk wajah seseorang manusia. 

Oiya satu lagi kelupaan, dalam tutorial Photoshop membuat tulisan berbentuk wajah ini kita juga akan belajar menggunakan beberapa teknik Photoshop sekaligus yang dikemas dalam satu paket hemat, cepat, murah lagi hahaha (saya baik kan :D). Seperti teknik menyeleksi rambut dengan teknik Refine Edge, teknik seleksi Photoshop dengan menggunakan Color Range, kemudian bagaimana cara membuat Brush Photoshop sendiri.

Langkah 1
Buka photo wajah yang akan di edit. Klik File --> Open --> pilih photo --> Open. Lalu tekan Ctrl + J pada keyboard untuk menggandakan photo.

Langkah 2
Seleksi bagian wajah/kepala (saya menggunakan quick selection tool saja biar cepat menyeleksinya, jangan lupa gunakan teknik refine edge untuk mendapatkan seleksi rambut yang cukup detail).
Langkah 3
Klik menu Select --> Color Range… pilih Shadows lalu klik OK. Akan muncul garis putus-putus (tanda terseleksi) kemudian tekan Ctrl + J pada keyboard.
Langkah 4
Aktifkan layer 1 copy, kemudian klik menu Select --> Color Range… kali ini pilih Midtones lalu klik OK. Akan muncul garis putus-putus (tanda terseleksi) kemudian tekan Ctrl + J pada keyboard.
Langkah 5
Sekarang hilangkan tanda mata pada layer 1 copy. Kemudian klik/aktifkan layer 3. Klik menu Edit --> Fill.. (atau tekan Shift + F5). Pilih 50% Gray, beri tanda cek pada Preserve Transparency.
Langkah 6
Klik/aktifkan layer 2. Ulangi langkah 5 tapi kali ini pilih Black. Klik menu Edit --> Fill.. (atau tekan Shift + F5). Pilih Black, beri tanda cek pada Preserve Transparency.

Langkah 7
Masih pada layer 2 (layer paling atas). Tekan Ctrl + E pada keyboard untuk menggabungkan layer 2 dan layer 3 (layer di bawahnya). Sampai di sini hasilnya seperti ini.

Langkah 8
Karena kita mau membuat wajah di penuhi dengan tulisan, sekarang kita siapkan dulu tulisannya. Jadi ceritanya, kita akan membuat brush berbentuk tulisan/paragraph. Caranya buat dokumen baru klik File --> New… --> OK.
Langkah 9
Klik Horizontal Type Tool -> lalu buat tulisan/paragraf hingga memenuhi seluruh kanvas. Kalau anda malas buat tulisan panjang, anda bisa copy paste paragraph/tulisan yang sudah ada dari  M.S. Word atau dari mana saja terserah anda.
Langkah 10
Klik menu Edit --> Define Brush Preset… --> OK. Sekarang kita sudah punya Brush Photoshop baru. Selanjutnya kita kembali lagi ke lembar kerja kita yang tadi sempat kita tinggalkan. Buat layer baru di atas layer 3 warnai dengan Paint Bucket Tool dengan warna putih.
Langkah 11
Buat layer baru lagi di atas layer 4 (layer yang barusan kita beri wana putih). Hilangkan tanda centang pada layer 4. Setelah itu aktifkan/klik pada layer yang baru saja kita buat (layer 5). Klik Brush Tool --> klik kanan --> cari brush paragraf/brush tulisan yang telah kita buat tadi.
Lalu sapukan brush dengan cara satu kali klik saja, untuk menjaga bentuk paragrafnya. buatlah kira-kira seperti gambar berikut ini. Ubahlah ukuran brushnya, agar terlihat variatif.
Langkah 12
Aktifkan/klik layer 3 --> tekan Ctrl + A --> lalu tekan Ctrl + C. jika sudah hilangkan tanda mata pada layer 3 (sekarang yang terlihat hanya brush tulisannya saja). Aktifkan/klik layer 5 --> Aktifkan layer mask -> kemudian sambil menekan Alt pada keyboard, klik kan pada layer mask (sehingga layernya terlihat putih semua).
Langkah 13
Tekan Ctrl + V untuk mempastekan layer 3 yang telah kita copy tadi. Tekan Ctrl + D untuk menonaktifkan seleksi -> kemudian tekan Ctrl + I untuk invert.
Langkah 14
Sekarang klik pada layer 5. Munculkan kembali tanda mata pada layer 4. Sampai di sini hasilnya seperti ini.
Langkah 15
Supaya terlihat berwarna kita tambahkan efek warna gradient. Caranya klik menu Layer --> Layer Style --> Gradient Overlay --> pilh warna kesukaanmu -> tekan Ok.

Langkah 16
Klik brush tool, gunakan brush yang lembut. Turunkan opacity menjadi 30% kemudian sapukan pada bagian wajah yang ingin diperjelas seperti mata, hidung, mulut dls. Pastikan anda membuat sapuan brush pada layer (bukan pada layer mask).
Hasilnya seperti gambar berikut ini.
Terima kasih telah membaca tutorial photoshop di dukun design | tutorial photoshop (tips trik n teknik belajar photoshop)

Cerita Pertama Kali Mengenal Adobe Photoshop

Kali ini saya ingin sedikit bercerita saja, ya bisa dibilang curhat (curahan hati), ini cerita tentang pertama kalinya saya kenal dengan Adobe Photoshop. Jadi begini ceritanya, awal mula saya suka dengan software Photoshop adalah ketika terpikir dalam benak saya “seandainya saya bisa punya poto bareng dengan artis-artis kesukaan saya…”. Saat itu saya pengen sekali bisa berada di samping artis cantik favorit saya Titi Kamal (walaupun Cuma dalam gambar hehe), tapi itu dulu, kalo sekarang saya ngefans sama saya sendiri saja (oh my god, jangan di masukkin hati ya). Dan tentu saja photo di samping bukan photo saya. :D


Kemudian saya mencari informasi tentang software yang bisa menggabungkan dua poto sekaligus (maklum baru bisa hidupin computer, jadi belum tahu banyak tentang dunia IT, apalagi desainer grafis, gak ngerti sama sekali). 

Akhirnya saya bertanya pada temen saya, dan katanya memang ada software yang bisa menggabungkan dua poto bahkan lebih, selain itu software tersebut banyak digunakan oleh para desainer-desainer grafis terkenal, apalagi kalo bukan Adobe Photoshop. Saat itu masih Photoshop versi 7.0. kalau saat ini kan sudah ada versi terbarunya yaitu Adobe Photoshop cs5 yang dirilis tahun 2010 lalu.
 
Saya pun langsung kegirangan mendengar kabar tersebut, dan saya minta bantuan temen untuk mengedit poto saya supaya disandingin dengan potonya Titi Kamal. Dan hasilnya, benar-benar kurang memuaskan, maklum dia juga belum terlalu paham dengan tool-tool yang ada dalam Adobe Photoshop. Akhirnya saya berusaha mengedit sendiri dengan pengetahuan yang sangat minim tentang Photoshop, dan saya percaya kalau saya pasti bisa menggunakan software keren ini. Satu persatu tool yang ada saya cobain kemudian saya pahami dan kenali fungsi-fungsinya menurut persepsi saya sendiri. 

Saat itu saya menggunakan tool Photoshop tanpa ada teori ataupun tanpa didasari dengan penjelasan-penjelasan dari buku-buku yang membahas tentang Photoshop sama sekali. Jadi terkadang saya bingung juga jika ditanya mengenai masing-masing tool yang ada dalam Photoshop gunanya untuk apa saja? Hahaha saya memang sangat payah jika disuruh menjelaskan dengan kata-kata yang benar-benar pas dan mengena.
Setelah beberapa kali mencoba otak-atik poto dengan Photoshop, hasilnya memang belum bisa bikin bangga, tapi dari sinilah saya mulai senang dan saya yakin jika kemampuan ini diasah terus maka, saya pasti bisa menghasilkan karya-karya yang lebih menarik dengan Adobe Photoshop.  

Sambil terus berkarya saya mengasah kemampuan Photoshop saya, dengan membaca dan mengikuti berbagai macam Tutorial Photoshop, artikel Potoshop, Design Grafis, dan tentunya membuat sebuah blog tentang Tutorial Photoshop. Meskipun tutorial Photoshop di sini (dukun design) sifatnya masih sangat dasar, bahkan mungkin ada yang kurang bermanfaat, tapi setidaknya saya bisa berbagi ilmu Photoshop kapada teman-teman/agan-agan dengan menulis di blog dukun design Tutorial Photoshop ini. Dan tentunya Tutorial Photoshop di Dukun Design ini akan terus berkembang sesuai dengan meningkatnya kemampuan saya dalam menggunakan Photoshop. Ini ceritaku, mana ceritamu… :D  Terima kasih ya telah membaca ceritaku.

Teknik Cara Memutar Brush Photoshop


Teknik memutar Brush Photoshop ini merupakan teknik dasar Photoshop, namun meskipun teknik ini merupakan teknik dasar Photoshop tapi kalau yang namanya orang belum tahu tentu saja bingung cara melakukannya, betul tidak. Untuk itulah di sini Dukun Design ingin sedikit berbagi ilmu Photoshop kepada anda yang sedang belajar Photoshop (termasuk saya juga sedang belajar Photoshop). Bagi yang suka berkreasi dengan Brush Photoshop (khususnya pemula) mungkin Teknik Memutar Brush Photoshop ini akan sedikit membantu anda dalam Berkreasi Dengan Brush Photoshop

Teknik memutar Brush Photoshop ini akan sangat berguna jika anda bekerja menggunakan bentuk Brush yang sama dengan berulang-ulang. Supaya bentuk Brush terlihat lebih bervariasi dan tidak monoton (supaya tidak terjadi pengulangan-pengulangan bentuk Brush Photoshop) maka ada baiknya anda menggunakan teknik memutar Brush Photoshop ini. Baiklah untuk memutar Brush Photoshop sangatlah mudah, berikut ini dua teknik mudah memutar Brush Photoshop:

Teknik memutar Brush Photoshop yang pertama

Anda tinggal menekan F5 pada keyboard atau dengan mengklik Window -> Brush, maka akan muncul Brush Presets, pada Brush Presets inilah anda bisa mengatur Brush yang ingin anda gunakan. Misalnya mengatur jarak spasi sapuan Brush, jarak penyebaran Brush, memutar Brush, menggepengkan bentuk Brush, mengatur warna Brush dan masih ada beberapa pengaturan Brush lainnya yang belum disebutin (anda bisa mencoba sendiri fungsi dari masing-masing pengaturan dan efeknya pada Brush, di sini hanya akan menekankan pada cara memutar Brush saja). Selanjutnya klik Brush Tip Shape, untuk memutar Brush Photoshop, anda bisa memutarnya pada gambar panah sesuai arah yang anda inginkan ataupun dengan memasukkan angka pada kotak Angle. Lihat tampilan Brush Preset Photoshop Cs5 berikut.
Teknik memutar Brush Photoshop yang kedua

Anda bisa memutar Brush yang sudah anda sapukan pada canvas dengan menekan Ctrl + T pada keyboard. Tapi dengan syarat anda harus membuat sapuan Brush tersebut di atas layer baru (layer transparan). Jadi teknik memutar Brush Photoshop yang kedua ini tidak berfungsi jika anda menyapukan Brush pada Background ataupun Layer 0. Untuk itu, jika anda ingin berkreasi dengan Brush Photoshop alangkah baiknya jika anda membuat tiap sapuan Brush di atas layer baru. Hal ini akan memudahkan anda jika suatu saat terjadi kesalahan, ataupun ketika anda ingin mengubahnya setiap saat kapanpun yang anda mau tidak akan jadi masalah dan tidak perlu merubah semua bentuk desain yang telah anda buat, karena anda membuat setiap desain atau Brush di atas layer yang berbeda.

Sekian, semoga bermanfaat. Jika masih ada teknik memutar Brush Photoshop yang lain silahkan ditambahkan lewat komentar di bawah ini. Terima kasih telah membaca artikel di Dukun Design | Tutorial Photoshop (Tips Dan Trik Serta Teknik Belajar Photoshop)

Simple Trik Berkreasi Dengan Brush Photoshop

Tutorial photoshop kali ini saya mencoba membuat photo menjadi seperti gambar di samping. Entah apa itu namanya, yang penting hasilnya seperti itu. Kalau boleh saya akan menamainya dengan efek poster atau mungkin juga efek stiker (maaf jika namanya kurang tepat), tapi itu terserah anda mau menyebutnya sesuatu apa. Dalam Tutorial Photoshop ini, saya menggunakan Brush Solid Ink Splatter yang bisa di downloadgratis di sini. Langsung saja berikut langkah-langkah simple trik berkreasi dengan brush photoshop, membuat efek poster keren. Hehe

Langkah 1
Buka photo yang akan dijadikan korban. Klik File -> Open -> pilih Photo -> lalu klik OK.

Langkah 2
Seleksi photo menggunakan Pen Tool photoshop (baca tutorial cara seleksi dengan pentool photoshop). Jika sudah selesai menyeleksinya tekan Ctrl + J pada keyboard. Kemudian hilangkan tanda mata pada layer background.
Langkah 3
Klik menu Image -> Adjustments -> Desaturate atau tekan pada keyboard shift + Ctrl + U. setelah itu Klik menu Image -> Adjustments -> Threshold… (disesuaikan sendiri ya). Gambar akan menjadi hitam putih.
Langkah 4
Buat layer baru di bawah layer 1. Warnai dengan warna putih pakai Paint Bucket Tool. Kemudian buat layer baru lagi di atas layer 2.
Langkah 5
Saatnya kita bermain dengan brush yang sudah di download tadi (supaya hasilnya keren gunakan brush yang keren juga donk hehe). Sapukan brush pada layer 3, terserah mau pakai warna apa saja. Hilangkan tanda mata pada layer 1 supaya bisa bebas berkreasi dengan brush. Gunakan berbagai macam brush supaya tidak monoton dan kelihatan lebih bervariasi.
Langkah 6
Aktifkan layer 1 (Klik pada layer 1). Munculkan kembali tanda mata pada layer 1. Selanjutnya klik menu Select -> Color Range… ambil sampel colornya yang warna putih -> klik OK.
Langkah 7
Sekarang pindah ke layer 3. Klik pada layer 3 lalu tekan Delete pada keyboard. Kemudian tekan Ctrl + D untuk menghilangkan seleksi (garis putus-putus)
Langkah 8
Langkah terakhir, hilangkan tanda mata pada layer 1. Hasilnya seperti ini.
Terimakasih telah membaca Tutorial Photoshop di Dukun Design (Tips N Trik SertaTeknik Belajar Photoshop)

Cara Membuat Stempel Lingkaran Dengan Photoshop


Tutorial Photoshop kali ini saya akan mencoba membuat gambar stempel berbentuk lingkaran dengan Photoshop. Kenapa memakai Photoshop? Bukankah lebih baik jika menggunakan Corel Draw? Ya, benar sekali. Memang sebenarnya untuk membuat stempel alangkah lebih baiknya jika dikerjakan menggunakan software pengolah gambar berbasis vektor seperti Corel Draw dan lain sebagainya. Lalu kenapa kali ini saya mencoba membuatnya menggunakan Photoshop yang pada dasarnya adalah software pengolah gambar berbasis bitmap? 

Tutorial Photoshop cara membuat stempel berbentuk lingkaran ini saya buat sebagai alternatif saja bagi anda belum bisa menggunakan Corel Draw ataupun software pengolah gambar vektor lainnya, namun disisi lain anda cukup menguasai Photoshop. Berikut ini tutorial Photoshop cara membuat stempel berbentuk lingkaran. Semoga bermanfaat. Namun sebelumnya saya minta maaf karena kualitas gambarnya kurang begitu bagus.

Langkah 1
Buat lembar kerja baru. Klik File -> New -> ukuran 400px X 400px -> Background Contens pilih Transparent -> OK. Buat satu titik kecil ditengah-tengah dengan warna hitam menggunakan Brush Tool.

Langkah 2
Buat layer baru di atasnya. Klik menu Layer -> New -> Layer… Buat lingkaran dengan menggunakan Elliptical Marquee Tool. Tekan Shift pada keyboard untuk mendapatkan bentuk lingkaran yang sempurna. Klik kanan -> pilih Transform Selection. Pastikan titik tengahnya tepat pada titik hitam yang telah kita buat tadi dengan cara menekan tombol arah pada keyboard, geser hingga titik tengah pada transform selectionnya tepat di tengah-tengah titik hitam. Kira-kira sudah pas tekan Enter.
Lalu Beri warna putih dengan menggunakan Paint Bucket Tool. Selanjutnya klik menu Layer -> Layer Style -> Stroke… masukkan nilai 3px pada size. Untuk color ganti dengan warna hitam. Klik OK. Tekan Ctrl + D pada keyboard untuk menonaktifkan Elliptical Marquee Tool. Ubah blending modenya menjadi color supaya titik hitamnya (sebagai patokkan/titik tengah) kelihatan.

Langkah 3
Buat layer baru lagi di atasnya (di atas layer 2). Klik menu Layer -> New -> Layer… buat lingkaran lagi yang lebih kecil dari lingkaran yang pertama. Carannya sama dengan langkah 2. Jika sudah maka hasilnya akan seperti gambar berikut.
Langkah 4
Sekarang kita membuat lingkaran lagi tapi dengan teknik path. Teknik ini digunakan untuk membuat teks supaya melingkar/mengikuti pada lingkaran/path yang telah kita buat. Caranya buat layer baru lagi, aktifkan Ellipse Tool pada option bar pilih tanda path. Selanjutnya buat lingkaran sedikit lebih besar dari lingkaran yang berada di dalam. Tekan shift untuk mendapatkan bulat sempurna. Untuk mempermudah membuat lingkaran supaya tepat berada di tengah-tengah klik kanan -> pilih Free Transform Path. Sambil menyesuaikan bentuk lingkaran tekan shift pada keyboard agar lingkaran tetap bulat. Dan pastikan titik tengahnya berada tepat pada titik hitam.

Langkah 5
Buat layer baru lagi di atasnya. Sekarang kita akan membuat teks mengikuti lingkaran path yang telah kita buat. Caranya klik Horizontal Type Tool kemudian dekatkan cursor pada lingkaran path hingga muncul tanda garis bengkok. Selanjutnya klik dan tulis kata-kata yang diinginkan namun hanya sampai setengah lingkaran saja ya. Hehehe jangan lupa gunakan font dan ukuran yang pas. Saya menggunakan teks “KUMPULAN TUTORIAL PHOTOSHOP” font Segoe UI ukuran teksnya 35 dan saya beri ketebalan (Bold).

Langkah 6
Gunakan Path Selection Tool untuk menggeser posisi teks. Caranya dekatkan cursor pada lingkaran kecil pada path hingga ada tanda panah ke atas, kemudian geser pada posisi yang di inginkan. Selanjutnya dekatkan cursor pada teks hingga muncul tanda panah ke bawah, kemudian tarik/geser.
Langkah 7
Buat layer baru. Buat dua tanda pemisahnya. (ingat setiap saat anda memulai membuat design usahakan selalu membuat pada layer baru) Terserah anda mau dikasih tanda pemisahnya apa, kalau saya pakai brush bintang saja. Caranya klik brush tool selanjutnya cari gambar brush yang berbentuk bintang kalau gak ada kasih saja brush bentuk lingkaran hahahaha. Karena warnanya kurang tajam saya tambahkan stroke. Klik Layer -> Layer style -> Stroke… sizenya masukkan 1px -> OK. Tekan Ctrl + T pada keyboard untuk memutar brush bintang supaya ada sedikit variasi brushnya.
Langkah 8
Buat layer baru lagi. Buat lingkaran path seperti pada langkah 4 namun lebih besar. Buat lingkaran Path sejajar dengan bagian atas teks.
Langkah 9
Ulangi langkah 5 bedanya cuma pada tulisannya saja, kalau pada langkah 5 menggunakan teks “KUMPULAN TUTORIAL PHOTOSHOP” sedangkan pada langkah 9 menggunakan teks “DUKUN DESIGN”. Jadinya seperti gambar berikut Hehehe
Langkah 10
Langkah selanjutnya adalah membuat teks “DUKUN DESIGN” berada di dalam lingkaran sejajar dengan teks “KUMPULAN TUTORIAL PHOTOSHOP”. Caranya klik Path Selection Tool kemudian tarik/drag ke arah dalam lingkaran. Sampai di sini anda mungkin akan mendapatkan teks menjadi berdempetan untuk mengatasinya saya tinggal memberinya jarak spasi saja dengan menekan tombol spasi pada keyboard.
Langkah 11
Karena jarak antara lingkaran luar dan teks terlalu jauh maka kita perlu mengeditnya lagi (memperkecil ukuran lingkaran luar) caranya aktifkan layer 2 (gambar lingkaran luar) tekan Ctrl + T pada keyboard lalu sesuaikan ukurannya, jangan lupa sambil menekan Shift untuk menjaga kebulatan lingkarannya. Pastikan tepat di tengah.
Langkah 12
Buat layer baru. Buat garis di tengah lingkaran dengan rectangle tool. Klik Rectangle Tool kemudian pada option bar pilih/aktifkan tanda path. Selanjutnya bikin kotak seperti gambar berikut ini.
Langkah 13
Selanjutnya klik Brush Tool pilih brush berbentuk lingkaran yang tebal (hardness 100%) ubah sizenya menjadi 1px. Jika sudah, kembali lagi aktifkan Rectangle Tool -> klik kanan pilih Stroke Path… akan muncul dialog Stroke Path ubah toolnya menjadi Brush -> hilangkan tanda cek/centang pada Simulate Pressurenya -> klik OK. Setelah itu klik menu Layer -> Layer Style -> Stroke… ubah nilai sizenya menjadi 1px -> Colornya hitam -> OK.
Langkah 14
Klik Pen Tool -> klik kanan -> pilih Delete Path (untuk menghilangkan garis path). Aktifkan Erase Tool, hapus bagian yang tidak diinginkan.
Langkah 15
Buat teks “DESIGNER GRAFIS” menggunakan Horizontal Type Tool tempatkan pada posisi seperti tampak pada gambar berikut. Ukuran dan fontnya disesuaikan selera anda sendiri saja ya, yang penting pas. Selesai.
Sampai di sini dulu tutorial photoshop cara membuat stempel berbentuk lingkaran dengan Photoshopnya. Untuk menyempurnakannya anda bisa menambahkan teks di bagian yang masih kosong, ataupun menambahkan logo, gambar dan lain sebagainya. Untuk menghilangkan titik hitam di tengah anda tinggal menghilangkan tanda mata yang ada pada layer 1.
Terima kasih telah membaca Tutorial Photoshop di Dukun Design (Tips N Trik Serta Teknik Belajar Photoshop)