آموزش Illustrator : طراحی مجموعه آیکن های فضایی

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

توی این آموزش، طراحی مجموعه آیکن های فضایی با Illustrator رو با هم می بینیم. برای اینکار از خطوط چهارخانه، ابزار Pen و کلی تکنیک ها و ابزارهای دیگه هم کمک می گیریم. بیاین ادامه بدیم!

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

• سطح سختی: متوسط
• مدت آموزش: 60 تا 80 دقیقه
• نرم افزار استفاده شده: Adobe Illustrator

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

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

7. طراحی آیکن محفظه فرود

مطمئن میشیم که لایه درستی فعال باشه. روی سومین تصویر مرجع زوم می کنیم و شروع می کنیم به کار.

گام اول

با استفاده از ابزار Rectangle، یک مربع 42 در 42 پیکسل با کد رنگی #afb6bf درست می کنیم. بعد هم Anchor Point های بالا رو حدود 12 پیکسل به سمت داخل می کشیم.

یک Outline به اندازه 4 پیکسل براش در نظر می گیریم. Color رو روی کد رنگی #373947 و Corner رو روی Round Join قرار میدیم. به اندازه ای که می بینین آیکن رو از بالا و پایین فاصله می تونیم طوری که در نهایت 14 پیکسل فضای در وسط آیکن باقی بمونه.

گام دوم

روی بخش پایینی محفظه فرود زوم می کنیم. یک حائل به اندازه 2 پیکسل با کد رنگی #373947 درست می کنیم. این حائل رو از پایین 2 پیکسل فاصله میدیم.

گام سوم

با استفاده از ابزار Rectangle، هفت تا شکل 2 در 1 پیکسل درست می کنیم. کد رنگی #373947 رو برای این شکل ها در نظر می گیریم. هر کدوم از این شکل ها رو به صورتی که می بینین، زیر خط پایین آیکن قرار میدیم و 4 پیکسل از هم فاصله میدیم و بعد هم اون ها رو با هم گروه و تراز می کنیم.

گام چهارم

یک هایلایت ملایم به بخش بالایی محفظه اضافه می کنیم. برای این کار از رنگ سفید با کد رنگی #ffffff استفاده می کنیم. Blend Mode رو روی Soft Light و Opacity رو روی 80 درصد قرار میدیم.

گام پنجم

با استفاده از ابزار Pen، یک خط موازی با خط سمت چپ محفظه با ضخامت 2 پیکسل رسم می کنیم.

گام ششم

دو تا هایلایت  عمودی اضافه می کنیم. Color رو روی سفید، Blending Mode رو روی Soft Light و Opacity رو روی 80 درصد قرار میدیم. اندازه یکی از اون ها رو روی 1 پیکسل و دیگری رو روی 2 پیکسل قرار میدیم. بعد هم در محلی که می بینین قرار میدیم. مطمئن میشیم که با چیزی تداخل نداشته باشن .

گام هفتم

شروع می کنیم به طراحی یک پنجره کوچک. برای این کار، یک مستطیل 8 در 12 پیکسل با لبه های گرد درست می کنیم. کد رنگی #51566 رو براش در نظر می گیریم. Corner Radius رو هم روی 2 پیکسل قرار میدیم. 2 px Outline رو با کد رنگی #373947 رو برای شکل در نظر می گیریم و بعد هم اون رو در بالای حائل قرار میدیم. طوری که 6 پیکسل بین اون ها فاصله باشه.

گام هشتم

دو تا مستطیل با زوایای گرد به اندازه 2 در 4 پیکسل با کد رنگی #373947 درست می کنیم و Corner Radius رو میزاریم روی 1 پیکسل. بین اون ها و سمت چپ پنجره، 2 پیکسل فاصله میدیم.

گام نهم

با استفاده از ابزار Pen، یک شکل 4 در 8 پیکسل به صورتی که می بینین روی پنجره رسم می کنیم و کد رنگی #ffffff یا سفید رو براش در نظر می گیریم. Blending Mode رو هم روی Soft Light و Opacity رو روی 60 درصد قرار میدیم.

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

نکته: موقعی که می خواین یک خط دیگه با ابزار Pen رسم کنین، Shift رو نگه دارین. نیازی نیست مستطیل رسم کنین و بعد هم اون رو ادیت کنین.

گام دهم

دو تا دکمه هم به سمت راست پنجره اضافه می کنیم. من برای این کار یک مستطیل 4 در 2 پیکسل و یک دایره 2 در 2 پیکسل هر دو با کد رنگی #373947 رسم کردم. شما می تونین به روش خودتون عمل کنین.

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

گام یازدهم

ابزار Rectangle رو بر می داریم. یک شکل 42 در 10 پیکسل با کد رنگی #515566 رسم می کنیم و Anchor Point های پایین رو 12 پیکسل به سمت داخل می کشیم.

یک Outline به اندازه 4 پیکسل براش در نظر می گیریم. Color رو روی کد رنگی #373947 و Corner رو روی Round Join قرار میدیم. بعد هم اون رو در پایین بدنه محفظه فرود قرار میدیم.

گام دوازدهم

شروع می کنیم به اضافه کردن سایه. برای این کار، Color رو روی مشکی و Opacity رو روی 20 درصد قرار میدیم و بعد هم یک حائل به اندازه 1 پیکسل رسم می کنیم.

