آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

آموزش Illustrator : طراحی مجموعه آیکن پوکمون قسمت دوم

توی این آموزش، طراحی مجموعه آیکن پوکمون رو با Illustrator با هم می بینیم و با ابزارها و تکنیک های مورد نیاز آشنا میشیم. بیاین ادامه بدیم!

با ” آموزش Illustrator : طراحی مجموعه آیکن پوکمون ” با ما همراه باشید…

  • سطح سختی: مبتدی
  • مدت آموزش: ۶۰ تا ۸۰ دقیقه
  • نرم افزار استفاده شده: Adobe Illustrator

” آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت اول “

گام ششم

سه تا دایره ۲ پیکسلی با کدهای رنگی #d96151, #ffb85a, #92db63 رسم می کنیم. Outline به ضخامت ۲ پیکسل با کد رنگی #۴۲۳b3b براش در نظر می گیریم. هر کدوم از دایره ها رو با Outline خودش گروه کرده و در محلی که می بینین، با فاصله ۲ پیکسلی از همدیگه قرار میدیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام هفتم

ابزار Pen رو بر می داریم و خطی که قسمت بالایی رو از بدنه جدا می کنه، رسم می کنیم. کد رنگی #۴۲۳b3b رو براش در نظر می گیریم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام هشتم

یک مستطیل ۴ در ۸۸ پیکسل با کد رنگی #ff6b57 رسم می کنیم. Outline4px رو براش در نظر می گیریم. کد رنگی #۴۲۳b3b رو بهش اختصاص میدیم. اون رو پایین سمت راست میزاریم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام نهم

برای اضافه کردن جزئیات بیشتر، دو تا مربع ۴ پیکسلی با کد رنگی #۴۲۳b3b رسم می کنیم و اون ها رو در محلی که می بینین قرار میدیم.

وقتی همه اون ها رو اضافه کردیم، تمام اجزا رو انتخاب کرده و بعد هم با زدن Ctrl+G، اون ها رو با هم گروه می کنیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام دهم

ابزار Pen رو برداشته و فلشی که می بینین رو رسم می کنیم. کد رنگی #۴۲۳b3b رو براش در نظر می گیریم و اون رو در محلی که می بینین، قرار میدیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام یازدهم

ابزار rounded Rectangle رو بر می داریم. یک مستطیل ۲۸ در ۲ پیکسل رسم می کنیم. کد رنگی #d96151 رو براش در نظر می گیریم. Radius رو میزاریم روی ۱ پیکسل. بعد هم Outline به ضخامت ۲ پیکسل با کد رنگی #۴۲۳b3b بهش اضافه می کنیم. اجزا رو با همدیگه گروه کرده و در محلی که می بینین، قرار میدیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام دوازدهم

شروع می کنیم به اضافه کردن بقیه سایه ها و هایلایت ها. وقتی این کار تمام شد، اجزای آیکن رو با همدیگه گروه می کنیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

  1. طراحی آیکن سوم

گام اول

ابزار Rounded Rectangle رو برداشته و یک شکل ۶۸ در ۳۲ پیکسل با کد رنگی #ede2e2 رسم می کنیم. Corner Radius رو روی ۱۴ پیکسل قرار میدیم. ابزار Direct Selection رو برداشته و Anchor Point های پایین رو انتخاب کرده و دکمه Delete رو می زنیم و اون ها رو حذف می کنیم.

وقتی این کار انجام شد، Ctrl+J رو فشار داده و مسیر شکل حاصل رو می بندیم. یک Outline با ضخامت ۴ پیکسل اضافه کرده و کد رنگی #۴۲۳b3b رو براش در نظر می گیریم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام دوم

با استفاده از روش Minus Front، یک هایلایت ملایم به بخش بالایی شکل اضافه می کنیم. رنگ سفید رو برای Fill در نظر گرفته و Opacity رو تا ۸۰ درصد کاهش میدیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام سوم

بعد از قرار دادن هایلایت در محل مورد نظر، ابزار Rounded Rectangle رو برداشته و یک مستطیل ۲۸  در ۱۰ پیکسل رسم می کنیم. Corner Radius رو روی ۴ پیکسل قرار میدیم. کد رنگی #ffb85a رو براش در نظر می گیریم. یک Outline با ضخامت ۲ پیکسل با کد رنگی #۴۲۳b3b اضافه می کنیم و اون رو در محلی که می بینین، قرار میدیم.

آموزش Illustrator : طراحی مجموعه آیکن پوکمون – قسمت دوم

گام چهارم

یک مستطیل دیگه با زوایای گرد رسم می کنیم. ابعاد ۲۴  در ۶ پیکسل رو براش در نظر می گیریم .کد رنگی #۴۲۳b3b بهش اختصاص میدیم. Corner Radius رو میزاریم روی ۲ پیکسل. هر سه شکل رو انتخاب کرده و اون ها رو با هم گروه می کنیم.

