Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Read Time:8 minsLanguages:

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

Beberapa kali setiap bulan kami mengunjungi kembali beberapa postingan favorit pembaca kami dari sepanjang sejarah Vectortuts+. Tutorial ini oleh Scott Jackson yang pertama kali diterbitkan pada 8 Mei 2009.

Pada tutorial ini, saya akan memberikan gambaran tentang bagaimana mengembangkan karakter dari awal yang singkat melalui situs akhir maskot dan kemudian melanjutkan untuk membuat beberapa pose untuk bagian-bagian yang berbeda dari situsnya.

Karakter ini awalnya dibuat untuk situs Envato yang tidak lepas landas, dan karya seni itu tidak digunakan, jadi saya telah mengolahnya sedikit lagi menjadi karakter Vectortuts+. Mari kita lihat proses pembuatan maskot situs web ini dan mempelajari banyak tips di sepanjang jalannya!


1. Perkenalan

Karakter dan desain maskot bukanlah hal yang baru dan sudah ada sejak lama, tetapi dengan munculnya internet hal ini telah terlihat sedikit kebangkitan. Di internet kita dihadapkan dengan rentetan informasi, data, dan citra harian. Penggunaan situs maskot dapat menjadi cara yang efektif untuk memotong melalui ini informasi yang berlebihan dan terhubung dengan pengunjung pada tingkat emosional. Maskot dan karakter dapat digunakan sebagai bagian dari logo, atau secara independen, tetapi keuntungan yang mereka miliki atas logo sendiri adalah bahwa mereka memiliki karakter dan kepribadian mereka sendiri.

Saya menggunakan Adobe Illustrator untuk membuat maskot menggunakan alat dan fungsi yang paling mendasar, dan untuk alasan itulah saya akan berkonsentrasi untuk menunjukkan perkembangan dan alur kerja yang terlibat. Mudah-mudahan ini akan memberimu wawasan ke dalam karakter penciptaan dan akan membantumu untuk membuat maskotmu sendiri.

Saya juga akan memberikan kumpulan beberapa situs desain karakter terbaik di web dan menjatuhkan beberapa kiat saat kami melanjutkan.


2. Karakter Gratisan

Untuk tambahan inspirasi dan sebagai bonus, orang-orang baik di Vectortuts+ memberimu kesempatan untuk mengunduh file asli untuk kamu gunakan sendiri, yang merupakan super freebie. Melihat file download untuk penggunaan informasi lebih lanjut. Karakter ini tersedia dalam format AI dan EPS.

finalfinalfinal

3. Singkatnya

Meskipun ini adalah studi fiktif, itu awalnya didasarkan pada proyek Envato sebenarnya. Namun, untuk keperluan tutorial ini, saya akan mengambil bahwa maskot ini akan menjadi situs Vectortuts+, yang memberi kita target untuk digunakan sebagai contoh.

Maskotnya adalah "The Tuts Guy" dan dia akan menjadi perwakilan dari Vectortuts =+ readership, dan juga para penulis dari tutorial. Disposisi positif dan ramah serta menarik bagi semua kelompok umur. Muncul profesional namun masih santai. Juga, ia perlu untuk cocok dengan skema warna situs, mampu untuk memasukkan karakter ke dalam tata letak halaman dengan mudah.


4. sebelum saya memulai, berikut adalah beberapa hal yang harus selalu diingat

Menurut sifatnya maskot situs adalah untuk digunakan di web. Ingat untuk mengatur file Anda ke RGB.

Seperti disebutkan dalam The singkat, karakter harus mampu masuk ke dalam skema warna situs. Dengan maskot manusia ini dapat dilakukan dengan menggunakan pakaian dan rambut untuk mencocokkan atau aksen situs. Dengan binatang atau penciptaan fiktif Anda memiliki lebih banyak fleksibilitas.

Memberikan pertimbangan untuk target audiens, gambar dan situs. Mari kita lihat beberapa tips lain juga.


5. proporsi

Karakter yang terintegrasi bersama logo atau header? Jika demikian kanvas biasanya berbagai strip dan menggunakan sosok tegak tinggi dapat menyebabkan terlihat hilang dan fitur wajah berkurang. Jadi apa yang dapat dilakukan tentang hal ini?

Membuat karakter tinggi sebagai dekat dengan lebar sebanyak mungkin.

111

6. cropping gambar

Oleh pola tanam bagian atas tubuh dan berkonsentrasi pada fitur yang paling penting, Anda dapat menyimpan ruang berharga dan meningkatkan dampak maskot. Anda juga dapat melihat bagaimana karakter lebih kental lends sendiri jauh lebih baik untuk format header.

1a1a1a
1b1b1b

7. dinamika gambar atau kedalaman lapangan

Ini dapat sangat membantu untuk perancang menempatkan situs bersama, jika Anda memberikan mereka dengan maskot di flat, sisi pada ketinggian seperti ini dapat membuat lebih mudah untuk mengintegrasikan ke dalam tata letak situs. Atau, kedalaman lapangan dapat membuat untuk lebih menarik gambar.

1c1c1c

8. garis beban dan menguraikan

Aku punya ada aturan keras dan cepat ketika datang ke garis beban atau cuaca menggunakan line bekerja sama sekali. Sementara tidak menggunakan apapun line bekerja sama sekali dapat memberikan nuansa ringan maskot, dapat juga menjadi kehilangan di latar belakang, terutama jika itu adalah salah satu yang sibuk. Menggunakan baris pekerjaan dan/atau garis lebih berat dapat memberikan gambar lebih kehadiran dan definisi.

