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

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

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

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

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

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

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

قسمت چهاردهم

شروع می کنیم به اضافه کردن جزئیات به بال. برای اینکار، یک مسیر جدید با 28 پیکسل Width و 2 پیکسل Weight درست می کنیم. بعد هم همون رنگ آبی قبلی با کد رنگی #373947 رو براش در نظر می گیریم. حالا اون رو در پایین و زیر Anchor Point بالای سمت چپ قرار میدیم.
دو تقسیم کننده عمودی هم اضافه می کنیم. بعد هم اون ها رو به صورت یکنواخت قرار میدیم.

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

گام پانزدهم

با درست کردن یک دایره 4 در 4 پیکسل، جزئیات بیشتری رو به بال اضافه می کنیم. کد رنگی #373947 رو به عنوان هایلایت بالایی و سایه پایین در نظر می گیریم. همین مقادیر و تکنیک ها رو مثل قبل استفاده می کنیم. این بار برای سایه و هایلایت، ماسک درست می کنیم تا همپوشی نداشته باشن. ساده ترین راه برای این کار اینه که دو تا کپی از بال تهیه می کنیم و بعد هم اون ها رو از هم جدا می کنیم.
وقتی این کار تمام شدريال تمام شکل های گروه رو با هم انتخاب و گروهه می کنیم. برای اینکار، از میانبر Ctrl+G استفاده می کنیم.

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

گام شانزدهم

حالا که بال چپ رو داریم، به راحتی می تونیم بال راست رو هم درست کنیم. برای این کار، بال چپ رو Duplicate می کنیم و بعد هم کلیک راست می کنیم و وارد مسیر Transform > Reflect > Vertical میشیم و اون رو در سمت راست بدنه شاتل قرار میدیم. یک مستطیل به ابعاد 4 در 2 پیکسل با کد رنگی #373947 رو جایگزین دایره می کنیم.

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

گام هفدهم

شروع می کنیم به کار کردن روی موتورها. برای این کار، یک مستطیل به ابعاد 12 در 20 پیکسل درست می کنیم و زاویه سمت چپ رو به اندازه 8  پیکسل و زاویع پایین سمت چپ رو به اندازه 4 پیکسل، گرد می کنیم.

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

گام هجدهم

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

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

گام نوزدهم

برای طراحی نازل موتور، یک مربع به ابعاد 8 در 8 پیکسل قرمز رنگ با کد رنگی #b76262  درست می کنیم. بعد هم Anchor Point های بالایی رو 1 پیکسل به سمت داخل می کشیم. بعد هم برای شکل Outline، حائل پایین، سایه و چند تا هایلایت عمودی، در نظر می گیریم.
عناصر مخروط رو با هم گروه می کنیم و اون ها رو سمت راست، و زیر موتور که قبلا درست کردیم، قرار میدیم.

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

گام بیستم

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

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

گام بیست و یکم

با اضافه کردن سکان، آیکن شاتل رو تکمیل می کنیم.
برای این کار، ابزار Ellipse رو بر می داریم. با این ابزار، یک شکل 4 در 28 پیکسل درست می کنیم. کد رنگی #373947 رو براش در نظر می گیریم و اون رو در محلی که می بینین، قرار میدیم.

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

تمام آیکن ها رو با هم گروه می کنیم. بعد هم همین لایه رو Lock یا قفل می کنیم و میریم سراغ لایه بعدی تا روی ماهواره کار کنیم.

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

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

گام اول

ابزار rounded Rectangle رو بر می داریم و یک شکل 12 در 18 پیکسل درست می کنیم و عدد 2 پیکسل رو برای Corner Radius در نظر می گیریم. کد رنگی #ced0d8 رو وارد می کنیم و اون رو در وسط و یک مقدار به سمت پایین چهارخانه مرجع قرار میدیم. طوری که بین شکل و بخش پایینی چهارخانه، 30 پیکسل فاصله باشه.

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

گام دوم

یک Outline چهار پیکسلی با کد رنگی #373947 و بعد هم یک خط دو پیکلسی با کد رنگی #373947 در پایین در نظر می گیریم. بین این دو باید 2 پیکسل فاصله باشه.

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

نکته: توی این مرحله شاید ندونین باید از ابزار Pen استفاده کنین یا از ابزار rectangle. خب صادقانه بخوام بگم، همش به خودتون بستگی داره.

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

گام سوم

با استفاده از ابزار Rectangle، یک شکل 8 در 2 پیکسل درست می کنیم و کد رنگی #000000 رو براش در نظر می گیریم. Opacity رو تا 28 درصد کاهش میدیم و اون رو زیر شکل یا حائلی که توی مرحله قبل درست کردیم، قرار میدیم تا به عنوان یک سایه کوچک عمل کنه.

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

گام چهارم

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

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

گام پنجم

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

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

گام ششم

ابزار Pen رو بر می داریم و یک مسیر L مانند رسم می کنیم. فاصله این خط از پایین و سمت چپ باید 2 پیکسل باشه.

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

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

گام هفتم

با استفاده از ابزار Rectangle، یک شکل 10 در 6 پیکسل با کد رنگی #afb6bf درست می کنیم. این شکل رو زیر بدنه ماهواره قرار میدیم و بعد هم Anchor Point های پایین رو به اندازه 2 پیکسل به سمت داخل هل میدیم. برای انجام این کار، هر بار یک Anchor Point رو با Direct Selection انتخاب می کنیم. بعد هم Enter می زنیم و عدد 0 رو توی فیلد vertical و +/- 2 رو توی فیلد Horizontal وارد می کنیم.
موقعی که این تغییرات رو انجام دادیم، یک Outline چهار پیکسلی رو برای شکل در نظر می گیریم.

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

گام هشتم

