Mendesain Logo Grand Theft Auto di Illustrator

Kita akan belajar menggunakan fitur dasar di Adobe Illustrator untuk mendesain logo game populer Grand Theft Auto (GTA). Tutorial ini bagi pemula dan akan mengajarkan Anda dasar-dasar penggunaan teks serta cara memodifikasi objek.

[hr]

Hasil Akhir

Inilah logo yang ingin kita buat. Sederhana namun membantu bagi mereka yang baru belajar Illustrator.

Mendesain Logo Grand Theft Auto di Illustrator

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Pemula
  • Software yang Digunakan: Adobe Illustrator (Semua Versi)
  • Teknik yang Dipelajari: Offset Path, Tool Pen dan Direct Selection
  • Lama Pengerjaan: 25 menit

[hr]

Tutorial

Langkah 1: Menyiapkan Teks

Langkah pertama adalah mencari jenis teks yang digunakan dalam logo. Setelah beberapa saat browsing, kita akan menemukan bahwa GTA menggunakan font gratis Pricedown. Install font tersebut di komputer dengan menariknya ke folder Fonts dari COntrol panel.

Buat teks grand, theft, dan auto. Semua dalam huruf kecil dan terpisah per kata dengan warna hitam dan tanpa garis luar (Stroke).

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

Langkah 2

Klik kanan teks dan pilih Create Outlines. Ini akan mengubahnya menjadi bentuk vektor biasa (bukan teks) dan tidak bisa lagi diedit teksnya.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 3

Klik kanan teks dan pilih Ungroup untuk memisahkan setiap hurufnya.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 3: Detail-detail Itu…

Beberapa huruf terdiri dari bentuk kompleks. Misalnya r dan a yang memiliki lubang di dalamnya. Klik kanan huruf tersebut dan pilih Release Compound Path.

Lubang akan hilang karena terpisah. Namun, ini tidak jadi masalah. Kita akan memperbaiki ini nanti.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 4

Ada bagian-bagian tertentu yang perlu kita edit, misalnya r yang aslinya memanjang. Kita geser bagian panjangnya dengan tool Direct Selection (panah putih) dan menempelkannya ke bagian atas huruf h.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 5

Untuk mempermudah, kita ubah terlebih dahulu warna teks ke putih dan memberinya garis luar hitam. Kita juga perlu memodifikasi bentuk huruf h. Bagian bawahnya perlu kita geser agar tidak panjang. Klik titik-titiknya dengan tool Pen untuk membuangnya. Geser segmen garis berikutnya untuk merapikan bagian bawah huruf.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 6

Seleksi huruf r dan h lalu gabungkan keduanya dengan perintah Union di panel Pathfinder.

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

Langkah 7

Seleksi huruf hasil gabungan r dan h serta lubang di huruf r. Pilih Exclude di panel Pathfinder untuk melubangi huruf r.

Mendesain Logo Grand Theft Auto di Illustrator

Inilah hasilnya. Agar mudah dilihat, warna teks diubah menjadi hitam.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 8

Ulangi proses editing yang sama pada huruf lainnya. Lihat referensi logo asli GTA.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 9: Offset

Kita akan membuat bagian luar teks. Seleksi semua huruf dan pilih Object > Path > Offset. Pilih Offset 3 mm. Aktifkan Preview untuk melihat hasilnya. Klik OK.

Mendesain Logo Grand Theft Auto di Illustrator

Seperti terlihat di bawah, masih ada bagian-bagian yang bertumpukkan. Ini karena semua objek ini masih terpisah.

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

Langkah 10

Seleksi semua objek hasil Offset dan gabungkan dengan perintah Union di panel Pathfinder.

Mendesain Logo Grand Theft Auto di Illustrator

Langkah 11

Ubah warna Fill-nya menjadi hitam dan hilangkan Stroke.

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

Langkah 12

Untuk membuat bagian dalam teks, ulangi sekali lagi perintah Offset pada teks. Namun, kali ini gunakan nilai offset negatif. Simpan hasilnya di atas teks. Beri Stroke hitam dengan Fill putih.

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

Langkah 13

Seleksi sebagian segmen garis dengan tool Direct Selection lalu hapus dengan menekan Delete.

Mendesain Logo Grand Theft Auto di Illustrator

Hasil Akhir

Terus ulangi ini pada segmen garis-garis lainnya.

Mendesain Logo Grand Theft Auto di Illustrator

Jika ada waktu, kami berharap bisa membuat tutorial lanjutan cara mendesain logo V dalam GTA versi terbaru.

Mendesain Logo Grand Theft Auto di Illustrator
Mendesain Logo Grand Theft Auto di Illustrator

[hr]

Download Link

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2013/11/tutorial-illustrator-mendesain-logo-grand-theft-auto/logo-teks-gta.ai”%5DDownload File Logo GTA (AI)[/ilink]

Memindahkan Path ke Layer Baru di Adobe Illustrator

Proses tracing di Illustrator sebetulnya tidak terlalu sulit. Cukup dengan kesabaran saja dan keluwesan pergelangan ketika menggeser mouse atau pen. Setelah selesai tracing, sangat disarankan untuk mengorganisir path ke dalam layer-layer untuk mempermudah pengaturannya. Caranya ternyata mudah.

[hr]

Video

Jika Anda lebih mudah memahami instruksi video, silakan ikuti video ini.

[hr]

Tutorial

Langkah 1

Siapkan file hasil tracing Anda. Di sini saya menggunakan hasil trace sebuah gambar gitar dari shutterstock.com.

Memindahkan Path ke Layer Baru di Adobe Illustrator
Memindahkan Path ke Layer Baru di Adobe Illustrator

Langkah 2

Buat layer baru dan beri nama yang sesuai.

Memindahkan Path ke Layer Baru di Adobe Illustrator

Langkah 3

Seleksi path-path yang akan dipindahkan dengan tool Move. Anda bisa memilih lebih banyak path dengan cara Shift-klik path.

Memindahkan Path ke Layer Baru di Adobe Illustrator

Langkah 4

Klik kotak kecil di sebelah nama layer dan geser ke layer tujuan.

Memindahkan Path ke Layer Baru di Adobe Illustrator

Langkah 5

Path sekarang sudah berada di layer terpisah. Anda bisa melihatnya dengan klik ikon mata untuk menyembunyikan layer asal. Semoga tips singkat ini berguna bagi Anda.

Memindahkan Path ke Layer Baru di Adobe Illustrator

Menggambar Pictogram di Adobe Illustrator (Video)

Kali ini, kita akan belajar cara menggambar pictogram –yaitu ikon simbol– sebuah jam di Adobe Illustrator yang terinspirasi oleh set ikon web vektor di Shutterstock. Dalam tutorial ini, kita akan belajar dasar penggunaan perintah Expand untuk memecah shape standar dan menggunakan Pathfinder untuk menggabungkan dan memotong beberapa shape.

Preview

Inilah tampilan pictogram yang akan diperoleh dalam video tutorial ini.

Tutorial Menggambar Pictogram di Adobe Illustrator

[hr]

Video Tutorial

Anda juga bisa melihat video ini di YouTube.

[hr]

Download Link

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2013/01/tutorial-video-pictogram-jam/pictogram-jam.zip”%5DDownload File AI[/ilink]

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop (Bagian 1)

Dalam tutorial ini, saya akan memperlihatkan proses pembuatan sebuah logo bergaya retro namun memiliki kesan modern melalui penambahan pencahayaan dan pola-pola lembut. Kita menggunakan Photoshop dan Illustrator dalam proses ini. Di bagian pertama ini, saya akan menunjukkan teknik dasar manipulasi objek sederhana di Illustrator.[hr]

Preview

Di bawah adalah hasil akhir yang akan kita peroleh.

Judul Tutorial

Di bagian pertama tutorial ini, kita akan mendesain rangka (wireframe) logo terlebih dahulu.

Judul Tutorial

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah
  • Software yang Digunakan: Adobe Illustrator
  • Teknik yang Dipelajari: Penggunaan Guide, Type on A Path, Manipulasi Shape Sederhana.
  • Lama Pengerjaan: 30 menit

[hr]

Tutorial

Langkah 1: Menyiapkan Kanvas

Mulai dengan membuat file baru. Tampilkan penggaris dengan menekan Ctrl + R. Geser dari penggaris ke tengah kanvas untuk membuat guide.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 2: Bentuk Dasar Logo

Aktifkan tool ellipse (L). Tahan Shift + Alt lalu geser dari tengah kanvas untuk membuat sebuah lingkaran sempurna..

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 3

