1. Design & Illustration
  2. Hand Lettering

Tulisan tangan: Bagaimana menyesuaikan dgn mode Surat-surat Anda

by
Read Time:21 minsLanguages:
This post is part of a series called Hand Lettering Fundamentals.
Hand Lettering: How to Vector Your Letterforms
Hand Lettering: A Project From Start to Finish

Indonesian (Bahasa Indonesia) translation by Sittiana Ana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Kami sedang mendekati akhir dari seri huruf ini! Dalam tutorial ini, aku akan menyediakan Anda dengan beberapa metode yang lebih teknis untuk membuat berbagai bentuk tambahan styling untuk tulisan Anda. Sekarang, Anda tentu tahu ada cara yang tak ada habisnya untuk menyesuaikan dgn mode huruf Anda. Saya masih belum mencoba segalanya, tapi untuk tutorial ini, kita akan berfokus pada sembilan dari jenis yang lebih umum dari penyesuaian dgn mode yang saya gunakan dalam pekerjaan saya:

  1. Gaya Split
  2. Detail Hiasan
  3. Closed Drop Shadow
  4. Chisel atau Embossed
  5. Gaya Inline
  6. Potongan
  7. Open Drop Shade
  8. Texture dalam Illustrator
  9. Double Stroke

Saya akan menjelaskan proses ini semua secara individual, tetapi merasa bebas untuk menggabungkan beberapa gaya untuk menciptakan karakter unik.

Catatan: Tutorial ini membutuhkan tingkat menengah/lanjutan pengetahuan tentang Adobe ilustrator. Aku akan menggunakan terminologi yang Anda mungkin tidak memahami jika ini adalah pertama kali Anda membuka ilustrator. Terlepas dari itu, langkah demi langkah proses harus cukup sederhana untuk mengikuti bersama dan memungkinkan hampir setiap orang untuk menyelesaikan. Hanya bersiaplah untuk belajar satu atau dua! Seperti biasa, jika Anda terjebak atau memiliki pertanyaan di sepanjang jalan, meninggalkan komentar di bawah dan saya akan kembali untuk Anda ASAP!

Siapkan Alat-alat yang Anda akan Butuhkan

  1. Komputer
  2. Adobe Illustrator
  3. Matriks H: Download Lampiran

Selama tutorial ini, saya akan memanfaatkan s "H" kustom yang saya buat. Meskipun s "H" ini mungkin tidak akan "tangan-berhuruf" mereka dapat dengan mudah menunjukkan gaya saya akan membuat. Jadi Anda masih dapat menggunakan di bawah pengetahuan untuk hampir setiap bagian dari huruf atau tipografi yang Anda buat. Anda bahkan bisa menyesuaikan jenis huruf yang menggunakan beberapa di bawah teknik. It's all about memilih teknik yang tepat untuk proyek yang benar. Menggunakannya hemat juga, karena beberapa gaya bisa sangat luar biasa.

Akhirnya, dalam setiap bagian, saya telah menyertakan contoh dari beberapa "dunia nyata" aplikasi dari jenis tertentu styling kita akan menangani. Semoga contoh-contoh dapat menunjukkan kepada Anda persis bagaimana mereka dapat diterapkan di tempat lain dan tidak hanya pada "H" s kita akan bekerja dengan dalam tutorial ini. Mari kita mulai!

1. Gaya Split

Saya sebut ini "split gaya" karena sifat letterforms setelah mereka sedang "dibagi". Letterforms hampir dibagi dalam dua — maka "split" efek ini menciptakan.

Langkah 1

StylizingLettering-SplitStyle-TopLeft-MatrixStylizingLettering-SplitStyle-TopLeft-MatrixStylizingLettering-SplitStyle-TopLeft-Matrix

Dalam "H Matrix" vektor file saya yang disediakan, kita akan mulai di kiri atas dan bekerja akhir kemudian di bagian bawah kanan, kiri ke kanan.

Jadi, untuk memulai, pertama "H" kita akan gaya adalah di atas kurung "H" (sudut kiri atas matriks). Selama langkah ini, jangan ragu untuk warna "H" hue atau nilai yang Anda ingin. Bagi saya secara pribadi, saya menjaga itu nilai abu-abu.

Langkah 2

StylizingLettering-SplitStyle-AddingLinesStylizingLettering-SplitStyle-AddingLinesStylizingLettering-SplitStyle-AddingLines

Untuk "split" huruf, memanfaatkan perangkat segmen garis di Illustrator dan bentuk dua baris di atas "H". Memberikan orang-orang garis putih stroke untuk menciptakan efek split.

Langkah 3

StylizingLettering-SplitStyle-Adding-CrossbarStylizingLettering-SplitStyle-Adding-CrossbarStylizingLettering-SplitStyle-Adding-Crossbar

