Membuat Simple Typogaraphy dengan menggunakan Adobe Photoshop 2017

Disini saya akan berbagi sedikit ilmu tentang bagaimana membuat sebuah Simple Typography dengan menggunakan aplikasi Photoshop CC 2017. Kurang lebih yang akan kita buat adalah seperti ini.

Langkah pertama kita buka dulu aplikasi Photoshop CC 2017.

Tampilan awal Photoshop CC 2017

Selanjutnya kita pilih menu New untuk membuat sebuah file baru, atau bisa dengan cara menekan tombol Ctrl + N. Disini saya membuat sebuah file berukuran 1920 x 1080 berbentuk Landscape.

Membuat file baru

Tampilan file baru yang telah kita buat

Lalu, kita masukkan gambar yang kita inginkan. Disini saya telah mendownload sebuah gambar kota dari Google. Untuk memasukkan gambarnya kita bisa ke menu File –> Open, atau bisa juga dengan menekan tombol Ctrl + O. Dan kita buka file gambar yang kita inginkan.

File yang baru saja kita masukkan

Penjelasan dari gambar diatas adalah sebagai berikut :

1.     Kita menggunakan Move Tool atau bisa juga dengan menekan tombol V. Move Tool berfungsi untuk memindahkan gambar kota yang baru kita masukkan, ke dalam file awal yang telah kita buat.

2.     Pindahkan gambar dengan cara menekan tombol Klik Kanan dan seret ke file awal yang telah kita buat.

Hasil gambar yang kita pindahkan

Setelah itu, kita perkecil gambar kota nya dengan cara klik pada menu Edit –> Free Transform atau bisa dengan menekan tombol Ctrl + T. Untuk memperkecil gambar kita bisa menekan tombol Ctrl + - , dan untuk memperbesar gambar kita bisa menekan tombol Ctrl + +. Untuk mebuat gambar yang kita perkecil terkesan tidak dengan cara “Tarik paksa”, kita bisa menggunakan tombol Shift untuk memperkecilnya. Dan tombol Shift + Alt untuk membuat gambar diperkecil dan ukuran nya tetap di titik tengah kita memasukkan gambar tersebut.  Untuk memindahkan gambarnya kita bisa menggunakan Move Tool atau tombol V.

Memperkecil gambar

Kurang lebih gambarnya menjadi seperti ini

Lalu kita akan menambahkan sebuah text bertuliskan “Jakarta” dengan menggunakan Text Tool atau bisa juga dengan menekan tombol T.

Text Tool

Setelah ditambahkan text “Jakarta”

Penjelasan dari gambar di atas adalah sebagai berikut :

1.     Berfungsi untuk mengubah jenis font yang akan kita gunakan.

2.     Berfungsi mengatur ukuran font yang kita buat.

3.     Berfungsi mengubah tampilan font untuk terlihat lebih lembut, maka kita menggunakan pilihan yang Smooth.

4.     Berfungsi untuk mengubah warna pada text.

Untuk dapat menggunakan semua fungsi diatas, kita harus memblock semua text, bisa dengan cara menekan tombol Ctrl + A. Disini saya menggunakan jenis font Anurati Regular. Kalian bisa menggunakan jenis font apa saja sesuai kesukaan masing – masing. Untuk mencari font lain nya kalian bisa menemukan nya di Google. Untuk ukuran dan warna kita bisa menyesuaikan dengan kesukaan masing – masing.

Kurang lebih hasil nya seperti ini.

Untuk mengkreasikan tampilan nya, kita bisa membuat tulisan “Jakarta” tersebut seolah – olah ‘ngumpet’ dibalik gedung – gedung tersebut. Dengan cara menghapus text yang menghalangi gedung – gedung tesebut. Kita bisa menggunakan Eraser Tool atau dengan menekan tombol E. Sebelum kita melakukan penghapusan, pastikan layer text ”Jakarta” sudah di Resterize Type. Dengan cara Klik Kanan pada layer text “Jakarta”, lalu kita pilih Resterize Type.

Eraser Tool

Pilih Resterize Type

Tampilan layer setelah di Resterize Type

Lalu untuk mempermudah penghapusan text, kita dapat memperbesar layarnya menggunakan cara yang sudah saya sebutkan sebelumnya. Lalu kita turunkan Opacity nya sesuai dengan kebutuhan kita. Opacity berfungsi untuk membuat tampilan layer menjadi lebih transparan. Lalu kita hapus bagian yang menghalangi gedung – gedung tersebut.

Turunkan Opacity

Kurang lebih hasil nya seperti ini

Untuk membuat tampilan text sedikit lebih nyata, kita bisa menambahkan bayangan untuk text tersebut dengan cara memilih menu Layer -> Layer Style -> Drop Shadow.

Membuat Drop Shadow

Setting untuk Drop Shadow

Untuk setting pada Drop Shadow, kita bisa menyesuaikan sesuai dengan kesukaan masing – masing. Dan jadi lah Simple Typography yang telah kita buat.

Simple Typography

Maaf bila ada kata yang kurang berkenan, atau mungkin dari pembelajaran ini masih banyak yang kurang harap dimaklumi karna saya juga masih harus banyak belajar hehehe sekian dan terimakasih.