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

Cara membuat unsur-unsur permainan dengan gaya grafis

Scroll to top
Read Time: 10 mins

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

Dalam tutorial hari ini aku akan menunjukkan kepada Anda bagaimana mempersiapkan dan membuat berbagai gaya grafis di Adobe ilustrator CS6 untuk kemudian menggunakan dalam permainan. Manfaat menggunakan gaya grafis adalah bahwa Anda dapat pergi mereka untuk menerapkan banyak bentuk tanpa perlu untuk menciptakan tampilan masing-masing. Jadi mari kita melompat ke dalam ini menyenangkan tutorial!


Langkah 1

Aku akan menggunakan Adobe ilustrator CS5 untuk bagian saya awal tutorial ini, ini adalah preferensi pribadi semata-mata karena saya merasa sedikit lebih stabil pada PC saya. Namun menggunakan AI CS6 dari awal sampai akhir benar-benar baik. Memulai dengan membuat dokumen baru dalam modus warna RGB.



Langkah 2

Aku akan mencoba sesuatu yang baru untuk saya dan itu adalah cara yang berbeda untuk mempersiapkan palet warna. Aku punya tip ini dari tutorial oleh Beto Garza, dari mana ia mempunyai beberapa di sini di Vectortuts +. Memulai dengan menggambar bentuk dua spasi terpisah dan menciptakan campuran 3 ditentukan langkah dari dari mereka (Ctrl + Alt + B). Mengubah warna Anda mulai dan berakhir untuk mendapatkan perubahan bertahap yang menyenangkan dalam warna. Ini adalah dasar-dasar mendapatkan palet warna.


Mencampurnya dan mencoba memilih warna dari panel Swatch default tetapi kemudian pergi ke panel panduan warna dan memilih warna dari sana. Ini mungkin memberikan Anda satu lagi variasi warna untuk bermain dengan.



Langkah 3

Sebelum aku melangkah lebih lanjut dengan mempersiapkan palet saya, saya perlu tahu apa yang menentukan warna yang saya perlukan untuk berbagai elemen saya akan membuat. Jadi memulai dengan sketsa dasar adegan permainan. Di sini saya telah menambahkan enam daerah-daerah potensial akan dibuat.


Jadi dengan enam, aku akan menciptakan perpaduan warna untuk setiap elemen. Aku hanya diduplikasi campuran asli dan kemudian diubah warna awal dan akhir.



Langkah 4

Setelah Anda senang dengan palet Anda, objek > memperluas mereka sehingga campuran akan dihapus dan kau pergi dengan lima warna untuk setiap elemen. Pilih masing-masing kelompok warna secara individual dan klik pada kelompok warna baru di bagian bawah panel Swatch. Ini akan menambah warna dari grup tersebut ke folder palet itu sendiri. Anda kemudian dapat klik dua kali pada folder palet dan nama itu ke tanah/Rocks, rumput dll... untuk membuatnya lebih mudah untuk referensi nanti.



Langkah 5

Elemen oleh elemen, saya akan menunjukkan Anda bagaimana untuk membuat masing-masing gaya grafis. Kita akan mulai di "Rumput". Mulailah dengan menggambar garis melengkung dengan pena alat (P) atau Arc alat. Berikan warna hitam stroke dan kemudian menerapkan 4pt Stroke berat. Di Stroke panel, menambahkan profil: lebar profil 1.


Sementara dipilih, di panel sikat pilih Tambahkan baru sikat > menebari kuas dan penggunaan di bawah pilihan. Mengubah metode pewarnaan Tints dan klik OK.



Langkah 6

Menggambar garis dengan garis segmen alat (\) di artboard dan di panel penampilan Anda akan ingin menambahkan sembilan stroke dengan hijau ringan di atas dan tergelap di bagian bawah. Menerapkan sikat rumput Anda untuk masing-masing dari stroke dan kemudian dari atas ke bawah beban Stroke berikut: 0,5 0,75 0,75, 1.0, 1,25, 1,25, 1,5, 1.5, 1.75pt.