Untuk menyelesaikannya, membuat satu segmen garis lebih horisontal di atas mistar. Tapi aku akan membuat Anda stroke berat rambut lebih tipis daripada Anda stroke optikal keseimbangan segalanya.

Aturan ketika datang ke jenis: horizontal stroke (terutama ketika mereka terhubung ke vertikal stroke) muncul lebih tebal optikal.

StylizingLettering-SplitStyle-Process-GifStylizingLettering-SplitStyle-Process-GifStylizingLettering-SplitStyle-Process-Gif

Gif diatas adalah proses kita perlu lalui. Saya harap hal ini memberikan Anda lebih banyak wawasan tentang bagaimana itu semua dihasilkan bersama-sama.

StylizingLettering-SplitStyle-Real-World-ExampleStylizingLettering-SplitStyle-Real-World-ExampleStylizingLettering-SplitStyle-Real-World-Example

Potongan huruf di atas saya selesaikan beberapa bulan lalu semuanya dengan memanfaatkan "gaya-split-". Semoga ini menunjukkan penggunaan penyesuaian dengan mode yang baik.

2. Detail Hiasan

Selama bagian tutorial ini, Anda bisa menciptakan apapun sesuai keinginan hati Anda. Detail hiasan bisa hampir semuanya. Bentuk, garis, tekstur, berkembang, dll-jangan ragu untuk menjadi liar!

Langkah 1

StylizingLettering-OrnamentalDetails-2nd-HStylizingLettering-OrnamentalDetails-2nd-HStylizingLettering-OrnamentalDetails-2nd-H

Untuk memulai model berikutnya, saya menggunakan yang kedua dari kiri atas "H". Ingat, kita bekerja dari kiri ke kanan. Jangan ragu untuk mewarnai "H" jika Anda mau. Kita sekarang akan mulai membuat beberapa detail hiasan. Nah, ini adalah kesempatan besar bagi Anda untuk melakukan apapun yang Anda inginkan. Rincian dalam "H" ini bisa menjadi apapun yang Anda inginkan! Seperti biasa, Anda dipersilakan untuk menciptakan apa yang saya ciptakan juga.

Langkah 2

StylizingLettering-OrnamentalDetails-Creating-SpursStylizingLettering-OrnamentalDetails-Creating-SpursStylizingLettering-OrnamentalDetails-Creating-Spurs
StylizingLettering-OrnamentalDetails-Spur-ShapeStylizingLettering-OrnamentalDetails-Spur-ShapeStylizingLettering-OrnamentalDetails-Spur-Shape

Saya ingin membuat "memacu" guntingan pada goresan vertikal. Untuk melakukan itu, bentuk segitiga dengan Pen Tool (berikan fill putih) atau bentuk apapun yang Anda inginkan. Ada sejuta cara untuk melakukan satu hal di Illustrator! Anda bisa melihat bentuk yang saya buat pada gambar di atas. Setelah bentuk awal dibuat, Anda bisa menyalin dan menempelkannya di batang vertikal.

Langkah 3

StylizingLettering-OrnamentalDetails-Adding-DiamondsStylizingLettering-OrnamentalDetails-Adding-DiamondsStylizingLettering-OrnamentalDetails-Adding-Diamonds

Selanjutnya, saya memutuskan untuk menambahkan bentuk berlian di tengah dengan goresan membentang dari atas ke bawah. Sekali lagi, apapun keinginan hatimu. "Hiasan" yang Anda tambahkan pada tipografi Anda bisa menjadi sesuatu yang harfiah. Cukup gunakan akal desain Anda untuk memastikan tampilannya bagus!

Untuk membuat penambahan di atas, saya membentuk berlian dengan Rectangle Tool. Bentuk persegi dengan menahan Shift, lalu putar kotak 45 derajat, dan rentangkan anchor point atas dan bawah.

Terakhir, tarik segmen garis untuk memperpanjang di atas dan di bawah-serupa dengan yang kita lakukan pada "gaya terbelah".

Langkah 4

StylizingLettering-OrnamentalDetails-Adding-Stem-SpursStylizingLettering-OrnamentalDetails-Adding-Stem-SpursStylizingLettering-OrnamentalDetails-Adding-Stem-Spurs
StylizingLettering-OrnamentalDetails-Secondary-ShapesStylizingLettering-OrnamentalDetails-Secondary-ShapesStylizingLettering-OrnamentalDetails-Secondary-Shapes

Untuk menyelesaikannya, saya membuat beberapa bentuk tambahan lagi untuk memperluas ke luar dari bentuk huruf. Selain itu, saya menggunakan bentuk berlian lain untuk bercabang dari mistar gawang. Anda bisa lihat di gambar di atas bahwa saya membentuk bentuk, dan menduplikasi bentuk itu ke batang vertikal lainnya.

StylizingLettering-OrnamentalDetails-Process-GifStylizingLettering-OrnamentalDetails-Process-GifStylizingLettering-OrnamentalDetails-Process-Gif

