1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Teks Western dalam Adobe Illustrator

Scroll to top
Read Time: 9 min

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

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

Dalam langkah-langkah berikut, Anda akan belajar cara membuat efek teks Western sederhana di Adobe Illustrator.

Sebagai permulaan Anda akan belajar cara membuat latar belakang yang sederhana dan cara menambahkan sepotong dasar teks. Mengambil keuntungan penuh dari panel Appearance, Anda akan belajar cara membuat efek teks Western.

Anda akan belajar cara bekerja dengan beberapa fill dan stroke, Offset, Rounded Corners dan efek Transform, beberapa efek Photoshop beserta teknik blending dasar. Akhirnya, Anda akan belajar cara untuk menyimpan dan menggunakan graphic style sederhana.

Untuk lebih banyak inspirasi tentang cara untuk menyesuaikan atau meningkatkan efek teks akhir Anda, Anda dapat menemukan banyak sumber daya pada GraphicRiver.

1. Cara Membuat Dokumen Baru dan Menambahkan Latar Belakang Sederhana

Langkah 1

Tekan Control-N untuk membuat dokumen baru. Pilih Pixels dari menu drop-down Units, memasukkan 850 di kotak width dan height, dan kemudian klik tombol Advanced. Pilih RGB untuk Color Mode, atur Raster Effects ke Screen (72 ppi), dan kemudian klik Create Document.

new documentnew documentnew document

Langkah 2

Pilih Rectangle Tool (M) dan fokus pada Toolbar Anda. Menghapus warna dari stroke dan kemudian pilih fill dan mengatur warna untuk R = 231 G = 207 B = 180. Pindah ke artboard Anda dan cukup klik di atasnya untuk membuka jendela Rectangle. Memasukkan "860" di kedua kotak dan kemudian klik tombol OK.

rectanglerectanglerectangle

2. Cara Menambahkan Teks Anda

Langkah 1

Ambil Type Tool (T) dan buka panel Character (Window > Type > Character). Menggunakan font Texas Tango, atur ukuran ke 120 px, dan kemudian cukup klik pada artboard Anda. Menambahkan teks "WILD" dan atur warna ke putih (R=255 G=255 B=255).

type tooltype tooltype tool

Langkah 2

Memastikan bahwa teks Anda tetap dipilih, fokus pada panel Swatches (Window > Swatches), dan klik [None] swatch untuk menyingkirkan fill putih.

Pindah ke panel Appearance (Window > Appearance) dan klik tombol Add New Fill untuk menambahkan fill baru pada teks. Pilih dan mengatur warna ke R = 212 G = 92 B = 17.

new fillnew fillnew fill

3. Cara Membuat Sisi Belakang pada Efek Teks

Langkah 1

Pastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill kedua menggunakan tombol yang sama Add New Fill dan drag di bawah fill yang ada.

Pilih fill baru, atur warna ke R=53 G=9 B=8, dan kemudian menuju ke Effect > Path > Offset Path. Masukkan Offset 10 px, klik tombol OK, dan kemudian menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 10 px, klik OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Vertical ke 5 px dan kemudian klik OK.

Add New FillAdd New FillAdd New Fill

Langkah 2

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Memilih ulang fill bawah dan menuju ke Effect > Stylize > Drop Shadow. Masukkan atribut yang terlihat di jendela kiri atas (pada gambar berikut), klik tombol OK, dan kemudian menambahkan tiga efek Drop Shadow lainnya di bawah ini.

Drop ShadowDrop ShadowDrop Shadow

Langkah 3

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill ketiga dan drag antara dua fill.

Pilih fill terbaru, atur warna ke R=76 G=28 B=15, dan kemudian menuju ke Effect > Path > Offset Path. Masukkan Offset 5 px, klik tombol OK, dan kemudian menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 6 px, klik tombol OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Vertical ke 4 px dan kemudian klik OK.

Offset PathOffset PathOffset Path

Langkah 4

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill keempat dan drag tepat di bawah fill atas.

Pilih fill terbaru ini, diatur warnanya menjadi hitam (R=0 G=0 B= 0), dan kemudian menuju ke Effect > Path > Offset Path. Masukkan Offset 10 px, klik tombol OK, dan kemudian menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 10 px, klik tombol OK dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Mover-Vertical ke 5 px, klik tombol OK, dan kemudian menuju ke Effect > Artistic > Film Grain. Drag tiga slider seperti yang terlihat pada gambar berikut dan kemudian klik tombol OK.

Film GrainFilm GrainFilm Grain

Langkah 5

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Memilih ulang yang fill hitam, menurunkan Opacity ke 15%, dan mengubah Blending Mode ke Multiply.

MultiplyMultiplyMultiply

Langkah 6

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill kelima dan drag tepat ke bawah fill teratas.

Memilih fill terbaru, atur warna ke R=76 G=28 B=15, dan kemudian menuju ke Effect > Path > Offset Path. Masukkan Offset 10 px, klik tombol OK, kemudian menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 10 px, klik tombol OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Move-Vertical ke 5 px, klik tombol OK, dan kemudian menuju ke Effect > Sketch > Graphic Pen. Atur Stroke Direction ke Vertical, drag dua slider seperti terlihat pada gambar berikut, dan kemudian klik tombol OK.

Graphic PenGraphic PenGraphic Pen

Langkah 7

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih kembali fill yang ditambahkan pada langkah sebelumnya, menurunkan Opacity menjadi 10%, dan mengubah Blending Mode ke Soft Light.

Soft LightSoft LightSoft Light

Langkah 8

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih fill teratas dan menuju ke Effect > Stylize > Rounded Corners. Atur Radius to 2 px, klik tombol OK, dan kemudian menambahkan dua efek Drop Shadow yang terlihat di bawah.

Rounded CornersRounded CornersRounded Corners

4. Cara Membuat Sisi Depan pada Efek Teks

Langkah 1

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill baru dan drag di atas yang sudah ada.

Pilih fill terbaru ini dan mengganti warna datar dengan linear gradient yang ditunjukkan di bawah. Perlu diingat bahwa angka biru dari gambar Gradient menunjukkan persentase Location.

Selanjutnya, menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 2 px, klik tombol OK, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -2 px, klik tombol OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical ke -96%, jangan lupa untuk memilih titik acuan atas tengah dan kemudian klik tombol OK.

Linear GradientLinear GradientLinear Gradient

Langkah 2

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih fill teratas dan duplikasi menggunakan tombol Duplicate Selected Item. Pilih fill baru yang ditambahkan, ganti linear gradient dengan warna hitam, dan kemudian menuju ke Effect > Artistic > Film Grain. Drag tiga slider seperti yang ditunjukkan di bawah ini dan kemudian klik tombol OK.

Film GrainFilm GrainFilm Grain

Langkah 3

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih kembali fill yang ditambahkan pada langkah sebelumnya, menurunkan Opacity ke 5%, dan mengubah Blending Mode ke Multiply.

MultiplyMultiplyMultiply

Langkah 4

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill baru dan drag ke atas yang sudah ada.

Pilih fill terbaru, atur warna ke R=76 G=28 B=15, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -1 px , klik tombol OK, dan kemudian menuju ke Effect > Sketch > Graphic Pen. Atur Stroke Direction ke Vertical, drag dua slider seperti yang terlihat pada gambar berikut, dan kemudian klik tombol OK.

Graphic PenGraphic PenGraphic Pen

Langkah 5

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih kembali fill yang ditambahkan pada langkah sebelumnya, menurunkan Opacity ke 15%, dan mengubah Blending Mode ke Soft Light.

Soft LightSoft LightSoft Light

Langkah 6

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill baru dan drag ke atas yang sudah ada.