Sekali, di panel gaya grafis, klik pada gaya grafis baru untuk ditambahkan ke panel. Double klik pada ikon ini menciptakan dan rename menjadi sesuatu yang lebih mudah diingat.



Langkah 7

Sekarang kita memiliki elemen pertama kami, saya akan mengatur panel Layers saya jadi ada lapisan untuk setiap elemen.


Saya kemudian telah menambahkan bentuk dasar untuk setiap elemen yang menggunakan warna dari palet kustom saya. Aku bisa melihat dari sini Apakah warna bekerja sama dengan baik. Sekarang, saya tidak terlalu yakin Pink tapi aku akan mengubah bahwa nanti ketika aku punya ide yang lebih baik bagaimana unsur-unsur yang bekerja bersama-sama.



Langkah 8

Pindah, kami akan mulai membuat kami tanah/batu. Gaya ini adalah mana Adobe ilustrator CS6 mulai mendapatkan harga itu karena alat pola yang indah. Kita akan mulai dengan menggambar beberapa bentuk dengan Rounded Rectangle Tool. Saya telah menambahkan 4pt Stroke berat dan menengah warna dari kelompok warna ini digunakan untuk mengisi dan stroke.

Setelah dibuat, pilih semua bentuk dan pergi ke efek > & mengubah Distort > Roughen dan menggunakan opsi di bawah. Ini akan membuat gaya yang lebih teratur bentuk.


Kemudian pergi ke objek > penampilan memperluas untuk menghilangkan efek dan memberi Anda bentuk mandiri.



Langkah 9

Pilih bentuk Anda dan pergi ke objek > pola > membuat untuk membawa ke dalam penggunaan pilihan pola.


Menggunakan pilihan alat (V), bentuk Anda pindah ke tempat, memutar jika diperlukan dan kemudian mengubah pilihan pola untuk memberikan pola Anda bijaksana. Tujuan untuk menempatkan batu-batu ke dalam formasi dengan akan memungkinkan seperti sedikit kesenjangan mungkin tetapi juga sehingga bentuk tidak menyentuh satu sama lain. Kami tidak tenang selesai dengan menciptakan pola ini...



Langkah 10

Menggunakan pena alat (P), menambahkan shading ke bebatuan. Sekarang elang bermata akan menjadi orang pertama yang mengatakan "bagaimana bisa ada menjadi shading pada batu karena mereka semua di bawah tanah", tanggapan saya adalah... "artistik lisensi temanku Partai pooper!". Tambahkan shading akan menciptakan batu lain seperti tekstur. Jadi pertama menambahkan salah satu warna Anda lebih ringan untuk batu, mengingat menggambar bentuk yang tidak teratur.


Kemudian menggunakan warna lebih terang lagi, menambahkan lebih lanjut menyoroti ke bebatuan. Setelah Anda senang dengan pola Anda, klik pada dilakukan dan itu akan menambah pola baru Anda ke panel Swatch, siap untuk digunakan.



Langkah 11

Ketika saya menerapkan pola daerah tanah permainan, pola adalah terlalu besar. Jadi sementara bentuk dipilih pergi ke objek > mengubah > skala dan mengurangi skala pola hanya sebesar 50%.


Kemudian menggunakan warna hanya dari campuran palet kami dibuat, saya telah membuat gaya grafis dengan gradien linier transparan yang datang dari atas dan kemudian yang solid coklat medium-cahaya di belakang pola. Setelah selesai, aku sudah disimpan gaya grafis ini sebagai "Tanah batu".



Langkah 12

Pindah ke Gunung/bukit di latar belakang. Mulailah dengan menggambar persegi panjang dengan alat persegi panjang (M). Kemudian menggunakan efek > & mengubah Distort > Zig Zag efek dengan poin halus untuk menciptakan gelombang.


Kemudian objek > memperluas dengan bentuk berdiri sendiri Anda.



Langkah 13

Sekarang untuk menghapus ujung runcing tersebut. Menggambar dua persegi (M) atas kedua ujung bentuk dan pilih mereka berdua dan membuat jalan senyawa (Ctrl + 8).


