SlideShare a Scribd company logo
1 of 20
About Us
Author
Contact

20101107 75

Tipografi Wajah dengan Photoshop
in photoshop , tipografi

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'.
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.
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.
STEP 4
Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna
foreground adalah putih seperti gambar dibawah.
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.
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.
STEP 7
Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer
'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.
STEP 8
Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy)
kemudian Ctrl + V (paste).
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.
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.
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.
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.
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.
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.
STEP 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna'
menjadi Color.
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

More Related Content

What's hot

Membuat efek avatar
Membuat efek avatarMembuat efek avatar
Membuat efek avatarAgung Yuwono
 
Asas Adobe Photoshop - Slide crash course adobe
Asas Adobe Photoshop - Slide crash course adobeAsas Adobe Photoshop - Slide crash course adobe
Asas Adobe Photoshop - Slide crash course adobeMOHD ZAINI ZAINUDIN
 
1 color lighting
1 color lighting1 color lighting
1 color lightingmelodic55
 
tutorial FS
tutorial FStutorial FS
tutorial FSkinkaku
 
Membuat animasi pembuka pada power point
Membuat animasi pembuka pada power pointMembuat animasi pembuka pada power point
Membuat animasi pembuka pada power pointBambang Soegiharto
 
Langkah-Langkah Menggunakan POWERPOInt
Langkah-Langkah Menggunakan POWERPOIntLangkah-Langkah Menggunakan POWERPOInt
Langkah-Langkah Menggunakan POWERPOIntMr.Joseph_4u
 
Membuat desain i phone dengan photoshop
Membuat desain i phone dengan photoshopMembuat desain i phone dengan photoshop
Membuat desain i phone dengan photoshopAgung Yuwono
 
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...maswahyu73
 
Membuat kembang api
Membuat kembang apiMembuat kembang api
Membuat kembang apiAgung Yuwono
 
Cara membuat vector menggunakan photoshop
Cara membuat vector menggunakan photoshopCara membuat vector menggunakan photoshop
Cara membuat vector menggunakan photoshopLentar Luckey
 
Manipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekManipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekBasirSyabani
 
Karikatur dengan photoshop
Karikatur dengan photoshopKarikatur dengan photoshop
Karikatur dengan photoshopArtSashin
 
Pembuatan grafis berbasis vektor
Pembuatan grafis berbasis vektorPembuatan grafis berbasis vektor
Pembuatan grafis berbasis vektorShofirul Nisa
 
Dosen pembimbing
Dosen pembimbingDosen pembimbing
Dosen pembimbingZareey Zk
 

What's hot (20)

Membuat efek avatar
Membuat efek avatarMembuat efek avatar
Membuat efek avatar
 
Asas Adobe Photoshop - Slide crash course adobe
Asas Adobe Photoshop - Slide crash course adobeAsas Adobe Photoshop - Slide crash course adobe
Asas Adobe Photoshop - Slide crash course adobe
 
1 color lighting
1 color lighting1 color lighting
1 color lighting
 
Efek dance ray
Efek dance rayEfek dance ray
Efek dance ray
 
tutorial FS
tutorial FStutorial FS
tutorial FS
 
Tutorial
TutorialTutorial
Tutorial
 
Membuat animasi pembuka pada power point
Membuat animasi pembuka pada power pointMembuat animasi pembuka pada power point
Membuat animasi pembuka pada power point
 
Langkah-Langkah Menggunakan POWERPOInt
Langkah-Langkah Menggunakan POWERPOIntLangkah-Langkah Menggunakan POWERPOInt
Langkah-Langkah Menggunakan POWERPOInt
 
Membuat desain i phone dengan photoshop
Membuat desain i phone dengan photoshopMembuat desain i phone dengan photoshop
Membuat desain i phone dengan photoshop
 
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlide...
 
Gambar vektor
Gambar vektorGambar vektor
Gambar vektor
 
