7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cara Membuat Efek Bergaya Spanyol Teks dalam Adobe Illustrator

Scroll to top
Read Time: 7 mins

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

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

Pada langkah berikutnya, Anda akan belajar cara membuat efek bergaya Spanyol teks dalam Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara set up sebuah grid sederhana dan bagaimana membuat latar belakang dengan menggunakan sederhana persegi. Menggunakan alat jenis dan karakter panel, Anda akan belajar bagaimana untuk menambahkan teks dan bagaimana untuk dengan mudah menyesuaikan. Mengambil keuntungan penuh dari panel tampilan, Anda akan belajar cara membuat efek teks yang sepenuhnya dapat diedit Anda. Akhirnya, Anda akan belajar bagaimana menambahkan beberapa naungan dan tekstur yang halus.

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

1. Cara untuk Membuat Dokumen Baru dan Mengatur Grid

Tekan kontrol-N untuk membuat dokumen baru. Memilih Pixels dari menu drop-down Units, 850 masuk kotak lebar dan tinggi, dan kemudian klik tombol Pengaturan lainnya. Pilih RGB untuk Color Mode, mengatur efek Raster ke layar (72 ppi), dan kemudian klik tombol Buat dokumen.

Mengaktifkan Grid (Lihat > Tampilkan Grid) dan Snap untuk Grid (Lihat > Snap untuk Grid). Anda akan memerlukan sebuah grid setiap 5 px, jadi hanya pergi ke Edit > preferensi > & panduan Grid, dan masuk 5 Gridline setiap kotak dan 1 di kotak subdivisi. Cobalah untuk tidak mendapatkan kecewa dengan semua grid itu-itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkan menggunakan Control-"cara pintas keyboard.

Anda dapat mempelajari lebih lanjut tentang sistem grid ilustrator di tutorial singkat ini dari Andrei Stefan: sistem Grid pemahaman Adobe ilustrator.

Anda juga harus membuka Info panel (jendela > Info) untuk pratayang langsung dengan ukuran dan posisi dari bentuk Anda. Jangan lupa untuk menetapkan unit pengukuran piksel dari Edit > preferensi > unit. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

setup gridsetup gridsetup grid

2. cara membuat latar belakang

Langkah 1

Memilih Rectangle Tool (M) dan berfokus pada Toolbar Anda. Menghilangkan warna dari stroke dan kemudian pilih mengisi dan mengatur warna R = 255 g = 196 B = 0.

Pindah ke artboard Anda dan hanya membuat 860 px square. Grid dan Snap untuk Grid fitur harus membuat ini lebih mudah.

yellow rectangleyellow rectangleyellow rectangle

Langkah 2

Kembali ke Toolbar dan mengganti warna isi yang ada dengan R = 198 G = 11 B = 30. Menggunakan Rectangle Tool (M), membuat dua 860 x 170 px bentuk dan menempatkan mereka seperti yang ditunjukkan dalam gambar berikut.

red rectanglesred rectanglesred rectangles

3. cara membuat dan menyesuaikan teks

Langkah 1

Memilih jenis alat (T) dan membuka panel karakter (jendela > jenis > karakter). Pilih font ChuckFive Roman dan mengatur ukuran sampai 150 px. Cukup klik pada artboard Anda dan menambahkan teks putih "¡Buena". Pilih saja yang membalik tanda seru dari teks Anda dan mengubah font yang ada ke font dampak.

Menggunakan alat dan font yang sama, menambahkan teks "Vida!".

type tooltype tooltype tool

Langkah 2

Pilih tanda seru dari bagian atas dari teks dan fokus pada panel karakter. Buka terbang-out menu dari panel karakter Anda dan pergi ke Tampilkan pilihan jika Anda tidak dapat melihat semua atribut yang ditunjukkan dalam gambar berikut. Mengatur pelacakan 150 dan mengubah pergeseran dasar 15 px.

Pindah ke bagian bawah teks dan pilih yang tanda seru bersama dengan karakter final. Kembali ke panel karakter dan ditetapkan pelacakan untuk 150.

trackingtrackingtracking

4. Bagaimana cara membuat efek teks

Langkah 1

Pilih teks Anda dan hanya menyingkirkan warna putih.

Pindah ke panel penampilan (jendela > penampilan) dan klik tombol Tambahkan mengisi baru untuk menambahkan isi baru untuk pilihan Anda. Memilih mengisi ini dan menerapkan gradien linier yang ditunjukkan dalam gambar berikut.

add new filladd new filladd new fill

Langkah 2

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan.

Pilih mengisi yang ada dan pergi ke efek > jalan > Offset jalan. Masukkan 10 px Offset dan kemudian klik tombol OK.

offset pathoffset pathoffset path