حالا می خوایم جزئیاتی رو به بخش پایینی ماهواره اضافه کنیم. یک سایه 1 پیکسلی بلند به رنگ مشکی با Opacity بیست درصد براش در نظر می گیریم و یک مستطیل 2 در 1 پیکسلی با کد رنگی #373947 رو هم در زیرش قرار میدیم.
موقعی که این کار رو انجام دادیم، تمام المان ها رو با میانبر Ctrl=G با هم گروه می کنیم. این طوری راحت تر می تونیم هر بخش ماهواره رو مدیریت و در صورت لزوم، تغییر بدیم.

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

گام نهم

اون رو یک مقدار به سمت پایین می بریم. ابزار Ellipse رو بر می داریم و یک شکل 10 در 16 پیکسل با کد رنگی #515566 درست می کنیم. اون رو از وسط نصف می کنیم. بعد هم یک Outline بهش اضافه می کنیم. کد رنگی #373947 رو براش د رنظر می گیریم. Wight رو روی 4 و Corner رو روی Round Join و Align Stroke رو روی Center قرار میدیم و هر دو رو زیر بخش پایینی ماهواره قرار میدیم.

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

گام دهم

یک حائل به ضخامت 1 پیکسل، یک هایلایت 1 پیکسلی بلند و یک مستطیل 6 در 4 با زوایای گرد به نازل ماهواره اضافه می کنیم. رنگ هایلایت رو روی سفید، Blending Mode رو روی Soft Light و Opacity رو روی 60 درصد قرار میدیم. کد رنگی #373947 رو برای مستطیل در نظر می گیریم و Corner Radius رو روی 1 پیکسل قرار میدیم.

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

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

گام یازدهم

حالا میریم سراغ طراحی پنل های خورشیدی روی بال ماهواره. یک شکل مستطیل 30 در 16 پیکسل با زوایای گرد درست می کنیم و کد رنگی #b5a762 رو براش در نظر می گیریم. Corner Radius رو روی 1 پیکسل قرار میدیم و یک Outline با ضخامت 4 پیکسل با کد رنگی #373947 رو بهش اضافه می کنیم.
هر دو شکل رو سمت چپ بدنه ماهواره قرار میدیم. طوری که با اون 2 پیکسل فاصله داشته باشه.

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

گام دوازدهم

با استفاده از ابزار Pen، سه تا نوار درست می کنیم. دو از اون ها با ضخامت 1 پیکلس با کد رنگی #373947  و اون یکی با ضخامت 1 پیکسل با کد رنگی #373947. این نوارها، پنل رو به بدنه ماهواره وصل می کنن.

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

گام سیزدهم

شروع می کنیم به اضافه کردن جزئیات بیشتر به بال. اول از همه هایلایت رو اضافه می کنیم. رنگ رو روی سفید، Blending Mode رو روی Soft Light و Opacity رو روی 60 درصد قرار میدیم. بعد، شش تا نوار عمودی 2 پیکسلی با کد رنگی #373947 درست می کنیم و 2 پیکسل از هم فاصله میدیم. یک جفت مربع 2 در 2 هم با کد رنگی #96884d درست می کنیم و روی این نوارها قرار میدیم.

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

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

گام چهاردهم

بال چپ رو که همین الان درست کردیم، انتخاب می کنیم. بعد هم اون رو کپی می کنیم و سمت راست ماهواره قرار میدیم. بعد هم کلیک راست می کنیم و مسیر Transform > Reflect > Vertical رو دنبال می کنیم.

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

گام پانزدهم

شروع می کنیم به طراحی بخش بالایی ماهواره که آنتن و گیرنده رو توی خودش جا میده. اول از همه، ابزار Rectangle رو بر می داریم و یک شکل 6 در 8 پیکسل با کد رنگی #afb6bf درست می کنیم. یک Outline 4 px هم با کد رنگی #373947 بهش اضافه می کنیم و بالای بدنه اصلی ماهواره قرار میدیم.

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

گام شانزدهم

یک مربع 2 در 2 به عنوان سایه با کد رنگی #000000 درست می کنیم. Opacity اون رو روی 20 درصد قرار میدیم و بعد هم در محلی که می بینین، قرار میدیم.

آموزش Illustrator : طراحی مجموعه آیکن های فضایی – قسمت دومموقعی که تمام شد، تمام المان ها رو با استفاده از میانبر Ctrl+G با هم گروه می کنیم.

گام هفدهم

ابزار Ellipse رو بر می داریم و یک شکل 28 در 18 پیکسل با کد رنگی #515566 درست می کنیم. این شکل به عنوان آنتن عمل می کنه. از اونجایی که بالای اون باید مسطح باشه، دایره رو نصف می کنیم و بخش بالایی رو حذف می کنیم. حالا یک Outline 4 px با کد رنگی #373947 براش در نظر می گیریم و Corner رو روی Round Join قرار میدیم و اون رو در بالای بخش گردن ماهواره قرار میدیم.

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

گام هجدهم

حالا جزئیات بیشتری رو به آنتن اضافه می کنیم. مثل یک حائل افقی 1 پیکسلی با کد رنگی #373947. یک Offset عمودی 1 در 1 و هایلایت سفید. Blending Mode هایلایت رو روی Soft Light و Opacity رو روی 60 درصد قرار میدیم. چیزی که در بالای آنتن می بینین رو هم بهش اضافه می کنیم.

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

گام نوزدهم

با اضافه کردن دو تا نوار 1 پیکسلی با کد رنگی #373947 و اضافه کردن اون ها و اضافه کردن آنتن به بدنه اصلی، کار رو تمام می کنیم.

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

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

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

مطالب مرتبط

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز یا بی ارتباط با موضوع آموزش باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.

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

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

لینک کوتاه: