Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cara Mencipta Kesan Teks Gaya Grafik Permainan dalam Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Malay (Melayu) translation by Ike purnaniwati (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini, anda akan belajar cara membuat gaya grafik permainan dalam Adobe Illustrator.

Gaya grafik yang akan kami buat adalah sebahagian daripada Gaya Grafik Permainan.

Jika anda ingin melangkau tutorial dan hanya menggunakan gaya ini dengan sembilan gaya grafik lagi, anda boleh membeli Gaya Grafik Permainan dari GraphicRiver.

All Game Graphic Styles

Apa yang Anda Perlu

Fon berikut digunakan semasa tutorial ini:

Sebelum anda mula membuat gaya grafik ini, muat turun dan pasang fon.

1. Bagaimana Menyediakan Dokumen Baru

Langkah 1

Mari kita mulakan dengan membuat Dokumen Baru saiz 600 x 600 px dan mod warna RGB.

Set up a New Document

Langkah 2

Sekarang pergi ke Edit> Keutamaan> Umum. Semak pilihan Skala Stroke * Kesan.
Tekan OK untuk menggunakan tetapan ini.

Check Scale Stoke Effect Option

2. Bagaimana Membuat Gaya Grafik

Langkah 1

Mari mulakan menggunakan Alat Jenis! Pilih Alat Jenis (T) dan pilih font Riffic. Tetapkan Saiz Font ke 100 pt. Tulis 'QUEST' dengan huruf besar.

Write a Text

Langkah 2

Kini kita perlu memohon warna kecerunan pertama, jadi pilih teks dan tetapkan warna isikan kepada tiada. Seterusnya, pergi ke panel Penampilan dan klik Tambah Isi Baru.

Nota: Jika anda tidak dapat melihat panel Rupa, pergi ke Tetingkap> Rupa.

Apply Add New Fill

Langkah 3

Pilih mengisi baru, pergi ke Tetingkap> Gradien, dan tetapkan kecerunan dengan 3 warna berhenti.

Ikut tetapan ini:

  • Jenis: Linear
  • Sudut: 90o
  • Warna Gradien Pertama berhenti d67638 dan Lokasi 0%
  • Second Gradient Color stop e5af4b and Location 50%
  • Warna Gradien Ketiga berhenti f3ea60 dan Lokasi 75%
Fill Gradient Using Gradient Panel

Langkah 4

Fokus pada panel Rupa, dan pastikan kotak teks dan kotak kedua dipilih. Tambah mengisi kedua dengan menggunakan butang Isi Baru yang sama; selepas mengklik pada butang ini, kotak mengisi (lapisan) baru akan dibuat di atas isi yang ada.

Sekarang pilih kotak bawah dan klik pada Tambah New Effect (fx). Pilih Path> Path Offset.

Ikut tetapan ini:

  • Offset: 3
  • Bergabung: Meter
  • Had meter: 4

Tekan OK untuk memohon.

Offset Path

Langkah 5

Pergi ke panel Gradien (G) dan tetapkan kecerunan dengan 2 hentaman warna.

Ikut tetapan ini:

  • Jenis: Linear
  • Sudut: 90o
  • Warna Gradien Pertama berhenti ce5c39 dan Lokasi 0%
  • Warna Gradien Kedua berhenti c96b2e dan Lokasi 100%

Petua: Untuk mengalih keluar sebarang hentaman warna yang tidak diingini dari panel kecerunan, cuma tarikkannya.

Second Gradient with 2 Color Stops

Langkah 6

Sekarang klik Tambah Kesan Baru (fx) pada panel Penampilan dan pilih Distort dan Transform> Transform.

Ikut tetapan ini:

  • Pindah menegak: 1 pt
  • Semak Strok & Kesan Skala
  • Semak Objek Transform
  • Semak Transformasi Corak
  • Salinan: 7

Tekan OK untuk memohon.

Transform Effect Using Appearance Panel

Langkah 7

Kami akan menukar warna kecerunan ini, jadi pergi ke panel Gradien (G). Gantikan warna kecerunan dengan tetapan ini:

  • Jenis: Linear
  • Sudut: 90o
  • Warna Gradien Pertama berhenti 591714 dan Lokasi 0%
  • Gradien Warna Kedua berhenti 812e26 dan Lokasi 100%
2 Color Stops Gradient

Langkah 8

Klik pada kotak isi atas. Pastikan teks dan kotak isi atas dipilih.

Sekarang klik butang Duplicate Selected Items pada panel Penampilan.

Menggunakan panel Gradien, gantikan warna kecerunan dengan tetapan ini:

  • Jenis: Linear
  • Sudut: 90o
  • Warna Gradien Pertama berhenti e6c04c dan Lokasi 0%
  • Warna Gradien Kedua berhenti f2e95f dan Lokasi 35%
  • Warna Gradien Ketiga berhenti e8f4fc dan Lokasi 100%
Duplicate Selected item Using Appearance Panel

Langkah 9

Sekarang klik pada butang Tambah New Effect (fx) pada panel Rupa dan pilih Path> Path Offset.

Ikut tetapan ini:

  • Offset: -4
  • Bergabung: Meter
  • Had meter: 4

Tekan OK untuk memohon.

Apply a New Offset Path

Langkah 10

Pastikan teks dan kotak isi atas dipilih. Klik Tambah Kesan Baru (fx) dan pilih Distort dan Transform> Transform

Ikut tetapan ini:

  • Bergerak Mendatar: -3 pt
  • Periksa Stroke Skala * Kesan
  • Semak Objek Transform
  • Semak Transformasi Corak

Tekan OK untuk memohon.

Again Transform Effect using Appearance Panel

Langkah 11

Sekarang kita akan menambah bayang-bayang drop di belakang teks. Jadi pilih teks dan klik pada panel Jenis Penampilan.

Sekarang klik butang Add New Effect dan pilih Stylize> Drop Shadow.

Ikut tetapan ini:

  • Mod: Normal
  • Kelegapan: 35%
  • X mengimbangi: 0
  • Y mengimbangi: 8pt
  • Blur: 1 pt
  • Warna: 221f1f

Tekan OK untuk memohon.

Apply a Drop Shadow

Tahniah! Anda sudah selesai

Itu sahaja! Anda boleh menggunakan gaya ini dalam projek permainan anda. Gaya grafik yang kami buat adalah sebahagian daripada Gaya Grafik Permainan.

Saya harap anda menikmati tutorial ini.

Final Image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.