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

Bagaimana Membuat Pensil Kesan Teks dalam Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Communication Week.
22 Unique Photoshop Text Effects That Grab Your Attention!
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Dalam langkah-langkah berikut, anda akan belajar cara membuat pensel kesan teks dalam Adobe Illustrator menggunakan berus corak yang sangat terperinci.

Sebagai permulaan, anda akan belajar cara membuat grid mudah dan bagaimana untuk membuat badan pensil anda menggunakan sekumpulan segi empat. Menggunakan kesan Zig Zag, Warp dan Roughen serta teknik binaan dan binaan asas vektor, anda akan belajar cara membuat hujung pensil.

Kemudian, menggunakan kesan Sudut Bulat dan ciri Sudut Hidup bersama dengan sekumpulan segi empat tepat dan laluan kompaun, anda akan belajar bagaimana untuk membuat komponen yang lain dari pensel anda.

Bergerak, anda akan belajar bagaimana untuk membuat kerja anda lebih mudah dengan menggunakan Alat Pembentuk Shape, bagaimana untuk menyimpan dan menaip corak, dan bagaimana untuk mencipta berus corak anda sendiri. Menggunakan kesan Transform, anda akan belajar bagaimana dengan mudah membiak laluan dan bagaimana untuk menyelaraskannya dengan sempurna ke grid piksel. Akhirnya, anda akan belajar bagaimana untuk membuat kesan teks menggunakan berus corak anda dan sekeping teks mudah sebagai rujukan.

Untuk lebih banyak inspirasi tentang cara menyesuaikan atau memperbaiki kesan teks akhir anda, anda boleh mendapatkan banyak sumber pada GraphicRiver.

1. Bagaimana Membuat Dokumen Baru dan Menetapkan Grid

Hit Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Unit, masukkan 850 dalam kotak lebar dan 585 dalam kotak ketinggian, dan kemudian klik butang Lagi Tetapan. Pilih RGB untuk Mod Warna, tetapkan Kesan Raster ke Skrin (72 ppi), dan kemudian klik Buat Dokumen.

Dayakan Grid (View> Show Grid) dan Snap to Grid (Lihat> Snap to Grid). Anda memerlukan grid setiap 1 px, jadi hanya pergi ke Edit> Preferences> Guides> Grid, dan masukkan 1 dalam Gridline setiap kotak dan 1 dalam kotak Subdivisi. Cobalahuntuk tidak digalakkan oleh semua grid itu-ia akan menjadikan kerja anda lebih mudah, dan perlu diingat bahawa anda boleh dengan mudah mendayakan atau melumpuhkannya menggunakan Control-'' pintasan papan kekunci.

Anda boleh mengetahui lebih lanjut mengenai sistem grid Illustrator dalam tutorial ini oleh Andrei Stefan: Memahami Sistem Grid Adobe Illustrator.

Anda juga harus membuka Info panel Maklumat (WIndoq> Info) untuk pratonton langsung dengan saiz dan kedudukan bentuk anda. Jangan lupa untuk menetapkan unit pengukuran kepada piksel dari Edit> Keutamaan> Unit. Semua pilihan ini akan meningkatkan kelajuan kerja anda dengan ketara.

setup grid

2. Bagaimana Membuat Badan Pensil

Langkah 1

Pilih Rectangle Tool (M) dan tumpukan pada Toolbar anda. Keluarkan warna dari stroke dan kemudian pilih isi dan tetapkan warnanya kepada R = 227 G = 174 B = 124. Pindah ke artboard anda dan cukup buat persegi panjang 10 x 8 px - Grid dan Snap ke Grid harus menjadikannya lebih mudah.

Kembali ke Toolbar anda dan ganti warna isian yang ada dengan R = 207 G = 154 B = 104. Menggunakan alat yang sama, buat dua bentuk 10 x 6 px dan letakkannya sama seperti yang ditunjukkan dalam imej kedua.

rectangle

Langkah 2