Setelah semuanya disatukan, prosesnya akan muncul seperti gif di atas.

Sungguh gila bagaimana beberapa bentuk sederhana yang ditambahkan atau dikurangkan dari surat itu bisa mengubah keseluruhan perasaannya seketika! Kemungkinan tidak ada habisnya.

Tidak ada jawaban benar atau salah untuk membentuk detail hias.  Itu apa pun desain panggilan untuk benar-benar. Gunakan penilaian Anda, pahami tampilan/nuansa, dan tambahkan penambahan yang sesuai.

StylizingLettering-OrnamentalDetails-Real-World-ExampleStylizingLettering-OrnamentalDetails-Real-World-ExampleStylizingLettering-OrnamentalDetails-Real-World-Example

Dalam contoh ini, detail hias yang saya tambahkan adalah "taji" dan garis batas di sekitar huruf. Selain itu, saya menggunakan beberapa teknik lain yang akan saya tunjukkan nanti di tutorial ini.

3. Menutup Drop Shadow

Proses drop shadow di bawah adalah proses yang paling mudah dan paling sederhana untuk menciptakan efek yang akan kita buat. Ada banyak, banyak cara untuk melakukan hal yang sama, jadi jika proses ini sepertinya tidak masuk akal bagi Anda, silakan menyelesaikan tugas dengan cara apa pun yang Anda inginkan!

Langkah 1

StylizingLettering-ClosedDropShadow-3rd-HStylizingLettering-ClosedDropShadow-3rd-HStylizingLettering-ClosedDropShadow-3rd-H

Kita akan mulai dengan tanda kurung kanan "H" dalam matriks. Pada titik ini, seperti biasa, bebaslah untuk mengubah rona dan bersiap untuk berjalan ke langkah selanjutnya.

Langkah 2

StylizingLettering-ClosedDropShadow-Copying-HStylizingLettering-ClosedDropShadow-Copying-HStylizingLettering-ClosedDropShadow-Copying-H

Waktunya mulai membentuk drop shadow. Untuk memulai, sambil menahan Option pada Mac atau Alt pada PC, mulailah mengklik dan menyeret "H" ke bawah dan ke kanan (atau kiri) sekitar tiga piksel. Tidak perlu tepatnya, coba saja copy gambar diatas. Jika Anda melihat dari dekat gambar di atas, Anda bisa melihat apa yang akan kita bentuk. Ini akan terlihat seolah-olah kita memiliki dua "H" berlapis di atas satu sama lain. Merasa bebas untuk mengubah rona atau nilai dari "H" sehingga Anda dapat melihat layering yang terjadi.

Langkah 3

StylizingLettering-ClosedDropShadow-Duplicating-Multiple-HsStylizingLettering-ClosedDropShadow-Duplicating-Multiple-HsStylizingLettering-ClosedDropShadow-Duplicating-Multiple-Hs

Selanjutnya, setelah Anda menyelesaikan Langkah 2, yang harus Anda lakukan adalah menekan Command-D, yang merupakan jalan pintas untuk Duplikat. Terus menekan Command-D sampai Anda memiliki sekitar empat sampai tujuh duplikat H. Anda Seharusnya berakhir seperti gambar di atas. Itu hanya sekelompok "H" ditumpuk di atas satu sama lain. Perhatikan bahwa yang pertama, abu-abu terang bernilai "H" masih di bagian bawah.

Langkah 4

StylizingLettering-ClosedDropShadow-Send-Shadow-To-BackStylizingLettering-ClosedDropShadow-Send-Shadow-To-BackStylizingLettering-ClosedDropShadow-Send-Shadow-To-Back

Selanjutnya, bawa abu-abu "H" abu-abu yang lebih terang kembali ke depan sehingga nilai "shading" yang lebih gelap ada di bagian bawah. Saya yakin ini terlihat agak aneh, tapi saya janji itu akan terlihat lebih baik pada langkah selanjutnya! Pada titik ini, saya akan menggabungkan semua duplikat yang bernilai lebih gelap dengan harga "H" sehingga Anda memiliki satu bentuk. Seharusnya terlihat seperti gambar di atas, meski arah dan sudut bayangan Anda mungkin tampak sedikit berbeda dan tidak apa-apa!

Langkah 5

StylizingLettering-ClosedDropShadow-Remove-Unnecessary-AnchorsStylizingLettering-ClosedDropShadow-Remove-Unnecessary-AnchorsStylizingLettering-ClosedDropShadow-Remove-Unnecessary-Anchors

Langkah terakhir untuk menyelesaikan bayangan ini adalah dengan menghapus semua titik jangkar yang tidak perlu yang diciptakan begitu Anda menggabungkan "H" Anda. Mulailah menghapus titik jangkar ekstra yang membentuk bagian yang menggelikan untuk membuat koneksi yang mulus. Setelah selesai, seharusnya terlihat seperti gambar di atas! Anda sekarang telah menyelesaikan drop shadow sederhana.

StylizingLettering-ClosedDropShadow-Process-GifStylizingLettering-ClosedDropShadow-Process-GifStylizingLettering-ClosedDropShadow-Process-Gif

Inilah proses gif untuk menunjukkan awal dan akhir dari drop shadow. Mungkin ada beberapa langkah, tapi bila dilakukan dengan benar, hanya butuh dua atau tiga menit untuk membuatnya!

StylizingLettering-ClosedDropShadow-Real-World-ExampleStylizingLettering-ClosedDropShadow-Real-World-ExampleStylizingLettering-ClosedDropShadow-Real-World-Example

Proses drop shadow pada contoh di atas telah selesai dengan proses yang sama persis. Seperti yang dapat Anda lihat dengan contoh ini dibandingkan dengan "H", ia bekerja untuk segala jenis tulisan! Alasan saya menggunakan proses di atas, bukan opsi "Extrude & Bevel", misalnya, karena bentuk, anchor point, dan kelompok yang tidak perlu. Ini agak rumit menurut saya. Metode di atas sederhana dan to the point.

4. Pahat atau Timbul

Proses di bawah ini mungkin merupakan favorit pribadi saya. Tampilannya selalu bersih dan menghasilkan beberapa kedalaman yang bagus pula. Orang-orang menyebut proses ini sebagai tampilan yang dipahat. Nama-nama di tulisan ini benar dalam buku saya! Mari kita mulai.

Langkah 1

StylizingLettering-Chiseled-4th-HStylizingLettering-Chiseled-4th-HStylizingLettering-Chiseled-4th-H

Kita akan mulai dengan tanda kurung kanan "H" dalam matriks. Dimulai dengan "H" paling kiri, ubah warna dan nilai sesuai dengan keinginan Anda dan bersiap untuk menggunakan Pen Tool!

Langkah 2

StylizingLettering-Chiseled-Adding-DivisionsStylizingLettering-Chiseled-Adding-DivisionsStylizingLettering-Chiseled-Adding-Divisions

Sekarang kita membentuk segmen garis yang nantinya akan kita "Bagi" dengan menggunakan alat Pathfinder untuk membuat efek pemahatan. Jadi, mulailah membagi "H" Anda sama dengan gambar di atas. Intinya, apa yang kita cari untuk "H" ini adalah nilai cahaya, nilai medium, dan nilai gelap. Pembagian ini akan memastikan "H" Anda memiliki bayangan yang tepat.

Sekali lagi, segmen garis di atas dibuat dengan Pen Tool dan memiliki 1 pt stroke. Kunci untuk membuat karya ini adalah memastikan segmen garis Anda saling berhubungan satu sama lain. Mereka tidak perlu menyeberang antar bagian, cukup sentuh untuk membiarkan proses pembagian berjalan dengan baik.

Langkah 3

StylizingLettering-Chiseled-Dividing-Line-SegmentsStylizingLettering-Chiseled-Dividing-Line-SegmentsStylizingLettering-Chiseled-Dividing-Line-Segments

Setelah Anda berpikir bahwa jalan Anda bagus untuk ditempuh, singkirkan goresan berat dari segmen garis Anda, tinggalkan sebuah jalan, tanpa goresan sama sekali. Seharusnya terlihat seperti foto di atas. Anda hanya bisa melihat jalan karena saya telah menyorotinya dengan mouse saya.

Langkah 4

StylizingLettering-Chiseled-Separated-ShapesStylizingLettering-Chiseled-Separated-ShapesStylizingLettering-Chiseled-Separated-Shapes

Dengan "H" dan semua segmen garis yang dipilih, arahkan ke alat Pathfinder Anda dan pilih opsi Divide. Setelah terbagi, "H" Anda akan muncul seperti gambar di atas. Intinya, semua bagian "H" sekarang terbagi menjadi bentuk yang terpisah agar Anda dapat mewarnai sesuai dengan itu.

Langkah 5

StylizingLettering-Chiseled-Adding-DepthStylizingLettering-Chiseled-Adding-DepthStylizingLettering-Chiseled-Adding-Depth

Terakhir, untuk menyelesaikan "H" yang terbagi, saatnya untuk mewarnai setiap bentuknya. Tapi pertama kali, Anda perlu menentukan di mana sumber cahaya Anda nantinya. Bagi saya, saya telah menentukannya di kiri atas. Oleh karena itu, bentuk atas akan menjadi nilai paling ringan, bentuk sampingnya akan menjadi nilai medium Anda, dan bentuk bawah akan menjadi nilai gelap Anda. Buatlah konsisten di semuanya dan gunakan penilaian yang tepat-Anda tahu apa yang terlihat bagus dan mana yang tidak! Gambar di atas adalah seperti apa bentuknya. Jelas, nilai dan warna Anda mungkin berbeda.   