Aktifkan tool Star. Klik satu kali di atas kanvas untuk memunculkan kontak dialog tool Star. Isikan Points: 50 lalu klik OK. Hapus bintang yang dihasilkan karena kita tidak akan menggunakannya.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 4

Dengan langkah yang sama seperti pembuatan lingkaran tadi dan kombinasi tombol Ctrl, buat bintang di dalam lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 5

Klik Effects > Stylize > Round Corners. Efek ini akan mengubah ujung tajam di bintang menjadi bentuk lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 6

Buat lagi lingkaran lebih kecil di dalam. Di panel Stroke, aktifkan Dashed Line untuk menghasilkan garis putus-putus.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 7

Lagi, buat lingkaran lebih kecil.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 8

Buat lagi dua lingkaran lebih kecil. Atur Fill ke None dan isi Stroke dengan hitam. Atur Stroke lingkaran paling dalam menjadi 3 pt..

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 9

Ubah kedua lingkaran menjadi shape dengan cara klik Object > Expand. Mulai saat ini, mereka bukan lagi lingkaran dengan Stroke hitam tapi berbentuk cincin hitam.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 10

Buat sebuah kotak memotong bagian bawah lingkaran.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 11

Seleksi salah satu lingkaran dan persegi yang tadi kita buat. Buka panel Pathfinder dengan klik Window > Pathfinder. Klik ikon Minus Front.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Bentuk cincin akan terpotong.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 12

Lakukan hal yang sama dengan lingkaran satu lagi.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop
Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 13

Buat bintang di kedua sisi.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 14

Tambahkan teks 100 percent.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 15: Pita

Buat shape persegi lalu seleksi dua titik di sisi bawah. Aktifkan tool Scale lalu geser ke tengah.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 16

Aktifkan tool pen. Klik bagian tengah sisi atas untuk menambah titik baru. Tahna Alt lalu geser kedua titik untuk mengubahnya menjadi titik lengkung. Seleksi kedua titik tadi dengan tool Direct Selection dan geser ke atas.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 17

Buat persegi, tambahkan titik baru di tengah sisi kiri lalu geser ke tengah. Simpan shape di belakang.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 18

Gambar sebuah segitiga dan simpan di antara kedua bagian pita.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 19

Seleksi bagian belakang pita. Klik kanan dan pilih Transform > Reflect. Pilih Vertical lalu klik Copy.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 20

Simpan shape hasil duplikasi ke sisi pita yang lain.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 21

Duplikasi bagian depan pita. Hapus sisi kiri, kanan, dan atas. Aktifkan tool Type on A Path lalu klik path untuk menambahkan teks.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 22

Simpan teks di atas pita.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

Langkah 23

Terakhir, saya tambahkan satu lagi lingkaran di bagian luar logo.

Mendesain Logo Bergaya Retro dengan Illustrator dan Photoshop

[hr]

Hasil Akhir

Dalam tutorial bagian kedua, kita akan mengimport path vektor logo yang diperoleh ke Photoshop lalu menghiasnya dengan layer style, pencahayaan, dan pola-pola agar terlihat modern.

Judul Tutorial

[hr]

Download Link

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2011/11/tutorial-logo-retro-ps-ai-bag1/logo-retro.ai”%5DDownload File Ai (Adobe Illustrator)[/ilink]

Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator

Semua film super hero selalu menyebalkan dan tidak layak ditonton. Tentu saja kecuali Batman besutan Christopher Nolan. Anyway, Avenger adalah satu lagi film super hero berkualitas buruk yang hanya mengandalkan spesial efek khas Hollywood. Jika Anda penasaran dengan efek teks dalam judul filmnya, pastikan untuk mengikuti tutorial ini.