Menggunakan Alat Rectangle (M), buat dua bentuk 10 x 1 px dan letakkannya seperti yang ditunjukkan pada imej pertama. Isi bahagian atas dengan R = 246 G = 202 B = 155 dan bahagian bawah dengan R = 242 G = 197 B = 158.

Menggunakan alat yang sama, buat dua bentuk 10 x 2 px dan letakkannya sama seperti yang ditunjukkan dalam imej kedua. Isikan kedua-dua bentuk dengan hitam (R = 0 G = 0 B = 0), menurunkan Opacity mereka kepada 40%, dan menukar Mod Blending ke Light Soft.

Buat bentuk 10 x 3 px, isi dengan putih (R = 255 G = 255 B = 255), turunkan Opacity kepada 50%, dan tukar Mod Blending ke Light Soft.

thin rectangle

3. Bagaimana Membuat Petua Pensil

Langkah 1

Pilih Alat Pena (P) dan buat laluan menegak 20 px. Tambah stroke 0.25 px untuk laluan baru ini, tetapkan warna kepada R = 237 G = 28 B = 36, dan kemudian pergi ke Kesan> Distort & Transform> Zig Zag. Masukkan atribut yang ditunjukkan dalam imej berikut, klik OK, dan kemudian pergi ke Object > Expand Appearance.

Pastikan jalan yang anda hasilkan dipilih, pergi ke Objek> Path> Join (Control-J) untuk menutup laluan anda, kemudian tekan Shift-X untuk cepat menterbalikkan atribut isi dan stroke.

zig zag

Langkah 2

Menggunakan Alat Rectangle (M), buat bentuk 21 x 20 px dan isikan dengan biru rawak. Fokus pada sebelah kanan segiempat tepat baru dan beralih ke Alat Seleksi Langsung (A). Pilih kedua-dua titik utama dan pergi ke Objek> Path> Rata-rata. Semak kedua-dua kotak dan kemudian klik OK. Ini pada asasnya harus menjadikan segi empat tepat anda menjadi segitiga.

Pastikan segitiga anda dipilih dan buat salinan di depan (Control-C> Control-F). Pilihnya dan pergi ke Kesan> Warp> Atas Arc. Masukkan atribut yang ditunjukkan dalam imej berikut, klik butang OK, dan kemudian pergi ke Objek> Buka Penampilan.

Pilih bentuk merah anda bersama-sama dengan dua yang biru, buka panel Pathfinder (Tetingkap> Pathfinder), dan klik butang Bersatu.

warp

Langkah 3

Pastikan bentuk merah anda masih dipilih dan buat salinan di depan (Control-C> Control-F).

Menggunakan Alat Ellipse (L), buat bulatan 10 px dan isikan dengan kuning rawak. Letakkan bentuk baru ini seperti yang ditunjukkan pada imej pertama, dan kemudian pergi ke Kesan> Distort & Transform> Roughen. Masukkan atribut yang ditunjukkan dalam imej berikut, klik butang OK, dan kemudian pergi ke Objek> Buka Penampilan.

Pilih bentuk kuning anda bersama dengan salinan bentuk merah itu, pergi ke panel Pathfinder, dan klik butang Kesatuan. Pilih bentuk yang dihasilkan dan gantikan warna isi yang ada dengan R = 53 G = 47 B = 49.

roughen

Langkah 4

Menggunakan Alat Rectangle (M), buat bentuk 25 x 10 px. Isikannya dengan biru rawak dan letakkannya seperti yang ditunjukkan dalam imej pertama.. Fokus pada sebelah kanan segiempat tepat baru dan beralih ke Alat Seleksi Langsung (A). Pilih kedua-dua titik utama dan pergi ke Objek> Path> Rata-rata. Semak Kedua-dua kotak dan kemudian klik OK.

Pilih segitiga biru anda bersama-sama dengan bentuk merah itu dan tambahkan salinan di hadapan (Control-C> Control-F). Pastikan hanya salinan yang dipilih dan klik butang Minus Front dari panel Pathfinder. Hanya tekan Shift-Control-G untuk Ungroup kumpulan yang dihasilkan anda.

