Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Hand Lettering
Design

Cara Membuat Desain Hand Lettering T-Shirt pada Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini, saya ingin berbagi dengan Anda proses artistik untuk menciptakan desain tulisan tangan yang unik dan dipersonalisasi dan mengubahnya secara digital menjadi desain kaos yang siap dicetak. Kami akan mulai dengan sketsa konsep dan melanjutkan untuk belajar bagaimana mendesain vektor pada Adobe Illustrator.

Sepanjang jalan, Anda akan mempelajari beberapa kiat dan teknik huruf yang akan meningkatkan keterampilan menulis Anda. Tutorial ini untuk pemula yang ingin memulai seni menulis huruf, bukan hanya untuk desain kaos, tetapi juga untuk hal lain, seperti sampul buku, desain mug, atau cetak karya seni.

Jika Anda ingin mencari gambar tulisan tangan atau mendapatkan inspirasi, silakan kunjungi GraphicRiver.

1. Cara Membuat Sketsa & Merangkai Huruf Tangan

Langkah 1

Untuk memulai proses, mari kita cetuskan sketsa kasar cepat.

Anda dapat menggunakan pena atau tinta dan kertas tradisional untuk membuat sketsa dan pemindaian, atau Anda dapat menggunakan pena dan tablet digital pilihan Anda. Saya lebih suka menggunakan Adobe Photoshop atau Procreate untuk membuat sketsa, membersihkan tanda pensil, mengoreksi, mengatur jarak, menyesuaikan, dan menyesuaikan proporsi.

Dalam perayaan minggu budaya Prancis Envato, kami akan menggambar frasa Prancis "Fou D'amour" yang berarti "Gila dalam Cinta".

Sketsa akan digunakan hanya sebagai bahan referensi. Anda akan dapat menyesuaikan ketebalan, kurva, dan keseimbangan desain nanti. Sebagai pemula, mulailah dengan cepat membuat sketsa konsep ide melalui sketsa thumbnail. Bereksperimen dengan bentuk huruf, sudut, dan komposisi.

Sebagai pemula, mulailah dengan cepat membuat sketsa konsep ide melalui sketsa thumbnail. Bereksperimen dengan bentuk huruf, sudut, dan komposisi.

natural cursive hand ettering sketch thumbnails curves composition

Langkah 2

Pilih salah satu sketsa yang menurut Anda terbaik untuk desain tshirt Anda. Replikasikan konsep dalam thumbnail pada kertas ukuran A4 (8,5 "x 11") atau file digital.

Mulailah dengan menempatkan pusat keselarasan lintas-baris, dan kemudian tambahkan topi-tinggi, x-height, dan dasar di mana teks akan ditempatkan.

Setelah itu, menulis dalam alam Anda sendiri, sederhana, kursif tulisan: "Fou D'amour".

Itu tidak harus sempurna disesuaikan karena kami ingin membuat merasa pribadi.

sketch pencil simple text alignment cap hieght baseline xheight adobe photoshop

Langkah 3

Selanjutnya, kita akan pergi ke baris berhuruf tangan sederhana dan membangun di sekitarnya. Pada tahap ini, Anda dapat memanipulasi huruf-huruf di setiap arah yang Anda inginkan. Aku pergi menuju suasana sikat-seperti cairan dan tebal.

Meluangkan waktu untuk sketsa sekitar menambah berat badan, memperbaiki, dan menerapkan kontras ke huruf.

Idenya adalah untuk membuat sketsa di sekitar baris sketsa awal, bereksperimen dengan stroke tebal dan tipis, tepi, dan tips. Membayar perhatian negatif spasi, highlight, dan konektor antara huruf.

Menghiasnya dengan bintang-bintang, tetes, dan hati sekeliling, untuk memberikan efek "cinta-pop" yang, seperti yang saya lakukan di bawah ini.

sketch build up on simple handwriting stars drops hearts rough piece

Langkah 4

Sebelum kita mulai bekerja pada komputer, Anda perlu jejak atas sketsa untuk memperbaiki huruf, sehingga sedikit lebih bersih dan lebih tepat.

Ketika Anda kira-kira puas dan dilakukan dengan kalkir atas namanya, maka Anda perlu untuk plot keluar mana poin vektor akan ditempatkan. Merencanakan adalah seperti menambahkan poin panduan untuk menyederhanakan proses vektor kemudian. Itu berarti kita menambahkan titik-titik yang mana adalah jangkar poin, dan garis untuk menunjukkan arah menangani jangkar.

Proses ini sederhana merencanakan keluar penempatan jangkar poin dan menangani titik anchor horisontal dan vertikal akan memberikan bentuk yang lebih bersih dan lebih tepat letterforms, sekali berubah menjadi vektor.

Ingat hal-hal berikut:

  • Merencanakan biasanya ditempatkan pada 0°, 45° dan sudut 90°, atau mana ada perubahan dalam arah kurva.
  • Tempat jangkar poin di atas, sisi, dinding dan lantai letterforms. Jadi bagian atas dan bawah dan paling kiri dan kanan surat akan memiliki jangkar poin.
  • Surat tepi akan selalu memiliki titik.
  • Tambahkan seperti sedikit jangkar poin sebanyak mungkin untuk mendapatkan kurva terlihat alami.
  • Mengetahui penempatan jangkar poin dan handle ini akan menghemat jam kerja.
  • Anda tidak perlu khawatir tentang menempatkan mereka benar atau salah; dengan waktu, Anda akan mendapatkan menguasainya dan memiliki penilaian yang lebih baik.
Add anchor points vector cleaner shapes precise letterform

2. Bagaimana cara Vectorise Letterforms

Langkah 1

Mari kita meng-upload artwork kami ke Adobe Illustrator.

Catatan: Jika Anda telah digambarkan itu di atas kertas, scan sketsa berhuruf tangan Anda dan Simpan sebagai JPG.

Mengatur dokumen baru (File > baru atau kontrol-N) menggunakan pengaturan berikut:

  • Kosong dokumen preset: A4
  • Nama: Fou_Damour
  • Number of Artboards: 1
  • Width: 8.5"
  • Height: 11"
  • Orientation: Landscape
  • Units: Inches

Open the Advanced tab:

  • Color Mode: CMYK

Dan klik Create.

adobe illustrator new document set up artboard name size width height orientation units color mode

Langkah 2

Berikutnya, Anda perlu membuat layer Anda.

Buka panel Layers (Window > Layers). Ubah nama 'Layer 1' sebagai 'Sketch'.

Kemudian klik ikon Create New Layer, buat layer lain, dan beri nama 'Lettering'. Klik Place (Command-Shift-P) untuk menambahkan sketsa ke Artboard.

Buka panel Layers: Window > Layers. Klik dua kali layer 'Sketch' untuk membuka sub-menu panel Layers:

  1. Name: Sketch
  2. Pilih Lock
  3. Dim Images to: 20%
  4. OK

File > Save (Command-S).

layer panel create new layer place command shift P Lock and Dim file save

Langkah 3

Mari terus memvektor!

Pertama, pastikan Anda berada di layer 'Huruf'.

Kita akan mulai melacak, sepotong demi sepotong. Saya akan menunjukkan kepada Anda bagaimana memecah proses vektor, sehingga Anda dapat pergi tentang vectoring dengan mudah.

Pilih Pen Tool (P). Dari panel Control, pilih null Fill dan Stroke hitam 1 pt.

Mulailah dengan meng-vector kata 'Fou', dimulai dengan batang huruf 'F'. Bentuk huruf cenderung membimbing Anda dari mana harus memulai. Saya selalu bekerja dari kiri ke kanan.

Ikuti titik sketsa yang diplot, dan gunakan Anchor Point Tool (Shift-C) untuk menyejajarkan jangkar secara vertikal dan horizontal secara merata.

pen tool hora point tool to vertically and horizontally align handles equally stroke black 1pt

Langkah 4

Lacak setiap bagian dari tulisan seolah dipecah menjadi bentuk yang berbeda. Ini akan membantu Anda mengedit setiap bagian daripada seluruh teks.

  • Jangan melewati handle arah.
  • Jangan menekan satu titik jangkar untuk melakukan semua lengkungan.
  • Pastikan kurva mengalir dengan indah dan ujung-ujungnya bersih.

Untuk palang 'F', buat ujungnya runcing. Kemudian gunakan Direct Selection Tool (A) untuk memilih dua sudut tepi. Ini secara otomatis akan mengubah titik jangkar ke widget Live Corner.

Klik opsi Corners di panel Control (Window > Control), dan atur Radius ke 0,03 in.

F select tips with direct selection tool turn on live corner widgets and set radius 003 in

Langkah 5

Lanjutkan penelusuran 'ou' dengan Pen Tool (P), dan gunakan Anchor Point Tool (Shift-C) untuk menyesuaikan pegangan.

Telusuri crossover loop 'o' seperti yang ditunjukkan di bawah ini. Tidak apa-apa jika semuanya tumpang tindih. Pastikan untuk melacak surat Anda secara individual sehingga Anda dapat membuat penyesuaian ruang di kemudian hari dalam prosesnya. Nanti kami akan mengedit dan menggabungkan semuanya bersama.

Setelah itu, pisahkan trace 'u'.

Anda akan melihat bahwa beberapa anchor point perlu ditambahkan, dan handel jangkar membutuhkan perubahan arah. Plot titik dan sejajarkan gagang sesempurna mungkin. Ada banyak trial and error, tetapi pada akhirnya Anda akan menguasainya.

Trace fou pen tool

Langkah 6

Setelah meng-vector 'Fou', terapkan teknik crossover ke masing-masing vektor, sepotong demi sepotong, ke kata 'D'amour'. Teknik ini membantu mengontrol setiap persimpangan huruf, lebar, dan sudut.

Untuk memastikan hasil yang bersih, gunakan pegangan titik horizontal dan vertikal. Ini agak rumit pada awalnya. Anda mungkin perlu tambahan sudut 45 °, tergantung pada tipografi dan sudut desain.

Cobalah untuk mempertahankan lebar yang sama di antara konektor.

Ambil Direct Selection Tool (A), pilih anchor points, dan drag sambil menekan tombol Shift untuk meregangkan pegangan vertikal dan horizontal secara merata. Semakin jauh Anda meregangkan gagang, semakin panjang lekukannya.

cross over technique damour text trace pen tool and anchor point tool

Langkah 7

Yang terakhir ke vektor adalah elemen dekoratif di sekitar huruf.

Gunakan Ellipse Tool (L) untuk menggambar elips, tetapi jika tidak secara manual mata dan melacak bentuk lain dengan Pen Tool (P) untuk memberi mereka nuansa organik.

trace lettering shapes and forms ellipse tool for ellipses

Langkah 8

Setelah Anda meng-vector seluruh bagian, Delete layer 'Sketch' dari panel Layers.

Select All (Command-A), dan Swap Fill & Stroke (Shift-X), untuk memberikan huruf sebagai pengganti, bukan stroke.

Jadi sekarang Anda dapat melihat ruang positif dan negatif lebih jelas dan melihat di mana letak kelemahan.

negative positive space analysis swap fil and stroke select all

3. Cara Mengedit Warna dan Lettering

Langkah 1

Sekarang saatnya menyesuaikan bentuk dan mengedit ukuran. Luangkan waktu untuk menyetel kurva dan memperbaiki tuas jangkar.

Pertama, edit setiap bentuk huruf dengan menyesuaikan setang menggunakan tombol Shift.

Kemudian tweak dengan mengubah, memutar, menyelaraskan atau merentangkan huruf, sehingga mereka berada dalam keharmonisan visual.

Untuk skala, gunakan Selection Tool (V) dan pilih Free Transform Tool (E), tahan Shift untuk skala secara proporsional.

Untuk memindah, cukup pilih bentuk surat menggunakan Selection Tool (V) dan selaraskan teks dengan benar.

tweak text using direct selection tool and free transform tool shortcuts

Langkah 2

Setelah itu, Anda perlu menganalisis ruang negatif dan positif.

Ruang negatif adalah ruang putih atau kosong di antara elemen-elemen. Ruang yang terisi disebut sebagai positif. Ruang negatif pada dasarnya membantu menentukan apa ruang positif, dan mendukung keterbacaan.

Untuk memperbaiki interaksi ruang, jaga konsistensi dalam jarak elemen, dan pertahankan desain Anda tetap rapi, mudah dibaca, dan bersih. Lihat apa yang perlu lebih kerning atau lebih melengkung, pelurusan, dll. Saya melakukan pengeditan kecil sehingga teks dapat dibaca dan disejajarkan.

Keterampilan untuk dapat secara tepat mengubah sketsa menjadi vektor sangatlah berharga. Mampu melakukan itu memungkinkan Anda untuk meningkatkan jumlah tulisan Anda tanpa kehilangan detail dan nuansa teks

fou damour text editing curves kerning spacing negative positive space

Langkah 3

Setelah Anda puas dengan tampilan keseluruhan, saatnya untuk bergabung dengan jalur yang tumpang tindih.

Buka panel Pathfinder: Windows > Pathfinder. Lalu, misalnya, ambil Selection Tool (V), pilih elemen 'F', dan pilih opsi Shape Modes: Unite.

Pergi untuk memilih semua bentuk tumpang tindih yang ingin Anda gabungkan, dan klik pada Unite dari panel Pathfinder.

fou damouir french text window pathfinder unite selection tool

Langkah 4

Kita hampir selesai!

Lompat ke generator skema warna seperti Coolor.co atau Adobe Color CC, dan pilih palet yang terinspirasi 'cinta'.

Pilih apa warna palet HEX yang Anda inginkan dan terapkan untuk mengisi tulisan.

Saya bekerja dengan palet berikut, dan saya memberi setiap elemen warna yang saya temukan sesuai:

  • Rose Red: HEX color #E73938
  • Pumpkin: HEX color #ED6E31
  • Orange: HEX color #f18924
  • Kuning Telur: HEX color #EFBBB1E
  • Cyclamen: HEX color #EB5f9E
  • Sinopia: HEX color #D31216
coolor adobe color palette generator apply fillcolor

4. Cara Mengekspor Gambar untuk Dicetak

Untuk mengekspor gambar vektor agar siap dicetak, Anda perlu file PNG.

Pergi ke File > Export.

Pilih format PNG dengan resolusi 300 ppi, dan pastikan Anda mengekspornya dengan latar belakang yang disetel di Transparent.

file export fou damour png format options 300ppi transparent format

Gila dalam Cinta! Kerja bagus

Sekarang Anda dapat menggunakan file tulisan tangan yang telah diselesaikan untuk mencetak dan menjual desain kaos baru Anda atau menggunakannya pada barang-barang lain, untuk web, atau apa pun yang Anda putuskan!

Saya telah menggunakan Placeit untuk menunjukkan kepada Anda bagaimana desain tulisan tangan Anda akan terlihat pada T-shirt.

Saya harap tutorial ini membantu dan menjelaskan beberapa tips untuk mendigitasi tulisan Anda dengan cara yang membantu dan mudah dimengerti.

Terima kasih telah melalui tutorial ini dengan saya. Jangan ragu untuk membagikan desain tulisan tangan Anda di bagian komentar di bawah ini, dan jika Anda memiliki masalah atau pertanyaan, beri tahu saya. Sampai ketemu lagi!

final fou damour french crazy in love france tshirt design by miss chatz

Jika Anda menyukai tutorial ini, jangan ragu untuk memeriksa tutorial saya yang lain.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.