Memperhalus kulit dengan
Memperhalus kulit denganMemperhalus kulit dengan
Memperhalus kulit dengan
 
Membuat kembang api
Membuat kembang apiMembuat kembang api
Membuat kembang api
 
Cara membuat vector menggunakan photoshop
Cara membuat vector menggunakan photoshopCara membuat vector menggunakan photoshop
Cara membuat vector menggunakan photoshop
 
Membuat poster
Membuat posterMembuat poster
Membuat poster
 
Manipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekManipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efek
 
Karikatur dengan photoshop
Karikatur dengan photoshopKarikatur dengan photoshop
Karikatur dengan photoshop
 
Pembuatan grafis berbasis vektor
Pembuatan grafis berbasis vektorPembuatan grafis berbasis vektor
Pembuatan grafis berbasis vektor
 
Dosen pembimbing
Dosen pembimbingDosen pembimbing
Dosen pembimbing
 
Cara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshopCara membuat logo stikomcki dengan photoshop
Cara membuat logo stikomcki dengan photoshop
 

Similar to TIPOTOGRAFI

Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File SavePAMBAH.Corp
 
Tutorialphotoshop
TutorialphotoshopTutorialphotoshop
Tutorialphotoshopzickyn
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshoprizkyrr
 
Kumpulan Kliping
Kumpulan KlipingKumpulan Kliping
Kumpulan KlipingZareey Zk
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 finaldkurnianto
 
Membuat kartun dengan photoshop
Membuat kartun dengan photoshopMembuat kartun dengan photoshop
Membuat kartun dengan photoshopMARMOSM
 
Cara_menggambar_wajah_Corel.pptx
Cara_menggambar_wajah_Corel.pptxCara_menggambar_wajah_Corel.pptx
Cara_menggambar_wajah_Corel.pptxTakbir6
 
Desain sim card dengan photoshop
Desain sim card dengan photoshopDesain sim card dengan photoshop
Desain sim card dengan photoshopAgung Yuwono
 
Tutorial photoshop-efek
Tutorial photoshop-efek Tutorial photoshop-efek
Tutorial photoshop-efek Agung Yuwono
 
Hotoshop foto efek hantu
Hotoshop foto efek hantuHotoshop foto efek hantu
Hotoshop foto efek hantuAgung Yuwono
 
Tutorial pembuatan poster
Tutorial pembuatan posterTutorial pembuatan poster
Tutorial pembuatan posteriswan_di
 
Presentasi Membuat Pin Menggunakan Adobe Photoshop
Presentasi Membuat Pin Menggunakan Adobe PhotoshopPresentasi Membuat Pin Menggunakan Adobe Photoshop
Presentasi Membuat Pin Menggunakan Adobe PhotoshopHafni Amalia
 
Tugas 6 efek futuristik di photoshop
Tugas 6  efek futuristik di photoshopTugas 6  efek futuristik di photoshop
Tugas 6 efek futuristik di photoshopArtSashin
 
Membuat logo ubuntu dengan photoshop
Membuat logo ubuntu dengan photoshopMembuat logo ubuntu dengan photoshop
Membuat logo ubuntu dengan photoshopAgung Yuwono
 
Cara desain poster sendiri di photoshop
Cara desain poster sendiri di photoshopCara desain poster sendiri di photoshop
Cara desain poster sendiri di photoshopMarlina Marlina
 
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__Dewi Fitriyani
 
Tutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopTutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopsalmon7301
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshopzabihaku
 
Cara membuat teks typogrphy 3 d dengan photoshop cs6 sidimageenation
Cara membuat teks typogrphy 3 d dengan photoshop cs6   sidimageenationCara membuat teks typogrphy 3 d dengan photoshop cs6   sidimageenation
Cara membuat teks typogrphy 3 d dengan photoshop cs6 sidimageenationEmon Em
 

Similar to TIPOTOGRAFI (20)