average

Langkah 5

Pilih baki warna merah dan biru dan kemudian klik butang Intersect dari panel Pathfinder.

Pindah ke panel Lapisan (Tetingkap> Lapisan), pilih bentuk gelap yang membentuk hujung pensel anda, dan bawa ke depan (Shift-Control-]).

intersect

Langkah 6

Pilih bentuk biru anda bersama-sama dengan yang gelap dan tambahkan salinan di hadapan (Control-C> Control-F). Pilih kedua-dua salinan dan klik butang Intersect dari panel Pathfinder. Isikan borang yang dihasilkan dengan R = 96 G = 95 B = 93.

pathfinder

Langkah 7

Pilih Alat Rectangle (M) dan buat bentuk 3 x 2 px. Isikannya dengan kuning rawak dan letakkannya seperti yang ditunjukkan dalam imej pertama.

Terus fokus pada segi empat tepat baru dan beralih ke Alat Pemilihan Langsung (A). Pilih titik utama di atas dan seret ke hujung pensel anda, seperti yang ditunjukkan dalam imej kedua.

Duplikat bentuk kuning anda, pilih salinan ini, putarnya 180 darjah, dan letakkannya seperti ditunjukkan pada imej ketiga.

yellow

Langkah 8

Pilih Rectangle Tool (M) dan buat bentuk 24 x 3 px. Isikannya dengan kuning rawak dan letakkannya seperti yang ditunjukkan dalam imej pertama.

Terus fokus pada segi empat tepat baru ini, beralih ke Alat Padam Anchor Point (-), dan hanya klik pada titik utama di sebelah kanan untuk mengeluarkannya.

delete anchor point

Langkah 9

Pilih bentuk merah atas anda dan tambahkan salinan di depan (Control-C> Control-F). Pilih salinan ini bersama dengan bentuk kuning teratas dan klik butang Intersect dari panel Pathfinder. Isi borang yang dihasilkan dengan hitam, menurunkan Opacitynya kepada 40%, dan tukar Mod Blending ke Light Soft.

Pilih bentuk merah bawah anda dan tambahkan salinan di hadapan (Control-C> Control-F). Pilih salinan ini bersama dengan bentuk kuning bawah, dan klik butang Intersect dari panel Pathfinder. Isi borang yang dihasilkan dengan hitam, menurunkan Opacitynya kepada 40%, dan tukar Mod Blending ke Light Soft.

Pilih bentuk biru anda dan tambahkan salinan di hadapan (Control-C> Control-F). Pilih salinan ini bersama dengan baki kuning yang tinggal dan klik butang Intersect dari panel Pathfinder. Isi borang yang dihasilkan dengan putih, menurunkan Opacitynya kepada 50%, dan tukar Mod Blending ke Light Soft.

intersect

Langkah 10

Pilih bentuk merah anda dan gantikan warna yang ada dengan R = 217 G = 164 B = 114. Pilih bentuk biru anda dan gantikan warna yang ada dengan R = 236 G = 192 B = 145.

recolor

4. Bagaimana Mencipta Sampingan Metalik Pensil

Langkah 1

Pilih Alat Rectangle (M), dan buat dua bentuk 3 x 22 px dan satu bentuk 5 x 22 px. Isi semua segi tiga dengan R = 171 G = 175 B = 184, letakkannya seperti ditunjukkan pada imej pertama, dan kemudian pergi ke Kesan> Stylize> Sudut Bulat. Masukkan 1 px Radius, klik butang OK, dan kemudian pergi ke Objek> Buka Penampilan.

Pastikan bentuk yang dihasilkan dipilih dan pergi ke Object> Compound Path> Make (Control-8) untuk menjadikannya sebagai laluan kompaun.

rounded corners

Langkah 2

Pastikan laluan kompaun kelabu anda masih dipilih dan tambahkan salinan di hadapan (Control-C> Control-F). Menggunakan Alat Rectangle (M), buat bentuk 13 x 6 px, tetapkan warna isian kepada R = 149 G = 153 B = 162, dan letakkannya seperti ditunjukkan pada imej pertama.