StylizingLettering-Chiseled-Process-GifStylizingLettering-Chiseled-Process-GifStylizingLettering-Chiseled-Process-Gif

Proses lain gif untuk menunjukkan awal dan akhir. Alat Pathfinder adalah teman terbaikmu!

StylizingLettering-Chiseled-Real-World-ExampleStylizingLettering-Chiseled-Real-World-ExampleStylizingLettering-Chiseled-Real-World-Example

Pada contoh di atas, saya telah menggunakan proses yang persis sama untuk membagi "Z" saya. Tekstur dan efek lainnya diciptakan secara terpisah. Untuk contoh khusus ini, saya telah menerapkan tekstur pada Photoshop untuk mengurangi ukuran file karena file Illustrator menjadi agak berat sekali satu ton tekstur diterapkan. Saya akan menjelaskan proses tekstur saya nanti di tutorial!

5. Gaya Sebaris

Ini mungkin bukan nama yang tepat untuk gaya yang akan kita hadapi-hanya itulah yang saya sebut itu. Proses ini sangat sederhana dan tidak memerlukan banyak waktu sama sekali.

Langkah 1

StylizingLettering-Inline-Style-5th-HStylizingLettering-Inline-Style-5th-HStylizingLettering-Inline-Style-5th-H

Waktunya untuk gaya favorit saya yang lain, "inline". Kita akan menggunakan pusat slab serif "H" di dalam matriks. Siapkan Pen Tool itu lagi. Proses ini akan sangat cepat-jangan khawatir!

Langkah 2

StylizingLettering-Inline-Style-Adding-LinesStylizingLettering-Inline-Style-Adding-LinesStylizingLettering-Inline-Style-Adding-Lines

Untuk memulai, gunakan Pen Tool atau Line Segment Tool untuk membentuk garis dari serif seraf atas ke serif slab bawah. Setelah Anda menggambar satu baris itu, salin dan tempel ke arah vertikal kanan. Jika "H" Anda terlihat seperti gambar di atas, Anda berada di jalur yang benar. Itu adalah bagian yang sulit!

Langkah 3

StylizingLettering-Inline-Style-Profile-SelectorStylizingLettering-Inline-Style-Profile-SelectorStylizingLettering-Inline-Style-Profile-Selector

Selanjutnya, dengan segmen garis membelai yang dipilih, arahkan kursor ke atas ke arah pemilih "profil" stroke. Ini juga bisa ditemukan di jendela Stroke. Pokoknya, begitu Anda berada di dalam pemilih profil, pilih opsi pertama, yang terlihat seperti bola mata yang tertutup. Kami ingin profil yang akan lancip baik akhir stroke kami. Jangan ragu untuk bermain-main dengan profil lain. Beberapa dari mereka menciptakan beberapa efek keren.

Langkah 4

StylizingLettering-Inline-Style-Tapered-StrokesStylizingLettering-Inline-Style-Tapered-StrokesStylizingLettering-Inline-Style-Tapered-Strokes

Itu dia! Kuncup stroke dari satu ujung ke ujung lainnya, menciptakan cairan yang bagus dan stroke runcing dengan satu klik tombol sederhana.

StylizingLettering-Inline-Style-Process-GifStylizingLettering-Inline-Style-Process-GifStylizingLettering-Inline-Style-Process-Gif
Seperti biasa, proses gif di atas agar Anda bisa melihat tahap awal dan akhir. Tidak banyak proses untuk menciptakan gaya ini!
StylizingLettering-Inline-Style-Real-World-ExampleStylizingLettering-Inline-Style-Real-World-ExampleStylizingLettering-Inline-Style-Real-World-Example
Seperti yang bisa Anda lihat di atas, saya menempatkan gaya sebaris untuk digunakan untuk desain dek saya untuk Girl Skateboards. Aku merasa huruf-hurufku agak terlalu tebal. Untuk mengurangi berat itu, saya menambahkan styling inline agar tidak hanya warnanya saja, tapi juga untuk menambahkan tekstur yang bagus. 

6. Potongan

Gaya guntingan yang akan kita mulai sangat mirip dengan gaya sebaris karena kita akan memanfaatkan pemilih profil lagi untuk goresan kita. Ini adalah proses yang sangat cepat.

Langkah 1

StylizingLettering-Cutout-6th-HStylizingLettering-Cutout-6th-HStylizingLettering-Cutout-6th-H

Sekarang, bekerja dengan "H" paling kanan di barisan tengah, mari kita mulai teknik cutout. Pada titik ini, ubah warna, skala, dll sesuai dengan keinginan anda, dan kemudian persiapkan Pen Tool lagi!

Langkah 2

StylizingLettering-Cutout-Adding-Line-SegmentsStylizingLettering-Cutout-Adding-Line-SegmentsStylizingLettering-Cutout-Adding-Line-Segments