Pilih fill terbaru, atur warna ke R=235 G=190 B=89, mengubah Blending Mode ke Soft Light, dan menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 2 px, klik tombol OK, dan kemudian menuju ke Effect > Stylize > Inner Glow. Memasukkan atribut yang terlihat di bawah dan kemudian klik tombol OK.

Inner GlowInner GlowInner Glow

Langkah 7

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill baru dan drag ke atas yang sudah ada.

Pilih fill terbaru ini, mengubah Blending Mode ke Overlay, dan mengganti warna datar dengan linear gradient yang ditunjukkan di bawah. Perlu diingat bahwa angka kuning dari gambar Gradient menunjukkan persentase Opacity.

Selanjutnya, menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 2 px, klik tombol OK, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -7 px, klik tombol OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical ke -96%, jangan lupa untuk memilih titik acuan atas tengah, dan kemudian klik tombol OK.

OverlayOverlayOverlay

Langkah 8

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih kembali fill yang ditambahkan pada langkah sebelumnya dan menuju ke Effect > Blur > Gaussian Blur. Atur Radius ke 3 px dan kemudian klik tombol OK.

Gaussian BlurGaussian BlurGaussian Blur

Langkah 9

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Pilih kembali fill yang ditambahkan pada langkah sebelumnya dan duplikasi menggunakan tombol Duplicate Selected Item. Pilih fill baru yang ditambahkan, menurunkan Opacity menjadi 30%, dan menghapus efek Gaussian Blur.

Duplicate Selected ItemDuplicate Selected ItemDuplicate Selected Item

Langkah 10

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Menambahkan fill baru dan drag ke atas yang sudah ada.

Pilih fill terbaru ini, mengubah Blending Mode ke Overlay, menurunkan Opacity menjadi 20% dan mengganti warna datar dengan linear gradient yang ditunjukkan di bawah. Ingat bahwa angka kuning dari gambar Gradient menunjukkan persentase Opacity.

Selanjutnya, menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 2 px, klik tombol OK, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -5 px, klik tombol OK, dan kemudian menuju ke Effect > Distort & Transform > Transform. Drag slider Scale-Vertical ke -96%, jangan lupa untuk memilih titik acuan atas tengah, dan kemudian klik tombol OK.

Linear GradientLinear GradientLinear Gradient

Langkah 11

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance.

Pilih stroke, membuatnya hitam, atur ukuran ke 6 px, dan kemudian menuju ke Effect > Stylize > Rounded Corners. Atur Radius ke 2 px, klik tombol OK, dan kemudian menuju ke Effect > Path > Offset Path. Memasukkan Offset -2 px dan kemudian klik tombol OK.

Black StrokeBlack StrokeBlack Stroke

Langkah 12

Memastikan bahwa teks Anda masih dipilih dan tetap fokus pada panel Appearance. Memilih ulang stroke, menurunkan Opacity menjadi 25%, dan mengubah Blending Mode ke Soft Light.

ABCDABCDABCD

5. Cara Menyimpan dan Menggunakan Graphic Styles

Langkah 1

Memastikan bahwa teks Anda masih dipilih, buka panel Graphic Styles (Window > Graphic Styles), dan cukup klik tombol New Graphic Style.

New Graphic StyleNew Graphic StyleNew Graphic Style

Langkah 2

Akhirnya, Anda dapat menambahkan teks baru dan menggunakan graphic styles yang telah disimpan Anda seperti terlihat di bawah.

Graphic StylesGraphic StylesGraphic Styles

Selamat! Anda Selesai!

Berikut adalah bagaimana seharusnya terlihat. Saya harap Anda telah menikmati tutorial ini dan dapat menerapkan teknik-teknik ini dalam proyek-proyek masa depan Anda.

Merasa bebas untuk menyesuaikan desain akhir dan membuat Anda sendiri. Anda dapat menemukan beberapa sumber inspirasi pada GraphicRiver, dengan solusi yang 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.
One subscription. Unlimited Downloads.
Get unlimited downloads