Pilih segi empat tepat baru ini bersama dengan salinan laluan kompaun anda, dan klik butang Intersect dari panel Pathfinder. Hidupkan kumpulan yang terhasil bentuk menjadi jalur kompaun baru (Control-8) dan kemudian duplikatnya (Control-C> Control-F). Putar salinan 180 darjah ini dan letakkannya seperti yang ditunjukkan pada gambar keempat.

compound path

Langkah 3

Pilih Rectangle Tool (M), dan buat dua bentuk 3 x 1 px dan satu bentuk 5 x 1 px. Isi semua segi tiga dengan R = 229 G = 229 B = 227 dan letakkannya seperti yang ditunjukkan pada imej pertama. Mengubahnya menjadi laluan kompaun (Control-8) untuk memudahkan anda memilih atau mengedit semua bentuk ini sekaligus.

Gandakan laluan kompaun baru ini (Control-C> Control-V) dan pilih salinan tersebut. Letakkannya seperti yang ditunjukkan dalam imej kedua dan gantikan warna yang sedia ada dengan R = 208 G = 212 B = 215.

rectangles

Langkah 4

Pilih Rectangle Tool (M), dan buat dua bentuk 3 x 2 px dan satu bentuk 5 x 2 px. Isi semua segi tiga dengan hitam dan letakkannya seperti ditunjukkan pada imej pertama. Kurangkan Opacity mereka kepada 30% dan tukar Mod Blending ke Light Soft. Hidupkan bentuk baru ini menjadi laluan kompaun dan kemudian duplikatnya (Control-C> Control-V). Pilih salinan dan letakkannya seperti yang ditunjukkan dalam imej kedua.

Pilih Alat Rectangle (M), dan buat dua kotak 3 px dan satu 5 x 3 px bentuk. Isi semua tiga bentuk dengan putih dan letakkannya seperti yang ditunjukkan dalam imej ketiga. Kurangkan Opacity mereka kepada 40% dan tukar Mod Blending ke Light Soft. Hidupkan bentuk baru ini menjadi laluan kompaun.

rectangles

Langkah 5

Pilih Rectangle Tool (M) dan buat dua bentuk 1 x 20 px. Isikan kedua-dua bentuk dengan R = 83 G = 92 B = 107 dan letakkannya seperti ditunjukkan pada imej pertama.

Menggunakan alat yang sama, buat empat kotak 1 px dan letakkannya seperti yang ditunjukkan dalam imej kedua. Isi semua empat bentuk dengan putih, menurunkan Opacity mereka ke 70%, dan menukar Mod Blending ke Lembut Lembut.

Seterusnya, buat dua bentuk 1 x 2 px, isinya dengan hitam, dan letakkannya seperti yang ditunjukkan dalam imej ketiga. Kurangkan Opacity mereka kepada 20% dan tukar Mod Blending ke Light Soft. Hidupkan kedua-dua bentuk ke dalam laluan kompaun (Control-8) dan duplikatnya (Control-C> Control-V). Letakkan salinan seperti yang ditunjukkan pada imej keempat dan tingkatkan Opacitynya kepada 30%.

Buat dua bentuk 1 x 3 px, isinya putih, dan letakkannya seperti yang ditunjukkan dalam imej ketiga. Kurangkan Opacity mereka kepada 30% dan tukar Mod Blending ke Soft Light.

rectangles

5. Bagaimana Membuat Pemadam Pensil

Langkah 1

Pilih Alat Rectangle (M), buat bentuk 15 x 20 px, isi dengan R = 224 G = 67 B = 86, dan letakkannya seperti ditunjukkan pada imej pertama. Tumpukan pada bahagian kiri segiempat tepat baru dan beralih ke Alat Pemilihan Langsung (A). Pilih kedua-dua sudut utama, pergi ke panel kawalan, dan masukkan 3 px ke dalam kotak Sudut.

live corners

Langkah 2

