Selasa, 10 Januari 2012

Tutorial Desain Tipografi Burung Twitter

Tutorial Tipografi dengan photoshop
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

Sebelum
Twitter Bird
Sesudah
Twitter Bird

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.
Tutorial Tipografi dengan photoshop
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).
Tutorial Tipografi dengan photoshop
Langkah 4 : Membuat path
Buat path mengikuti bentuk badan burung twitter tersebut. Untuk membuat path melengkung, klik dan tahan lalu seret mouse.
Tutorial Tipografi dengan photoshop
Untuk menyempurnakan lengkung path, kita bisa menggunakan Direct Selection Tool.
Tutorial Tipografi dengan photoshop
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.
Tutorial Tipografi dengan photoshop
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

Twitter Bird

Tidak ada komentar:

Posting Komentar