Cara Membuat Efek Teks Terinspirasi Spanyol di Adobe Illustrator

Sebagai permulaan, Anda akan belajar cara membuat kotak sederhana dan cara membuat latar belakang menggunakan persegi panjang sederhana. Dengan menggunakan Type Tool dan Character panel, Anda akan belajar menambahkan teks dan cara menyesuaikannya dengan mudah. Mengambil keuntungan penuh dari panel Penampilan, Anda akan belajar membuat efek teks yang dapat diedit sepenuhnya. Akhirnya, Anda akan belajar menambahkan beberapa naungan dan tekstur yang halus.

Untuk mendapatkan lebih banyak inspirasi tentang cara menyesuaikan atau memperbaiki efek teks akhirAnda, Anda dapat menemukan banyak sumber daya di GraphicRiver .

1. Cara Membuat Dokumen Baru dan Mengatur Grid

Tekan Control-N untuk membuat dokumen baru. Pilih Pixel dari menu drop-down Unit , masukkan 850 di kotak lebar dan tinggi, lalu klik tombol More Settings . Pilih RGB untuk Color Mode , atur Raster Effects toScreen (72 ppi) , lalu klik tombol Create Document .

Aktifkan Grid ( Lihat> Show Grid ) dan Snap to Grid ( Lihat> Snap to Grid ). Anda memerlukan grid setiap 5 px , jadi cukup masuk ke Edit> Preferences> Guides & Grid , dan masukkan 5 di Gridline setiap kotak dan 1di kotak Subdivisions . Cobalah untuk tidak berkecil hati dengan semua grid itu-ini akan membuat pekerjaan Anda lebih mudah, dan ingatlah bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan cara pintas Control- " keyboard.

Anda bisa belajar lebih banyak tentang sistem grid Illustrator dalam tutorial singkat ini dari Andrei Stefan: Memahami Sistem Grid Adobe Illustrator .

Anda juga harus membuka panel Info ( Window> Info ) untuk preview langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa atur satuan pengukuran ke piksel dari Edit> Preferences> Units . Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

2. Cara Membuat Background

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada Toolbar Anda. Keluarkan warna dari goresan lalu pilih fill dan atur warnanya menjadi R = 255 G = 196 B = 0 .

Pindah ke artboard Anda dan cukup buat 860 px persegi. Fitur Grid dan Snap to Grid seharusnya mempermudah.

Langkah 2

Kembali ke Toolbar Anda dan ganti warna isian yang ada dengan R = 198 G = 11 B = 30 . Dengan menggunakan Rectangle Tool (M) , buat dua bentuk 860 x 170 px dan letakkan seperti pada gambar berikut.

3. Cara Membuat dan Mengatur Teks

Langkah 1

Pilih Type Tool (T) dan buka panel Character ( Window> Type> Character ). Pilih huruf Romawi ChuckFivedan atur ukurannya menjadi 150 px . Cukup klik pada artboard Anda dan tambahkan teks putih "¡Buena". Pilih hanya tanda seru yang dibalik dari teks Anda dan ubah font yang ada ke font Impact.

Dengan menggunakan alat dan font yang sama, tambahkan "Vida!" teks.

Langkah 2

Pilih tanda seru dari bagian atas teks dan fokus pada panel Karakter . Buka menu fly-out dari panel Character Anda dan pergi ke Show Options jika Anda tidak dapat melihat semua atribut yang ditunjukkan pada gambar berikut. Tetapkan pelacakan ke 150 dan ubah pergeseran baseline menjadi 15 px .

Pindahkan ke bagian bawah teks Anda dan pilih tanda seru itu beserta karakter terakhirnya. Kembali ke panel Character dan atur tracking menjadi 150 .

4. Cara Membuat Efek Teks

Langkah 1

Pilih teks Anda dan cukup hapus warna putih itu.

Pindah ke panel Appearance ( Window> Appearance ) dan klik tombol Add New Fill untuk menambahkan fill baru ke pilihan Anda. Pilih isi ini dan menerapkan gradien linier yang ditunjukkan pada gambar berikut.

Langkah 2

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance .

Pilih isi yang ada dan masuk ke Effect> Path> Offset Path . Masukkan offset 10 px lalu klik tombol OK .

Langkah 3

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Tambahkan isi kedua dengan menggunakan tombol Add New Fill yang sama , pilih dan seret di bawah isi yang lain.

Terapkan gradien linier yang ditunjukkan pada gambar berikut, dan ingatlah bahwa nomor biru dari gambar Gradient adalah singkatan dari Location Location . Dengan isi baru ini tetap dipilih, masuk ke Effect> Path> Offset Path . Masukkan Offset 10 px , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan semua atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK .

Langkah 4

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih bagian bawah isi dan masuk ke Effect> Stylize> Inner Glow . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK .

Langkah 5

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih isi teratas dan masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK .

Langkah 6

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Tambahkan fill ketiga, atur warna ke R = 127 G = 0 B = 0 , dan seret ke bawah isi yang lain.

Dengan isi baru ini tetap dipilih, masuk ke Effect> Path> Offset Path . Masukkan Offset 10 px , klik tombol OK , lalu masuk ke Effect> Distort & Transform> Transform . Masukkan semua atribut yang ditunjukkan pada gambar berikut, klik OK , lalu masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik OK .

Langkah 7

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Tambahkan isi keempat dan seret ke atas isi yang lain. Terapkan gradien linier yang ditunjukkan di bawah ini lalu masuk ke Efek> Stylize> Inner Glow . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK .

Langkah 8

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Pilih yang top fill dan masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan di jendela kiri (pada gambar berikut), klik tombol OK itu , lalu kembali ke Effect> Stylize> Drop Shadow . Masukkan atribut dari jendela kedua lalu klik OK .

Langkah 9

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance . Tambahkan daftar kelima dan seret ke atas isi yang lain.

Terapkan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 70% lalu masuk ke Effect> Path> Offset Path . Masukkan Offset -6 px dan kemudian klik OK . Ingatlah bahwa nomor kuning dari gambar Gradient adalah singkatan dari Opacity percentage.

Langkah 10

Pastikan potongan teks Anda tetap dipilih dan tetap fokus pada panel Appearance .

Pilih stroke dan atur warna ke R = 238 G = 242 B = 243 , naikkan Berat menjadi 2 px lalu masuk ke Effect> Path> Offset Path . Masukkan offset 1 pnt , klik OK , lalu masuk ke Effect> Stylize> Drop Shadow . Masukkan atribut yang ditunjukkan pada gambar berikut dan kemudian klik OK .

5. Bagaimana Menambah Shading dan Tekstur Halus

Langkah 1

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

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

Langkah 2

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

Selamat! Kamu sudah selesai!

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

Merasa bebas untuk menyesuaikan desain akhir dan membuatnya menjadi milik Anda sendiri. Anda dapat menemukan beberapa sumber inspirasi yang hebat di GraphicRiver , dengan solusi menarik untuk memperbaiki desain Anda.

Cari Blog Ini

Desain Untuk Dunia