Selanjutnya, tarik garis yang kira-kira sepertiga dari panjang batang vertikal. Hanya menarik satu baris karena Anda kemudian dapat menyalin dan menempelkannya di sisa bentuk huruf lainnya. Ini seharusnya berakhir seperti gambar di atas setelah semua penyalinan dan penyisipan Anda selesai.

Langkah 3

StylizingLettering-Cutout-Tapered-StrokesStylizingLettering-Cutout-Tapered-StrokesStylizingLettering-Cutout-Tapered-Strokes
StylizingLettering-Cutout-Profile-SelectorStylizingLettering-Cutout-Profile-SelectorStylizingLettering-Cutout-Profile-Selector

Terakhir, seperti yang kita lakukan di Langkah 3 pada bagian "Gaya Sejenis", navigasikan kursor ke atas ke pemilih profil. Dengan goresan Anda dipilih, alih-alih memilih opsi perayap pertama, kami akan memilih bentuk segitiga. Sama seperti gambar di atas. Profil itu akan membuat dasar stroke Anda rata sementara sisanya meruncing. Ini pada dasarnya akan membuat bentuk segitiga yang akan memotong batang Anda.

StylizingLettering-Cutout-Process-GifStylizingLettering-Cutout-Process-GifStylizingLettering-Cutout-Process-Gif

Inilah proses yang sangat cepat di atas. Hanya sekitar delapan klik mouse yang diperlukan untuk menciptakan efek yang diinginkan ini. Lumayan!

StylizingLettering-Cutout-Real-World-ExampleStylizingLettering-Cutout-Real-World-ExampleStylizingLettering-Cutout-Real-World-Example

Efek cutout adalah favorit saya yang lain. Saya telah memasukkan gaya potongan di bagian yang ditarik tangan ini untuk State Bicycle Co. Namun, saya tidak menggunakan Illustrator untuk yang satu ini. Saya menciptakan efek potongan dengan cara kuno yang baik-dengan tangan, dengan pensil.

7. Buka Drop Shade

Warna drop terbuka hampir identik dengan proses "drop shadow" yang telah kita selesaikan sebelumnya. Satu-satunya perbedaan adalah ruang negatif antara bentuk huruf dan bayangan yang akan kita buat. Keteduhan atau bayangan drop Anda bisa jatuh ke kiri bawah atau kanan bawah. Satu hal yang akan saya sebutkan adalah bahwa naungan bawah kiri dianggap sebagai "tanda pelukis teduh", sedangkan bayangan paling bawah adalah "Printers Shade".

Tanda-tanda pelukis membutuhkan lebih sedikit goresan, dan dengan demikian, kurang cat. Ini semua tentang efisiensi saat melukis nuansa. Oleh karena itu, bayangan yang mengarah ke kanan bawah membutuhkan lebih banyak goresan sikat. Dalam kasus ini, kita menggunakan Illustrator sehingga tidak masalah bagi kita karena itu vektornya. Kupikir aku akan membagikan sedikit info itu kalau kau memutuskan untuk melukis bayangan/bayangan!

Langkah 1

StylizingLettering-Open-Drop-Shade-7th-HStylizingLettering-Open-Drop-Shade-7th-HStylizingLettering-Open-Drop-Shade-7th-H

Kami mendekati akhir! Mari kita mulai dengan tangan kiri kiri sans serif "H". Lakukan hal Anda dengan "H" ini-catatlah, skalakan, hal lain yang diinginkan hati Anda, dan persiapkan diri Anda untuk proses yang sangat mirip dengan bagian "Drop Shadow".

Langkah 2

StylizingLettering-Open-Drop-Shade-Creating-ShadowStylizingLettering-Open-Drop-Shade-Creating-ShadowStylizingLettering-Open-Drop-Shade-Creating-Shadow

Selanjutnya, mirip dengan Langkah 2 di bagian "Drop Shadow", tahan Option dan klik dan seret satu "H" ke bawah sekitar 5 px. Kemudian, tekan Command-D sekitar lima sampai tujuh kali untuk membuat bayangan Anda. Ini akan berakhir seperti gambar di atas. Terakhir, Merge (Gabungkan) semua bentuk yang disalin menjadi bentuk tunggal.

Langkah 3

StylizingLettering-Open-Drop-Shade-Coloring-2nd-Duplicated-HStylizingLettering-Open-Drop-Shade-Coloring-2nd-Duplicated-HStylizingLettering-Open-Drop-Shade-Coloring-2nd-Duplicated-H

Hal berikutnya yang harus dilakukan adalah memindahkan "bayangan" itu ke belakang sehingga berada di belakang "H" orisinal Anda. Selanjutnya, ubah warna / nilai dari "H" yang disalin pertama. Ini akan memungkinkan Anda melihat apa yang sedang kita lakukan dalam beberapa langkah berikutnya. Setelah semua dikatakan dan dilakukan, seharusnya terlihat mirip dengan gambar di atas.