Tutorial PhotoShop File Save
Tutorial PhotoShop File SaveTutorial PhotoShop File Save
Tutorial PhotoShop File Save
 
Tutorialphotoshop
TutorialphotoshopTutorialphotoshop
Tutorialphotoshop
 
Kreasi dengan photoshop
Kreasi dengan photoshopKreasi dengan photoshop
Kreasi dengan photoshop
 
Kumpulan Kliping
Kumpulan KlipingKumpulan Kliping
Kumpulan Kliping
 
Panduan pratek photosho1 final
Panduan pratek  photosho1 finalPanduan pratek  photosho1 final
Panduan pratek photosho1 final
 
Membuat kartun dengan photoshop
Membuat kartun dengan photoshopMembuat kartun dengan photoshop
Membuat kartun dengan photoshop
 
Cara_menggambar_wajah_Corel.pptx
Cara_menggambar_wajah_Corel.pptxCara_menggambar_wajah_Corel.pptx
Cara_menggambar_wajah_Corel.pptx
 
Desain sim card dengan photoshop
Desain sim card dengan photoshopDesain sim card dengan photoshop
Desain sim card dengan photoshop
 
Tutorial photoshop-efek
Tutorial photoshop-efek Tutorial photoshop-efek
Tutorial photoshop-efek
 
Hotoshop foto efek hantu
Hotoshop foto efek hantuHotoshop foto efek hantu
Hotoshop foto efek hantu
 
Tutorial pembuatan poster
Tutorial pembuatan posterTutorial pembuatan poster
Tutorial pembuatan poster
 
Membuat text 3 d
Membuat text 3 dMembuat text 3 d
Membuat text 3 d
 
Presentasi Membuat Pin Menggunakan Adobe Photoshop
Presentasi Membuat Pin Menggunakan Adobe PhotoshopPresentasi Membuat Pin Menggunakan Adobe Photoshop
Presentasi Membuat Pin Menggunakan Adobe Photoshop
 
Tugas 6 efek futuristik di photoshop
Tugas 6  efek futuristik di photoshopTugas 6  efek futuristik di photoshop
Tugas 6 efek futuristik di photoshop
 
Membuat logo ubuntu dengan photoshop
Membuat logo ubuntu dengan photoshopMembuat logo ubuntu dengan photoshop
Membuat logo ubuntu dengan photoshop
 
Cara desain poster sendiri di photoshop
Cara desain poster sendiri di photoshopCara desain poster sendiri di photoshop
Cara desain poster sendiri di photoshop
 
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
Pengenalan Dasar-Dasar Photoshop - dewifitriyani__
 
Tutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshopTutorial membuat spanduk_dengan_photoshop
Tutorial membuat spanduk_dengan_photoshop
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
 
Cara membuat teks typogrphy 3 d dengan photoshop cs6 sidimageenation
Cara membuat teks typogrphy 3 d dengan photoshop cs6   sidimageenationCara membuat teks typogrphy 3 d dengan photoshop cs6   sidimageenation
Cara membuat teks typogrphy 3 d dengan photoshop cs6 sidimageenation
 

TIPOTOGRAFI

  • 1. About Us Author Contact 20101107 75 Tipografi Wajah dengan Photoshop in photoshop , tipografi 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'.
  • 2. STEP 2 Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah
  • 3. menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial ini : Menghapus background di Photoshop.
  • 4. 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.
  • 5. STEP 4 Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.
  • 6. 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.
  • 7.
  • 8. 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.
  • 9. STEP 7 Jika sudah, tekan dan tahan tombol Ctrl di keyboard, kemudian klik pada thumbail layer 'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.
  • 10. STEP 8 Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).
  • 11. 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.
  • 12. 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.
  • 13. 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.
  • 14. 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.
  • 15.
  • 16. 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.
  • 17. 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.
  • 18. STEP 15 Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna' menjadi Color.
  • 19.
  • 20. 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