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

Huruf Tangan: Bagaimana Vektor Format Surat Anda

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Hand Lettering Fundamentals.
Hand Lettering: Mastering Brush-Script
Hand Lettering: How to Stylize Your Letters
This post is part of a series called Learn Adobe Illustrator.
The A to Z of Adobe Illustrator
How to Create a Game Boy Illustration Using Adobe Illustrator

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Final product image
What You'll Be Creating

Saya masih ingat setahun yang lalu saya mengalami banyak masalah dalam menyusun borang surat saya. Saya memiliki pemahaman yang layak tentang Pen Tool, tetapi tidak tahu bahwa ada teknik minor yang melakukan keajaiban untuk tipe Anda untuk membuat kurva halus yang Anda cari.

Tutorial ini sememangnya akan menjawab semua soalan anda mengenai bentuk huruf vektor dan vektor hampir apa sahaja untuk perkara itu. Proses yang sama boleh digunakan untuk apa sahaja yang anda tulis dalam Illustrator. Dalam kes huruf, kunci adalah untuk mempunyai beberapa mata utama sementara menggunakan penempatan titik yang sepatutnya dan pelbagai helah lain untuk menyempurnakan lengkung, sudut, lebar, dan sebagainya.

Tiga perkara yang harus diperhatikan sebelum kita memulakan:

Pertama, proses di bawah menggunakan beberapa karya yang telah saya buat dalam tutorial sebelumnya. Untuk amalan dan pengalaman anda, saya mencadangkan mencipta/menggunakan tulisan anda sendiri, dan bukannya mencipta saya. Ia benar-benar cara terbaik untuk belajar! Saya mahu anda untuk mengambil maklumat di bawah dan menggunakannya untuk menulis anda sendiri supaya anda akan mempunyai sekeping siap yang anda boleh benar-benar menghubungi anda!

Kedua, tutorial ini bukan mengenai mengajar anda cara menggunakan/memahami Alat Pen. Jika anda tidak faham bagaimana ia berfungsi atau fungsinya, saya mencadangkan membaca sebelum anda mula-itu hanya akan membuat perkara lebih mudah kemudian.

Ketiga, saya ingin anda semua tahu bahawa tutorial ini mungkin kelihatan sedikit menggelembung dan di seluruh tempat, tetapi saya berjanji itu demi mengajar! Saya hanya mahu berkongsi segala-galanya dan apa sahaja untuk membantu proses vektor anda. Cerita panjang pendek, ia tidak akan menjadi permulaan dan akhir yang diperkemas. Akan ada permulaan dan akan berakhir, tetapi akan membawa kita sedikit masa untuk ke sana!

Pastikan fikiran terbuka, dan saya berjanji akan mencipta perkara yang hebat. Mari kita mulakan!

1. Menyediakan Alat yang Anda Perlu

  • Komputer-PC atau Mac. Seseorang akan mendapat pekerjaan!
  • Seseorang akan mendapat pekerjaan!
  • Lakaran/imbasan awal huruf yang anda mahu vektor
  • Pen atau pensil

Untuk tutorial ini, anda akan menggunakan lakaran beberapa huruf sebelumnya yang mungkin anda lakukan dari tutorial sebelumnya. Kami akan memberi tumpuan untuk mengambil lakaran itu dan menyusun semulanya dalam format vektor.

2. Merancang Mata Anda di Extrema

Sebelum kita mula bekerja pada komputer, kita akan mengamalkan vektor dengan tangan! Dengan kertas! Gila, kan? Saya berjanji bahawa ia akan memberi anda pemahaman dan penghargaan yang lebih besar untuk Pen Pen indah.

Sekarang, apa maksud "extrema"? Pertama, ia adalah jamak untuk extremum. Dalam matematik, yang secara amnya bermaksud maksimum atau minimum. Dalam kes huruf, kita bercakap mengenai lawan yang melampau surat itu untuk mengarangnya dengan mengendalikannya. Sebagai contoh, extrema dari huruf "O" akan menjadi titik anchor utara dan selatan yang membentuk lengkung. Titik utama timur dan barat di sebelahnya membolehkan anda mengagihkan berat dan lebar.

