1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Wafer Tertutup Cokelat Meleleh di Adobe Illustrator

by
Read Time:14 minsLanguages:

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

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

Dalam tutorial ini, Anda akan belajar cara membuat efek teks terinspirasi wafer dengan bantuan opsi 3D dan efek Transform untuk mendapatkan lapisan wafer pada Adobe Illustrator. Anda juga akan membuat pola wafer dari awal menggunakan kuas pola khusus, dan Anda akan selesai dengan cokelat meleleh yang mengilap pada huruf-huruf. Kedengarannya enak!

Efek teks ini terinspirasi oleh Frosted Chocolate Wafer Alphabet Letters Set yang tersedia di GraphicRiver. Jika Anda ingin lebih banyak style Illustrator atau vektor makanan, kunjungi GraphicRiver dan jelajahi berbagai desain luar biasa.

Aset Tutorial

Untuk melengkapi tutorial Anda akan membutuhkan aset:

1. Cara Membuka New Document

Jalankan Illustrator dan buka File > New untuk membuka dokumen kosong. Ketikkan nama untuk file Anda, atur dimensinya, lalu pilih Pixels sebagai Units dan RGB sebagai Color Mode.

Selanjutnya, pergi ke Edit > Preferences > General dan atur Keyboard Increment ke 1 px dan, ketika ada, pergi ke Unit untuk memastikan mereka ditetapkan seperti pada gambar berikut. Saya biasanya bekerja dengan pengaturan ini, dan mereka akan membantu Anda selama proses menggambar.

how to open new illustrator documenthow to open new illustrator documenthow to open new illustrator document

2. Cara Mempersiapkan Teks

Langkah 1

Ambil Type Tool (T) dan tulis “WAFER” di artboard Anda menggunakan Font Bob dari Envato Elements. Setelah itu, pilih Expand dan Ungroup (Shift-Control-G) dari menu Object untuk mendapatkan masing-masing huruf.

how to type the wafer texthow to type the wafer texthow to type the wafer text

Langkah 2

Sekarang, ambil Direct Selection Tool (A) dan gunakan untuk memindahkan beberapa titik jangkar untuk membuat area yang ditunjukkan sedikit lebih lebar.

how to adjust the wafer texthow to adjust the wafer texthow to adjust the wafer text

3. Cara Membuat Lapisan Wafer

Langkah 1

Sekarang setelah huruf-hurufnya siap, Anda dapat memilih semuanya dan pergi ke Effect > 3D > Extrude & Bevel. Atur Rotation Coordinate dan pengaturan seperti yang ditunjukkan, lalu klik OK.

how to apply 3D effect to wafer lettershow to apply 3D effect to wafer lettershow to apply 3D effect to wafer letters

Langkah 2

Fokus pada huruf "A". Pilih Expand Appearance dari menu Object dan kemudian Ungroup (Shift-Control-G) beberapa kali hingga Anda mendapatkan semua bentuk terpisah. Sekarang, pilih hanya empat bentuk cokelat tipis (lapisan wafer pertama) dan pergi ke Effect > Distort & Transform > Transform. Ketik 2.6 px di bidang Vertical Move, pilih 6 Copies, lalu klik OK. Sebagai hasilnya, Anda akan mendapatkan tujuh lapisan wafer, tetapi karena mereka penuh dengan warna yang sama, mereka tidak terlihat jelas pada titik ini.

Ulangi hal yang sama untuk huruf lainnya.

how to create the wafer layershow to create the wafer layershow to create the wafer layers

Langkah 3

Sementara tujuh lapisan wafer untuk huruf "A" masih dipilih, pilih Expand Appearance dari menu Object untuk memperluas efek Transform. Sekarang, Anda dapat memilih setiap lapisan secara terpisah dengan Direct Selection Tool (A) dan mewarnai ulang.

Ulangi hal yang sama untuk huruf lainnya.

how to color the wafer layershow to color the wafer layershow to color the wafer layers

4. Cara Membuat dan Menerapkan Brush Pola Wafer

Langkah 1

Gunakan Rectangle Tool (M) untuk menggambar persegi kecil berukuran 25 x 5 px yang diisi dengan abu-abu (1). Sekarang, gunakan Direct Selection Tool (A) untuk memilih hanya titik-titik sudut atas dan memindahkannya ke dalam dengan menekan tombol Panah pada keyboard Anda lima kali (2).

Sementara bentuk abu-abu baru tetap dipilih, pergi ke Object > Transform > Reflect, periksa Horizontal, dan kemudian tekan Copy. Sejajarkan bentuk kedua ke bagian bawah yang pertama, dan ubah warna fill menjadi merah muda (3).

Seret bentuk abu-abu dan merah muda ke panel Brushes dan pilih New Pattern Brush. Di jendela Pattern Brush Options, cukup ketik nama untuk brush baru Anda dan atur Colorization Method ke Tints and Shades.

how to define a new wafer pattern brushhow to define a new wafer pattern brushhow to define a new wafer pattern brush

Langkah 2

Gunakan Line Segment Tool (\) atau Pen Tool (P) untuk menggambar jalur lurus di atas huruf "W" dan sapukan dengan Wafer Pattern Brush yang baru. Kurangi Stroke Weight hingga 0,5 pt dan gunakan warna merah muda sebagai warna stroke (1).

Sementara jalur merah muda tetap dipilih, pergi ke Object > Transform > Reflect, periksa Horizontal, dan tekan Copy untuk mendapatkan jalur kedua. Pilih warna sapuan yang berbeda, seperti hijau (2). Sejajarkan kedua jalur sehingga bentuk merah muda dan hijau cocok dengan sempurna (lihat gambar close-up).

how to apply the wafer pattern brushhow to apply the wafer pattern brushhow to apply the wafer pattern brush

Langkah 3

Gandakan path merah muda dan atur salinan antara bentuk hijau. Anda mungkin perlu memperbesar untuk memastikan semuanya cocok dengan sempurna. Terus buat salinan jalur merah jambu sampai huruf "W" tercakup (1).

Sekarang, gandakan path hijau dan atur semua salinan antara yang merah muda. Pastikan mereka cocok, dan ini akan menjadi pola wafer (2).

how to create the wafer pattern for letter Whow to create the wafer pattern for letter Whow to create the wafer pattern for letter W

Langkah 4

Pilih semua jalur merah jambu dan hijau dan pilih Expand Appearance dari menu Object untuk mendapatkan bentuk kecil individual. Sekarang, gunakan Direct Selection Tool (A) untuk memilih hanya satu dari bentuk pink, dan pergi ke Select > Same > Fill Color. Sebagai hasilnya, Illustrator akan memilih semua bentuk pink untuk Anda, dan Anda dapat dengan mudah mengubah warna isian ke krim (1).

Selanjutnya, gunakan Direct Selection Tool (A) untuk memilih hanya satu dari bentuk ungu, dan kemudian pergi ke Select > Same > Fill Color. Ilustrator akan memilih semua bentuk ungu untuk Anda, dan Anda dapat mengubah warna isian menjadi krem ​​(2).

how to recolor half of wafer pattern on letter Whow to recolor half of wafer pattern on letter Whow to recolor half of wafer pattern on letter W

Langkah 5

Ikuti teknik yang sama dan warnai ulang semua bentuk hijau muda dengan warna yang ditunjukkan (1); kemudian warnai ulang bentuk hijau gelap ke cokelat (2).

how to recolor entire wafer pattern on letter Whow to recolor entire wafer pattern on letter Whow to recolor entire wafer pattern on letter W

Langkah 6

Pilih bentuk W lalu Copy and Paste in Place (Shift-Control-V) untuk membuat salinannya di depan pola wafer. Setel salinan ini ke stroke-none dan fill-none.

Sekarang, pilih pola wafer bersama dengan salinan surat dan pergi ke Object > Clipping Mask > Make (Control-7).

Saya telah menjelaskan proses pembuatan pola wafer untuk huruf "W". Terapkan metode yang sama untuk membuat pola pada sisa huruf.

