Tutorial Desain Tipografi Burung Twitter

Posted on

Menurut Wikipedia, Typography (Tipografi) adalah suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.

Tapi selain itu, dalam tipografi dikenal pula Desain Tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama sehingga membentuk kesan atau bentuk tertentu. Dalam desain tipografi, pengertian huruf sebagai lambang bunyi bisa diabaikan.

Dan untuk tutorial kali ini, kita akan belajar membuat sebuah Desain Tipografi berbentuk burung Twitter.

PREVIEW DESIGN

DETAIL TUTORIAL

  • Tingkat Kesulitan : Pemula
  • Program yang dipakai : Adobe Photoshop
  • Materi yang dipelajari : Path
  • Lama Pembuatan : 45 Menit

RESOURCE

SEDIKIT CATATAN

Sebelum memulai tutorial, perlu saya ingatkan kalau tutorial ini sebenarnya sangat mudah, karena kita hanya menggunakan Path Tool dan type tool saja. Tetapi meskipun mudah, kita hendaknya harus sabar dalam pembuatannya, karena kita harus mengatur susunan kata/kalimat satu persatu dalam layer yang berbeda. Dalam pembuatan tutorial ini sendiri saya menggunakan layer sebanyak 55 layer photoshop.

TUTORIAL

Langkah 1 : membuat document kerja baru.
Buat sebuah dokumen baru dengan ukuran 700 x 700 pixel dengan warna background hitam.

Tutorial Tipografi dengan photoshop

Langkah 2 : Menambahkan gambar burung.

Buka gambar twitter bird yang tersedia pada kolom resource, lalu klik dan seret ke dokumen baru kita untuk memindahkan gambar twitter bird ke dalam dokumen baru kita. Mungkin anda perlu untuk memperbesar gambar twitter bird agar bisa terlihat memenuhi bidang gambar setelah dipindahkan ke dokumen baru.

Langkah 3 : Setting Pen Tools.

Untuk tutorial ini, kita belajar menggunakan Path. Cara mengaktifkan Path adalah dengan memilih Pen Tools (1), lalu pilih Paths di Option Bar Photoshop (2).

Langkah 4 : Membuat path

Buat path mengikuti bentuk badan burung twitter tersebut. Untuk membuat path melengkung, klik dan tahan lalu seret mouse.

Untuk menyempurnakan lengkung path, kita bisa menggunakan Direct Selection Tool.

Langkah 5 : Menambahkan teks pada gambar.

Setelah path terbentuk, sekarang kita tambahkan kata/kalimat. Jadi, pilih Text Tool. Pilih jenis font menurut selera anda di Option Bar. Lalu klik pada path. Sehingga jika kita mengetik sebuah kata/kalimat, maka kata/kalimat tersebut akan mengikuti alur sesuai path yang kita buat.

Lakukan langkah 4 dan 5 secara berulang-ulang dalam layer baru, sampai seluruh text membentuk badan burung Twitter (Selalu biasakan untuk membuat layer baru dalam setiap elemen gambar di Photoshop untuk memudahkan pengeditan).

Sekarang hanya tinggal kreatifitas anda untuk mempercantik tampilan dari desain typografi kita, lakukan secara berulang dan secara detail tutorial berikut ini, untuk hasil desain anda bisa lihat gambar pada hasil desain dibawah ini.

HASIL DESAIN

Pesan Admin

Ini merupakan postingan pertama dari penulis tamu, terimakasih kepada Leo Ari Wibowo yang telah menulis sepenggal tutorial untuk kemajuan blog desain sederhana ini. :D

Maaf sebelumnya, untuk memenuhi standart postingan blog di PSD Desain ini saya sebagai admin blog sedikit mengubah, menambah, serta menghapus beberapa bagian yang sederhananya untuk kenyamanan pembaca setia blog ini.

Jika anda ingin menjadi distributor atau penulis untuk tutorial-tutorial di PSDesain ini, bantu dan percayakan saya untuk mempublikasikan tulisan anda. Pastinya tulisan yang original dan belum pernah anda posting pada situs lainnya. Contact saya untuk mendapatkan user baru pada situs ini, atau daftar di link berikut ini : Daftar

Regards.
Jaka Zulham

Nama saya adalah Leo Ari Wibowo. Seseorang yang selalu tertarik dengan Desain Komunikasi Visual, Photoshop, Web Design, Wordpress dan Internet. Mengelola sebuah blog bernama majuterdotus