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

Cara Merancang Kad Huruf "Cinta" Masuk Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Malay (Melayu) translation by Kaustina Nurul Ilmi (you can also view the original English article)

Final product image
What You'll Be Creating

Cinta lalat di udara! Cinta ada di mana-mana. Dalam tutorial ini, kita akan melalui proses inspirasi dan membuat poskad bertulis rumit. . Kami akan menggabungkan beberapa teknik, dari bekerja dengan bentuk dan alat geometri asas dan kemudian beralih ke tulisan tangan percuma, menggunakan alat lukisan Adobe Illustrator! Kami akan menyelesaikannya dengan bekerja dengan warna dan menambah beberapa butiran hiasan

Pada akhir tutorial ini, anda akan mempunyai poskad bertulis yang elegan yang boleh menjadi hadiah yang indah untuk orang tersayang anda. Lebih-lebih lagi, anda boleh menggunakan teknik yang sama untuk membuat kad atau poster lain yang ditulis tangan, sama ada kad ucapan ulang tahun, kad selamat datang atau jemputan perkahwinan yang bergaya. Jika anda rasa seolah-olah anda telah kehilangan idea anda, saya sangat mengesyorkan anda meneroka Pasaran Envato untuk mencari inspirasi untuk menulis anda! Dan jika anda sudah bersedia, mari melompat ke dalam proses!

1. Borang Surat Cinta

Langkah 1

Mula dengan membuat dokumen baru yang mengukur 450 x 450 px

Saya biasanya mula membuat kad bertulis saya dari lakaran kasar, mencari idea dan komposisi seimbang. Lakaran anda tidak perlu selaras dan kemas. Inilah salah satu perkara yang saya buat; ia kelihatan agak unik dan tidak sekata, kerana saya membuatnya dengan cepat untuk meningkatkan idea saya di atas kertas. Saya hanya menggunakan lakaran ini sebagai rujukan untuk kad masa depan saya. Saya meletakkannya di lapisan berasingan, klik dua kali lapisan, dan semak kotak Templat untuk membuat lapisan 50% telus dan kunci.

make a template layer for your sketch

Langkah 2

Mari kita buat kata "penyayang" dari huruf L. Gunakan Alat Rectangle (M) untuk membuat bentuk kuning cerah 8 x 50 px Jadikan garis lain di atas, tetapkan saiznya menjadi 10 x 25 px dan pasangkannya dengan warna biru.

make a verical stripe from rectangle

Langkah 3

Sekarang mari kita buat elemen hiasan surat, yang akan digunakan untuk huruf lain juga. Ambil Alat Ellipse (L) , membuat dua bulatan 12.5 x 12.5 px yang berlalu antara satu sama lain (bertindih), dan letakkan di sebelah kiri garisan yang berwarna biru, seperti ditunjukkan dalam imej di bawah. Warna bulatan tidak penting - saya hanya membuat garis berbeza untuk menjadikannya kelihatan. Pilih kedua-dua kalangan dan klik Minus Front dalam panel Pathfinder untuk memotong bulatan atas.

make two overlapping circles

Langkah 4

Sekarang kita mempunyai bentuk bulan sabit, mari kita menyesuaikannya dengan garis yang berwarna biru. Pilih kedua-dua garisan dan sabit, ambil Shape Builder Tool (Shift-M) , tahan Alt dan klik bahagian bawah sabit untuk memadamkannya.

modify the crescent shape

Langkah 5

Gunakan Alat Eyedropper (I) untuk memilih warna dari garisan dan gunakannya pada elemen hiasan. Klik dua kali Alat Reflektif (O) dan ubah bentuk di atas ke arah Axis Vertikal . Klik butang Salin untuk menambah bentuk yang dicerminkan dan pasangkannya ke sisi yang bertentangan baris yang biru. Dengan cara ini kita membuat bunga retro mencari huruf kita.

add floral elements to the letter

Langkah 6

Mari pilih semua jalur garis biru kehijauan dan Bersatu (bersatu) mereka dalam Pathfinder ke dalam satu bentuk. Gunakan Padanan Alat Anchor Points (-) untuk menghilangkan titik-titik yang tidak perlu di tepi bentuk yang digabungkan. Sekiranya bentuk kelihatan rosak atau tidak simetri, gunakan Alat Seleksi Langsung (A) untuk membaiki titik sauh dan pemegang sauh. Ingat untuk memegang Shift jika anda ingin meletakkan pemegang lurus secara melintang atau tegak lurus.

unite the shapes in pathfinder

Langkah 7

Sekarang tambah persegi panjang 30 x 10 px untuk bahagian mendatar L. Lakukan lagi 6 x 7.5 px persegi dan letakkan di sebelah kanan bentuknya.