how to mask the wafer patternhow to mask the wafer patternhow to mask the wafer pattern

5. Cara Mewarnai Kotak Pola Wafer

Langkah 1

Pertama, pilih bentuk W, lalu Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Berikan warna isian apa saja (1).

Sekarang, pilih dua kelompok bentuk yang membentuk pola wafer dari bawah topeng yang ada dan Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Tekan Unite di panel Pathfinder, dan kemudian pergi ke Object > Compound Path > Make (Control-8). Isi jalur senyawa wafer yang dihasilkan dengan warna merah muda (2). Sebelum melanjutkan, buat dua salinan untuk digunakan nanti, tetapi sembunyikan untuk saat ini.

Pilih bentuk W biru bersama dengan jalur senyawa wafer dan tekan Minus Front di panel Pathfinder. Anda akan mendapatkan sekelompok kotak biru (3).

how to create the wafer squares on letter Whow to create the wafer squares on letter Whow to create the wafer squares on letter W

Langkah 2

Ikuti teknik yang dijelaskan di atas untuk mendapatkan kotak biru pada empat huruf lainnya juga (1). Setelah Anda selesai, isi setiap kelompok kotak dengan gradien linier yang ditunjukkan pada 90º Angle (2). Seret kelompok kuadrat ini di antara pola wafer dan huruf sebenarnya di panel Layers.

how to color the wafer squares how to color the wafer squares how to color the wafer squares

6. Cara Membuat Shading pada Kotak Pola Wafer

Langkah 1

Fokus pada huruf "W" dan buat salinan jalur senyawa wafer yang terlihat lagi (1). Copy dan Paste in Front (Control-F) jalur gabungan ini dan gerakkan 1 px ke atas dengan menekan tombol Panah Atas pada keyboard Anda sekali (2).

Sementara kedua jalur senyawa wafer tetap dipilih, tekan Minus Front di panel Pathfinder. Sebagai hasilnya, Anda akan mendapatkan kelompok bentuk V-like terbalik di bagian atas wafer persegi (3).

how to create shading shapes on letter Whow to create shading shapes on letter Whow to create shading shapes on letter W

Langkah 2

Isi kelompok bentuk yang diperoleh pada langkah sebelumnya dengan coklat; kemudian pergi ke Effect > Blur > Gaussian Blur dan menerapkan Radius 1 px (1).

Beri nama grup ini "shading" dan seret ke bawah mask yang ada dan di bawah pola wafer di panel Layers (2).

how to color shading shapes on letter Whow to color shading shapes on letter Whow to color shading shapes on letter W

7. Cara Membuat Sorotan di Kotak Pola Wafer

Langkah 1

Buat salinan kedua dari jalur gabungan wafer yang terlihat lagi (1). Copy dan Paste in Ftront (Control-F) jalur gabungan ini, dan kali ini, gerakkan 1 px ke bawah dengan menekan tombol Panah Bawah pada keyboard Anda sekali (2).

Sementara kedua jalur gabungan tetap dipilih, tekan Minus Front di panel Pathfinder. Anda akan mendapatkan sekelompok bentuk V-seperti di bagian bawah kotak-kotak wafer (3).

how to create highlight shapes on letter Whow to create highlight shapes on letter Whow to create highlight shapes on letter W

Langkah 2

Isi kelompok bentuk yang diperoleh pada langkah sebelumnya dengan warna yang ditunjukkan, dan terapkan 1 px Gaussian Blur (1).

Beri nama grup ini "hightlight" dan seret ke bawah mask yang ada dan di bawah pola wafer di panel Layers (2).

how to color highlight shapes on letter Whow to color highlight shapes on letter Whow to color highlight shapes on letter W

Langkah 3

Saya telah menjelaskan cara mewarnai dan cara menambahkan bayangan dan highlight pada kotak wafer untuk huruf "W". Terapkan metode yang sama untuk menambahkan detail pada empat huruf lainnya.

how create shading and highlight on wafer lettershow create shading and highlight on wafer lettershow create shading and highlight on wafer letters

8. Cara Membuat Tekstur pada Huruf Wafer

