Tutorial Tipografi Font Di Photoshop

Tutorial Tipografi Font Di Photoshop

Berikut tutorial membuat wajah berbentuk tulisan atau terkenal dengan nama efek tipografi photoshop. Ada banyak cara untuk membuat efek tipografi dalam Photoshop, berikut ini hanya salah satunya. Cara yang digunakan disini adalah membuat seleksi menggunakan perintah Select>Color Range. Buat seleksi Shadows, Midtones, dan Hightlights menggunakan Color Range, kemudian buat masing-masing menjadi layer terpisah. Ketiganya kemudian disalin pada layer teks menggunakan Mask agar diperoleh bentuk wajah berdasarkan seleksi Color Range. Sumber foto yang digunakan dalam tutorial Photoshop ini diambil dari situs Morguefile.





Download source PSD.
Video: Tutorial Photoshop, tutorial tipografi wajah.

Jangan lupa Klik Subscribe channel Youtube Trikmudah untuk mendapatkan update video tutorial Photoshop lainnya.

1. Siapkan Tulisan.

Buat tulisan menggunakan word atau notepad. Saya sudah menyiapkan tulisan sebanyak 10 halaman OpenOffice. Tujuannya agar kita bisa membentuk efek tipografi menggunakan ukuran font yang lebih kecil sehingga tulisan tersebut bisa mengikuti bentuk wajah.

2. Buka Foto, Buat Seleksi, Kemudian Pisahkan.

Pilih menu File>Open untuk membuka foto anda. Saya akan menggunakan Magnetic Lasso Tool untuk membuat seleksi. Klik icon Magnetic Lasso Tool di Tool panel kemudian buat seleksi. Pisahkan seleksi menjadi layer tersendiri dengan menekan tombol Ctrl+J.

Gambar: Magnetic Lasso Tool.


Gambar: Buat seleksi kemudian tekan Ctrl+J.

3. Desaturate, Hilangkan Visibility Background.

Klik icon mata di sebelah kiri Background kemudian klik Layer 1 dan pilih menu Image>Adjustments>Desaturate.

Gambar: Desaturate.

4. Buat Seleksi Dengan Perintah Color Range.

Pilih menu Select>Color Range. Pada drop down Select, pilih Shadows, kemudian klik tombol OK. Akan terlihat garis seleksi pada foto. Pisahkan seleksi ini menjadi layer terpisah dengan menekan tombol Ctrl+J. Untuk mempermudah ubah namanya menjadi Shadows. Ulangi langkah ini untuk membuat Midtones dan Hightlights.

Gambar: Buat seleksi color range shadows.


Gambar: Tekan Ctrl+J kemudian ubah namanya menjadi shadows.


Gambar: Ulangi langkah diatas untuk membuat midtones dan highlights.

5. Buat Layer Baru Dan Fill Dengan Warna Putih.

Klik icon Create a New Layer. Tekan tombol D untuk mereset warna foreground/background ke default, kemudian tekan tombol Ctrl+Backspace untuk fill dengan warna putih.

Gambar: Buat layer baru.

6. Salin Tulisan.

Buka tulisan anda di notepad lalu salin ke clipboard. Caranya tekan tombol Ctrl+A kemudian tombol Ctrl+C, klik icon Horizontal Type Tool, kemudian klik di ujung atas kanvas, drag ke kanan bawah, kemudian tekan tombol Ctrl+V untuk mempaste tulisan ke kanvas. Tekan Ctrl+Enter. Langkah berikutnya, tekan tombol Ctrl+J dua kali untuk menggandakan layer teks. Ubah nama ketiga teks tersebut dengan nama Shadows, Midtones, Hightlights.

Gambar: Horizontal Type Tool.


Gambar: Klik di ujung kiri atas kemudian drag ke kanan bawah.


Gambar: Tekan Ctrl+V untuk mempaste tulisan, kemudian tekan Ctrl+Enter. Gandakan 2 kali dan ubah namanya menjadi shadows, midtones, hightlights.

7. Salin Shadows ke Clipboard.

Klik visibility layer Shadows dan klik juga thumbnail shadows untuk mengaktifkannya, tekan Ctrl+A dan Ctrl+C.

Gambar: Aktifkan shadows, tekan Ctrl+A kemudian tekan Ctrl+C.

8. Buat Layer Mask Pada Teks Shadows.

Klik teks shadows kemudian klik icon Add Layer Mask.

Gambar: Buat Layer Mask pada teks shadows.

9. Paste Clipboard Ke Layer Mask Layer Teks.

Sambil menekan tombol Alt, klik kotak layer mask milik layer teks, kemudian tekan tombol Ctrl+V untuk mempaste clipboard.

Gambar: Sambil menekan tombol Alt, klik kotak layer mask. Kemudian tekan Ctrl+V.

10. Hilangkan Seleksi Kemudian Invert.

Tekan Ctrl+D untuk menghilangkan seleksi kemudian tekan Ctrl+I untuk inversi.

Gambar: Inversi gambar.

11. Ulangi Langkah 7 Sampai 10 Untuk Midtones dan Hightlights.

Ulangi langkah 7 sampai langkah 10 untuk menyalin Midtones ke teks Midtones dan menyalin hightlights ke teks hightlights.

Gambar: Salin isi layer ke layer teks.

12. Atur Jenis, Ketebalan, Dan Ukuran Font Tiap Teks.

Klik teks Shadows, midtones, dan hightlights untuk mengaturnya. Klik icon Horizontal Type Tool, kemudian klik toggle. Silahkan atur ukuran dan jenis font. Atur juga opacitynya.

Gambar: Klik icon toggle untuk menampilkan toggle untuk Horizontal Type Tool.


Gambar: Atur properties teks shadows, midtones dan teks highlights.

13. Buat Satu Layer Untuk Warna Gradient.

Klik teks paling atas, kemudian tekan tombol Ctrl+Alt+Shift+E. Akan terbentuk layer baru di atas teks shadows. Ubah blend modenya menjadi Color.

Gambar: Klik layer teks shadows kemudian tekan tombol Ctrl+Alt+Shift+E.

14. Atur Gradient Tool.

Klik icon gradient tool pada tool panel kemudian pilih warna gradient pada option bar.

Gambar: Klik icon gradient tool.

Gambar: Pilih warna gradient.

15. Terapkan Gradient.

Klik kemudian drag untuk menerapkan gradient.

Gambar: Terapkan gradient.

Sebenarnya caranya sangat mudah, hanya karena tutornya terlalu panjang jadi terlihat rumit. Berikut ini hasilnya:
Tutorial Tipografi Font Di Photoshop

Gambar: Tutorial Efek Tipografi Photoshop.

Semoga Anda menyukainya. Jika Anda menyukai tutorial Photoshop ini, Anda bisa membagikannya ke Twitter, Facebook, Google+, Pinterest atau ke situs lainnya (tentunya menyertakan link balik ke Trikmudah.com).

14 komentar:

  1. gan itu pake photoshop yg CS brapa?

    BalasHapus
  2. Magnetic Lasso Tool tuh yang mana

    BalasHapus
  3. satu grup dengan lasso tool, polygonal lasso tool, magnetic lasso tool. Klik kanan atau klik tahan untuk menampilkan ketiga icon tersebut.

    BalasHapus
  4. gan itu maskudnya di langkah cara membuat midtones dan hightlight ulangi langkah di atas.
    itu pas select > color range nya di layer mana ya? terimakasih

    BalasHapus
  5. coba dilihat videonya susah mau jelasin pake kata2

    BalasHapus
  6. gan, yg step ke 8 kok ditempat gue tanda paste nya gabisa dipencet gitu?

    BalasHapus
  7. salah gan, step ke 9 mksdnya

    BalasHapus
  8. yang diklik kotak "layer mask shadow", bukan shadownya. Terus Ctrl+V sambil menekan tombol keyboard Alt.

    BalasHapus
  9. udah ngelakuin nomer 9 kok pas dipaste ga muncul gambarnya ya dan ga kayak dicontoh. saya pake cs 4

    BalasHapus
  10. Layer shadow diklik terus dikopi pake Ctrl+A dan Ctrl+C.
    Terus klik kotak layer mask di layer teks terus Ctrl+V

    BalasHapus
  11. Layer shadow diklik terus dikopi pake Ctrl+A dan Ctrl+C.
    Terus klik kotak layer mask di layer teks terus Ctrl+V.. kan udah terus saya pas mau paste di add layer maks kok gk muncul

    BalasHapus
  12. share dokumennya plis

    BalasHapus
  13. silahkan download dokumen disini https://goo.gl/39oPXb

    BalasHapus