add horizontal part of the letter

Langkah 8

Pilih persegi kecil kami di sudut kanan atas dengan Alat Seleksi Langsung (A) dan gunakan ciri Sudut Hidup untuk menjadikannya penuh.

Mari kita gunakan panel Align untuk meletakkan kedudukan dengan betul. Pilih kedua-dua segi empat tepat mendatar dan bulat dan kemudian klik barisan mendatar sekali lagi untuk menjadikannya Kunci Kekunci (ia akan ditandai dengan pemilihan yang lebih tebal). Klik Horizontal Align Right dalam panel Align untuk menyelaraskan bentuk ke kanan.

Selaraskan semua bahagian surat yang lain, jika perlu.

add the elements and align the shapes

Langkah 9

Sekarang mari kita menghiasi bahagian atas surat itu. Buat lingkaran berwarna 7 x 7 px dan letakkan di sebelah kiri garis serenjang kuning. Pegang Alt-Shift dan seret bulatan ke kanan, buat salinan. Sekarang surat L kami mempunyai penampilan yang lebih lembut dan bulat.

add circles to the top

Langkah 10

Mari kita tambah beberapa unsur hiasan. Gunakan Alat Segmen Talian (\) atau Pena Alat (P) , tahan Shift dan buat garis tegak lurus di tengah surat. Tetapkan warna stroke ke warna kuning yang lebih gelap. Pergi ke panel Stroke dan tetapkan Berat kepada 1 pt. Tetapkan Profil ke Profil Lebar 1 di bahagian bawah panel Stroke , buat garis tebal di tengah dan nipis pada akhir.

Pilih baris dan tekan Control- [ beberapa kali untuk meletakkannya di bawah bentuk berwarna kehijauan.

add a vertical line

Langkah 11

Tambah garisan di atas permukaan berwarna hijau kehijauan dan buatkan warna biru kehijauan pada stroke . Dan inilah cara termudah untuk membuat garis putus-putus: di panel Stroke , klik kotak Dashed Line , tetapkan sengkang ke 0 px dan jurang hingga 4 pt . Tetapkan Berat untuk 1.5 pt , dan di sini!

add a dotted line

Langkah 12

Sekarang mari kita buat huruf O. Ambil Rectangle Tool Rounded dan buatkan 30 x 52.5 px . Anda boleh menetapkan Radius Corner mengikut keinginan anda dari panel kawalan atas.

Gunakan Panduan untuk menyelaraskan huruf ke bahagian atas. Anda boleh menyeret Panduan ke Artboard anda dari Penguasa (Kawalan-R) .

Buat persegi bulat di atas bentuk pertama. Saya menggunakan garis serenjang dari surat sebelumnya untuk memastikan garis besar huruf O akan mempunyai lebar yang sama. Ini membantu saya menyesuaikan saiz bentuk dalaman.

Jika anda telah melaraskan saiz segiempat dalam, pilih kedua-duanya dan gunakan fungsi Utama Minus dari Pathfinder untuk memotong bentuk, membuat lubang.

form the letter O from rounded rectangles

Langkah 13

Pilih huruf O dan pergi ke Objek> Path> Path Offset . Tetapkan nilai Offset kepada 1.5 px , membentuk bulatan di luar huruf. Isi bentuk baru dengan turquoise dan Sejajar dengan bahagian bawah huruf L, gunakan baris mendatar L sebagai Objek Utama .

use offset path

Langkah 14

Pilih elemen yang berwarna biru dari O dan ambil Alat Eraser (Shift-E) . Tahan Alt dan padamkan separuh bahagian atas bentuk.

Gunakan Panduan Mendatar untuk membuat elemen huruf dengan ketinggian yang sama.

Salin garis biru-hijau berserenjang dari huruf L dan gunakan Alat Penghapus (Shift-E) untuk memadamkan garisan, hanya meninggalkan hiasan "ekor". Lampirkan ekor ke huruf O, menjadikannya sesuai dengan bentuk hijau-biru O.

Pilih semua unsur biru kehijauan dari O dan tekan Shift-Control-] untuk membawa mereka ke hadapan .

add decorative elements to the letter

Langkah 15

Buat segi empat bulat di atas O, ubahnya ke Warna Stroke . Gunakan Alat Gunting (C) dan klik pada sudut sauh untuk membahagikan bentuk menjadi dua bahagian. Tukar rupa bahagian, gunakan tetapan strok yang sama seperti yang kita ada untuk huruf L.

Langkah 16

Sekarang mari kita buat huruf V. Duplikat garis menegak kuning dari huruf L dua kali dan putar garisan, menjadikannya bertindih di bahagian bawah dan membentuk bentuk V.

Pilih kedua-dua baris dan gunakan Shape Builder Tool (Shift-M) sambil memegang Alt untuk memadam kepingan yang tidak diperlukan.

shape the letter v from vertical rectangles

Langkah 17

Gunakan fungsi Offset Path dengan nilai Offset 1.5 px dan isikan bentuk yang telah dibuat di turquoise. Sejajarkan bentuk baru ke bahagian bawah surat sebelumnya.

add a turquoise element with offset path

Langkah 18

Keluarkan bahagian atas bentuk yang berwarna biru dan pasangkan elemen hiasan bunga ke dalamnya. Lengkapkan huruf dengan menambahkan strok hiasan.

add decorative elements to the letter

Langkah 19

Bentuk dua huruf seterusnya - I dan N - dari bahagian menegak huruf L. Gunakan salinan bahagian-bahagian ini dan gabungkan kedua-dua, buat huruf dengan gaya yang sama.

shape the next letters from copies

Langkah 20

Dan akhirnya, huruf G. Buat salinan huruf O dan gunakan Alat Eraser (Shift-E) untuk memadam satu bahagian di sebelah kanan. Betulkan calar hiasan atau buat yang baru jika mereka kelihatan rosak selepas berubah.

Duplikat lingkaran kuning dan segiempat bulat kecil dari huruf L, dan selesaikan dengan huruf G.

create the letter g from the copy

Kerja yang baik! Kata pertama kad kami sudah siap! Mari kita lanjutkan dan lakukan beberapa tulisan tangan!

the first word if ready

2. Gunakan Alat Berus Blob untuk Menulis Tangan

Langkah 1

Sekarang mari kita tulis perkataan "you" dengan santai. Anda boleh menggunakan tulisan tangan anda sendiri atau anda juga boleh memilih fon tulisan tangan yang sesuai dengan keinginan anda sebagai rujukan dan melukisnya.

Klik dua kali Blob Brush Tool (Shift-B) untuk membuka tetingkap Options . Anda boleh melihat tetapan saya dalam imej di bawah. Saya menggunakan tablet grafik untuk membuat proses lebih selesa dan licin, dan saya menukar saiz berus dengan kekunci [ dan ] . Jika anda menggunakan kursor, gerakkan slaid Fidelity ke Smooth untuk mendapatkan garis aliran.

use the blob brush tool for handwriting

Langkah 2

The Blob Brush Tool (Shift-B) membolehkan kita untuk menggambar dengan bentuk, jadi kita tidak boleh mengedit baris sebagai pukulan. Walau bagaimanapun, kita boleh menggunakan Alat Seleksi Langsung (A) untuk menggerakkan titik sauh dan menyesuaikan kedudukan pemegang utama. Dengan cara ini, kita boleh mengubah ketebalan surat, menjadikan beberapa bahagian lebih tebal dan lain-lain lebih tipis, meniru tulisan tangan kehidupan sebenar di atas kertas.

fix the letter with the direct selection tool

Inilah kata-kata saya. Saya menyalin huruf-huruf dari bahagian atas sketsa dan menyuntingnya supaya tulisan itu kelihatan lancar dan mengalir.

the handwritten word

Langkah 3

Sekarang kita akan menyalin font mesin taip. Kita boleh menggunakan beberapa fon terbina dalam dan hanya taip kata-kata, tetapi mari kita memberi tumpuan kepada gaya keseluruhan imej kita dan memberikannya penampilan tulisan tangan.

Pertama sekali, memilih untuk memilih font mesin taip yang baik, seperti Courier, Consolas atau yang lain dengan keinginan anda. Saya menggunakan font Prestige Elite Std untuk menaip frasa "suka", tetapkan saiz hingga 12 pt dan warna menjadi kelabu muda.

Kunci objek dalam panel Lapisan , selesaikan dengan Blob Brush Tool (Shift-B) dan mula melukis huruf. Saya membuat mereka kelihatan sedikit berbeza dari yang asal.

Akhirnya, kumpulan (Control-G) setiap huruf dan gerakkan mereka sedikit lebih dekat antara satu sama lain.

use the typewriter font as a reference

Langkah 4

Sekarang mari kita beralih kepada perkataan "sihir". Saya menggunakan lakaran saya sebagai rujukan untuk membentuk huruf seperti kartun. Gunakan Alat Pensil (N) untuk melukis huruf melengkung dan isikan dengan warna biru gelap. Surat saya tidak kelihatan betul-betul seperti gambar yang dilukis, kerana lakaran kelihatan agak kasar.

