Top Menu

Dapatkan buku The Power of Photoshop. Disertai bonus video tutorial. Harga: Rp 78.800 Rp 54.500

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Sistem projeksi isometrik adalah cara paling sederhana untuk menggambar objek tiga dimensi dalam media dua dimensi. Di tutorial ini saya akan menunjukkan konsep dasar praktek penggunaannya dalam pembuatan teks tiga dimensi menggunakan Adobe Illustrator.

Preview

Berikut adalah hasil yang akan kita peroleh.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Illustrator
  • Teknik yang Dipelajari: Projeksi Isometrik, Pembuatan Guide, Editing Shape, Dasar Tipografi
  • Lama Pengerjaan: 45 menit

Tutorial

Langkah 1: Mengatur Preference Illustrator

Untuk mempermudah pembuatan guide untuk proyeksi isometrik terlebih dahulu kita perlu mengatur setting Preferences Illustrator. Tekan Ctrl + K untuk membuka kotak dialog Preferences. Di pilihan General ubah Keyboard Increment ke 1 cm.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 2: Membuat Bentuk Dasar Teks

Sebelum membuat tampilan tiga dimensinya, untuk mempermudah kita mulai dengan membuat tampilan teks dalam dua dimensi. Langkah awal kita akan membuat guide. Buat garis vertikal lalu tekan Alt + Panah Kiri untuk menduplikasinya. Tekan Ctrl + D untuk mengulangi proses duplikasi. Lakukan terus hingga kita peroleh cukup banyak garis.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 3

Seleksi semua garis lalu tekan Ctrl + C dan Ctrl + F untuk menduplikasinya. Putar garis 90°.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 4

Seleksi semua garis. Klik View > Guides > Make Guides (Ctrl + 5) untuk mengubah garis-garis tadi menjadi guide.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik


Langkah 5


Kita mulai dengan membuat huruf T. Untuk ukurannya, kita gunakan proporsi standar 5:3. Di sini saya buat huruf T seperti di bawah.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 6

Di bawah untuk huruf Y. Masih dengan proporsi yang sama, 5:3.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 7

Di bawah adalah tampilan seluruh huruf.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 8: Membuat Grid Isometrik

Setelah selesai mendesain huruf, berikutnya adalah mempersiapkan grid isometrik. Buat layer baru khusus untuk menyimpan grid isometrik. Aktifkan tool Line lalu klik sekali pada kanvas. Gunakan sudut 30°.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 9

Tekan Alt + Panah Kanan untuk menduplikasi garis lalu tekan Ctrl + D untuk mengulangi proses duplikasi tadi.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Di bawah adalah tampilan garis yang diperoleh. Pastikan tinggi garis melebihi ukuran kanvas.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 10

Seleksi semua garis, klik kanan dan pilih Reflect. Pilih Vertical dan klik Copy.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 11

Seleksi semua garis lalu tekan Ctrl + 5 untuk mengubahnya menjadi Guides.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 12

Untuk mempermudah proses menggambar selanjutnya, pastikan untuk mengaktifkan Snap to Point dari menu View.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 13

Jika Guides yang diperoleh sulit dilihat Anda bisa mengubah warnanya melalui kotak dialog Preferences (Ctrl + K).

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 14: Belajar Membuat Balok Isometrik

Sebelum maju ke projek tipografi mari kita mulai dengan belajar menggambar balok sederhana. Gunakan tool Persegi untuk membuat sebuah persegi empat.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 15

Aktifkan tool Direct Selection lalu geser titik-titik ujungnya satu per satu hingga menempel pada bidang.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 16

Ulangi proses ini untuk membuat sisi yang lain.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 17

Saya temukan bahwa penggunaan Guide di Illustrator tidak begitu akurat. Illustrator entah kenapa tidak memiliki fitur Snap to Guide tapi hanya Snap to Point. Ini membuat titik Anda mungkin sekali menempel secara tidak tepat. Anda bisa melihatnya pada titik yang ditandai di bawah.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 18

Untuk memperbaikinya, Anda perlu men-zoom gambar ke tampilan maksimal lalu menggeser titik tersebut secara manual ke posisi sebenarnya.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 19: Menggambar Teks Tiga Dimensi

Setelah memahami teknik dasar menggambar isometrik barulah kita masuk ke proses menggambar teks. Gambar bagian depan huruf T dengan proporsi sama dengan sketsa yang kita buat di Langkah 5.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 20

Berikutnya menggambar sisi teks.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 21

Lakukan proses ini pada huruf-huruf yang lain.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 22

Anda bisa berhenti di sini dan memberikan warna pada huruf.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Di bawah adalah tampilan hitam putih.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 23

Kita akan melanjutkan menambah Stroke di sekeliling teks. Efek ini biasa digunakan dalam gambar karakter kartun. Duplikasi semua huruf dan sembunyikan teks asli. Caranya dengan seleksi semua huruf lalu tekan Ctrl + A. Buat layer baru lalu tekan Ctrl + F. Klik ikon mata di depan layer huruf yang asli.

Seleksi huruf T lalu gabungkan dengan klik Unite di Pathfinder.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 24

Hapus garis tambahan yang mungkin dihasilkan proses ini.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik
Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 25

Ulangi proses yang sama pada huruf-huruf yang lain.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 26

Ini adalah hasil yang diperoleh.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 27

Kosongkan Fill lalu naikkan Weight Stroke hingga 3 pt.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 28

Munculkan kembali teks asli.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 29

Sepintas terlihat bagus tapi jika dilihat lebih dekat ada beberapa detail yang tidak logis. Salah satunya adalah garis Stroke menutupi huruf. Untuk memperbaikinya geser layer Stroke ke belakang huruf.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 30

Mungkin sekali sebagian Stroke masih menutupi teks.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Langkah 31

Untuk memperbaikinya, Anda perlu mengatur posisi huruf agar yang di depan berada di posisi lebih atas.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Hasil Akhir

Ini adalah hasil yang kita peroleh. Semoga tutorial sederhana ini membantu Anda memahami cara menggambar dengan metode isometrik.

Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

Download Link

Download File Ai

,

5 Responses to Menggambar Teks Tiga Dimensi Menggunakan Projeksi Isometrik

  1. ajir 28 December 2011 at 7:17 am #

    keren bg.. metode yg sangat bermanfaat!

  2. dHaNy 28 December 2011 at 12:31 pm #

    Sukaaa… Bagus banget nih saya malah belum pernah make ilustrator…
    Makasih tutorialnya mas..

  3. TIO 30 December 2011 at 11:41 am #

    Bikin renda2 kayak gambar kain ini proses nya gimana ya mas?

    http://psdfreemium.com/fabric-logo-site/

  4. RAFI 30 December 2011 at 2:48 pm #

    mas bikin gambar jadi seperti gambar di baju ini gimana http://www.distrokdri.com/images/product/kaos-thumb1293960187-02-foto2kaki-garuwis.jpg

Tinggalkan komentar Anda.