هنگام انتشار این محصول ، به من اطلاع رسانی شود به محظ انتشار محصول به شما اطلاع رسانی می گردد ، ایمیل صحیح خودتان را در فیلد زیر درج کنید.
Email نشانی ایمیل شما نزد آریاگستر محفوظ می ماند
آموزش Illustrator : طراحی کاراکتر موبایل بامزه - آریاگستر - آریاگستر
آموزش Illustrator : طراحی کاراکتر موبایل بامزه

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

توی این آموزش، طراحی کارکتر موبایل بامزه رو با Illustrator با هم می بینیم و برای این کار از چند تا شکل و ابزار ساده  به همراه Blend Mode  استفاده می کنیم. بیاین شروع کنیم!

با ” آموزش Illustrator : طراحی کاراکتر موبایل بامزه ” با ما همراه باشید…

  • سطح سختی: مبتدی
  • مدت آموزش: ۲۰ تا ۳۰ دقیقه
  • نرم افزار استفاده شده: Adobe Illustrator
  1. تنظیم سند

درست مثل هر پروژه دیگه ای اول از همه باید سند رو تنظیم کنیم. برای این کار، وارد مسیر File > New میشیم یا میانبر Ctrl+N رو فشار میدیم و یک سند جدید به ابعاد ۸۰۰ در ۶۰۰ پیکسل با تنظیمات زیر درست می کنیم:

Number of Artboards روی ۱

Units روی Pixels

وارد تب Advanced میشیم:

Color Mode روی RGB

Raster Effects روی Screen(72ppi)

Align New Objects to Pixel Grid رو تیک می زنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

  1. اضافه کردن لایه به پروژه

فرقی نمی کنه روی چه پروژه ای کار می کنیم. در هر صورت باید تا جایی که می تونیم از لایه های مختلف استفاده کنیم. این طوری ترس از جا به جایی یا حذف غیر عمدی شکل ها وجود نداره.

بنابراین وارد پنل Layers میشیم و سه تا لایه به اسم های زیر درست می کنیم:

لایه اول با عنوان Phone Character

لایه دوم با عنوان Side Symbols

لایه سوم با عنوان Gradient Overlay

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

  1. طراحی کاراکتر

حالا شروع می کنیم به طراحی کاراکتر موبایل بامزه.

گام اول

اولین لایه رو انتخاب می کنیم. ابزار Rounded Rectangle رو بر می داریم و یک شکل به ابعاد ۱۶۸ در ۳۱۴ پیکسل درست می  کنیم و Corner Radius رو روی ۲۰ پیکسل قرار میدیم. کد رنگی #۶۴c4f1 رو وارد می کنیم و شکل رو در وسط صفحه کار قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام دوم

شکل رو انتخاب می کنیم و وارد مسیر Object > Path > Offset Path میشیم و عدد ۶ پیکسل رو توی فیلد Offset وارد می کنمی. بقیه تنظیمات رو به صورت پیش فرض باقی میزاریم و Ok می زنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام سوم

کد رنگی #۱b456b یعنی آبی تیره رو به عنوان رنگ Outline در نظر می گیریم. به این ترتیب، کاملا از شکل متمایز میشه.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام چهارم

با استفاده از ابزار Rectangle، یک شکل به ابعاد ۲۳۰ در ۱۴۰ پیکسل به عنوان صفحه نمایش درست می کنیم و کد رنگی #۶۵۹def رو براش در نظر می گیریم. بعد هم یک Outline به صخامت ۵ پیکسل رو هم با کد رنگی #۱b456b بهش اضافه می کنیم. هر دو شکل رو در وسط بدنه موبایل قرار میدیم و ۳۸ پیکسل بین اون ها و Outline بزرگتر فاصله میندازیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام پنجم

جزئیات بیشتری رو به شکل اضافه می کنیم. مثل سنسورهای جلو با کد رنگی #۱b456b، دکمه های کناری با کد رنگی #۱b456b و دکمه گرد وسط. کد رنگی #۱b546b رو برای Outline و کد رنگی #۵۱۹fc4 رو برای Fill این دکمه در نظر می گیریم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام ششم

با استفاده از ابزار Ellipse، شروع می کنیم به کار رو صورت کاراکتر و دو تا دایره به ابعاد ۱۸ پیکسل با کدد رنگی #۱b456b درست می کنیم. این دو دایره رو ۶۰ پیکسل از هم فاصله میدیم.

حالا یک دایره دیگه به ابعاد ۲۸ پیکسل اضافه می کنیم و اون رو تبدیل به دهان می کنیم. جای Fill و Stroke رو عوض می کنیم و اون رو نصف می کنیم. ضخامت رو هم روی ۶ پیکسل قرار میدیم.

دهان رو در وسط و زیر چشم ها قرار میدیم. بعد هم تمام اجزای صورت رو با هم گروه می کنیم و در وسط صورت کاراکتر قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام هفتم