Sekiranya anda merasa tidak selesa dengan Alat Pensil (N) tanpa sketsa yang betul, anda boleh melukis dengan bersih dengan huruf baik, letakkannya dalam Adobe Illustrator, dan kemudian semak dengan Alat Pensil (N) . Ini akan membantu anda mengawal garis dan memudahkan proses lukisan.

Saya menggunakan Alat Seleksi Langsung (A) untuk memindahkan dan mengedit setiap titik dari huruf yang tidak kelihatan betul. Cuba buat huruf kelihatan lebih simetris.

use the pencil tool to draw a letter

Langkah 5

Sekarang mari kita lukih huruf A. Perhatikan bagaimana sisi di sebelah kiri A benar-benar sepadan dengan lengkung huruf M. Ini membantu untuk membina hubungan antara huruf satu dengan yang lainnya.

Lukiskan bentuk kecil di atas A dan gunakan fungsi Minus Front dari Pathfinder untuk memotongnya, dan membentuk lubang bulat.

draw the next letter

Langkah 6

Terus menggunakan Alat Pensil (N) dan lukiskan huruf seterusnya. Letakkan G di atas A dan putar sedikit ke kiri, supaya ia sepadan dengan tunduk A.

Tambah huruf lurus yang saya dengan lengkung yang menyenangkan di atasnya.

Selesaikan dengan melukis pusingan C, beralih arah bertentangan, betul. Edit huruf, jika perlu, sambungkannya lagi.

draw the remaining letters

Langkah 7

Laraskan kedudukan huruf, membuatnya cocok satu sama lain, laraskan kedudukan yang sebahagiannya lebih tinggi dan lain-lain yang lebih rendah, putar mereka ke sebaliknya untuk memberi kesan kartun lucu.

make the word look playful and cartoon

Langkah 8

Gunakan Alat Pensil (N) sekali lagi, tetapi kali ini menukar warna Isi menjadi tidak berwarna dan warna Strok ke biru gelap. Buat lekukan, pusingan bulat di sekeliling huruf. Dalam panel Stroke , tetapkan Berat untuk 1 pt dan profilnya ke Prifile Width 1 .

Sekarang perkataan kelihatan terperinci. Mari bertukar dan menggabungkan kata-kata ke dalam kad romantik!

add strokes

3. Gabungkan Semua Kata ke dalam Poskad Cinta

Langkah 1