Tutorial ini ditulis ekslusif untuk Hongkiat.
[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini tidak sekadar meniru efek teks yang ada di film. Dalam tutorial ini, kita akan menggunakan membuat sendiri teks yang mirip dengan karakter teks Avenger. Kita akan melakukannya secara manual di Illustrator. Proses selanjutnya adalah memberi kesan tiga dimensi memberi kombinasi layer style dan tekstur di Photoshop.

Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator
Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

Wacom Bamboo adalah salah satu alat desain terbaik yang saya miliki. Harganya memang mahal namun sangat membantu saya dalam menggambar objek-objek realistis. Selain menghemat waktu, Wacom juga membantu saya terhindar dari cedera pergelangan.

Dalam tutorial ini, saya mencoba bereksperimen dengan menggambar Wacom Bamboo dari sketsa vektor di Illustrator kemudian memberinya pencahayaan realistis di Photoshop. Tutorial yang dipecah jadi dua bagian ini ditulis ekslusif untuk PVM.garage.[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini membahas secara detail proses menggambar Wacom Bamboo dalam dua tahap. Tahap pertama adalah menggambar rangka (wireframe) Wacom di Illustrator dan selanjutnya memberi detail di Photoshop hingga terlihat realistis.

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis
Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

[hr]

Link Tutorial

[unordered_list style=”bullet”]

[/unordered_list]

Mendesain Kaus dengan Adobe Illustrator dan Mempresentasikannya di Mockup PSD

Dalam tutorial ini, kita akan mendesain sebuah kaus menggunakan Adobe Illustrator. Kita sengaja menggunakan Illustrator –dan bukan Photoshop– untuk menjamin ketajaman dalam hasil desain akhir. Kemudian, hasil akhir desain akan kita olah ke dalam file mockup t-shirt di Photoshop sehingga kita bisa mempresentasikannya pada klien.
[hr]

Preview

Di bawah adalah tampilan desain kaus yang akan kita peroleh.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

[hr]

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe Photoshop, Adobe Illustrator
  • Teknik yang Dipelajari: Modifikasi path dengan panel Pathfinder, Penggunaan mockup Photoshop.
  • Lama Pengerjaan: 45 menit

[hr]

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

[hr]

Tutorial

Langkah 1: Proses Desain di Illustrator

BUka Adobe Illustrator dan buat file baru berukuran A4 dengan resolusi 300 dpi dan mode warna CMYK. Buat teks dengan posisi seperti di bawah. Untuk melakukan Anda tinggal klik pada kanvas lalu memotong setiap huruf dengan tombol Enter. Atur nilai leading karakter secara manual agar posisinya rapat.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 2

Ubah teks menjadi vektor gambar dengan cara klik kanan lalu pilih Create Outlines. Mulai saat ini, teks tidak bisa lagi diedit.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 3

Sekali lagi klik kanan lalu pilih Ungroup. Ini akan memisahkan setiap karakter. Akibatnya, Anda bisa memilih setiap karakter secara terpisah seperti pada huruf G di bawah.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 4: Modifikasi Huruf N

Buat kotak panjang di depan huruf N. Seleksi keduanya lalu klik ikon Unite di panel Pathfinder. Langkah ini akan menyatukan kedua shape.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 5: Modifikasi Huruf L

Hapus kedua titik di bagian ujung huruf L. Geser titik tersisa hingga diperoleh bentuk I.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 6

Ambil vektor brush dan simpan di depan huruf L hasil modifikasi hingga kembali membentuk L sempurna. Seleksi keduanya lalu klik ikon Unite di Pathfinder.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 7: Mempersiapkan Kanvas

Buat beberapa guide untuk mengatur posisi objek dan juga area safe –yaitu area aman untuk objek desain.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 8: Believe

Buat teks Believe di atas perpanjangan huruf N. Ubah teks Believe menjadi shape dengan klik kanan dan pilih Create Outlines. Seleksi keduanya lalu pilih Subtract di panel Pathfinder. Ini akan membuat teks melubangi huruf N.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 9: Siluet

Ambil siluet penyanyi dan burung dari Vandelay Design.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 10: Teks tambahan

Buat teks tambahan dengan warna berbeda. Seperti yang lain, ubah teks ini menjadi gambar vektor.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 11: Memotong Teks

Ambil tekstur vektor Crack Grunge. Simpan di bagian paling atas desain. Klik kanan shape dan pilih Ungroup untuk memecahnya menjadi potongan-potongan kecil.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 12

Okay, di sinilah kesabaran Anda diuji. Prosesnya ternyata tidak rumit, sama seperti yang sudah kita lakukan di awal. Seleksi objek yang bertumpukkan lalu klik Subtract. Untuk mempermudah, Anda bisa mengubah tampilan gambar ke Outline dengan menekan Ctrl + Y.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Dalam contoh ini, kita lihat huruf F dari kata FREE. Seleksi huruf F dan pecahan-pecahan kecil yang menutupinya. Klik tombol Subtract.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Di bawah adalah proses yang sama pada huruf R.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 13

Kita juga bisa mengatur ulang posisi pecahan. Misalnya, huruf L ini terlalu rapi. Jadi kita ambil beberapa pecahan kecil lalu menumpuknya di atas L. Seleksi L dan pecahannya lalu klik ikon Subtract.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 14: Merapikan Desain

Proses di atas akan memakan waktu lama. Selanjutnya adalah merapikan pecahan yang tidak terpakai. Mulai dengan menghapus seleksi besar di sisi kiri dan kanan.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 15

Selesai dengan pecahan besar. Seleksi objek desain yang akan kita gunakan. Tekan Ctrl + X untuk memotongnya ke Clipboard. Buat layer baru lalu tekan Ctrl + F untuk menyimpan di posisi yang sama namun di layer baru. Dalam gambar di bawah, saya telah memindahkan DES ke layer baru, terlihat dari warna outline-nya yang berubah.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 16

Ulangi proses ini pada objek desain lainya. Begitu selesai, Anda dapat menghapus layer berisi pecahan-pecahan yang tak terpakai.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 17: Presentasi dengan Mockup

Desain ini sudah selesai. Namun, sulit sekali memperkirakan hasil yang akan diperoleh jika hanya begitu saja. Penting sekali untuk mempresentasikan desain ini pada objek sesungguhnya. Kita akan menggunakan mockup t-shirt komersil yang saya desain untuk Vandelay Premier. Saya menyukai mockup ini karena lengkap, mudah dikustomisasi, dan berresolusi tinggi sehingga bisa dicetak.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

[box type=”info”]Instruksi dalam langkah berikut ini berlaku untuk mockup t-shirt dari Vandelay Premier. Jika Anda menggunakan mockup lain, silakan ikuti petunjuk yang tersedia dari pembuatnya.[/box]

Langkah 17

Di dalam panel Layers, klik ganda layer design untuk membukanya dalam file terpisah.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 18

Kembali ke Illustrator, seleksi semua objek desain lalu tekan Ctrl + C. Di Photoshop, simpan gambar dengan menakan Ctrl + V. Dalam pilihan Paste, aktifkan Smart Object. Dalam format Smart Object, gambar diimport dalam format vektor sehingga tidak ada penurunan kualitas gambar.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 19

Simpan desain di tengah kanvas dan atur ukurannya.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD
Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 20

Simpan gambar (Ctrl + S). Secara otomatis desain dalam mockup akan berubah.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 21

Bagaimana jika kita ingin menggunakan warna lain? Mudah saja, dalam mockup tersedia beberapa warna. Klik ikon mata di depan group layer Olive untuk mengaktifkan kaus dengan warna hijau tua.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Ulangi proses ini untuk mengaktifkan warna kaus yang lain. Ternyata, kaus hijau muda menurut saya lebih bagus.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 22: Mengubah Latar

Saya juga belajar dari desainer kaus terkenal, Jeff Finley dari Go Media. Bahwa detail-detail kecil yang sebetulnya tidak berhubungan dengan desain kaus bisa mempermudah klien menyetujui projek tersebut. Salah satunya adalah latar mockup.

Untuk kaus dengan warna terang seperti ini, saya rasa latar grunge gelap default seperti ini tidak begitu cocok. Kita perlu mengubahnya. Klik ganda layer Smart Object texture.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 23

Isi latar dengan warna putih. Ambil tekstur Watercolor Grunge dari WeGraphics dan turunkan Opacity-nya menjadi 40%.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

Langkah 24

Gunakan brush besar dan lembut untuk melukis hitam di keempat pojok kanvas. Simpan file latar (Ctrl + S) kemudian tutup (Ctrl + W).

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

[hr]

Hasil Akhir

Di bawah adalah hasil akhir desain kaus yang kita peroleh.

Mendesain Kaus dengan Adobe Illustrator dan Presentasi dengan Mockup PSD

[hr]

Download Link

[ilink style=”download” url=”https://desaindigital.com/wp-content/uploads/2011/07/tutorial-desain-kaus-illustrator/desain-kaus-finish.zip”%5DDownload File AI[/ilink]