Kemudian gunakan Pathfinder > Minus depan untuk menghapus ujung runcing yang jelek.



Langkah 14

Mari kita sekarang menggunakan alat pola untuk menciptakan pola bergelombang yang bagus. Pertama memodifikasi pilihan untuk memastikan Anda punya kurva halus pada setiap puncak dengan tidak ada sudut yang tidak perlu.


Duplikat gelombang dan Paste di depan (Ctrl + F) dan kemudian mengubah warna jalan dengan warna dari palet Gunung Anda. Klik selesai ketika Anda senang dengan hasilnya.



Langkah 15

Saya telah diambil beberapa kartun gaya Gunung/bukit di latar belakang dengan pena alat (P). Menggambar kemudian daripada sebagai bagian dari satu bentuk besar.


Saya kemudian telah pergi ke menciptakan gaya grafis berikut dengan di bawah penampilan panel pilihan. Gradien gelap memiliki Offset jalan - 4pt sementara ringan yang akan datang dari atas bukit diatur ke - 10pt.



Langkah 16

Mari kita daur ulang pegunungan gaya grafis dan menerapkannya ke langit.


Sementara dipilih, pergi ke Recolor karya seni dan klik pada kelompok warna langit di samping, kemudian klik OK.



Langkah 17

Aku telah menghapus beberapa efek dan stroke untuk bentuk sehingga hanya pola dan dua gradien linear.



Langkah 18

Aku akan pergi ke elemen pola itu sendiri dan mengubah hal itu seperti kombinasi warna saat ini sedikit terlalu berani langit.


Saya telah menggunakan dua blues ringan dalam palet untuk menciptakan pola dua gelombang.



Langkah 19

Untuk membuatnya besar lebih pulen, aku akan menerapkan halus titik Zig Zag efek bentuk dengan di bawah pengaturan.


Kemudian menggunakan objek > memperluas bentuk.



Langkah 20

Jika Anda melakukan zoom langsung, Anda dapat melihat kita memiliki masalah dengan tepi yang tajam lagi!


Kali ini namun, pergi dengan pena alat (P) dan hanya menghapus poin yang tidak perlu. Anda tidak perlu untuk menghapus semua dari mereka, hanya orang-orang yang menyebabkan distorsi pada pola. Klik selesai ketika Anda senang dengan hasilnya.



Langkah 21

Tidak seperti batu/tanah, pola ini terlalu kecil untuk langit. Jadi aku akan mengubah skala pola dan meningkatkan sebesar 200%.


Saya kemudian memodifikasi gradien untuk menciptakan pola yang jauh lebih halus. Dengan langit, Anda tidak ingin pola untuk berdiri keluar sehingga banyak seperti itu dapat mengalihkan perhatian Anda dari permainan/tindakan nyata. Setelah Anda senang dengan hasil, membuat gaya grafis baru dan nama itu tepat.



Langkah 22

Saya ingin bukit-bukit di latar belakang tampak lebih terlepas dari latar depan, jadi saya akan menambah gradien lain ke gaya grafis yang sudah kita miliki. Menggunakan gradien yang digunakan untuk dasar gaya grafis Sky, saya akan menambahkan ini atas stroke dan mengisi gaya grafis Hill. Dengan ini diterapkan dan disimpan, itu jelas memisahkan latar belakang dan latar depan sekarang.



Langkah 23

Sekarang mari kita membuat gaya grafis untuk kotak misteri. Menggambar dua persegi (M) pada dua dari satu sama lain dan menerapkan dua nuansa yang berbeda dari kotak misteri palet.


Menggunakan Transform panel, memutar dengan 45 derajat.



Langkah 24

Mari kita membuat sebuah pola dengan bentuk-bentuk ini dengan alat pola. Aku sudah salah satu bentuk dan menambahkan warna gelap di belakang dua persegi asli untuk memberikan efek tiga garis. Sekarang bahwa saya senang dengan pola, klik pada dilakukan.