Langkah 3

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Menambahkan isi kedua menggunakan tombol Tambahkan baru isi yang sama, pilih dan seret di bawah mengisi yang lain.

Berlaku gradien linier yang ditunjukkan dalam gambar berikut, dan ingat bahwa nomor biru dari gambar gradien singkatan lokasi persentase. Dengan mengisi ini baru masih dipilih, pergi ke efek > jalan > Offset jalan. Masukkan 10 px Offset, klik tombol OK itu, dan kemudian pergi ke efek > & Distort mengubah > mengubah. Masukkan semua atribut yang ditunjukkan dalam gambar berikut, dan kemudian klik OK.

transformtransformtransform

Langkah 4

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Pilih mengisi bawah dan pergi ke efek > Stylize > Inner Glow. Masukkan atribut yang ditunjukkan dalam gambar berikut, dan kemudian klik OK.

inner glowinner glowinner glow

Langkah 5

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Pilih mengisi atas dan pergi ke efek > Stylize > Drop Shadow. Masukkan atribut yang ditunjukkan dalam gambar berikut, dan kemudian klik OK.

drop shadowdrop shadowdrop shadow

Langkah 6

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Menambahkan isi ketiga, mengatur warna untuk R = 127 G = 0 B = 0, dan seret di bawah mereka mengisi lainnya.

Dengan mengisi ini baru masih dipilih, pergi ke efek > jalan > Offset jalan. Masukkan 10 px Offset, klik tombol OK itu, dan kemudian pergi ke efek > & Distort mengubah > mengubah. Masukkan semua atribut yang ditunjukkan dalam gambar berikut, klik OK, dan kemudian pergi ke efek > Stylize > Drop Shadow. Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik OK.

drop shadowdrop shadowdrop shadow

Langkah 7

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Menambahkan isi keempat dan seret atas orang-orang lain mengisi. Menerapkan gradien linier yang ditunjukkan di bawah ini dan kemudian pergi ke efek > Stylize > Inner Glow. Masukkan atribut yang ditunjukkan dalam gambar berikut, dan kemudian klik OK.

white fillwhite fillwhite fill

Langkah 8

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Pilih yang mengisi atas dan pergi ke efek > Stylize > Drop Shadow. Masukkan atribut yang ditampilkan di jendela kiri (dalam gambar berikut), klik tombol OK itu, dan kemudian pergi lagi ke efek > Stylize > Drop Shadow. Masukkan atribut dari jendela yang kedua dan kemudian klik OK.

drop shadowdrop shadowdrop shadow

Langkah 9

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan. Menambahkan isi kelima dan seret atas orang-orang lain mengisi.

Menerapkan gradien linier yang ditunjukkan di bawah ini, menurunkan Opacity yang 70% dan kemudian pergi ke efek > jalan > Offset jalan. Masukkan-6 px Offset dan kemudian klik Oke. Perlu diingat bahwa nomor kuning dari gambar gradien singkatan persentase Opacity.

opacityopacityopacity

Langkah 10

Pastikan bahwa Anda potongan teks masih dipilih dan tetap berfokus pada panel penampilan.

Pilih stroke dan mengatur warna untuk R = 238 G = 242 B = 243, meningkatkan berat badan 2 px dan kemudian pergi ke efek > jalan > Offset jalan. Masukkan 1 px Offset, klik OK, dan kemudian pergi ke efek > Stylize > Drop Shadow. Masukkan atribut yang ditunjukkan dalam gambar berikut, dan kemudian klik OK.

strokestrokestroke

5. Bagaimana cara menambahkan Shading dan tekstur yang halus

Langkah 1

Pilih kotak kuning Anda, buat salinan di depan (Control-C> Control-F), dan bawa ke depan (Shift-Control-]). Pastikan bahwa salinan ini tetap dipilih dan fokus pada panel Appearance.

Pilih isi, ubah Blending Mode ke Soft Light, dan ganti warna yang ada dengan radial gradien yang ditunjukkan di bawah ini. Ingat bahwa nol kuning dari gambar Gradient adalah persentase Opacity, dan gunakan Gradient Tool (G) untuk meregangkan gradien seperti ditunjukkan di bawah ini.

radial gradientradial gradientradial gradient

Langkah 2

Pastikan bahwa persegi yang ditambahkan pada langkah sebelumnya masih dipilih, fokus pada panel Appearance, dan tambahkan pengisian kedua. Jadikan hitam (R = 0 G = 0 B = 0), turunkan Opacity menjadi 20%, dan ubah Blending Mode ke Soft Light. Lalu buka Effect> Sketch> Note Paper. Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik tombol OK itu.

note papernote papernote paper

Selamat! Kamu 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.

Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your design.

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.