آموزش Illustrator : طراحی آیکن سنگ های گران بهای فلت – قسمت اول

آموزش Illustrator : طراحی آیکن سنگ های گران بهای فلت – قسمت اول

توی این آموزش، طراحی آیکن سنگ های گران بهای فلت با استفاده از Illustrator رو با هم می بینیم. برای این کار، از شکل های مقدماتی و Blending Modes استفاده می کنیم. یادتون باشه که برای این آموزش، نیازی به مهارت های خاص طراحی نیست.

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

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

1. طراحی الماس درخشان

گام اول

ایلاستریتور رو باز می کنیم و با میانبر Ctrl+N، یک سند جدید درست می کنیم. ابعاد 600 در 600 پیکسل رو برای این سند در نظر می گیریم و Color Mode رو میزاریم روی RGB Color Mode.

گام دوم

برای اطمینان بیشتر، از Ruler Guide استفاده می کنیم. Ctrl رو نگه می داریم و روی Ruler یا خط کش کلیک می کنیم. بعد هم Guide رو به سمت صفحه کار درگ می کنیم. بعد هم از طریق پنل Align، اون ها رو با مرکز صفحه تراز می کنیم.

گام سوم

حالا شروع می کنیم به طراحی الماس. با بخش پایینی شروع می کنیم. با استفاده از ابزار Polygon، یک مثلث رسم می کنیم. عدد 3 رو برای Sides در نظر می گیریم و Radius رو میزاریم روی 150 پیکسل. بعد هم این شکل رو در محلی که توی تصویر می بینین، قرار میدیم.

گام چهارم

مثلث رو Duplicate می کنیم. نسخه کپی رو تغییر فرم میدیم. برای این کار، Alt رو نگه می داریم و یکی از اضلاع رو به سمت مرکز درگ می کنیم.

گام پنجم

با اضافه کردن یک مستطیل با استفاده از ابزار Rectangle، بخش بالایی الماس رو درست می کنیم.
ابزار Direct Selection رو انتخاب می کنیم. Anchor Point بالای سمت راست رو انتخاب می کنیم و نزدیک به مرکز می بریم (برای اینکه حرکت به صورت صاف و افقی انجام بشه، Shift رو نگه می داریم). برای جا به جا کردن Anchor Point بالای سمت چپ هم همین کار رو تکرار می کنیم. حالا شکل الماس، بیشتر قابل شناسایی هست.

گام ششم

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

گام هفتم

حالا الماس رو رنگ آمیزی می کنیم تا بدرخشه. برای این کار، از پالت زیر استفاده می کنیم.

برای بهتر شدن نتیجه، از ابزار Eyedropper استفاده می کنیم و رنگ مورد نظر رو مستقیما انتخاب می کنیم. البته کدهای رنگی RGB هم در اینجا لیست شده. با رنگ آمیزی بخش پایینی شروع می کنیم و به تدریج به سمت بالا میریم. مقادیر رنگی R=173, G=230, B=255 رو برای مثلث پایین، و R=208, G=239, B=252 رو برای بخش بالایی در نظر می گیریم. شکل های بالا رو به رنگ سفید خالص رنگ می کنیم و به تدریج Transparency رو کم می کنیم. برای این کار، Opacity رو تا 50 درصد کاهش میدم. به این ترتیب، الماس مون ظاهری واقعی و براق پیدا می کنه.

بسته به لبه های مختلف الماس، Opacity هم فرق می کنه.

گام هشتم

بیاین الماس رو درخشان کنیم. ابزار Star رو بر می داریم و یک ستاره چهار پر درست می کنیم. تیزی زوایا و طول هر پر رو با نگه داشتن Ctrl و کلیک کردن، تغییر میدیم. یک ستاره درست می کنیم و بعد هم اون رو با استفاده از ابزار Rotate، 45 درجه می چرخونیم.

گام نهم

رنگ این ستاره رو به رنگ سفید در میاریم. چند تا کپی ازش تهیه می کنیم و در بالای الماس قرار میدیم. هر نسخه رو به یک اندازه در میاریم.

گام دهم

حالا شکل آیکن رو به صورت پس زمینه وارد می کنیم. با استفاده از ابزار Ellipse، یک دایره درست می کنیم و Radial Gradient رو به عنوان Fill در نظر می گیریم. بالا رو روی R=95, G=61, B=129 و پایین رو روی R=195, G=125, B=207 تنظیم می کنیم.

گام یازدهم

یکی از آخرین کارهایی که باید انجام بدیم اینه که خروجی بگیریم. با استفاده از ابزار Rectangle، یک مستطیل به رنگ دلخواه درست می کنیم. اون رو 45 درجه می چرخونیم و با لبه سمت راست الماس، تراز می کنیم.
این شکل رو زیر الماس قرار میدیم و بخش های زاید اون رو مخفی می کنیم. دایره پس زمینه و شکل مستطیل رو انتخاب می کنیم و برای حذف بخش های ناخواسته، ابزار Shape Builder رو بر می داریم و در حالی که Alt رو نگه داشتیم، روی این بخش ها کلیک می کنیم. در نهایت، Linear Gradient رو برای Fill در نظر می گیریم. Linear Gradient رو روی مقادیر رنگی R=154, G=176, B=197 تا سفید تنظیم می کنیم. بعد هم Blending Mode رو روی Multiply میزاریم.

آیکن الماس آماده ست. بریم سراغ الماس بعدی.

2. طراحی یاقوت درخشان

گام اول

با استفاده از ابزار Rectangle، یک مستطیل رسم می کنیم و اول رو 45 درجه می چرخونیم.

گام دوم

ابزار Line Segment رو بر می داریم و دو تا خط متقاطع رسم می کنیم و اون ها رو دقیقا در مرکز مربع قرار میدیم. همه چیز رو انتخاب می کنیم و از تابع Divide داخل پنل Pathfinder برای تقسیم این مربع به چهار بخش استفاده می کنیم.

گام سوم

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

گام چهارم

باید بازتاب و هایلایت بیشتری رو بهش اضافه کنیم تا بافت شیشه ای اون بیشتر به چشم بیاد. برای این کار، بخش بالایی سمت راست رو انتخاب و روی خودش Paste می کنیم و اون رو یک مقدار کوچک تر از شکل اصلی می کنیم. Linear Gradient زرد با مقادیر رنگی R=209, G=181, B=96 تا مشکی رو به عنوان Fill در نظر می گیریم و Blending Mode رو میزاریم روی Screen. این هم از روش درست کردن هایلایت. از ابزار Reflect برای درست کردن نسخه آینه هایلایت روی طرف دیگه استفاده می کنیم.

گام پنجم

جزئیات بیشتری رو از طریق آینه کردن، اضافه می کنیم. این طوری شکل هندسی بهتری هم پیدا می کنه. یک مربع کوچک تر رو درست می کنیم و 45 درجه می چرخونیم. بعد هم اون رو در بالای یاقوت قرار میدیم و با مرکز تصویر، تراز می کنیم. Linear Gradinet با مقادیر رنگی R=228, G=20, B=64 تا R=225, G=107, B=126 رو به عنوان Fill در نظر می گیریم.

گام ششم

این یاقوت رو روی دایره قرار میدیم و Linear Gradient با مقادیر رنگی R=81, G=163, B=37 تا R=201, G=230, B=85 رو برای اون در نظر می گیریم.

کار آیکن یاقوت تمام شده. برای بخش بعد آماده باشید. قراره بخش جالب ترش شروع بشه.

3. طراحی زمرد درخشنده

گام اول

ابزار Rounded Rectangle رو بر می داریم و یک شکل به ابعاد 233 در 233 پیکسل درست می کنیم. Corner Radius رو هم روی 30 پیکسل قرار میدیم. ابزار Convert Anchor Point رو بر می داریم و یک به یک روی Anchor Point ها، کلیک می کنیم تا به صورت Corner در بیان. برای این کار میشه از تابع Convert Selected Anchor Points to Corner هم استفاده کرد. این تابع توی پنل Control، قرار داره. این هم از مربع زیر.

گام دوم

تراش های بیشتری رو به زمرد اضافه می کنیم. از ابزار Polygon برای ایجاد یک مثلث استفاده می کنیم. بعد هم اون رو Transform می کنیم تا لبه های تیز، در مرکز صفحه قرار بگیره.

با استفاده از ابزار Reflect، تراشه ها رو روی تمام اضلاع شکل اصلی زمرد، کپی و Reflect می کنیم.

گام سوم

Linear Gradient با مقادیر رنگی R=21, G=155, B=24 تا R=143, G=220, B=46 رو روی شکل اصلی زمرد اعمال می کنیم. Blending Mode رو هم میزاریم روی Screen.

حالا بیاین شکل بیشتری به زمرد بدیم. یک مثلث دیگه در بالای بخش های دیگه زمرد درست می کنیم اون رو به Corner تبدیل می کنیم. بخش های اضافه رو با ابزار Shape Builder حذف می کنیم و شکل جدید رو Resize و یک مقدار کوچک تر می کنیم.

گام پنجم

Linear Gradient رو به عنوان Fill در نظر می گیریم و Blending Mode رو میزاریم روی Screen. برای این کار می تونیم ابزار Eyedropper رو با تنظیمات پیش فرض هم بر داریم. این شکل رو Duplicate می کنیم و نسخه کپی رو بخش بالایی زمرد قرار میدیم.

گام ششم

شکل اصلی زمرد رو Duplicate می کنیم و اون رو در جلو و بالای سایر اجزا قرار میدیم. Fill رو روی Linear Gradient با مقادیر رنگی R=201, G=235, B=120 تا R=83, G=192, B=44 قرار میدیم. در نهایت، تلالو بیشتری رو اضافه می کنیم تا زمرد براق تر و گیراتر بشه.

گام هفتم

آخرین اصلاحات رو روی این آیکن انجام میدیم. Fill رو روی Linear Gradient با مقادیر رنگی R=247, G=62, B=87 تا R=255, G=132, B=185 تنظیم می کنیم تا سایه ایجاد بشه. این هم از زمرد. بریم سراغ سنگ بعدی.

” آموزش Illustrator : طراحی آیکن سنگ های گران بهای فلت – قسمت دوم”

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