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

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

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

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

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

1. تنظیم فایل پروژه

گام اول

با زدن میانبر Ctrl+N، یک سند جدید درست می کنیم. تنظیمات زیر رو براش در نظر می گیریم.

Number of Artboards روی 1

Width روی 850 پیکسل

Height روی 850 پیکسل

Units روی Pixels

وارد تب Advanced میشیم و تنظیمات زیر رو وارد می کنیم:

Color Mode روی RGB

Raster Effects روی Screen

Preview Mode روی Default

گام دوم

وارد مسیر Edit > Preferences > General میشیم و Keyboard Increment روی 1 پیکسل قرار میدیم.

گام سوم

میریم سراغ Units و تنظیمات زیر رو اعمال می کنیم.

General روی Pixel

Stroke روی Points

Type روی Points

2. تنظیم لایه ها

گام اول

وارد پنل Layers میشیم و دو تا لایه با عنوان Background و Icons درست می کنیم.

گام دوم

لایه Background رو انتخاب کرده و شروع می کنیم به طراحی پس زمینه.

3. ایجاد رنگ پس زمینه

گام اول

همچنان که لایه Background انتخاب شده، روی ابزار Rectangle کلیک کرده و یک مربع رو به اندازه 850 در 850 پیکسل رسم می کنیم. این مربع باید کل صفحه کار رو بپوشونه.

گام دوم

همچنان که مربع انتخاب شده، روی ابزار Gradient کلیک می کنیم و بعد هم Angle رو روی 45 درجه قرار میدیم.

گام سوم

مقادیر رنگی R=70, G=82, B=162 رو براش در نظر می گیریم.

گام چهارم

مقادیر رنگی R=138, G=105, B=173 رو به عنوان دومین رنگ در نظر می گیریم.

گام پنجم

نتیجه نهایی به صورتی که در زیر می بینین، در میاد. لایه Background رو با کلیک روی آیکن چشم، Lock یا قفل می کنیم. بعد هم روی لایه Icon کلیک می کنیم و شروع می کنیم به طراحی آیکن ها.

4. طراحی آیکن پیاده شطرنج

گام اول

ابزار Pen رو بر می داریم و تنظیمات رو به شکل زیر وارد می کنیم.

Stroke Weight روی 6

Cap روی Round Cap

Corner روی Miter Joint

Align Stroke روی Align Stroke to Center

گام دوم

ابزار Ellipse رو بر می داریم و یک دایره کوچک رسم می کنیم. حین رسم دایره، Shift رو نگه می داریم و کلیک و درگ می کنیم تا به صورت یکنواخت رسم بشه.

گام سوم

ابزار Pen رو بر می داریم و دو تا خط به شکلی که می بینین در زیر دایره رسم می کنیم.

گام چهارم

ابزار Rounded Rectangle رو بر می داریم و شکلی که می بینین رو رسم می کنیم. با استفاده از دکمه فلش های بالا و پایین می تونیم این شکل رو تغییر بدیم.

همچنان که شکل انتخاب شده، اون رو به Fill Shape تبدیل می کنیم.

گام پنجم

شکل رو کپی و روی خودش Paste می کنیم.

یک Stroke به دومین شکل اضافه می کنیم. Width رو روی 20 قرار میدیم.

گام ششم

همچنان که دومین شکل انتخاب شده، میریم سراغ منوی بالا و مسیر Object > Expand رو دنبال می کنیم. به این ترتیب، پنجره Expand باز میشه. Fill و Stroke رو انتخاب کرده و روی Ok کلیک می کنیم.

گام هفتم

همچنان که شکل انتخاب شده، وارد پنل Pathfinder میشیم و روی Unite کلیک می کنیم. به این ترتیب، شکل Merge یا ادغام میشه.

گام هشتم

ابزار Eyedropper رو بر می داریم و Stroke رو با خارج شکل هماهنگ می کنیم.

گام نهم

با استفاده از ابزار Ellipse، یک دایره کوچک رسم کرده و اون رو در پایین قرار میدیم.

5. طراحی آیکن رخ شطرنج

گام اول

برای شروع، ابزار Rectangle رو بر می داریم و یک مستطیل کوچک رسم می کنیم.

گام دوم

یک مستطیل بزرگ تر رسم می کنیم. Stroke رو با استفاده از ابزار Eyedropper تنظیم کرده و از یکی از Stroke های مورد استفاده برای آیکن قبلی استفاده می کنیم.

گام سوم

ابزار Rectangle رو بر می داریم. یک مستطیل کوچک در بالا رسم می کنیم .بعد هم ابزار Ellipse رو برداشته و دایره کوچکی رو در پایین می کشیم. در حین رسم دایره، Shift رو نگه می داریم.

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

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

گام چهارم

با استفاده از ابزار Rectangle، مراحلی که توی تصویر زیر می بینین رو دنبال می کنیم.

گام پنجم

تمام شکل هایی که توی گام چهارم رسم کردیم رو انتخاب کرده و وارد پنل Pathfinder میشیم و در نهایت، روی Unite کلیک می کنیم.

گام ششم

به این ترتیب، تمام شکل ها با هم ادغام میشن.

گام هفتم

همچنان که شکل جدید انتخاب شده، با استفاده از ابزار Eyedropper، باز هم Stroke رو تنظیم می کنیم.

گام هشتم

برای ترسیم نیم دایره، ابزار Ellipse رو بر می داریم و یک دایره رسم می کنیم. بعد هم با استفاده از ابزار Rectangle، یک مستطیل رسم کرده و روی نیمی از دایره قرار میدیم.

گام نهم

هر دو شکل رو انتخاب می کنیم. وارد پنل Pathfinder میشیم و روی Minus Front کلیک می کنیم.

گام دهم

به این ترتیب، شکل مستطیل حذف شده و تنها نیمی از دایره باقی می مونه.

گام یازدهم

نیم دایره رو Copy, Paste می کنیم.

گام دوازدهم

نیم دایره Duplicate شده رو انتخاب می کنیم .کلیک راست می کنیم و وارد مسیر Transform > Select میشیم. Vertical رو انتخاب کرده و Angle رو روی 90 درجه میزاریم و در نهایت، روی Ok کلیک می کنیم.

گام سیزدهم

مطمئن میشیم که هر دو نیم دایره به صورت افقی تراز شده باشن.

گام چهاردهم

نیم دایره ها رو دو طرف آیکن قرار میدیم.

6. طراحی آیکن اسب شطرنج

گام اول

برای شروع طراحی این آیکن، آیکن رخ رو Duplicate می کنیم. آیکن Duplicate شده رو با استفاده از ابزار Selection یا Direct Selection انتخاب می کنیم و شکل های وسط آیکن رو با استفاده از این ابزارها، حذف می کنیم.

گام دوم

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

برای رسم متقارن این شکل، Shift رو حین ترسیم نگه می داریم. یک مثلث کوچک تر هم رسم کرده و در داخل مثلث اول قرار میدیم.

گام سوم

نیم دایره ها رو چرخونده و دو طرف مثلث ها قرار میدیم. برای این کار، کلیک راست کرده و وارد مسیر Transform > Rotate میشیم.

گام چهارم

برای طراحی سر اسب، از ابزار Rounded Rectangle و Ellipse کمک گرفته و شکل های زیر رو با این ابزارها رسم می کنیم.

گام پنجم

با استفاده از ابزار Rectangle، دو تا مستطیل رسم کرده و اون ها رو به صورتی که می بینین، روی شکل هایی که توی گام قبل رسم کردیم، قرار میدیم.

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

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

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

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