Lihat bulatan ini di bawah. Anda dapat melihat bentuk sedang dibuat secara merata oleh empat perkara utama. Ini adalah "extrema" dari huruf "O".

HandlingBezier_Circle_Construction

Perhatikan bahawa pemegangnya seimbang dan diedarkan juga. Teknik yang sama harus digunakan dalam huruf anda. Pastikan pemegang anda semua mengimbangi beban kerja dan tidak membenarkan hanya satu pemegang untuk menjadi sangat panjang dan membawa semua berat.

Langkah 1

Muat turun surat yang dilampirkan jika anda ingin menggunakan saya. Jika tidak, jangan gunakan sendiri! Dari sini, mari kita mula melukis di mana titik utama akan pergi. Teruskan dan gunakan pensil atau pen dan tarik bulatan di mana sahaja anda fikir anda akan meletakkan mata utama dalam Adobe Illustrator.

Jangan risau jika anda betul atau salah - cuma pergi dan lihat apa yang anda fikir sekarang betul. Kemudian sepanjang tutorial ini dan amalan selanjutnya, anda akan kagum dengan perkembangan/pengetahuan baru anda.

HandlingBezier_Anchor_Point_Placement

Langkah 2

Seterusnya, ambil sekeping huruf yang sama dan mula membuat segi empat tepat di sekitar setiap bentuk huruf. Kami menggunakan helah mudah untuk memahami di mana anda akan merancang titik anda pada "extrema" borang surat anda. Di mana pun rectangles menyentuh surat anda adalah di mana titik anchor harus berbohong. Kini, itu bukan untuk mengatakan bahawa bentuk surat anda hanya mempunyai empat titik anchor kerana terdapat empat sisi ke segi empat tepat. Ini hanya memberikan anda titik permulaan yang bagus.

Kemudian, kita akan mula dengan merancang ekstrema dalam Illustrator, dan kemudian menambahkan titik penambat tambahan untuk lengkung tertentu atau mungkin meningkatkan berat badan dalam bentuk surat anda. Setiap bentuk surat akan berbeza, jadi proses ini tidak ditetapkan dalam batu. Akhirnya ia akan memberi anda permulaan yang baik ke arah yang betul, dan terpulang kepada anda untuk menentukan apa yang kelihatan "baik" atau apa yang kelihatan "betul".

HandlingBezier_Rectangle_Technique

3. 0 °, 45 °, 90 °: Mengendalikan sudut

Sekarang, sebelum kita terlalu mendalam ke dalam bahagian tutorial ini, saya ingin mengatakan bahawa 0 °, 45 ° dan 90 ° tidak semestinya satu-satunya sudut yang perlu anda letakkan di tangan anda. Sekali lagi, semuanya datang kepada apa yang kelihatan baik dan menggunakan penilaian anda sendiri untuk menentukan sama ada ia boleh menggunakan sudut rawak 15 °, sebagai contoh.

Jadi, apa yang begitu istimewa tentang sudut mendatar, menegak, dan pepenjuru (45 darjah)? Mula-mula, menggunakan sudut yang sama memastikan perkara yang konsisten merentas huruf anda. Kedua, sudut-sudut tersebut adalah kunci untuk membentuk lengkungan yang paling halus. Pernah melihat mata kecil atau tepi dalam tulisan anda yang disebabkan oleh mata utama? Nah, itu boleh dengan mudah diperbaiki dengan penempatan titik jangkamasa yang betul dan sudut yang betul pada pegangan anda.

Jom pergi kerja!

Langkah 1

Proses mudah di bawah ini akan menunjukkan pentingnya mengendalikan titik anchor mendatar dan menegak. Proses ini sepatutnya digunakan untuk hampir mana-mana projek vektor yang anda ada dari sini. Mari kita mulakan dengan vektor di bawah "The". Saya ingin memecahkan proses vectoring supaya anda dapat melihat bagaimana saya biasanya akan menggunakan vectoring perkataan yang mudah seperti ini.

Sekiranya anda ingin, anda boleh mulakan dengan menggunakan teknik "segi empat tepat" dengan huruf anda sebelum anda bermula supaya anda dapat menentukan di mana tempat extrema anda perlu diletakkan.

HandlingBezier_The_Sketch

Langkah 2

Selepas melukis "The" anda, kami akan mula memisahkannya dengan sepotong ke vektor.

Saya akan mulakan dengan batang "T". Seperti yang anda boleh katakan, saya menggunakan mengendalikan titik mendatar dan juga dua sudut matematik tidak begitu. Ingat, tidak setiap pemegang perlu mendatar. Ini benar-benar apa yang anda fikir kelihatan paling baik. Untuk batang ini, saya mula dengan semua pemegang mendatar, dan kemudian tweaked kedua-dua untuk menyesuaikan dengan keinginan saya.

Semuanya, seluruh batang ini dicipta dengan hanya empat titik utama dan sedikit percubaan dan kesilapan.

HandlingBezier_The_Stem_Vector

Langkah 3

Di sinilah perkara menjadi sedikit gila. Untuk contoh khusus ini, saya memutuskan untuk vektor sambungan "Th" bersama untuk membuat satu bentuk tunggal. Setiap titik anchor sama-sama seimbang dan sama-sama mengedarkan kelengkungan. Adapun di mana untuk memulakan merancang tempat utama anda, itu adalah satu perkara keutamaan. Format huruf biasanya menentukan tempat untuk bermula. Bagi saya, saya bekerja kiri ke kanan, jadi saya mula dengan menarik sambungan gelung "T" dan berakhir pada batang "h".

Mari kita teruskan ke hadapan!

HandlingBezier_The_Th_Vector

Langkah 4

Seterusnya, saya membentuk bahu "h" (batang kedua jika anda mahu). Setiap sekeping tulisan ini dibahagikan kepada bentuk yang berasingan supaya anda kemudian boleh melakukan pengeditan kepada kepingan individu dan bukannya keseluruhan sekeping.

HandlingBezier_The_Completed_Th_Vector

Langkah 5

Langkah terakhir adalah untuk membuat "e". Dengan menggunakan hanya lapan mata utama, saya dapat mencipta bentuk yang betul tanpa menambah lebih banyak mata untuk menyesuaikan lebar, kontras, dan sebagainya.

Mulailah ke mana sahaja anda mahu, tetapi bagi saya secara peribadi, saya mula dengan membentuk palang "e", mengelilingi bentuk itu di sekitar untuk membentuk mangkuk, dan selesai dengan ekor.

Dan di sana kita memilikinya! Kami selesai "The". Ingatlah untuk merancang titik-titik pada ekstrema, menilai mereka yang mengendalikan sehingga kesempurnaan, dan kamu emas! Kesabaran adalah kunci!

HandlingBezier_The_Completed_Vector
HandlingBezier_The_Colored_Completed_Vector

Saya telah memasukkan contoh di bawah juga, supaya anda dapat melihat gaya yang sama sekali berbeza dari perkataan "The" sambil menggunakan pegangan yang sama mendatar dan menegak.

HandlingBezier_Additional_The_Vector_Example

4. Tips Vectoring Tambahan & Trik

Vectoring pasti memakan masa walaupun untuk tuan. Tidak peduli apa, ia banyak penalaan halus dan membetulkan keluk-keluk, titik anchor, dan sebagainya.

Dalam bahagian tutorial ini, saya berharap dapat memberikan lebih banyak kebijaksanaan untuk mempercepatkan proses itu sedikit lebih. Untuk kesederhanaan, saya akan menggunakan huruf 'O' atau bentuk bulatan untuk menunjukkan banyak helah ini. Walaupun ia adalah bentuk yang mudah, metodologi dan amalan di belakang hujung boleh digunakan untuk setiap huruf tunggal.

Langkah 1

Saya panggil teknik ini crossover. Semasa anda memulakan vektor anda, anda mungkin mendapati lebih mudah untuk menggunakan teknik crossover ini untuk mengawal lebar dan sudut bahagian-bahagian bentuk surat anda. Dalam contoh di bawah, anda dapat melihat saya mencipta titik penambat tambahan untuk membolehkan saya mengawal apa yang disebut "kelengkungan" dari "N". Pada dasarnya, ia membolehkan anda untuk memindahkan dan mengubah satu bahagian borang surat anda tanpa mengganggu yang lain.

Dalam contoh gif bawah, ini menunjukkan apa yang saya maksud dengan mengubah satu pihak tanpa mengganggu yang lain. Sekarang, pembinaan "A" ini pastinya tidak betul dengan cara apa pun. Ia hanya satu cara yang sempurna untuk memaparkan teknik crossover yang boleh dicapai.

HandlingBezier_Crossover_Technique

HandlingBezier_Crossover_Gif

Langkah 2

Alat Ellipse dan Alat Rectangle dalam Illustrator boleh menjadi sahabat baik anda jika anda hanya memikirkan bentuk yang menyusun setiap bentuk huruf. Sebagai contoh, huruf "O" mempunyai dua elips: satu untuk lebar dan elips yang lain di bahagian dalam untuk membentuk berat badan. Jadi, jika anda hanya membuat dua elips, disusun di atas satu sama lain, anda boleh membentuk huruf "O" dalam beberapa saat.

Di samping itu, jika anda mahu meneruskan dan membuat huruf lain seperti "H", anda boleh menggunakan Alat Rectangle. Setiap batang dan bar sisi bawah "H" dibentuk dengan tiga segi empat berasingan. Anda kemudian boleh mengembangkan dan menggabungkannya jika anda ingin satu bentuk lengkap.

Semoga proses gif yang dipercepatkan di bawah menunjukkan apa yang saya maksudkan. Saya hanya menggunakan bentuk mudah untuk membentuk huruf ini.

HandlingBezier_Shape_Building
HandlingBezier_Shape_Building_Complete

Langkah 3

Dalam contoh di bawah, saya menggunakan Width Tool dalam Illustrator. Ia pasti boleh berguna pada masa-masa tertentu. Dengan alat ini, anda pada dasarnya merancang tempat yang anda inginkan untuk diedarkan. Dalam contoh ini, saya mahu bahagian kiri dan kanan strok menjadi .525in manakala bahagian atas dan bawah kekal .125in. Ini mengagihkan berat badan secara sama rata dan membentuk huruf "O" yang bertentangan tinggi.

Seperti yang anda dapat lihat dari contohnya, sebelah kiri hanya stroke-iaitu sebelum saya menggunakan Alat Lebar, sedangkan haknya adalah selepas Alat Lebar telah digunakan.

Alat ini pastinya boleh membantu mempercepatkan penyampaian bentuk huruf tertentu, terutamanya skrip. Ingatlah untuk menggambar dengan "pukulan" dan tambah kontras dengan bentuk surat anda dengan Alat Lebar selepas.

HandlingBezier_Width_Tool

Kelemahan ke Alat Lebar ialah apabila anda pergi untuk mengembangkan strok anda, ia membentuk sejumlah besar mata utama yang anda tidak perlukan. Anda boleh melihat apa yang saya maksud dalam imej di bawah. Semua titik-titik merah yang kecil ini adalah titik utama!

Oleh itu, jika anda ingin membuat pengeditan setelah diperluas, agak sulit jika anda tidak mempunyai stroke yang asal untuk diedit.

HandlingBezier_Expanded_WidthTool

5. Final Vector Piece

Baiklah, sudah tiba masanya untuk mengetuk projek vektor terakhir kerana kita baru belajar tentang cara vektor! Kami akan memulakan di mana kami berhenti di awal tutorial dan mengambil sekeping New York City ini untuk disiapkan.

Langkah 1

Dengan mengambil sekeping ini, mulailah menyelitkan borang surat anda satu demi satu. Gunakan teknik crossover untuk dapat melaraskan kawasan penulisan anda tanpa mengganggu bahagian lain. Untuk sekeping tulisan ini, saya mempunyai sedikit pegangan menegak dan mendatar. Tetapi saya masih merancang titik saya pada ekstrem yang membolehkan saya membuat bentuk yang anda lihat.

HandlingBezier_NEW_Vector

Langkah 2

Setelah vektor "Baru", mari kita mulakan perkataan seterusnya: "York". Gunakan proses yang sama dan vektor setiap bahagian dengan sekeping. Anda mungkin boleh melihat koleksi mata utama dalam "K". Itu kerana saya menarik setiap bahagian "K" sebagai bentuk berasingan untuk diedit kemudian jika perlu. Oleh itu batang dan kedua-dua kaki semua ditarik secara individu, mewujudkan tiga bentuk untuk membentuk "K".