گام پنجم

ابزار Rectangle رو برداشته و یک شکل ۶۸ در ۴ پیکسل رسم می کنیم. کد رنگی #ffb85a رو بهش اختصاص میدیم. Outline رو روی ۴ پیکسل قرار داده و کد رنگی #۴۲۳b3b رو براش در نظر می گیریم. هر دوی اون ها رو در محلی که می بینین قرار میدیم.

گام ششم

ابزار Rectangle رو برداشته و دو تا مستطیل ۸۰ در ۴ پیکسل رسم می کنیم. کد رنگی #۴۲۳b3b رو براش در نظر گرفته و اون رو در محلی که می بینین قرار میدیم.

گام هفتم

قبل از گروه کردن اجزا، یک مستطیل ۲۶ در ۲ پیکسل با کد رنگی #۴۲۳b3b رسم کرده و اون رو در وسط قرار میدیم.

گام هشتم

برای درست کردن پنل شیشه ای، یک مستطیل ۶۰ در ۴۸ پیکسل با کد رنگی #۰۰۰۰۰۰ رسم می کنیم. Opacity رو میزاریم روی ۱۴ پیکسل و اون رو در محلی که می بینین قرار میدیم.

گام نهم

یک مستطیل ۴ در ۴۸ پیکسل با کد رنگی #۴۲۳b3b به سمت چپ و راست پنل شیشه ای اضافه می کنیم.


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

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

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

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


گام دهم

ابزار Pen رو برداشته و یک انعکاس مورب برای پنل شیشه ای رسم می کنیم.  فاصله بین اون ها ۴ پیکسل در نظر می گیریم. کد رنگی #ffffff رو براش در نظر گرفته و Opacity رو روی ۶۰ درصد تنظیم می کنیم.

وقتی تمام شد، تمام اجزای پنل رو انتخاب کرده و اون ها رو با هم گروه می کنیم.

گام یازدهم

بخش بالایی شکل رو کپی می کنیم. روی اون کلیک راست کرده و وارد مسیر Transform > Reflect > Horizontal میشیم و اون رو در پایین قرار میدیم.

گام دوازدهم

بخش پایینی پنل رو حذف کرده و اون رو به صورت زیر  در میاریم.

گام سیزدهم

ابزار Rounded Rectangle رو برداشته و یک مستطیل ۱۰ در ۲۴ پیکسل رسم می کنیم. Corner Radius رو روی ۴ پیکسل قرار میدیم. کد رنگی #۴۲۳b3b رو براش در نظر می گیریم.

گام چهاردهم

سه تا مستطیل ۴ در ۲ پیکسل رسم کرده و اون رو با فاصله ۲ پیکسل از هم قرار میدیم. کد رنگی #۹۲db63 و #ff6b57 رو براش در نظر می گیریم.

بعد هم اجزا رو انتخاب کرده و با هم گروه می کنیم.

گام پانزدهم

بعد هم چند تا سایه و هایلایت به محل های مورد نیاز اضافه می کنیم. تمام اجزا رو با هم گروه می کنیم.

  1. طراحی آیکن تخم مرغ

گام اول

ابزار Ellipse رو بر می داریم و یک دایره ۸۴ پیکسلی رسم می کنیم. کد رنگی #f2f0f0 رو براش در نظر می گیریم. اون رو در محلی که می بینین قرار میدیم و ۴ پیکسل از Outline فاصله میدیم.

گام دوم

Anchor Point بالا رو با استفاده از ابزار Direct Selection انتخاب کرده و اون رو ۲۴ پیکسل به بالا می بریم. برای این کار از ابزار Move کمک می گیریم. کلیک راست کرده و وارد مسیر Transform > Move > Vertical میشیم و عدد ۲۴- پیکسل رو وارد می کنیم.

گام سوم

شکل رو انتخاب می کنیم. Outline به ضخامت ۴ پیکسل رو براش در نظر می گیریم. کد رنگی #۴۲۳b3b رو بهش اختصاص میدیم و از روش Offset Path کمک می گیریم.

گام چهارم

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

گام پنجم

چند تا نقطه به تخم مرغ اضافه می کنیم. برای این کار، دو تا دایره با کد رنگ #۹fb77d رسم می کنیم. Anchor Point ها اون ها رو به سمت بیرون درگ می کنیم. یک Outline با ضخامت ۴ پیکسل با ک رنگی #۴۲۳b3b براش در نظر می گیریم.

بعد هم تمام اجزا رو با هم گروه می کنیم.

نتیجه

 

امیدواریم ” آموزش Illustrator : طراحی مجموعه آیکن پوکمون ”  برای شما مفید بوده باشد…


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

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

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

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


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

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

دیدگاهتان را بنویسید

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