Pastikan bentuk merah jambu anda masih dipilih dan tambahkan salinan di hadapan (Control-C> Control-F). Pilih Alat Rectangle (M), buat bentuk 15 x 6 px, letakkannya seperti yang ditunjukkan pada imej pertama, dan tetapkan warna isian kepada R = 229 G = 82 B = 101. Pilih persegi panjang baru ini bersama dengan salinan bentuk merah jambu anda dan klik butang Intersect dari panel Pathfinder. Pastikan bentuk yang dihasilkan dipilih dan tambahkan salinan di depan (Control-C> Control-F).

Menggunakan alat yang sama, buat bentuk 15 x 2 px, isi dengan hitam, dan letakkannya seperti yang ditunjukkan dalam imej ketiga. Pilih segi empat tepat baru ini bersama salinan yang dibuat beberapa saat lalu dan klik butang Intersect dari panel Pathfinder. Pastikan bentuk yang dihasilkan tetap dipilih, menurunkan Opacitynya kepada 30%, dan menukar Mod Blending ke Light Soft.

pathfinder

Langkah 3

Pilih dua bentuk yang dibuat pada langkah sebelumnya dan pendua mereka (Control-C> Control-V). Putar salinan 180 darjah ini dan letakkannya seperti yang ditunjukkan dalam imej kedua. Pilih bentuk yang diserlahkan pada imej kedua dan hanya ganti warna isian yang ada dengan R = 214 G = 57 B = 76.

Pilih Alat Rectangle (M), buat dua bentuk 15 x 1 px, dan letakkannya seperti yang ditunjukkan pada imej pertama. Isi bahagian atas dengan R = 255 G = 122 B = 141 dan bahagian bawah dengan R = 235 G = 102 B = 121.

Menggunakan alat yang sama, buat bentuk 15 x 3 px dan letakkan tepat seperti yang ditunjukkan pada imej keempat. Tetapkan warna isian putih, menurunkan Opacitynya menjadi 30%, dan ubah Mod Blending ke Light Soft.

rotate

6. Bagaimana Membuat Berus Pola

Langkah 1

Pilih Alat Rectangle (M) dan buat bentuk 4 x 26 px. Isikan dengan merah secara rambang, menurunkan Opacitynya kepada kira-kira 50%, dan letakkannya seperti yang ditunjukkan dalam imej pertama. Pilih persegi panjang ini bersama-sama dengan baki bentuk yang dibuat setakat ini dan Kelompoknya (Control-G).

Buat salinan kumpulan anda (Control-C> Control-V) dan letakkannya seperti yang ditunjukkan dalam imej ketiga.

group

langkah 2

Pilih kumpulan teratas anda dan pilih Alat Bina Pembina (Shift-M). Pegang butang Alt pada papan kekunci anda dan seret jalan agak menegak dari bahagian atas ke bahagian bawah tepi segi empat merah itu. Langkah ini dengan cepat akan menghapuskan segi empat merah dengan semua bentuk yang terletak di belakangnya, dan pada akhirnya ia akan kelihatan seperti dalam imej kedua.

shape builder tool

Langkah 3

Pilih baki kumpulan yang lain dan pilih Bentuk Builder Tool yang sama (Shift-M). Kali ini memegang butang Shift dan Alt pada papan kekunci anda dan seret dua pilihan mudah ke sebelah kiri dan sebelah kanan segi empat merah itu, seperti ditunjukkan dalam imej berikut. Pada akhirnya, perkara sepatutnya kelihatan seperti dalam imej ketiga.

Beralih ke Alat Pemilihan Langsung (A), pilih segiempat merah, dan keluarkannya dengan menggunakan butang Padam pada papan kekunci anda.

delete

Langkah 4

Menggunakan Alat Seleksi Langsung (A), pilih semua bentuk yang diserlahkan dalam imej pertama dan seretnya ke dalam panel Swatches (Window > Swatches) untuk menyimpannya sebagai corak. Nyahpilih bentuk dari artboard anda dan pilih pola itu dari panel Swatches (Window > Swatches). Buka menu lalat dari panel Swatches dan pergi ke Pilihan Swatch .... Namakan semula corak anda ''Mula'' dan kemudian klik butang OK.