Perhatikan bahawa tidak mengapa jika semuanya bertindih, kerana kami akan mengisi bentuk-bentuk ini di kemudian hari.

HandlingBezier_York_vector

Langkah 3

Kata terakhir kepada vektor, "City". Anda tahu apa yang perlu dilakukan: mula merancang titik-titik itu dan berhati-hati dengan mengendalikan pegangan anda dengan keinginan anda. Lukis setiap huruf secara berasingan seperti yang anda dapat lihat di bawah-ini akan membantu proses penyuntingan di kemudian hari.

HandlingBezier_City_Vector

Langkah 4

Di sana kita ada! Selepas anda menyelesaikan vektor keseluruhan, anda boleh memberikan huruf mengisi bukannya strok supaya anda dapat melihat bagaimana ruang positif dan negatif berinteraksi.

HandlingBezier_Filled_Vector_NYC

Langkah 5

Walaupun selepas anda fikir anda sudah selesai, anda mungkin tidak!

Terdapat banyak penyuntingan untuk dilakukan setelah anda "mengisi" bentuk itu kerana anda kemudian dapat melihat apa yang memerlukan lebih banyak kontras, lebih banyak kerning, dan sebagainya. Dalam contoh ini, saya membuat banyak suntingan kecil untuk membantu warna keseluruhan. Di samping itu, saya mengubah bentuk "Y" untuk memanjangkan ruang negatif "N".

HandlingBezier_Filled_Vector_NYC_Edited

Langkah 6

Langkah terakhir! Untuk sekeping ini, saya menambah sedikit "takik" ke pintu masuk dan keluar dari bentuk huruf. Bagaimana satu vektor seperti ini? Hanya ingat untuk memecahkan perkara ke dalam bentuk mudah atau pukulan lagi. Bagi saya, saya tahu ia akan menjadi sempurna untuk menggunakan beberapa pukulan yang mudah dibuat dengan Pen Tool, tetapi saya menukar "Profil Lebar Variabel" strok untuk membuat bentuk segi tiga. Anda boleh melihat apa yang saya maksud dalam proses di bawah.

HandlingBezier_Vector_NYC_Notches
HandlingBezier_VariableWidthTool
HandlingBezier_Angular_VariableWidthTool

Kesimpulan 

Saya mengambil kebebasan penggambaran video yang sangat meleset dari keseluruhan proses penulisan. Ia membawa saya dua jam yang baik untuk menyelesaikan sekeping ini. Sekali lagi, kesabaran adalah kunci jika anda ingin huruf vektor anda melihat dengan tepat bagaimana anda melukisnya! Jangan ragu untuk menonton proses di bawah dan lihat langkah tambahan yang saya ambil untuk mengambil huruf vectored ke peringkat seterusnya.

Bahagian bawah New York City adalah vektor siap selepas menambah banyak butiran tambahan. Jika anda ingin tahu cara membuat kedalaman, tekstur, kombinasi warna, dan sebagainya, maka tutorial seterusnya akan menjadi sempurna untuk anda! Tunggu selama itu dalam bulan atau dua bulan yang akan datang.

HandlingBezier_Finished_NYC_Vector

Saya yakin pada masa ini anda telah mengamalkan jumlah yang baik dengan semoga menjadi lebih selesa dengan vektor daripada yang anda sudah. Kami telah membahas banyak bahan, dan kini sudah tiba masanya untuk anda meletakkan pengetahuan ini untuk ujian. Terus berlatih apa yang telah anda pelajari kerana ia hanya menjadi lebih baik dengan masa, saya berjanji! Teruskan!

Seperti biasa, jika anda mempunyai sebarang masalah atau soalan, jangan ragu untuk meninggalkan komen di bawah dan saya akan dapat membantu anda. Semoga berjaya!

Sumber Tambahan

Sekiranya anda berminat mendapatkan bantuan dengan tulisan anda, Envato Studio mempunyai koleksi Khas Lettering & Kaligrafi yang anda ingin cari.

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.