Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Terinspirasi-Bendera Jerman di Adobe Illustrator

Scroll to top
Read Time: 5 min
This post is part of a series called German Week.
How to Create a Zeppelin Illustration in Adobe Illustrator
International Artist Feature: Germany
This post is part of a series called Text Effects.
How to Create a Sketch Text Effect Action in Adobe Photoshop
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop

() translation by (you can also view the original English article)

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

Kami menghormati Jerman, bahasa mereka, dan budaya mereka minggu ini untuk merayakan peluncuran Envato Elements versi Jerman!

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks yang dapat diedit sepenuhnya yang terinspirasi oleh warna bendera Jerman di Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara membuat potongan teks sederhana. Dengan menggunakan Appearance panel, empat fill sederhana dan beberapa efek, Anda akan belajar cara membuat final text effect. Terakhir, Anda akan belajar bagaimana menambahkan tekstur halus dan beberapa bayangan keseluruhan ke desain akhir Anda.

Kita akan menggunakan pepatah Jerman untuk teks: Anfangen ist leicht, Beharren eine Kunst. Terjemahan bahasa menjadi Memulai itu mudah, ketekunan adalah seni. Ini menyoroti bagaimana memulai sesuatu jauh lebih mudah daripada melihatnya sampai akhir. Menjaga motivasi Anda adalah bentuk seni tersendiri.

Untuk inspirasi lebih lanjut tentang cara menyesuaikan atau meningkatkan final text effeck Anda, Anda dapat menemukan banyak sumber daya di GraphicRiver.

Apa Yang Anda Butuhkan

Anda akan memerlukan sumber daya berikut untuk menyelesaikan proyek ini:

1. Cara Membuat Dokumen Baru dan Membuat Teks

Langkah 1

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Units, masukkan 850 dalam kotak Width dan 990 di kotak Height, lalu klik tombol More Settings. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi), lalu klik Creat Document.

Anda juga harus membuka panel Info (Window> Info) untuk preview langsung dengan ukuran dan posisi bentuk Anda. Juga, atur satuan ukuran ke pixel dari Edit> Preferences> Units. Semua opsi ini akan meningkatkan kecepatan kerja Anda secara signifikan.

new documentnew documentnew document

Langkah 2

Pilih Type Tool (T) dan buka panel Character (Window> Type> Character). Pilih font Robinson dan kemudian atur ukurannya menjadi 160 px dan pelacakan ke 15. Pindah ke artboard Anda, klik di atasnya, dan ketik teks Anda.

type tooltype tooltype tool

2. Cara Membuat Efek Teks

Langkah 1

Pastikan bahwa teks Anda dipilih, fokus pada panel Swatches (Window> Swatches), dan klik [None] swatch untuk menghapus warna teks yang ada. Ini harus membuat teks Anda invisible, tetapi jangan khawatir — kita akan memperbaikinya di langkah berikutnya.

fill nonefill nonefill none

Langkah 2

Pastikan invisible text Anda masih dipilih, buka panel Appearance (Window> Appearance), dan tambahkan fill baru menggunakan tombol Add New Fill. Pilih isi baru ini dan atur warnanya ke R=255 G=206 B=0.

add new filladd new filladd new fill

Langkah 3

Pastikan teks Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan fill kedua.

Pilih new fill ini, pindahkan di bawah yang kuning, atur warnanya ke R=221 G=0 B=0, dan buka Effect> Distort & Transform> Transform. Drag kedua Pindahkan slider ke 1 px dan masukkan 8 dalam kotak Copies, dan kemudian klik OK.

transform effecttransform effecttransform effect

Langkah 4

Pastikan teks Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan fill ketiga.

Pilih new fill, pindahkan di bawah yang merah, atur warnanya menjadi hitam (R=0 G=0 B=0), dan pergi ke Effect > Path > Offset Path. Masukkan 5 px Offset, klik OK, dan pergi ke Effect> Distort & Transform> Transform. Drag kedua Move slider ke 1 px dan masukkan 16 dalam kotak Copies, dan kemudian klik OK.

offset pathoffset pathoffset path

Langkah 5

Pastikan text Anda tetap terpilih, tetap fokus pada panel Appearance, dan tambahkan fill keempat.

Pilih new fill dan pindahkan di bawah yang hitam. Atur warna menjadi hitam, turunkan Opacity menjadi 50%, dan buka Effect> Path> Offset Path. Masukkan 5 px Offset, klik OK, dan pergi ke Effect> Distort & Transform> Transform. Seret kedua Move slider ke 1 px dan masukkan 24 dalam kotak Copies, dan kemudian klik OK.

opacityopacityopacity

Langkah 6

Pastikan text Anda tetap terpilih dan tetap fokus pada panel Appearance. Klik bagian "Type" untuk memastikan bahwa seluruh teks Anda selected dan buka Effect> Stylize> Rounded Corners. Atur Radius ke 5 px dan klik OK.

rounded cornersrounded cornersrounded corners

3. Cara Membuat Latar Belakang dan Menambahkan Shading Secara Keseluruhan

Langkah 1

Pilih Rectangle Tool (M) dan cukup klik pada artboard Anda untuk membuka jendela Rectangle. Atur Width ke 870 px dan Height ke 1010 px, dan kemudian klik OK untuk membuat rectangle Anda.

Pilih new shape, atur warnanya ke R=221 G=0 B=0, send ke back (Shift-Control-[), dan buka panel Align (Window> Align). Atur alignment ke Artboard (buka menu fly-out dan masuk ke Show Options jika Anda tidak dapat melihat bagian Align To seperti yang ditunjukkan pada gambar berikut) dan kemudian klik tombol Horizontal Align Center dan Vertical Align Center. Ini akan dengan cepat memindahkan rectangle Anda ke pusat artboard.

backgroundbackgroundbackground

Langkah 2

Pastikan bahwa rectagle merah Anda masih dipilih/selected, tambahkan salinan di depan (Control-C> Control-F), dan bawa ke depan (Shift-Control-]).

Pilih new shape dan fokuskan pada panel Appearance. Pilih fill dan ganti warna yang ada dengan gradien radial yang ditunjukkan di bawah ini. Turunkan Opacity ke 50% dan ubah Blending Mode ke Soft Light, dan kemudian pergi ke Effect> Artistic> Film Grain. Masukkan atribut yang ditunjukkan di bawah dan klik OK. Gunakan Gradient Tool (G) untuk meregangkan gradien Anda seperti yang ditunjukkan di bawah ini.

film grainfilm grainfilm grain

Langkah 3

Pastikan bahwa rectangle yang ditambahkan pada langkah sebelumnya masih dipilih dan fokus pada panel Appearance. Pilih fill yang ada dan gandakan menggunakan tombol Duplicate Selected Item. Hapus efek Film Grain yang diterapkan pada new fill ini dan kemudian tingkatkan Opacity dari new fill hingga 100%.

radial gradientradial gradientradial gradient

Selamat! Anda sudah selesai!

Di sini adalah bagaimana seharusnya terlihat. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini dalam proyek Anda di masa mendatang. Jangan ragu untuk membagikan hasil akhir Anda di bagian komentar.

Jangan ragu untuk menyesuaikan desain akhir dan menjadikannya milik Anda sendiri. Anda dapat menemukan beberapa sumber inspirasi hebat di GraphicRiver, dengan solusi menarik untuk meningkatkan desain Anda.

final productfinal productfinal product
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads