20101107 108

Tipografi Wajah dengan Photoshop

in ,

Beberapa waktu yang lalu, saya sempat posting sebuah artwork sederhana berupa tipografi wajah di Desain Studio. Ternyata banyak yang request agar karya tersebut dibikinkan tutorialnya. Dan Kali ini, saya berkesempatan untuk membuat tutorial tersebut. Sebuah tutorial photoshop yang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah. Mudah-mudahan dari tutorial ini, pembaca bisa berimprovisasi menciptakan artwork yang fantastis sesuai dengan fantasi dan imajinasi kreatif masing-masing. Check it out! :)




Sebelum memulai, berikut link download gambar dan brush yang akan kita gunakan pada tutorial kali ini :
¤ Foto wajah Megan Fox
¤ Brushes Scrambled Letters


STEP 1
Persiapkan gambar yang ingin dibuat tipografi wajah. Buka gambar tersebut di photoshop, dan secara otomatis, layer gambar tersebut menjadi layer 'background'. klik ganda pada layer 'background' untuk mengubahnya menjadi layer biasa, dan ubah nama layer tersebut menjadi 'face'.

Tipografi Wajah dengan Photoshop

STEP 2
Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial ini : Menghapus background di Photoshop.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 3
Buat layer baru dan beri nama dengan 'background'. Kemudian, posisikan layer 'background' diposisi paling bawah. Tekan tombol Ctrl + D di keyboard untuk mengembalikan warna foreground-background menjadi hitam putih. Jika sudah, gunakan Paint Bucket tool untuk mengisi layer background menggunakan warna hitam.

Tipografi Wajah dengan Photoshop

STEP 4
Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 5
Setelah kamu mendownload dan menginstall Scrambled Letters brush di link diatas, maka sekarang ada banyak pilihan brush berupa kumpulan huruf-huruf yang bisa digunakan. Pastikan layer 'tipografi' aktif, dan mulai sapukan brush dengan menggunakan Brush tool (B) pada bagian wajah.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 6
Ulangi menyapukan brush ke dokumen tapi pastikan brush yang disapukan berbeda-beda jenisnya sampai kumpulan brush telah dirasa cukup untuk membentuk sebuah wajah.

Tipografi Wajah dengan Photoshop

STEP 7
Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer 'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.

Tipografi Wajah dengan Photoshop

STEP 8
Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).

Tipografi Wajah dengan Photoshop

STEP 9
Langkah diatas menciptakan sebuah layer baru lagi bernama 'layer 1'. Sembunyikan (hide) layer 'face' dan layer 'tipografi' untuk melihat dengan jelas bahwa 'layer 1' adalah kumpulan tipografi yang membentuk suatu objek wajah seperti gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 10
Tapi kita belum selesai sampai disini, kita perlu membuat suasana lebih dramatis dengan membuat efek huruf-huruf yang keluar dari wajah, seperti terbawa angin. Untuk itu, buat sebuah layer lagi, beri nama dengan 'tipografi 2' sapukan beberapa Brush scrambled letters di samping wajah seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 11
Klik ganda pada layer 'tipografi 2' untuk membuka jendela layer style. Pada jendela layer style, pilih gradient overlay dan atur settingan didalamnya seperti gambar dibawah. Langkah ini untuk membuat kumpulan huruf tambahan pada layer 'tipografi 2' mempunyai gradasi dari terang ke gelap sehingga menunjukkan kedalaman agar artwork terlihat lebih realistis.

Tipografi Wajah dengan Photoshop

STEP 12
Buat layer mask untuk 'Layer 1', caranya klik ikon layer mask di bagian bawah layer palette. Klik thumbnail layer mask di 'layer 1' kemudian buat bentuk acak seperti gambar dibawah ini dengan Pen Tool (P). Sementara Pen tool aktif, klik kanan pada area kerja, lalu pilih Make Selection untuk mengubah garis kurva menjadi seleksi. Jika sudah, isi area yang terseleksi dengan warna hitam. Langkah ini akan membuat bagian tersebut menjadi tidak kelihatan sekaligus menciptakan efek acak yang membuat artwork lebih dramatis.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

STEP 13
Kamu bisa berimprovisasi menciptakan kesan acak melalui langkah diatas tadi. Semakin acak bentuk yang kamu buat, maka akan semakin kuat harmonisasi yang dikesankan dalam artwork.

Tipografi Wajah dengan Photoshop

STEP 14
Terakhir, kita masuk kedalam bagian pewarnaan. Buat sebuah layer baru diposisi paling atas layer-layer yang lain. Beri nama layer tersebut dengan 'warna'. Gunakan Gradient Tool (G) dan bukan Gradient editor. Pada Gradient Editor, atur settingan warna gradasi dari hijau ke orange seperti pada gambar dibawah.

Tipografi Wajah dengan Photoshop

STEP 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna' menjadi Color.

Tipografi Wajah dengan PhotoshopTipografi Wajah dengan Photoshop

Hasil Akhir
Beginilah hasil akhir dari tutorial tipografi wajah di photoshop. Mudah-mudahan dapat bermanfaat dan bisa dikembangkan dengan kreasi artwork kamu sendiri. Thanks for reading! :D

Tipografi Wajah dengan Photoshop

Tetap update informasi, tips, dan tutorial desain terbaru dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Share On:

108 Responses to “ Tipografi Wajah dengan Photoshop ”

  1. ajir says:

    @aaN: Thanks Aan..semoga bermanfaat!

  2. akhirnya,,,jadi juga dirimu membuatnya...
    hahaha.....

  3. kayannya permintaan mas zippo nih.. heleh..

  4. ajir says:

    @ghazi: haha, akhirnya..
    @Narsis: bukan, zippo udh lebih jago masalah ginian..

  5. Heemmm, saya masih awam tentang photoshop. Mungkin tipografi diatas bisa menghabiskan waktu saya 2 minggu untuk membuatnya :P

  6. ajir says:

    @Rudy: hehe, tidak juga mas, cara pembuatannya cukup mudah. Lihat saja tutorial ini..hanya 15 step. :)

  7. wahyu septian harry saputro says:

    mantapz.....
    pengetahuan gue bertambah sob....
    Thankz sob atas knowledgenya....
    hehehehehee.....

  8. wow....dah lama banget pengin nyoba tutorial yang kaya gini...bhs indonesia pula,,,,This what that i want.......hehehe.......lgsg dicoba,,
    Mantab!! :)nice one!

  9. ajir says:

    @Wahyu: Thanks bro, smoga bermanfaat!
    @Arditasari: Sip, silahkan dicoba Ardita, smoga berhasil!

  10. keren...keren... sdh lama pengen ngebuat kayak gini... thanks DS...! terus berkarya!

  11. Anonim says:

    krennn bgt ne ...


    Ne baru tutorial krennn .....

    tpi saya masih Belum begthu Faham dengan Photshop....

    sher truss tutorial'a.....

  12. Anonim says:

    mas.. aku yg step 8 kok aku ga jadi yaakk..
    ada cara lain ga mas>?
    thx b4

  13. ajir says:

    @Anonim: pastikan dulu seleksi huruf-hurufnya aktif, kemudian baru klik layer 'face' di layer palette. Jika sudah, tekan Ctrl + C lalu Ctrl + V.

  14. Anonim says:

    hahahaha.. ternyata pencet ctrl gan bukan alt..
    ente salah ksh instruksi..
    :D.. mksh bgt yah gan buat tutorialnya..
    sukses buat blog ente,,
    :D

  15. ajir says:

    @Anonim: hehehe..salah ya?? maaf..maaf..segera diedit biar yg laen jg tidak tersesat. makasih kembali sudah mengingatkan.. :D

  16. Anonim says:

    hehe.. sama sama..
    desain keren yg lain apa nih gan?
    maklum ane masih newbie..
    mohon bimbingannya.. :D

  17. keren banget nih tutorialnya....! thanks banget nih infonya...! langsung ke TKP...!!

  18. Ipung says:

    Muangstabb... Banget gan! Thank 4 knowledge.suwun suwun he he he.

  19. lon kira ureung panee... rupa jieh awak aceh...

    syara... saya baru belajar PS neh...
    j2r.. slama ne saya pribadi hanya mengolah gambar berdasarkan pa yg saya lihat.. tapi smenjak kemaren ngulik2 situs syara... ternyata hangat banget isinya... ibaratnya, ingin di rangkul ma ilmu baru..

    dan sumpah...
    ini cukup berpengaruh untuk saya khususnya buat agan yg laen yg masih Mau Belajar..

    bang... kop salut lon keu droe neuh...
    meu asek ulee aso situs nyoe...
    Luar biasa buat anda...

  20. sumpah sarapah .. ni keren.. perlu.. di bookmark thnks broo

  21. aip says:

    tengkiu gan..
    agan tlh ikut mencerdaskan anak bangsa..!!
    BTW..next tutonya dikebut ya gan..
    this is order..!!

  22. asyiekkkkkkkkkkkkk sekian lama Q mencari ( 40 tahun :) ) baru nemu ni artikel. thanks

  23. Anonim says:

    Mantap............
    Tq Master atas ilmunya

  24. kalo tulisan hurufnya di ganti sendiri bisa ga ya ? tulis satu persatu gitu .itu brush kan . nice info gan .

  25. Anonim says:

    kok aku bikin,facenya malah hilang/gak kliatan gimana nih?:bingung:

  26. Anonim says:

    yang step 12nya ga ngerti.mohon pencerahannya donk :(

  27. best tutorial.
    boleh request ga.
    minta 1 lagi dong yang EXTREAME, hhee..
    buat di pelajarin buat inspirasi.

  28. gak berhasil neh ane hehehe.....ctrl c + v gk berhasil buat layer baru..kyk gk fungsi gitu...ada solusi?

  29. Azhi Sito says:

    ane nggak berhasil , brush-Nya udah ditumpuk .. , pas bagian hide layer "face" & "tipografi" eh malah jadi kgak kbentuk muka sm skali ...

    solusi-Nya !!

  30. dayhat says:

    KEREN ,TAPI AGAK SULIT CARA MENCOBANYA KARNA BUTUH KESERIUSAN YANG BENER2

  31. sista says:

    udah dicoba :)) makasihh tutorialnyaa, bagus banget. walopun jadinya ga terlalu kebentuk mukanya.

  32. Anonim says:

    lumayannnnnnnnnn
    goooddddddddddddddddd

  33. artikel yg bagus & memang sy lg tuggu2 gan,,thank da share..gan artikel web design nya adain dong...

  34. wuih...keren...thankz gan...ane pemula kalo soal beginian...jadi nambah nih ilmu photoshop gw....xixiix..sukses slalu dech buat aGan

  35. Anonim says:

    mas itu brushnya di simpen di layer tiponya apa di facenya ??

    trus kalo ctrl+alt klik kok ga bisa ??

  36. Anonim says:

    kok gak bisa ya blending mode nya diganti color,,tempatnya dimana gan,,???

  37. Anonim says:

    jah link brushnya kok beda setelah di donlod,

  38. mz bro?saya mengalami kendala wktu proses pen tool,wktu saya buat seleksi dengan pen tool otomatis ad warnax,kasih pencerahan dunk biar proses pen toolx bisa sesuai dengan tutorial d atas?sehingga bisa menggerowaki wajah?t tunggu balesanx

  39. Anonim says:

    gan gw bngung nc dstep 12,,stlh d pen tols trusd ksh wrn hitam,,gmn thu?maklum mas bro gw newbie,, :P
    mhon pncerahannya,,tq

  40. Anonim says:

    saya puyeng bray
    saya pake yang portebel

  41. mksh kaka i loph u pulll :*

  42. ErRggie says:

    thanks masbro buat tutorialnya,,, sekedar info, gua baru belajar PS, awalnya masih bingung tapi setelah di kutak katik sana sini, bisa juuga,, emang blum mirip kaya admin punya, tapi tetep thanks buat tutornya....
    Next Tutor dikebut masBro...

  43. Anonim says:

    brushh fontnya mane

  44. Anonim says:

    keren.... >.<
    di tunggu ilmunya yg laen bozz :)

  45. Anonim says:

    thank's

  46. Anonim says:

    thanks

  47. Anonim says:

    makasi banyak ya! sangat membantu :)

  48. izin copas ya.. boleh gak?? :D

  49. hanks says:

    bisa ni,, cuma saya ga ada brush tool yang model font.. uda coba download yang pnya agan.. tapi ga compatible ama photoshop 7.0
    ada saran msti donlod dimana ga? thanks

  50. thanks..
    sekarang jadi tau dasar pembuatan'a,,,

  51. . says:

    kereeeeeen. terima kasih infonya om

  52. Anonim says:

    nyoba ahh

  53. huft, nyobain buat nggak jadi jadi :'(

  54. Anonim says:

    Mantaf.. :D

  55. Anonim says:

    juragan, nama brush ap tuh???kok kaga ade judul nye tuh brush...

  56. Anonim says:

    sy sudah nyoba dan hasilnya berantakan. hihihihi

  57. mantap! terimakasih udah sharing...

  58. Manteps Ne Tutorialnya....!!

  59. Berhasil sob . terima kasih :)

  60. PERFECT, saya menyukai situs ini. tanks ya gan atas tutorialnya. :)

  61. udh praktekin, hasilnya bagus, maksih tutorialnya, hehe....
    tapi mw tanya nih.. aku cb pake foto lain kok mlah jadi ancur ya???
    apa aku yg slh?

  62. Anonim says:

    pada step 12 apakah harus pen tool? saya coba kenapa selalu gagal dan muncul "layer shape"?

  63. @Anonim, saat pen tool aktif, lihat disudut kiri atas..pastikan yg dipilih path, bukan shape layers.

  64. download brush tiponya kok ga masuk di phoyoshop

  65. Mantab!!!
    nice banget, tinggal dicoba nih.. hhe :D

  66. Mantabbbb... Akhirnya, ketemu juga neh tutorial yang ane cari... :>)

  67. tutorialnya ajib!
    udah ane coba dan berhasil :)

  68. thanks masbro tuto nya :)

  69. gan masih step 5... pas brush ke muka kok kaga bisa? butuh solusii

  70. keren nihh.. :)
    cobain lah hehehheh.. :D

  71. Anonim says:

    gan,potonya harus hitam putih?

  72. Anonim says:

    mas wajahnya kok gk sperti contoh
    bigung pd step ke 8

  73. waahhh keren banget, itu nilai seni dan artistiknya dapet banget gan, lanjutkan !

  74. keren mas dab.... semoga ga bosan ngajarin kita2 yang bodoh ini ya hehehehehe

  75. Anonim says:

    tolongin gw di step ke 8, kok gak mua ke copi paste?

  76. penjelsan dan caranya mudah juga yah..hasilnya juga eren banget...makasih ide dan penjelasannya

  77. Anonim says:

    Nice jarang ada orang baik kaya gini
    makasih loch Desainstudio.com

  78. master of tipografii . lumayan

  79. oh ternyata namanya topografi..
    makasih sob

  80. Bagus Banget tutorialnya mas ..
    Saya beres cuman ga sebagus punya mas ..
    Butuh waktu 3 jam buat ginian :D

  81. Itu foto yang mau dibuat typografi harus foto hitam putih ya ?? Ga bisa pake foto berwarna, kah ??

  82. Anonim says:

    step 12 nya abis di MEKE SELECTION trus gimana ??? msih bingung

  83. Anonim says:

    tutorial nya kurang jelas....itu qo ada layer ''typografi 3'' gk da penjelsan nya

  84. Anonim says:

    thankyou :)

  85. Anonim says:

    nasih warnanya gimana gan

  86. bagus sekali kawan, jadi tertolong saya makasih kawaaann ...

  87. Bobby Linggar says:

    thanks, buat tutorialnya.
    bagus dan sangat membantu, semoga kedepannya tambah sukses buat websitenya

  88. Mantap... Tutorialnya menarik dan bagus

  89. desy says:

    Keren tutorialnya.. fotonya jadi terliha lebih unik :)

  90. lah .. .ada brush tipo yak . .. asem baru tahu .. . ijin sedot ya mas bro

  91. makasiiiihh,,,,, penjelasannya gampang diikutin

  92. Anonim says:

    dasar lu min, capek" aku nyariin brush nya di tutorial videomu, ternyata didownload jugak, taik lu :V, makasih ya min :D

  93. min brushny kok gaada? padahal dh diklik kok linknya.

  94. Gan... Ko yang step 8, udah pencet ctrl teep ga ke seleksu ya, ane pake potoshop cc

  95. Need something to call?
    What if the trail mix didn't have all the roasted almonds completely, or worse - Trader Joe couldn't provide us with bananas or avocados? Trigger super panic mode.شركة رش مبيدات بالمدينة المنورة
    كيفية صنع مبيد للنمل بالمنزل
    المبيدات الحشرية الكيميائية
    شركة الانوار لرش المبيدات

  96. Anonim says:

    Yelper Bruce C., who reviewed Declaration Nats Park on April 10th,wrote: great ambiance as the Shaw location. The Hopkinson [is] actually my favorite pizza. The combination of soppressa, spicy salami and chili honey is diabolical. (Michael Kors Backpack Purse Black)

    The breccia beds of the Langstone Breccia, and also within the Dawlish Sands, have some unusual characteristics (best seen at the base of Langstone Rock). The clasts are very angular and show little effect of clast on clast abrasion (there is a small amount). The overall size range of the classts is limited but they are not well sorted. (Michael Kors Black Purse Tan Straps)

    Coach Bags Outlet Online Uk, That means, for now, Alabama coach Nick Saban has to look at both players' body of work over the spring, culminating in Saturday's game. Gone is Hurts' 26 2 record as a starter. Gone is Tagovailoa's come from behind performance against Georgia in the College Football Playoff title game.

    Coach Baby Bag Outlet Online, San Francisco Coffee Roasting Co. San Francisco Roasting Co. Is a popular coffee shop in Candler Park. Just like Kellers introduced the gospel to James, he has spread the word to teammates in both Miami and Cleveland. They've embraced the torturous training, particularly during the Cavs' downtime in between playoff series. By sweeping Toronto in the Eastern Conference semifinals 4 0, Cleveland became the first team in NBA history to amass six sweeps of seven game series over a three year period (the Los Angeles Lakers also had six sweeps from 1987 89, but some of them were only five game series).. (Michael Kors Coin Purse Black)

    Coach Off White Bag, The Blackhawks have entertained 457 consecutive capacity crowds at the United Center and have grown a season ticketholder base from 3,400 to more than 14,000. Additionally, the Blackhawks have led the NHL in attendance for ten consecutive seasons and consistently achieve monumental viewership numbers on local and national broadcasts. During the team's run to the 2015 Stanley Cup, the Blackhawks registered three of their top five most watched games, including the highest on record, a 41.0 HH average rating during Game 6 of the Final on June 15, 2015..

  97. DewaPoker is one of Indonesia's Online Poker Agent sites that provides various types of games. As a trusted online poker site, we are here for fans of online card games such as POKER, DOMINO QQ, LIVE DINGDONG and ONLINE TOGEL bets which can be played using one userid. Through the ANTI-BOT tagline, Playing At DewaPoker 100% Real Player will give you full excitement in the game. DewaPoker is also ready to serve 24 hours by guaranteeing the smooth running of the game, transaction speed, and responsive customer service for your satisfaction. Join thousands of other members now!

  98. Zeke says:

    Keep up the excellent work , I read few articles on this site and I think that your web blog is real interesting and Power to the People of excellent information.

  99. Sebuah tutorial photoshop yang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah.
    Telkom University

  100. What are the key tools and features in Photoshop for manipulating typography effectively?
    Telkom University

Leave a Reply