1d1d1d

9.it semua dalam mata

Ada pepatah yang mengatakan bahwa mata adalah jendela jiwa. Dengan desain karakter mata adalah hal pertama yang kita berhubungan dengan. Kami menghubungkan ketika kami pertama kali melihat karakter dengan cara yang sama seperti ketika kita pertama kali bertemu seseorang, sehingga sangat penting untuk mempertimbangkan ini dalam desain. Mata dapat berkomunikasi banyak emosi sangat cepat dan menambahkan kehidupan karakter.

Sangat mudah untuk berpikir bahwa semakin kompleks rendering dari mata, semakin baik, tetapi bahkan ketika dilakukan dengan benar, beberapa titik dapat melakukannya juga.

1e1e1e

10. persiapan, dan meletakkan ide-ide saya ke kertas

Walaupun saya memiliki sebuah tablet Wacom, saya sangat jarang menggunakannya untuk membuat sketsa ide-ide. Saya memilih mendukung pensil, kertas, dan kemampuan untuk membuat rasa tumpukan kacau ide-ide yang tersebar di area kerja saya.

Pada tahap ini, saya mencoba untuk mendapatkan apa pun dan segala sesuatu di atas kertas sebelum memilah-milah untuk melihat apa yang bekerja untuk saya. Saya kemudian memperbaiki roughs sebelum menggunakan tata letak pad untuk roughs akhir. Saya suka tata letak bantalan kertas kalkir, karena mereka jauh lebih murah dan pekerjaan pensil kurang rentan terhadap noda.

222

11. waktu untuk pergi Digital

Saya sangat jarang mengirimkan pensil roughs kepada klien. Saya biasanya pergi mil ekstra dan bekerja mereka ke vektor, terutama jika ada harus beberapa pose karakter yang sama sehingga mereka memiliki gagasan yang jelas dari hasil selesai. Hal ini telah menyebabkan saya tidak menggunakan scanner mendukung mengambil snap dari roughs pensil dengan kamera digital, atau bahkan kamera ponsel saya, yang adalah cepat dan mudah impor melalui bluetooth.

Di sini saya telah bekerja atas sejumlah variasi untuk klien untuk melihat.

333

Aku akan mengambil bahwa aku punya umpan balik dan kita akan pergi untuk karakter No.4, tapi aku merasa itu akan bekerja lebih baik dengan jenggot jenggot dihapus.
Berikut adalah karakter utama (minus jenggot) muncul di halaman situs web, tetapi sekarang saya perlu untuk mengembangkan karakter untuk seluruh situs.

444

12. kembali ke visual

Ini semua akan memiliki penempatan sangat mirip dengan karakter utama sehingga ada kesempatan untuk kembali menggunakan unsur-unsur karakter asli. Ini tidak hanya mengurangi beban kerja Anda secara dramatis, itu juga menambahkan rasa kontinuitas ke situs. Memiliki bagian-bagian terpisah dari karakter pada lapisan individu sangat membantu di sini, seperti menggerakkan lengan dan memiringkan kepala dapat mengubah pose.

Ada tidak ada latar belakang maskot untuk menunjukkan tujuan mereka, tetapi menyesuaikan sikap dan penambahan beberapa alat peraga sederhana dapat berkomunikasi ini dengan penonton.

Menggunakan gambar asli untuk karakter utama dalam hubungannya dengan pad tata letak memberi saya sedikit kepala mulai ketika datang ke pose-pose lainnya. Adapun sisa pose-pose, itu adalah kasus mengirimkan ini kepada klien dan membuat perubahan yang diperlukan sampai mereka senang dengan mereka.

555

Berikut adalah karakter selesai. Semua yang tersisa untuk lakukan adalah untuk memasok mereka kepada klien dalam format pilihan mereka. Dalam kasus ini, Anda dapat men-download file asli untuk penggunaan Anda sendiri di sini.

666

13. lebih lanjut informasi dan inspirasi

Inilah roundup dari beberapa situs desain berbasis karakter favorit saya untuk inspirasi lebih lanjut:

  • Mojizu.com - Moji adalah kata dalam bahasa Jepang untuk karakter dan itu adalah apa situs ini adalah semua tentang. Ini adalah komunitas desainer karakter mana Anda dapat mendaftar profil dan kirim Mojis Anda sendiri. Perang Moji mingguan pitches mereka terhadap satu sama lain dalam sebuah kontes untuk mencari Moji Champ melalui serangkaian putaran.

  • Ilikecharacters.com - situs cukup baru yang didedikasikan untuk menampilkan yang terbaik dalam desain karakter yang diciptakan oleh seniman Steve rak.

  • characterhunter - sebuah blog yang mengikuti melanjutkan pencarian desain karakter pada jalan-jalan di Tokyo. Baik satu jika seperti saya Anda ingin kawaii (lucu). Menulis dalam bahasa Prancis tentang desain Jepang, situs ini menunjukkan bagaimana maskot desain dapat melintasi bahasa dan perbedaan budaya.

  • Smashing Magazine 40 karakter ilustrasi tutorial - rakasa mengumpulkan tutorial desain 40 karakter.

  • vinylpulse - desain karakter yang telah menyeberang ke dunia 3D.

  • patchtogether - jika Anda telah pernah membayangkan mendapatkan pekerjaan Anda dibuat menjadi vinil ini bisa menjadi tempat untuk Anda.

Berlangganan ke Vectortuts + RSS Feed untuk tetap up to date dengan terbaru vektor tutorial dan artikel.

One subscription.
Unlimited Downloads.
Get unlimited downloads