Pilih bentuk yang diserlahkan dalam imej kedua dan simpannya sebagai corak kedua. Pilih corak baru ini dan gantikan nama ''Akhir''.

save pattern

Langkah 5

Pilih bentuk yang diserlahkan dalam imej berikut, buka panel Brushes (Window > Brushes), dan klik butang New Brush. Semak kotak Pattern Brush dan klik OK. Pilih nama untuk corak anda, pastikan atribut ditetapkan seperti ditunjukkan di bawah, dan kemudian memberi tumpuan pada kotak Tile.

Mudah buka Tile Mula dan tambahkan corak ''Mula'' anda, kemudian buka Tile End dan tambahkan corak ''End'' anda. Sebaik sahaja anda selesai, klik butang OK dan berus corak baru anda akan muncul di panel Berus.

save pattern brush

7. Bagaimana Membuat Latar Belakang

Langkah 1

Pilih Rectangle Tool (M) dan buat bentuk 860 x 595 px. Isikan dengan R = 250 G = 255 B = 255 dan pastikan bahawa ia meliputi seluruh artboard anda.

background

Langkah 2

Pilih Alat Pena (P), buat jalan mendatar 860 px, dan letakkannya seperti yang ditunjukkan dalam imej berikut. Tambah stroke 1 px untuk laluan ini dan tetapkan warnanya kepada R = 41 G = 171 B = 226.

horizontal line

Langkah 3

Pastikan laluan mendatar anda masih dipilih, menurunkan Opacitynya kepada 20%, dan kemudian pergi ke Kesan> Distort & Transform> Transform. Seret slider Move-Vertical  ke 0.5 px, klik butang OK, dan kemudian pergi lagi ke Effect > Distort & Transform > Transform. Kali ini, seret slider Move-Vertical ke 15 px, masukkan 39 dalam kotak Copies, dan kemudian klik OK.

Kesan Transform yang pertama digunakan untuk menyelaraskan stroke anda dengan sempurna ke grid piksel. Dayakan ciri Pixel Preview  (View > Pixel Preview), lihat dengan lebih dekat pada laluan mendatar anda, dan kemudian nyahdayakan bahawa Transform kesan untuk memahami dengan tepat apa yang dilakukannya.

transform

8. Bagaimana Membuat Kesan Teks

Langkah 1

Pilih Alat Jenis (T) dan buka panel Character (Window > Type > Character). Pilih font Milkshake, dan tetapkan saiz kepada 200 px dan penjejakan hingga 100.

Cukup klik pada artboard anda dan tambah teks ''Draw''. Jadikannya hitam dan kurangkan Opacitynya kepada kira-kira 30% dari panel Transparency (Window > Transparancy).

Menggunakan Alat Pena (P) dan sekeping teks sebagai rujukan, lukiskan beberapa laluan mudah seperti yang ditunjukkan dalam imej kedua.

type tool

Langkah 2

Menghapus teks anda dan pastikan laluan anda dipilih. Hanya gunakan berus corak anda dari panel Brushes (Window > Brushes), dan kemudian pergi ke Kesan> Stylize> Drop Shadow. Masukkan atribut yang ditunjukkan di tetingkap kiri (dalam imej berikut), klik butang OK, dan kemudian gunakan dua kesan Drop Shadow yang lain.

drop shadow

Langkah 3

Akhir sekali, tambahkan kesan scribble yang mudah untuk seluruh perkataan.

scribble

Tahniah! Anda sudah selesai!

Inilah caranya. Saya harap anda telah menikmati tutorial ini dan boleh menggunakan teknik ini dalam projek masa depan anda.

Jangan ragu untuk menyesuaikan reka bentuk akhir dan menjadikannya sendiri. Anda boleh mencari sumber inspirasi yang hebat di GraphicRiver, dengan penyelesaian yang menarik untuk meningkatkan reka bentuk anda.

final product
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.