mengedit foto ke dalam sebuah typograph pernah menjadi trend beberapa tahun lalu

7/25/2019 Mengedit Foto Ke Dalam Sebuah Typograph Pernah Menjadi Trend Beberapa Tahun Lalu

1/31

Mengedit foto ke dalam sebuah typograph pernah menjadi trend beberapa tahun lalu.

Face Typhograp sendiri merupakan upaya untuk merubah wajah ke dalam bentuk

rangkaian teks atau huruf. Metode edit foto ini pun berkembang dari masa ke masa.

Kali ini kita akan menggunakan cara edit yang merupakan metode awal atau metode

paling dasar dalam gaya edit foto Face Typograph ini.

Dalam tutorial ini kami menggunakan foto yang telah di ganti backgroundaslinya dengan

warna hitam. Tentunya kita juga dapat menggunakan foto potrait lainnya selama masihcukup ada detil dari wajah yang akan kita rubah ke dalam bentuk teks.

Catatan! Tutorial ini menggunakan Photoshop CS3, namun dapat dipastikan tutorial ini

juga dapat diterapkan mulai Photoshop CS, CS2 dan versi lainnya.

Berikut gambaran hasil edit yang kita harapkan nanti.
http://photoshopdi.blogspot.com/2013/06/cara-mengganti-background-foto-dengan.htmlhttp://photoshopdi.blogspot.com/2013/06/cara-mengganti-background-foto-dengan.htmlhttp://1.bp.blogspot.com/-agbtIOTE6OA/Ue65zc7s-II/AAAAAAAABcI/JTZVSzrC58Q/s1600/00-finResult.jpghttp://photoshopdi.blogspot.com/2013/06/cara-mengganti-background-foto-dengan.html


2/31

Sebagai panduan dan latihan File !SD tutorial ini dapat di download di sini.

Step by Step Edit Foto Face Typograph Metode 1

1. Merubah foto menjadi Black and White

Buat sebuah "hannel Mi#er $djustment %ayer baru dengan cara klik icon $djustment

%ayer pada !anel %ayer dan pilih "hannel Mi#er. Dari jendela "hannel Mi#er aktifkanpilihan Monochrome untuk membuat warna menjadi hitam putih lalu klik &K.

!engaturan lanjutan terhadap "hannel Mi#er akan kita lakukan setelah langkah ke '.

2. Menambahkan e!el"

Klik icon $djustment %ayer dari !anel %ayer dan pilih %e(els. Berdasarkan foto yang

digunakan )nput Shadow dan *ighlight kita rubah agar foto lebih kontras.
http://adf.ly/Sh8GVhttp://2.bp.blogspot.com/-lOUXgivQ-DY/Ue65zwmhHUI/AAAAAAAABcQ/fD6n75771mk/s1600/01-channelMixer.jpghttp://adf.ly/Sh8GV


3/31

Di sini terlihat area wajah masih terlalu gelap dan akan kita perbaiki nanti pada langkah

+.

#. Menambahkan $o"teri%e
http://1.bp.blogspot.com/-pJsmP094AIc/Ue651EspTYI/AAAAAAAABcg/03NdGuBAzVw/s1600/02-b-levelsResult.jpghttp://1.bp.blogspot.com/-7XJrmZDsteU/Ue650tSs3dI/AAAAAAAABcY/2PBFRweOqH4/s1600/02-a-levels.jpg


4/31

Sekali lagi klik icon $djustment %ayer dan pilih !osteri,e. Dari jendela yang muncul

isikan angka + dan klik &K

!osteri,e dengan nilai + berfungsi untuk merubah foto menjadi + tingkat terang. Di sini

terlihat foto hanya terdiri dari + gradasi warna yaitu dari hitam -black abu/abu gelap

-dark grey abu/abu terang -light grey dan putih -white.
http://1.bp.blogspot.com/-HM2crEIAQpw/Ue651cr3vfI/AAAAAAAABco/J8iZCeU2znU/s1600/03-a-posterize.jpg


5/31

&. Mengatur Tingkat Terang

$gar foto dapat dirubah ke dalam Face Typograph area wajah harus memiliki tingkatterang yang cukup kontras agar saat penerapan Typograph nanti tetap dapat membentuksebuah wajah yang utuh.