Langkah 1

Pertama, mari buat bentuk topeng. Pilih semua lapisan wafer dan kemudian Copy dan Paste in Place (Shift-Control-V) untuk membuat salinan dari mereka di depan semuanya. Tekan Unite pada panel Pathfinder dan, setelah itu, pergi ke Object > Compound Path > Make (Control-8).

how to create a wafer layers compound pathhow to create a wafer layers compound pathhow to create a wafer layers compound path

Langkah 2

Selanjutnya, pilih huruf dan Copy dan Paste in Place (Shift-Control-V) untuk membuat salinannya. Pergi ke Object > Compound Path > Make (Control-8) untuk mendapatkan path compound baru dari mereka (1).

Sementara jalur senyawa merah dan merah muda tetap dipilih, tekan Minus Front di panel Pathfinder; kemudian pergi ke Object > Compound Path > Make (Control-8). Kami akan menggunakan jalur gabungan yang dihasilkan untuk menutupi tekstur berikutnya (2).

how to create a wafer layers masking shapehow to create a wafer layers masking shapehow to create a wafer layers masking shape

Langkah 3

Gunakan Rectangle Tool (M) untuk menggambar persegi panjang yang menutupi huruf-huruf. Pilih abu-abu sebagai warna isian; kemudian buka Effect > Texture > Texturizer dan terapkan pengaturan yang ditunjukkan (1).

Sementara persegi panjang ini tetap dipilih, juga pilih bentuk topeng yang diperoleh pada langkah sebelumnya dan pergi ke Object > Clipping Mask > Make (Control-7) (2). Atur persegi panjang ke Blending Mode Soft Light (3).

how to add texture on wafer layershow to add texture on wafer layershow to add texture on wafer layers

Langkah 4

Buat salinan dari lima huruf dan kemudian pergi ke Object > Compound Path > Make (Control-8). Isi path baru dengan warna abu-abu dan terapkan efek Texturizer menggunakan pengaturan yang sama (1). Atur Blending Mode ke Overlay dan kurangi Opacity menjadi 40%.

Buat salinan path gabungan yang sama di depan dan hapus semua tampilan yang ada. Gunakan untuk menutupi tekstur untuk mendapatkan tepi yang tajam (2).

how to add texture on wafer lettershow to add texture on wafer lettershow to add texture on wafer letters

9. Cara Membuat Cokelat Meleleh

Langkah 1

Mari kita tutup bagian atas surat wafer dengan cokelat leleh yang lezat.

Lihatlah huruf-huruf wafer dan bayangkan cokelat mengalir di atasnya. Gunakan Pen Tool (P) untuk mendefinisikan cokelat leleh pada setiap huruf (1). Selanjutnya, gabungkan jalur di antara mereka (2) dan, pada akhirnya, tutup bentuk di bagian atas untuk menutupi huruf-huruf (3).

how to draw the melted chocolate shapehow to draw the melted chocolate shapehow to draw the melted chocolate shape

Langkah 2

Sementara bentuk cokelat tetap dipilih, tambahkan New Fill di panel Appearance di atas yang ada cokelat. Gunakan radial gradient yang ditunjukkan; kemudian buka Effect > Sketch > Chrome dan terapkan pengaturan yang ditunjukkan. Atur Blending Mode ke Soft Light.

how to apply chrome effect to melted chocolate shapehow to apply chrome effect to melted chocolate shapehow to apply chrome effect to melted chocolate shape

Langkah 3

Dengan bentuk cokelat masih dipilih, tambahkan New Fill di bagian atas panel Appearance dan gunakan putih sebagai warna isian. Pergi ke Effect > Stylize > Inner Glow dan terapkan pengaturan yang ditunjukkan. Atur Blending Mode ke Multiply (putih menjadi transparan).

how to add inner shading to melted chocolate shapehow to add inner shading to melted chocolate shapehow to add inner shading to melted chocolate shape

Langkah 4