Pertama sekali, buat segi empat tepat 450 x 450 px dan isikan dengan biru gelap sangat gelap. Hantar Rectangle ke Belakang (Shift-Control- [) , dan ia akan membentuk latar belakang.

Surat-surat kami kelihatan datar pada tahap ini, dan kami boleh meninggalkan mereka seperti itu atau cuba untuk menggunakan kecerunan lembut untuk memberikan kesan yang lebih mendalam dan membuat huruf kelihatan rumit.

Mula dengan menukar warna huruf L dalam perkataan "penyayang". Pilih semua unsur kuning dan isi dengan gradien linear dari oren hingga kuning, sentuh sentuhan emas. Gunakan Alat Gradien (G) untuk meletakkan kecerunan secara menegak.

Kemudian pilih elemen biru kehijauan dan gunakan kecerunan linear menegak dari turquoise, supaya huruf-huruf kelihatan cerah.

Cat balik semua sisa kata itu.

apply gradients to the letters

Langkah 2

Sekarang mari kita kerja pada perkataan "you". Mula dengan menggunakan kecerunan linear coklat terang ke krim ringan, tetapkan kecerunan secara menyerong.

apply the gradient

Langkah 3

Sekarang mari kita membuat huruf Y kelihatan seperti tiga dimensi dengan menambah bayang-bayang yang halus di mana garis itu bertindih. Salin Y dan Tampal di Hadapan (Kawalan-C> Kawalan-F) . Isi salinan dalam warna biru yang berbeza.

Memperbesar lingkaran huruf dan gunakan Alat Gunting (C) untuk mengklik pada empat Mata Anchor di bahagian surat bertindih, yang ditandakan dalam imej di bawah. Kini bentuk dibahagikan kepada beberapa bahagian, biarkan ia memilih, ambil Alat Eraser (Shift-E) , dan gunakannya seperti ditunjukkan di bawah.

erase the unneeded parts of the copy

Langkah 4

Sekarang pilih elemen yang tidak diperlukan, tinggalkan beberapa keping, yang akan berubah menjadi bayang-bayang.

prepare the shadow pieces

Langka 5

Tetapkan Mod Blending untuk Multiply dan isi dengan kecerunan linear dari cahaya coklat hingga putih. Anda juga boleh menetapkan Opacity dari ujung kecerunan putih hingga 0% , menjadikannya benar-benar telus. Gunakan Alat Gradien (G) untuk meletakkan kecerunan ke arah yang betul.

Bayang-bayang yang lembut ini membantu kami memisahkan bahagian surat itu, menjadikannya kelihatan seperti tiga dimensi.

switch shadows to multiply mode

Langkah 6

Lakukan yang sama untuk seluruh huruf, bentuk sekeping yang akan ditukar menjadi bayang-bayang. Saya telah menandakan bentuk ini hitam dalam imej di bawah.

Tukar bentuk ini ke Multiply Blending Mode dan gunakan kecerunan linear, seperti yang kita lakukan pada langkah sebelumnya. Kini kata kami kelihatan seperti tiga dimensi!

apply the shadows to all the letters

Langkah 7

Pindahkan bahagian seterusnya kad kami dan isi ungkapan "suka" dengan kecerunan emas linier elegan dengan memilih semua huruf dan memohon kecerunan kepada semua sekaligus. Tambah dua baris mendatar yang nipis di setiap sisi ungkapan.

apply elegant gold gradient to the next phrase

Langkah 8

Dan akhirnya, kata terakhir kad kami: "sihir". Pilih semua huruf dan gunakan gradien linear dari biru di atas hingga ungu di bahagian bawah.

Cat Strok juga, buat mereka mengikut palet perkataan. Anda boleh membuatnya sebagai calar dan memohon warna secara manual atau Objek> Kembangkan Rupa dan warna mereka serentak dengan huruf dengan memilih keseluruhan perkataan dan memohon kecerunan menegak.

apply gradient to the word magic

Langkah 9

Mari kita buat huruf lebih terperinci dan rumit. Pilih huruf M dan aplikasikan Laluan Offset dengan -2.5 px Nilai Offset, mewujudkan bentuk yang lebih kecil di dalam. Betulkan bentuk batin, jika perlu, dengan menggerakkan titik anchor dan mengendalikan dengan Alat Pemilihan Langsung (A).

Isikan bentuk yang dibuat dengan kecerunan linear vertikal dari biru gelap hingga ungu gelap dan beralih ke Mod Blending ke Skrin, yang separa telus dan terang membuat bentuk.

Gunakan elemen yang sama untuk setiap huruf yang terang.

add bright elements to the letters

Langkah 10

Mari kita tambahkan beberapa lagi sihir kepada imej kita dengan membuat bintang berkilauan. Gunakan Alat Star (anda boleh menemuinya dalam menu lungsur yang sama seperti bentuk geometri yang lain) untuk membuat bintang 4-pointed. Pegang kekunci Kawalan semasa membuat bintang menyesuaikan ketebalannya, menjadikannya bulgy.

Buat sekelompok bintang dengan saiz yang berbeza, mengisi mereka dengan kecerunan emas yang lebih ringan dan gelap, dan spekalkan bintang di sekeliling kata "sihir".

speckle the stars around the word

Langkah 11

Gunakan Alat Pensil (N) untuk melukis sebelah kiri atas perkataan "penyayang". Beralih kepada warna Strok dan sapukan gradien linear dari coklat ke cahaya kuning. Anda tidak akan mengubah arah kecerunan Strok anda dengan Alat Gradien (G), tetapi anda boleh melaraskan Sudut dari panel Gradien.

Dalam panel Stroke, tetapkan Berat ke 2 pt dan Profil ke Profil Lebar 1

add a swirly line

Langkah 12

Tambah lebih banyak pusaran dan berputar di seluruh dunia "mencintai", membentuk bingkai. Tambah wang dengan kedua-dua belah perkataan "you" juga.

add more swirls

Langkah 13

Selesaikan pukulan dengan menambah pukulan cahaya ungu tipis dan pukulan putik nipis, menjadikan pudar kelihatan berhias.

add ornate strokes

Indah! Poskad Kami Huruf Berakhir!

Pekerjaan yang hebat, kawan-kawan saya! Kami telah mengakhiri kad pos "cinta" yang elegan, yang boleh anda cetak, dimasukkan ke dalam bingkai, dan dengan bangga hadir kepada orang yang anda sayangi. Ia dibuat oleh anda dan, seperti yang anda tahu, hadiah yang dibuat dengan cinta adalah yang terbaik.

Saya harap anda telah menikmati proses membuat dan menggunakan petua dan kiat ini untuk membuat kad huruf atau poster lain.

Dengan cara ini, saya mempunyai satu lagi tutorial surat untuk anda! Ia mudah dan menyeronokkan, jadi periksa!

love lettering postcard is finished
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.