گونه ها رو هم اضافه می کنیم. برای این کار دو تا دایره به ابعاد ۲۰ پیکسل درست می کنیم و کد رنگی #۴f8bd3 رو براش در نظر می گیریم. این دو دایره رو زیر چشم ها با چند پیکسل فاصله به سمت بیرون قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام هشتم

تقریبا کار موبایل تمام شده. اما می تونیم جزئیاتی مثل سایه و هایلایت هم بهش اضافه کنیم.

شکل اصلی موبایل رو انتخاب می کنمی. اون رو Duplicate می کنیم و وارد مسیر Obejct > Path > Offste Path میشیم. عدد -۴ پیکسل رو توی این فیلد وارد می کنیم.

Offset و Duplicate رو انتخاب می کنیم. وارد پنل Pathfinder میشیم و روی Minus Front کلیک می کنیم. کد رنگی #ffffff رو براش در نظر می گیریم. Blending Mode رو روی Soft Light و Opacity رو روی ۸۰ درصد قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام نهم

با استفاده از تکنیک های گام قبل، دو تا هایلایت عمودی هم در سمت راست موبایل و زیر بخش پایینی Outline صفحه اضافه می کنیم و ضخامت رو روی ۴ پیکسل قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام دهم

شروع می کنیم به اضافه کردن سایه به صفحه نمایش و دکمه گرد. کد رنگی #۰۰۰۰۰۰ رو به عنوان Fill درنظر می گیریم و Opacity رو تا ۱۴ درصد کاهش میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام یازدهم

یک هایلایت مورب هم به صفحه نمایش اضافه می کنیم. رنگ سفید رو براش در نظر می گیریم. Blending Mode رو روی Soft Light و Opacity رو روی ۳۰ درصد قرار میدیم. دو تا شکل ستاره ای هم به بالای سمت چپ اضافه می کنیم. رنگ رو روی سفید، Blending Mode رو روی Soft Light و Opacity رو روی ۸۰ درصد تنظیم می کنیم.

تمام شکل ها رو با هم گروه می کنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام دوازدهم

یک بیضی به ابعاد ۱۴۴ در ۱۰ پیکسل به زیر تصویر اصلی اضافه می کنیم. رنگ رو روی مشکی و Opacity رو روی ۲۰ درصد قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

  1. طراحی شکل های کناری

این بخش خیلی جالب و ساده ست. فقط باید چند تا شکل مثل دایره، علامت به اضافه و مثلث و لوزی درست کنیم و اون ها رو در اطراف کاراکتر قرار بدیم.

Stroke رو روی ۴ پیکسل و رنگش رو روی #۱b456b تنظیم می کنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

  1. آخرین اصلاحات

توی این بخش می خوایم گرادیانت به تصویر اضافه کنیم.

گام اول

شکل اصلی موبایل رو به همراه شکل های کناری، کپی می کنیم و وارد مسیر Object > Expand > Fill & Stroke میشیم و اون ها رو توی لایه سوم Paste می کنیم.

همچنان که شکل ها انتخاب شدن، وارد مسیر Object > Compound Path میشیم و Make رو می زنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام دوم

مسیر مرکب رو انتخاب می کنیم. یک Linear Gradient با کد رنگی #۰۰۰۰ff در چپ و کد رنگی #۰۰ffffff در راست درست می کنیم و Angle رو روی ۹۰ درجه قرار میدیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

گام سوم

در نهایت، Blending Mode رو روی Hard Light و Opacity رو روی ۲۸ درصد تنظیم می کنیم.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

نتیجه

این هم از این کاراکتر. طراحی رو با استفاده از شکل های ساده و کمک گرفتن از Gradient و Blending Mode تموم کردیم. امیدوارم بتونین این تکنیک ها رو توی پروژه های بعدی هم مورد استفاده قرار بدین.

آموزش Illustrator : طراحی کاراکتر موبایل بامزه

امیدواریم ” آموزش Illustrator : طراحی کاراکتر موبایل بامزه ”  برای شما مفید بوده باشد…

توصیه می کنم دوره های جامع فارسی مرتبط با این موضوع آریاگستر رو مشاهده کنید:

– صفر تا صد آموزش ایلاستریتور

توجه : مطالب و مقالات وبسایت آریاگستر تماما توسط تیم تالیف و ترجمه سایت و با زحمت فراوان فراهم شده است . لذا تنها با ذکر منبع آریا گستر و لینک به همین صفحه انتشار این مطالب بلامانع است !

مطالب مرتبط

0نظرات
دیدگاه خود را بنویسید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


*

ارسال رایگان تمام سفارشات به سراسر ایران - تا 35 درصد تخفیف ویژه در خرید همزمان چند محصول - کلیک کنید! رد کردن