Langkah 4

StylizingLettering-Open-Drop-Shade-Subtracting-H-From-ShadowStylizingLettering-Open-Drop-Shade-Subtracting-H-From-ShadowStylizingLettering-Open-Drop-Shade-Subtracting-H-From-Shadow

Selanjutnya, kita sekarang akan Substract (Mengurangi) nilai "H" dari sisa bayangan yang baru saja kita buat. Pengurangan ini akan menciptakan ruang negatif terbuka antara bentuk huruf dan bayangan.

Langkah 5

StylizingLettering-Open-Drop-Shade-Removing-Unnecessary-AnchorsStylizingLettering-Open-Drop-Shade-Removing-Unnecessary-AnchorsStylizingLettering-Open-Drop-Shade-Removing-Unnecessary-Anchors

Sekali lagi, seperti yang kita lakukan sebelumnya pada Langkah 5 dari bagian "Jatuhkan Bayangan", mulailah menghapus semua titik jangkar yang tidak perlu. Setelah Anda menghapus semuanya, seharusnya terlihat hampir selesai! Hanya satu hal yang harus dilakukan.

Langkah 6

StylizingLettering-Open-Drop-Shade-Finishing-Final-DetailsStylizingLettering-Open-Drop-Shade-Finishing-Final-DetailsStylizingLettering-Open-Drop-Shade-Finishing-Final-Details

Ambil bayangan satu langkah lebih jauh dan membuatnya tampak lebih seolah-olah itu membentang dari "H". Pada gambar di Langkah 5, kotak bayangan di tikungan. Untuk memperbaikinya, hapus titik jangkar ekstra tersebut dan kemudian geser titik jangkar tunggal ke kanan. Tidak masalah titik jangkar mana yang Anda hapus, karena Anda akan memindahkan titik jangkar yang tersisa. Bandingkan dan kontras gambar dari Langkah 5 dan Langkah 6. Anda akan melihat apa yang saya maksud.

StylizingLettering-Open-Drop-Shade-Process-GifStylizingLettering-Open-Drop-Shade-Process-GifStylizingLettering-Open-Drop-Shade-Process-Gif
Gunakan proses ini gif di atas untuk membantu Anda, jika diperlukan! Prosesnya bisa sedikit membingungkan jika ini adalah pertama kalinya Anda mencoba sesuatu seperti ini.
StylizingLettering-Open-Drop-Shade-Real-World-ExampleStylizingLettering-Open-Drop-Shade-Real-World-ExampleStylizingLettering-Open-Drop-Shade-Real-World-Example

Dalam contoh dunia nyata saya di atas, saya benar-benar menciptakan bayangan terbuka dua bayangan: satu bayangan biru yang lebih ringan dan berharga di atas bayangan biru yang lebih gelap. Saya menggunakan proses yang tepat yang saya jelaskan di atas.

8. Tekstur

Untuk bagian tutorial ini, kami akan memanfaatkan tekstur kayu Nick Slater karena dia dengan ramah memberikannya secara gratis. Pergilah ke halaman Dribbble-nya, download teksturnya dan siapkan untuk memulai prosesnya! Teknik ini bisa bekerja sama untuk segala jenis tekstur. Entah itu beton, kayu, serat, bulu, dll, maka akan dimungkinkan dengan menggunakan langkah-langkah di bawah ini. Mari kita mulai.

Langkah 1

StylizingLettering-Texture-8th-HStylizingLettering-Texture-8th-HStylizingLettering-Texture-8th-H

Kami sekarang bekerja dengan sans-serif tengah H di baris terbawah. Ubah rona, nilai, dan apapun yang Anda inginkan. Selanjutnya, buka tekstur yang saya tautkan di atas di Illustrator.

Langkah 2

StylizingLettering-Texture-Adding-Wood-GrainStylizingLettering-Texture-Adding-Wood-GrainStylizingLettering-Texture-Adding-Wood-Grain

Sekarang, dengan tekstur biji kayu terbuka, salin teksturnya. Arahkan ke "H" dan tempelkan tekstur butir kayu di atasnya. Seharusnya akhirnya terlihat seperti di atas. Pada titik ini, pilih tekstur dan Expand untuk memastikannya berbentuk padat dan bukan goresan.

Langkah 3

StylizingLettering-Texture-Subtracting-Texture-From-HStylizingLettering-Texture-Subtracting-Texture-From-HStylizingLettering-Texture-Subtracting-Texture-From-H

Langkah terakhir adalah memilih tekstur dan "H". Dengan mereka berdua dipilih, arahkan mouse ke panel Pathfinder dan gunakan opsi Minus Front. Ini akan mengambil tekstur dan "kurangi" dari apapun yang ada di belakangnya. Dalam kasus ini, "H" kita akan menghilangkan tekstur daripadanya, meninggalkan "H" berbahan kayu.

StylizingLettering-Texture-Process-GifStylizingLettering-Texture-Process-GifStylizingLettering-Texture-Process-Gif
StylizingLettering-Texture-Real-World-ExampleStylizingLettering-Texture-Real-World-ExampleStylizingLettering-Texture-Real-World-Example
Saya menggunakan proses yang sama dalam bagian ini. Potongan "Saya Ikuti Yang Mulia" dicetak dengan layar, dan alih-alih menggunakan rona "kuning" di atas huruf, saya "mengurangi" tekstur dari huruf untuk membiarkan kertas kuning terlihat. Proses pemindahan ini sangat cocok untuk mencetak layar atau pencetakan letterpress bila Anda ingin memanfaatkan warna kertas dalam desain Anda.

9. Double Stroke

Langkah 1

StylizingLettering-Double-Stroke-Final-HStylizingLettering-Double-Stroke-Final-HStylizingLettering-Double-Stroke-Final-H

Yang terakhir "H" dalam matriks! Teknik ini akan meminta Anda untuk memahami panel Appearance dan juga panel Stroke. Mari kita mulai.

Langkah 2

StylizingLettering-Double-Stroke-Adding-1st-StrokeStylizingLettering-Double-Stroke-Adding-1st-StrokeStylizingLettering-Double-Stroke-Adding-1st-Stroke

Mari kita mulai menambahkan stik pertama ke letterform kami. Ini adalah bagian yang mudah. Pilih "H" dan navigasikan ke panel Stroke Anda untuk menambahkan stroke 2 pt. Warna apapun akan dilakukan, selama kita bisa melihat goresan. Saya selalu berakhir dengan menggunakan warna yang benar-benar menjengkelkan atau gila untuk dimulai, hanya untuk melihat apa yang sedang saya lakukan.

Langkah 3

StylizingLettering-Double-Stroke-Adding-2nd-StrokeStylizingLettering-Double-Stroke-Adding-2nd-StrokeStylizingLettering-Double-Stroke-Adding-2nd-Stroke

Langkah selanjutnya adalah menambahkan second stroke. Untuk melakukan itu, buka panel Appearance Anda. Dengan pilihan "H" Anda, klik ikon persegi membelai di kiri bawah panel. Nampak sedikit disorot pada gambar di atas. Buat ini stroke 4 pt. Sekarang kita memiliki dua pukulan... Tapi stroke pertama kita tidak terlihat dulu. Kami akan mengurusnya di langkah selanjutnya.

Langkah 4

StylizingLettering-Double-Stroke-Reordering-StrokesStylizingLettering-Double-Stroke-Reordering-StrokesStylizingLettering-Double-Stroke-Reordering-Strokes

Panel Penampilan sama seperti layer. Jadi ulangi 4 pt stroke ke bawah sementara 2 pt stroke tetap di atas, seperti pada gambar di atas. Itu seharusnya memungkinkan kedua goresan itu terlihat. Jika tidak, pastikan Anda menuju ke panel Stroke dan menyelaraskan stroke ke luar. Ini akan mendorong stroke ke luar daripada mengalami stroke mengkonsumsi bentuk "H" Anda.

Langkah 5

StylizingLettering-Double-Stroke-Altering-ColorStylizingLettering-Double-Stroke-Altering-ColorStylizingLettering-Double-Stroke-Altering-Color
Pada titik ini, kita selesai! Merasa bebas untuk mengubah warna kembali ke sesuatu yang lebih halus dan konsisten. Juga, merasa bebas untuk mengubah sudut pukulan untuk mendapatkan efek membulat atau miring.
StylizingLettering-Double-Stroke-Real-World-ExampleStylizingLettering-Double-Stroke-Real-World-ExampleStylizingLettering-Double-Stroke-Real-World-Example

Contoh di atas adalah percobaan untuk saya. Saya tidak pernah menggunakan efek double stroke sampai mengerjakan proyek Girl Skateboards. Bila dikombinasikan dengan gaya lainnya, efek double-stroke terlihat cukup manis jika Anda bertanya kepada saya!

Kesimpulan

Ada begitu banyak cara untuk menambahkan penyesuaian dengan ke letterforms Anda. Untuk menemukan tekstur, karakteristik, skema warna, kedalaman, dan sebagainya yang hebat untuk ditambahkan ke surat-surat Anda, berpetualang jauh atau dekat tempat Anda tinggal dan dapatkan inspirasi dari pengalaman Anda sehari-hari.  Mungkin itu bermain dengan alat yang biasanya tidak Anda gunakan untuk membuat tulisan, seperti spons, garpu, kain - kemungkinannya tidak terbatas. Bereksperimenlah tanpa henti!

One subscription.
Unlimited Downloads.
Get unlimited downloads