گام سیزدهم

می خوایم کار رو تموم کنیم. یک مستطیل 12 در 2 پیکسل با کد رنگی #373947 رسم می کنیم و اون رو در پایین Outline اصلی قرار میدیم. یک بیضی 8 در 4 پیکسل با کد رنگی #373947 هم رسم می کنیم و در سمت راست قرار میدیم.

حالا تمام این اجزا رو انتخاب و با هم گروه می کنیم.

گام چهاردهم

میریم سراغ بخش بالایی آیکن و روی نوک محفظه کار می کنیم.

اول از همه، ابزار Rectangle رو بر می داریم و یک شکل 18  در 10 پیکسل با کد رنگی #515566 رسم می کنیم. Ouline به اندازه 4 پیکسل براش در نظر می گیریم. Color رو روی #373947 و Corner رو روی Round Join قرار میدیم و بعد هم اون ها در بالای Outline اصلی محفظه قرار میدیم. طوری که روی هم قرار بگیرن.

گام پانزدهم

یک حائل به ضخامت 1 پیکسل به بالای شکلی که تازه درست کردیم اضافه می کنیم. بین این حائل و پایین، 2 پیکسل فاصله میدیم.

گام شانزدهم

حالا جزئیات تکراری که روی بقیه آیکن اضافه کردیم رو باز هم تکرار می کنیم.

گام هفدهم

با استفاده از ابزار Rectangle، یک شکل 12 در 8 پیکسل با کد رنگی #b5a762 رسم می کنیم. ضخامت Outline رو روی 4 پیکسل، Color رو روی #373947 و Corner رو روی Round Join قرار میدیم.

بعد هم اون رو در بالای قطعه ای گه چند گام قبل درست کردیم قرار میدیم. طوری که Outline اون ها روی هم قرار بگیرن. چند تاHighlight  هم اضافه می کنیم. Color رو روی سفید، Blending Mode رو روی Soft Light و Opacity رو روی 80 درصد قرار میدیم. بعد هم یک حائل به ضخامت 1 پیکسل درست می کنیم. در نهایت، همه رو با میانبر Ctrl+G با هم گروه می کنیم.

گام هجدهم

یک مستطیل با زوایای گرد به ابعاد 8 در 10 پیکسل رسم می کنیم. Corner Radius رو روی 2 پیکسل قرار میدیم و کد رنگی #afb6bf رو براش در نظر می گیریم.

Outline به ضخامت 4 پیکسل و کد رنگی #373947 رو براش در نظر می گیریم. بعد هم هایلایتی عمودی و حائلی 2 پیکسلی رو بهش اختصاص میدیم.

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

8. طراحی آیکن ماه

به نظر شما بدون آیکن ماه، این مجموعه تکمیل میشه؟

گام اول

ابزار Ellipse رو بر می داریم و یک دایره 60 در 60 پیکسل با کد رنگی #ced0d8 رسم می کنیم. Outline به ضخامت 4 پیکسل براش د رنظر می گیریم.

گام دوم

برای درست کردن هایلایت داخل ماه، Outline رو کپی می کنینم و بعد هم رنگ سفید با کد رنگی #ffffff رو براش در نظر می گیریم. Blending Mode رو روی Soft Light قرار میدیم و Opacity رو تا 80 درصد کاهش میدیم.

نکته: یادتون باشه که هایلایت رو در عقب Outline اصلی قرار بدین. باری این کار، شکل Fill رو انتخاب کنین. کلیک راست کنین و Arrange و بعد هم Send to Back رو بزنین.

گام سوم

یک سایه هلالی اضافه می کنیم. Color رو روی مشکی و Opacity رو روی 20 درصد قرار میدیم و اون رو میزاریم در محلی که می بینین. برای اینکه بهش عمق بیشتری بدیم، به یک ماسک 52 در 52 پیکسل به صورت دایره نیاز داریم. کلیک راست می کنیم و Make Clipping Maks رو میزنیم.

گام چهارم

چند تا حفره روی ماه اضافه می کنیم. Otuline رو روی 2 پیکسل قرار میدیم و کد رنگی #9b9faa رو براش در نظر می گیریم.

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

گام پنجم

شکلی مثل سیاره زمین طراحی می کنیم. برای این کار، یک دایره 8 در 8 پیکسل درست می کنیم و کد رنگی #62afaf رو براش در نظر می گیریم. Outline رو روی 2 پیکسل قرار میدیم و کد رنگی #373947 رو براش در نظر می گیریم. هایلایت داخل رو به صورت Color روی سفید و Blending Mode روی Soft Light و Opacity روی 80 درصد تنظیم می کنیم.

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

گام ششم

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

یک شکل الماس با ابزار Pen رسم می کنیم و کد رنگی #b5a762 رو براش در نظر می گیریم. Ouline رو روی 2 پیکسل قرار میدیم و کد رنگی #373947 رو بهش اختصاص میدیم و شکل رو در پایین ماه قرار میدیم .

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

تمام شد!

تمام آیکن ها رو با هم می بینین. امیدوارم بتونین این تکنیک ها رو توی پروژه های بعدی هم مورد استفاده قرار بدین.

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

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

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

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

دوره های آموزشی مرتبط