Langkah 25

Menyelesaikan gaya kami Misteri kotak grafis, saya telah menambahkan stroke dengan gaya yang sama pegunungan serta gradien cahaya yang Offset jalan dengan - 4pt.



Langkah 26

Matahari dibuat dengan menggunakan Zig Zag efek dengan pengaturan yang berbeda dan warna. Mulailah dengan lingkaran bahkan yang dibuat dengan Ellipse Tool (L). Berikut adalah pengaturan efek pertama.


Dengan lebih gelap warna menambahkan isi baru di belakang yang pertama.


Kemudian tambahkan baru isi di atas kedua mengisi dengan warna lebih terang.



Langkah 27

Menggunakan sama kuning, tambahkan gradien radial transparan di bawah kuning terang dengan jalur Offset 40 PT. Kemudian simpan gaya grafis Anda dan nama tepat.



Langkah 28

Sekarang kita memiliki gaya grafis kami lengkap, aku akan untuk memberitahu mereka keluar. Saya telah menambahkan sebuah platform tambahan untuk menguji tanah kami dan menambahkan stroke rumput di atas. Namun tepi tanah tampaknya tidak lengkap.


Aku pergi ke depan dan mengubah tanah gaya grafis dengan menambahkan dua pukulan. Ini akan memungkinkan untuk mengikuti gaya yang serupa dengan sisa dari kami adegan.



Langkah 29

Sebagaimana diduga, kami kotak misteri tidak sesuai skema warna kami secara keseluruhan, jadi saya sudah dipilih kotak dan kemudian digunakan Recolor karya seni dan digunakan kelompok warna batu tanah.


Aku sudah mengubah urutan warna dalam kelompok dengan mengeklik bor turun menu dan memilih ringan - cahaya gelap. Ini akan membuat garis gelap maka garis besar ringan di sekitar bentuk.



Langkah 30

Gunakan jenis alat (T) untuk menambahkan tanda tanya ke salah satu kotak misteri dan menerapkan gaya grafis "Tanah 2".



Langkah 31

Aku akan mengubah warna adegan keseluruhan untuk memberikan tampilan yang berbeda untuk permainan kami, mungkin untuk tingkat yang berbeda untuk itu. Duplikat semua elemen dan memberi mereka lapisan mereka sendiri.



Langkah 32

Aku akan pergi melalui dan Recolor karya seni pada masing-masing elemen. Untuk langit, aku telah pergi ke halaman Edit tab kotak dialog Opsi. Klik pada Link harmoni warna untuk menjaga rasio yang sama antara warna.


Ketika Anda bergerak salah satu warna, itu akan mengubah semua tiga. Aku akan memberikan tampilan matahari terbenam/terbit yang ke adegan dengan menambahkan langit merah muda diredam.



Langkah 33

Aku tidak ingin warna pegunungan menjadi terlalu berbeda, jadi aku akan pergi untuk hue serupa dan mengubah pegunungan kelompok warna kotak misteri asli.


Saya kemudian pergi untuk mengubah rumput dengan pergi ke halaman Edit tab. Hal yang sama dengan kotak misteri dan tanah batu-batu. Saya juga telah mengubah warna matahari dan mengubah posisi itu agar sesuai dengan skema warna matahari terbenam/terbit.



Langkah 34

Setelah selesai, jangan lupa untuk menambahkan gaya grafis Anda baru ke panel dan mengubah nama mereka dengan tepat. Ini akan membuat lebih mudah untuk menggunakan di masa depan.



Kesimpulan

Saya harap Anda telah menikmati tutorial hari ini tentang bagaimana untuk membuat beberapa unsur-unsur permainan dengan menciptakan berbagai gaya grafis. Belajar bagaimana untuk mengambil keuntungan dari gaya grafis dapat menghemat banyak waktu luang alur kerja Anda dan membuatnya lebih mudah untuk permainan desainer untuk menciptakan unsur-unsur yang mereka inginkan dengan hanya menerapkan gaya ke bentuk dasar.


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.