Buat jalur gabungan dari lapisan wafer dan jalur gabungan lain dari huruf-huruf, seperti yang Anda lakukan sebelumnya (1). Sementara kedua bentuk tetap dipilih, tekan Unite pada panel Pathfinder, dan kemudian pergi ke Object > Compound Path > Make (Control-8) (2).

how to create a wafer letters compound pathhow to create a wafer letters compound pathhow to create a wafer letters compound path

Langkah 5

Buat jalur gabungan dari lapisan wafer dan jalur gabungan lain dari huruf-huruf, seperti yang Anda lakukan sebelumnya (1). Sementara kedua bentuk tetap dipilih, tekan satukan pada panel Pathfinder, dan kemudian pergi ke Object > Compound Path > Make (Control-8) (2).

Sementara bentuk biru dan merah muda tetap dipilih, tekan Intersect di panel Pathfinder dan kemudian pergi ke Object > Compound Path > Make (Control-8) (2).

Gunakan Delete Anchor Point Tool (-) dan Add Anchor Point Tool (+) untuk mendistorsi bentuk yang dihasilkan, terutama di bagian atas. Tambahkan lebih banyak titik jangkar dan gerakkan secara acak untuk membuat tepi tidak beraturan (3).

how to create a melted chocolate masking shapehow to create a melted chocolate masking shapehow to create a melted chocolate masking shape

Langkah 6

Pilih bentuk cokelat bersama dengan jalur senyawa merah muda dari langkah sebelumnya (stroke-none, fill-none) dan pergi ke Object > Clipping Mask > Make (Control-7).

how to mask the melted chocolate on wafer letters how to mask the melted chocolate on wafer letters how to mask the melted chocolate on wafer letters

10. Cara Membuat Bayangan di Bawah Cokelat Meleleh

Langkah 1

Buat salinan bentuk cokelat dan pindahkan ke belakang cokelat asli tetapi di depan surat-surat wafer. Hapus penampilan yang ada karena kami memiliki yang baru. Pilih warna coklat gelap sebagai warna isian dan gunakan efek Drop Shadow menggunakan pengaturan yang ditunjukkan.

how to add shadow under melted chocolate on wafer lettershow to add shadow under melted chocolate on wafer lettershow to add shadow under melted chocolate on wafer letters

Langkah 2

Kita membutuhkan bentuk topeng sekarang. Buat path gabungan dari lapisan wafer dan jalur gabungan lain dari huruf-huruf, seperti yang Anda lakukan sebelumnya (1). Sementara kedua bentuk tetap dipilih, tekan Unite pada panel Pathfinder dan kemudian pergi ke Object > Compound Path > Make (Control-8) (2).

how to create new wafer letters compound pathhow to create new wafer letters compound pathhow to create new wafer letters compound path

Langkah 3

Buka panel Layer dan temukan bentuk topeng yang Anda gunakan untuk cokelat. Copy dan Paste pada Place (Shift-Control-V) karena kita memerlukan salinannya (bentuk oranye) (1).

Sementara bentuk biru dan oranye tetap dipilih, tekan satukan pada panel Pathfinder dan kemudian pergi ke Object > Compound Path > Make (Control-8) (2). Gunakan jalur senyawa baru ini untuk menutupi salinan bentuk cokelat dengan efek Drop Shadow diterapkan padanya (3).

how to mask shadow under melted chocolatehow to mask shadow under melted chocolatehow to mask shadow under melted chocolate

11. Bagaimana Menambahkan Detail dan Kilauan pada Cokelat Meleleh

Langkah 1

Ambil Pen Tool (P) dan gambar beberapa jalur mengikuti tepi atas cokelat (1). Berikan mereka semua Stroke hitam 5 pt dan gunakan Width Profile 1 pada panel Stroke. Selanjutnya, buka Effect > Blur > Gaussian Blur dan terapkan Radius 2 px; kemudian atur Blending Mode ke Multiply dan kurangi Opacity menjadi 25% (2).

Group (Control-G) semua jalur ini dan seret kelompok di bawah topeng yang ada digunakan untuk cokelat untuk menutupi blur yang melewati tepi atas.