!ilih %ayer "hannel Mi#er dan lakukan pengaturan dari 0endelanya. 1arna utama dari

wajah pada foto ini adalah merah. 0adi merah harus mendapat porsi terbesar.
http://4.bp.blogspot.com/-SGduiXQp9qc/Ue651zP4C2I/AAAAAAAABcw/QzGnPAVGVc4/s1600/03-b-posterizeResult.jpg


6/31

!ada gambar di atas terlihat area wajah lebih terang serta muncul area putih yang pada

hidung tulang pipi hingga ke telinga serta di atas alis yang akan membentuk kedalaman

gambar pada hasil akhir nanti.

'. Menerapkan Median

!ilih %ayer teratas -!osteri,e lalu tekan "T2% 3 $%T 3 S*)FT 3 4 untukmenggabungkan 5isible %ayer ke dalam %ayer Baru. Kemudian pilih menu Filter 6 7oise

6 Median dan gunakan nilai 8.
http://3.bp.blogspot.com/-q63budDo6t4/Ue652aF3WTI/AAAAAAAABc4/LdSe_tf78Ds/s1600/04-channelMixer.jpg


7/31

Filter ini berfungsi untuk menggabungkan sebaran piksel dari tiap warna agar lebih

merata sekaligus memperhalus sisi dari setiap warna.

(. Membuat Selek"i untuk Tiap Warna

Seperti yang disebutkan di atas !osteri,e merubah foto menjadi + warna. Ke/+ warna ini

akan kita simpan ke dalam seleksi -"hannel terpisah.

Selek"i Warna )itam *Black+

!ilih menu Select 6 "olor 2ange geser Fu,,iness menjadi 9 dan klik area *itam -Black

pada foto lalu klik &K.
http://2.bp.blogspot.com/-k2cx-1csE1w/Ue652-oC7QI/AAAAAAAABdA/5FxB2uX7MdI/s1600/05-mergeMedian.jpg


8/31

"olor 2ange akan membuat seleksi berdasarkan pilihan kita tadi dan seleksi ini akan kita

simpan.

!ilih menu Select 6 Sa(e Selection dan pada bagian 7ame beri nama sesuai warna yang

kita pilih lalu klik &K.

!ilih menu Select 6 Deselect atau tekan "T2% 3 D untuk membuang seleksi kita.
http://4.bp.blogspot.com/-sMoPbc_7Qos/Ue653ymyWxI/AAAAAAAABdQ/iR4B4pbJ9jU/s1600/06-b-saveBlack.jpghttp://3.bp.blogspot.com/-xyVrWyIPZng/Ue653aam-AI/AAAAAAAABdM/FtxKoxq6FqA/s1600/06-a-black.jpg


9/31

Selek"i Warna ,bu-abu elap */ark rey+

!ilih menu Select 6 "olor 2ange dan klik area abu/abu gelap -dark grey pada foto lalu

klik &K.

!ilih menu Select 6 Sa(e Selection isikan nama sesuai warna lalu klik &K.

Tekan "T2% 3 D untuk membuang seleksi.
http://1.bp.blogspot.com/-sFujiHaVaWY/Ue654r7pJMI/AAAAAAAABdg/hk5R1oAtkXw/s1600/06-d-saveDarkGrey.jpghttp://4.bp.blogspot.com/-lsy2cnQZ-ks/Ue654C-DkGI/AAAAAAAABdY/PHN8o8JeQW4/s1600/06-c-darkGrey.jpg


10/31

%akukan langkah yang sama untuk kedua warna tersisa yaitu abu/abu terang -light grey

dan putih -white.

!ada akhirnya nanti kita akan memiliki + "hannel baru dengan nama yang kita pilih. Di

sini kami menggunakan nama Black Dark :rey %ight :rey dan 1hite.

0. Membuat Tek" untuk Face Typograph

!ilih layer teratas dan klik icon $dd 7ew %ayer untuk membuat layer baru. Tekan S*)FT

3 B$"KS!$"4 dan pilih use Black.
http://3.bp.blogspot.com/-tt5IAdHWGgs/Ue655k6EjjI/AAAAAAAABdw/sWB5hmj_Sx8/s1600/07-a-newLayer.jpghttp://4.bp.blogspot.com/-CfH87SYVOIs/Ue655R0g6ZI/AAAAAAAABdo/07Yrd0ePTj8/s1600/06-e-allChannel.jpg


11/31

Siapkan teks yang hendak digunakan dalam file terpisah di sini kami menggunakan file

t#t biasa yang dibuka dengan program 7otepad. Tekan "T2% 3 $ lalu tekan "T2% 3 "

untuk meng/copy semua teks.

Kembali ke !hotoshop pilih Te#t Tool klik pada pojok kanan foto dan drag hingga ke

pojok kiri bawah untuk membuat area teks.

Sekarang tekan "T2% 3 5 untuk mem/paste teks yang telah kita copy tadi.
http://4.bp.blogspot.com/-n-x7rZjJRJE/Ue656if9a0I/AAAAAAAABeA/eoOwXf30aYs/s1600/07-c-addText.jpghttp://3.bp.blogspot.com/-dJQm5zGPjC0/Ue656EPVTdI/AAAAAAAABd4/TP1Sg6vND2I/s1600/07-b-copyText.jpg


12/31

!ilih menu 1indow 6 "haracter lalu aturlah font dan paragraf.

Di sini kami menggunakan font Se;oe .

Kami juga memilih 0ustify untuk paragraf agar teks tampak penuh di layar.

Setelah teks siap tekan "T2% 3 $%T 3 S*)FT 3 4 untuk menggabungkan 5isible %ayer.
http://2.bp.blogspot.com/-ZLs9gpoj-N8/Ue657ZQEIXI/AAAAAAAABeQ/vPBr1kIA0oU/s1600/07-f-paragraph.jpghttp://2.bp.blogspot.com/-lDaph11LWnM/Ue657oDrl2I/AAAAAAAABeY/lhiOtZ1c02M/s1600/07-e-fonts.jpghttp://2.bp.blogspot.com/-ee_Pa3Fhm-o/Ue656837R7I/AAAAAAAABeM/569OMQKI9Dw/s1600/07-d-textBase.jpg


13/31

. Membuat Ma"king untuk "etiap Warna

Tekan "T2% 3 0 sebanyak tiga kali untuk membuat tiga buah duplikat dari %ayer '.

Kemudian sembunyikan %ayer Teks asli dengan mengklik icon bergambar mata.
http://2.bp.blogspot.com/-RphIjskaTys/Ue658ZmU6RI/AAAAAAAABeg/bhymX547wu0/s1600/07-g-mergeVisible.jpg


14/31

$gar mempermudah saat penerapan masking klik 8 kali pada nama layer dan ganti nama

setiap layer seperti sesuai nama yang kita gunakan saat menyimpan seleksi pada langkah

?.
http://2.bp.blogspot.com/-CPJ4O_73NiY/Ue658-t8arI/AAAAAAAABeo/o8r2QnpnRSo/s1600/08-a-duplicateLayer.jpg


15/31

oad hannel Black

!ilih %ayer Black dan pilih menu Select 6 %oad Selection. !ada bagian "hannel ganti

dengan Black dan klik &K. Klik pada icon $dd %ayer Mask untuk membuat mask dari

pilihan ini.

Catatan! Black ini adalah nama yang kami berikan untuk seleksi area hitam pada

langkah .
http://2.bp.blogspot.com/-IrjB9M5N5tk/Ue659lGIDFI/AAAAAAAABe4/8j9npcx5IdM/s1600/08-c-loadBlack.jpghttp://2.bp.blogspot.com/-2RqJi978dUI/Ue659Yn76uI/AAAAAAAABew/rth6mYg7VXs/s1600/08-b-renameLayers.jpg


16/31

oad hannel /ark rey

!ilih %ayer Dark :rey lalu pilih menu Select 6 %oad Selection. :anti "hannel dengan

Dark :rey dan klik &K. Buat mask untuk %ayer ini dengan mengklik icon $dd %ayermask.

%akukan langkah yang sama untuk "hannel %ight :rey dan 1hite hingga tampilan !anel

%ayer tampak seperti gambar berikut.
http://3.bp.blogspot.com/-SsjN9-z_QyI/Ue65-kONzbI/AAAAAAAABfI/p72ouSJdR28/s1600/08-e-allMasked.jpghttp://1.bp.blogspot.com/-PivJQ6ClZYw/Ue65-BBl08I/AAAAAAAABfA/GbD-JQ49F2c/s1600/08-d-loadDarkGrey.jpg


17/31

3. Mengatur Tingkat Terang Setiap ayer

!ilih %ayer Black lalu pilih menu Filter 6 &ther 6 Minimum dan gunakan nilai = klik&K.

Kita lewat %ayer Dark :rey dan langsung ke %ayer %ight :rey pilih menu Filter 6 &ther

6 Ma#imum gunakan nilai = lalu &K.

Terakhir pilih %ayer 1hite dan gunakan Filter Ma#imum dengan nilai 8.
http://2.bp.blogspot.com/-MCqaQ-5Yx88/Ue65_pKE_JI/AAAAAAAABfY/SdEX0iNt9D4/s1600/09-b-lightGrey.jpghttp://1.bp.blogspot.com/-6FTEBHOsNZ4/Ue65_CJ5skI/AAAAAAAABfQ/ZfZAdcPBLPE/s1600/09-a-black.jpg


18/31

Filter minimum berfungsi untuk mengurangi atau mempersempit area piksel terang dari

foto sedang filter ma#imum sebaliknya. %ayer Dark :rey tidak diberi filter karenatingkat terang layer ini sudah seperti Dark :rey.

Sampai di sini Face Typograph kita sudah memberikan hasil yang diharapkan. 7amunjika dirasa masih kurang kita dapat mengedit tingkat terang setiap layer dengan %e(els

ataupun "ur(es.

Berikut komposisi keseluruhan layer dalam tutorial ini.
http://photoshopdi.blogspot.com/2013/07/edit-foto-dengan-levels-1.htmlhttp://photoshopdi.blogspot.com/2013/07/edit-foto-dengan-curves-1.htmlhttp://1.bp.blogspot.com/-KReAVBKnqPc/Ue66ACPBIkI/AAAAAAAABfg/uN6tsCxa1xY/s1600/09-c-white.jpghttp://photoshopdi.blogspot.com/2013/07/edit-foto-dengan-levels-1.htmlhttp://photoshopdi.blogspot.com/2013/07/edit-foto-dengan-curves-1.html


19/31

Tampilan before dan after edit foto ini.
http://2.bp.blogspot.com/-jTDgNqAtpYY/Ue66Aj5hrSI/AAAAAAAABfo/95rqTqes-A8/s1600/09-d-allLayersComps.jpg


20/31

Demikian tutorial edit foto Face Typograph metode awal ini kami mohon maaf jika ada

yang kurang dalam tutorial ini.

Kritik saran dan pertanyaan dapat disampaikan lewat bagian komentar terima kasih dan

semoga bermanfaat bagi kita semua.
http://4.bp.blogspot.com/-DswofWbIouY/Ue65yxdbc_I/AAAAAAAABcA/LxoK6F7PHLI/s1600/00-beforeAfter.jpg


21/31

ara Membuat /e"ain Baju /i $hoto"hop

Desain kaos@t/shirtadalah salau satu bagian dari seni (isual yang cukup menarik untukdigeluti baik itu untuk keperluan bisnis maupun hanya sekedar hobby untuk keperluan

personal. !ada tutorial !hotoshop kali ini kita akan mempelajari bagaimana caranya

membuat pre(iew tampilan desain pada template t/shirt agar terlihat realistis sehinggacukup mewakili kondisi hasil akhir kaos setelah diproduksi. Tutorial ini sangat sederhana

dan -semoga dapat diikuti dengan mudah.

)a"il ,khir

Berikut %angkah/langkahnyaA

angkah 1Buka :ambar template kao" di photoshop. 0ika kamu belum punya template kaos

silahkan cari saja di om google pilih sesuka hati. Kalau mau pake template dibawah bisa

ditemukan disini
http://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://alastimlashplur.blogspot.com/2013/06/cara-instal-photoshop-cs5-extended.htmlhttp://alastimlashplur.blogspot.com/2013/06/cara-instal-photoshop-cs5-extended.htmlhttp://alastimlashplur.blogspot.com/2013/06/cara-instal-photoshop-cs5-extended.htmlhttp://alastimlashplur.blogspot.com/2013/06/free-download-photoshop-cs5-extended.htmlhttp://www.google.co.id/http://vector-magz.com/fashion/tshirt-template-kaos-vector-item-7/http://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://alastimlashplur.blogspot.com/2013/06/cara-instal-photoshop-cs5-extended.htmlhttp://alastimlashplur.blogspot.com/2013/06/free-download-photoshop-cs5-extended.htmlhttp://www.google.co.id/http://vector-magz.com/fashion/tshirt-template-kaos-vector-item-7/


22/31

angkah 2:unakan $en Tooluntuk menyeleksi kaos buat yang belum tau cara menggunakan pen

tool untuk membuat seleksi lihat di tutorial ini.
http://samballo.blogspot.com/2013/05/cara-menggunakan-pen-tool-di-photoshop.htmlhttp://samballo.blogspot.com/2013/05/cara-menggunakan-pen-tool-di-photoshop.htmlhttp://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://samballo.blogspot.com/2013/05/cara-menggunakan-pen-tool-di-photoshop.html


23/31

angkah #Dalam keadaan seleksi kaos aktif klik layer CBackgroundC lalu tekan tombol trl 4 5di keyboard. Maka akan muncul sebuah layer di atas layer CbackgroundC berupa duplikasi

berdasarkan seleksi yang telah dibuat tadi.
http://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.html


24/31

angkah &Klik pada Clayer 1C lalu tekan tombol trl 4 di keyboard untuk membuat ,dju"tment

e!eluntuk layer tersebut. $tur settingan pada adjustment le(el seperti gambar dibawah.

%angkah ini akan membuat warna kaos pada C%ayer =C menjadi terang berwarna putih.


25/31
http://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.html


26/31

angkah '


27/31

angkah 0Kembali lagi ke Dokumen kerja lalu tekan tombol trl 4 9untuk paste desain kaos

tersebut.


28/31

angkah Klik layer Cbaju $S/C -layer desain kaos %alu tekan tombol trl 4 :di keyboard untukmemposisikan layer desain kaos dibawah layer =. Sekarang pre(iew desain terlihat lebih

realistis karena bayangan lipatan kaos dari Clayer =C terlihat diatasnya.

angkah 3Sekarang kita akan membuat agar desain kaos dapat diposisikan lebih bebas pada

template. "aranya tekan tombol trllalu klik pada thumbnail layer 1untuk mengambilseleksi berdasarkan bentuk objek pada layer =.


29/31

angkah 1;Sementara seleksi aktif klik pada layer Cbaju $S/C lalu klik icon ,dd layer ma"kdibagian bawah layer palette. %ayer mask akan terbentuk berdasarkan seleksi yangsedang aktif dan berfungsi agar bagian diluar seleksi tersebut tidak kelihatan pada area

kerja. 0ika sudah klik pada tanda rantaidiantara thumbnail layer Cbaju $S/C dan layer

mask untuk menghilangkan/nya.

angkah 11


30/31

%angkah tadi membuat kita lebih bebas menggeser dan memperbesar desain kaos untuk

mengatur posisi yang sesuai dengan tampilan kaos. Klik pada thumbnali layer C baju

$S/C lalu tekan trl 4 T-transform di keyboard untuk mulai mengatur posisi tampilandesain pada kaos.

),S7 ,6)78Beginilah hasil akhir yang kita dapat pada tutorial photoshopkali ini. Bayangan lipatankaos terlihat di atas desain dan membuat pre!ie< t-"hirttampil realistis.
http://samballo.blogspot.com/http://samballo.blogspot.com/http://alastimlashplur.blogspot.com/2013/07/cara-membuat-desain-baju-di-photoshop.htmlhttp://samballo.blogspot.com/


31/31

Bagaimana menurut kamu 0ika ada kritik saran maupun pertanyaan. Silahkandisampaikan melalui kolom komentar

Selamat mencobaSekian dan terima kasih

Salam !%

mengedit foto ke dalam sebuah typograph pernah menjadi trend beberapa tahun lalu

Documents