how to add shading on edge of melted chocolatehow to add shading on edge of melted chocolatehow to add shading on edge of melted chocolate

Langkah 2

Perhatikan lebih dekat pada cokelat dan detail yang dibuat oleh efek Chrome (1). Ikuti detail itu dan gambar beberapa jalur di atas menggunakan Pen Tool (P) (2).

Berikan semua Stroke 2 pt putih dan gunakan Width Profile 1 lagi. Terapkan 2 px Gaussian Blur; kemudian atur Blending Mode ke Overlay dan 75% Opacity (3).

how to add highlights on melted chocolate how to add highlights on melted chocolate how to add highlights on melted chocolate

Langkah 3

Gambarkan lebih banyak path pada cokelat seperti yang ditunjukkan pada gambar di bawah ini, di mana ada ruang kosong yang lebih besar (1). Beri Stroke putih 4 pt dan gunakan Width Profile 1 lagi. Terapkan 4 px Gaussian Blur; kemudian atur Blending Mode ke Overlay dan 25% Opacity (2).

how to add extra details on melted chocolatehow to add extra details on melted chocolatehow to add extra details on melted chocolate

Langkah 4

Mari tambah lebih banyak kilauan. Gambarkan beberapa jalur mengikuti tepi bawah cokelat (1) dengan Pen Tool (P). Beri mereka Stroke 4 pt menggunakan warna yang ditunjukkan dan gunakan Black Blend Art Brush 100x3 (info di bawah). Selanjutnya, buka Effect > Stylize > Feather dan gunakan Radius 4 px (2).

Saya memiliki seluruh tutorial yang didedikasikan untuk Blend Art Brushes dan seberapa bergunanya mereka. Saya menggunakannya dalam gambar saya sepanjang waktu. Anda dapat mengetahui cara membuat dan menyimpan Black Blend Art Brush 100x3 yang kami gunakan hari ini dalam Cara Membuat Kumpulan Multi-Use Blend Brushes pada Adobe Illustrator. Karena Colorization dari brush diatur ke Tints, ketika Anda memilih warna stroke lain, kuas menjadi warna itu juga, terlepas dari namanya.

how to add shine on melted chocolatehow to add shine on melted chocolatehow to add shine on melted chocolate

Langkah 5

Mari tambahkan lebih banyak lagi. Gambarkan lebih banyak jalur lebih dekat ke tepi cokelat (1) menggunakan Pen Tool (P). Berikan semua 3 pt Stroke dan gunakan Black Blend Art Brush 100x3 lagi. Pergi ke Efek > Stylize > Feather dan menerapkan Radius 4 px untuk membuatnya lebih halus (2).

how to add extra shine on melted chocolatehow to add extra shine on melted chocolatehow to add extra shine on melted chocolate

12. Bagaimana Menambahkan Bayangan di Bawah Huruf Wafer

Buka panel Layers dan temukan bentuk yang Anda gunakan untuk menutupi bayangan di bawah cokelat leleh. Copy dan Paste in Place (Shift-Control-V) karena kita membutuhkannya lagi (jalur gabungan abu-abu).

Pindahkan salinan ini ke layer baru bernama “Shadow” di bawah huruf, lalu terapkan efek Drop Shadow dua kali.

how to add shadow under wafer lettershow to add shadow under wafer lettershow to add shadow under wafer letters

Ini adalah pengaturan untuk efek Drop Shadow:

drop shadow settingsdrop shadow settingsdrop shadow settings

Selamat! Anda sudah selesai

Berikut adalah gambar akhir dari efek teks wafer yang ditutupi dengan cokelat leleh yang lezat. Saya harap Anda menikmati tutorial yang manis ini dan mempelajari teknik-teknik baru. Jangan lupa untuk membagikan gambar dengan kami jika Anda memutuskan untuk membuatnya kembali.

Terus menggambar dan belajar dengan tutorial yang direkomendasikan dari bawah.

wafer text effect with melted chocolate final imagewafer text effect with melted chocolate final imagewafer text effect with melted chocolate final image


One subscription.
Unlimited Downloads.
Get unlimited downloads