آموزش ایلاستریتور (Illustrator) | گام به گام | تصویری + مثال

در این مطلب شما به صورت گام به گام و رایگان با آموزش نرم افزار ایلاستریتور (Illustrator) همراه خواهید شد و این نرم افزار را به همراه مثال های کاربردی یاد خواهید گرفت.

دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران

ایجاد شکل های جدید با Shape Builder

در این آموزش ابزار Shape Builder را معرفی و کاربرد ان در ساخت اشکال جدید را با مثال ارائه می کنم.تصویر ابزار Shape Builder رو در زیر مشاهده می کنید.

وب سایت توسینسو

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

  • مثال: برای ساخت شکل علامت سوال (تصویر سمت چپ) از 3 دایره و 2 مستطیل (تصویر سمت راست) استفاده می کنیم.
وب سایت توسینسو

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

وب سایت توسینسو

دایره پائینی علامت سوالمون که چون در نهایت هم اتصالی با تصویر نهایی پیدا نمی کنه باهاش تا آخر کاری نداریم. و اما گام های رسیدن به شکل نهایی :

  1. با ابزار Selection Tool دایره ها و مستطیل ها را همگی باهم انتخاب می کنیم.
  2. ابزار Shape Builder رو بر می داریم.
  3. وقتی ابزار رو با ماوس به تکه های شکل های انتخاب شده نزدیک می کنیم تکه ها حالت هاشور خورده پیدا می کنن و شکل ماوس به شکل فلش سیاه رنگ (برای select کردن تکه هاشور خورده) هست که در زیر فلش ماوس علامت مثبت (+) هست. وقتی ماوس در این حالت هست یعنی شما هر تکه ای رو که انتخاب کنید به تصویر نهایی تون اضافه میشه. اما فقط کلیک روی تکه کافی نیست شما با این ابزار باید تکه هایی رو که باید در تصویر نهایی باشن به هم دوخت بزنید. بله دقیقا مثل دوخت زدن دو تکه پارچه به هم که باید یک بار سوزن به نخ کشیده رو توی تکه اول پارچه فرو کنید و بعد سوزن رو از تکه پارچه دوم بیرون بیارید تا دو تکه به هم وصل بشن. در اینجا هم شما ماوس رو که در این حالت هست روی یکی از تکه ها درگ کرده و درگ ماوس رو تا تکه بعدی ادامه بدین تا دو تکه به هم وصل بشن و به همین ترتیب بقیه تکه های اصلی رو به هم دوخت کنید تا یک شکل یکپارچه بدست بیاد. در تصویر زیر خط چینی که بین تکه های شماره 8 و 9 می بینید رد پای درگ ماوس هست که می خواد این دو تکه رو به هم دوخت کنه.
وب سایت توسینسو
  1. حال اگه در همان حال که با ماوس روی تکه ای هستید و اون تکه به حالت هاشور خورده دراومده کلید Alt رو نگه دارید می بینید که شکل ماوس شما همون فلش سیله رنگ هست ولی این بار با علامت منفی (-) در زیر فلش که در این حالت اگه اون تکه رو با ماوس کلیک کنید از تصویر نهایی حذف میشه.
  2. حال تصویر نهایی علامت سوال ما به صورت یک شکل یکپارچه آماده است که در ابتدا مشاهده کردید.

نمونه های دیگه ای از ساخت شکل با استفاده از ابزار Shape builder رو در زیر آوردم. اشکال سمت چپ از ترکیب و ویرایش اشکال سمت راست فقط با استفاده از ابزار Shape Builder ساخته شده و همونطور که می بینید اشکال اولیه اشکال خیلی ساده یعنی دایره، مربع ، مستطیل و بیضی هستند.

وب سایت توسینسو

آموزش ابزار Smooth

تصویر ابزار smooth

وب سایت توسینسو

کار با ابزار pencil در ایلوستریتور مخصوصا برای مبتدی ها خیلی سخت هست و نیاز به کنترل ماوس داره و معمولا بعد از ترسیم با ابزار pencil حتما نیاز پیدا می کنید تا نقطه ها و بردارهای ایجاد شده رو دستکاری کنید تا به شکل مطلوبتون برسید. البته مسلما اگر از قلم نوری و تبلت مخصوص استفاده می کنید این مشکلات تا حد زیادی مرتفع می شن. ابزار pen هم مهارت زیادی می خواد تا منحنی های مناسب تصویر رو با اون ایجاد کنید. اما در اینجا راهکار و ترفند زیبایی از ایلوستریتور رو برای شما بیان می کنم تا با استفاده از ابزار pen و فقط با ترسیم خطوط صاف (بدون درگیر شدن با بردارهای ایجاد منحنی در ترسیم)، بتونید طراحی نرم و بدون گوشه های تیز داشته باشید. و این امر با کمک ابزار Smooth امکان پذیر میشه.

تنظیمات ابزار Smooth

این ابزار تنظیماتی هم داره که متناسب با نیاز کار خودتون می تونید پارمترهای اون رو تنظیم کنید. برای باز کردن پنجره option این ابزار بر روی آیکون ابزار دابل کلیک کنید.

وب سایت توسینسو

این پارامترها که برای کنترل تلورانس اثر ابزار Smooth هست عبارتند از fidelity و smoothness که در زیر آنها را تعریف می کنیم.

بررسی پارامتر Fidelity

مقدار این پارامتر بر حسب پیکسل هست و هرچه مقدار این پارامتر کمتر باشه با درگ ماوس روی خط ترسیم شده نقاط کنترلی بیشتری جهت نرم کردن منحنی به ترسیم افزوده میشه. و بالعکس هرچه مقدار این پارامتر بیشتر باشه نقاط کنترلی کمتری رو به ترسیم ما اضافه می کنه. توصیه میشه اگه در ترسیم و کنترل ماوس در مسیر منحنی مهارت کافی ندارید مقدار این پارامتر رو بیشتر انتخاب کنید .

بررسی پارامتر Smoothness

مقدار این پارامتر برحسب درصد هست و هرچه درصد بیشتری برای این پارامتر تنطیم بشه مسیر نرم تری بدست میاد. خوب حالا یک مثال ساده رو با هم کار می کنیم : ابزار pen رو بر می داریم و فقط با کلیک ماوس در چند نقطه یک خط اعوجاج دار ترسیم می کنیم (تصویر اول) و بعد درحالی که خط اعوجاجی ترسیم شده مون در حالت انتخاب شده هست ابزار Smooth رو برمی داریم.

اگر بخواهیم تنظیمات ابزار Smooth رو تغییر بدیم با دوبار کلیک روی آیکون این ابزار پنجره option باز میشه و به نحو دلخواه و مطلوب پارامترهای fidelity و Smoothness رو تنظیم می کنیم. من در اینجا مقادیر 10 پیکسل و 50 درصد رو به ترتیب برای این پارامترها انتخاب کردم. ابزار Smooth رو روی نقاط سازنده خط درگ می کنیم انگار که داریم با پاک کن یه خطی رو پاک می کنیم همونطوری با ماوس روی خط ابزار Smooth رو می کشیم تا خط منحنی نرمی بدست بیاد . (تصویر دوم)

وب سایت توسینسو

و این هم یک نمونه کار که اثر ابزار Smooth رو نشون میده. ابتدا فقط با ابزار pen ترسیم انجام شده (تصویر سمت راست) و سپس با ابزار Smooth تیزی های مسیر گرفته شده و تصویر نرمی بدست آمده (تصویر سمت چپ).

وب سایت توسینسو

ساخت اشکال پیچیده در چند ثانیه

  1. یکی از ابزارهای ساخت shape مثلا دایره، مستطیل ، چندضلعی و ... انتخاب کنید .
  2. درحالی که کلید ~ یا همان کلید پ روی اکثر کیبوردهای فارسی رو پائین نگه داشتید با درگ ماوس روی صفحه کار ایلوستریتور حرکت کنید تا اشکال جالب ساخته بشه.

نمونه وکتورهایی که من با این ترفند خیلی ساده ایجاد کردم:

وب سایت توسینسو

وکتور با مدل های تکرار پیشرفته

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

و بسیاری اشکال دیگه که میشه با تکرار، چرخش ، جا به جایی ، قرینه سازی و تغییر ابعاد ساخت. کافیه مدل تکرار رو درک کنیم تا براحتی با افکت transform در نرم افزار ایلوستریتور اون اشکال رو ترسیم کنیم. همونطور که از مثال ها مشخص میشه افکت transform شگفتی ساز ساخت اشکال بر اساس مدل های تکرار ساده یا ترکیبی هست. برای اعمال این افکت روی ترسیم اولیه ، بعد از انتخاب ترسیم مورد نظر که قبلا انجام دادید ، به منوی Effect رفته و زیرمنوی Distort & Transform رو کلیک کنید تا پنجره مربوطه باز شود. پنجره transform در ایلوستریتور رو در تصویر زیر می بینید:

آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته

حال تک تک پارامترهای قابل تنظیم در پنجره افکت transform رو توضیح میدم:

  • پارامتر Copies: تعداد تکرار یا کپی ترسیم اولیه رو مشخص می کنه.
  • پارامتر Scale : میزان تغییر ابعاد هر تکرار نسبت به تکرار قبلی در دو جهت افقی (Horizontal) و عمودی (Vertical) رو تعیین می کنه.
  • پارامتر Move: میزان جا به جایی هر تکرار نسبت به تکرار قبلی در دو جهت افقی (Horizontal) و عمودی (Vertical) رو تعیین می کنه.
  • پارامتر Rotate: میزان چرخش هر تکرار نسبت به تکرار قبلی رو مشخص می کنه.
  • پارامترهای Reflect-X و Reflect-Y : تقارن افقی و عمودی تکرار ها نسبت به ترسیم اولیه رو مشخص می کنه.
  • پارامتر تعیین نقطه مبدا تغییر : این پارامتر که در تصویر فوق دور آن خط کشیده شده است، یک نقطه از 9 نقطه عطف که برای هر تصویر یا ترسیم وجود داره انتخاب می کنه و با این انتخاب چرخش ، جا به جایی، تغییر ابعاد و تقارن بر مبنای محور این نقطه اعمال میشه.

حالا مثال هایی که در بالا نام بردیم به اضافه چند مثال دیگه یکی یکی با هم می بینیم:

قلب :

  • ترسیم اولیه
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تنظیمات Transform
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تصویر نهایی
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته

گل 6 برگ:

  • ترسیم اولیه
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تنظیمات Transform
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته

تصویر نهایی

آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته

برگ درخت اقاقیا

  1. ترسیم اولیه
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تنظیمات Transform برای تقارن برگ
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تصویر تقارن یافته
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • اعمال مجدد افکت Transform روی شکل ایجاد شده قبلی:
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تصویر بعد از اعمال افکت بار دوم:
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته
  • تصویر بعد از رنگ آمیزی و افزودن جزئیات:
آموزش ایلوستریتور (illustrator) : خلق وکتور با مدل های تکرار پیشرفته

2 نکته در ارتباط با افکت Transform

  • بعد از تایید تنظیمات پنجره Transform ، وقتی ترسیم نهایی رو انتخاب می کنید چه با ابزار Selection و چه با ابزار Direct Selection ، مشاهده می کنید که فقط تکه ترسیم اولیه انتخاب میشه و این یعنی از این به بعد هر تغییری روی این تکه ترسیم اعمال کردید روی تک تک تکه های تکراری تصویر اعمال میشه . مثلا اگه ابعاد تکه ترسیم اولیه رو تغییر بدین همه تکه های کپی تکه اولیه همزمان ابعادشون تغییر پیدا می کنه.
  • اگه می خواین کل تصویر نهایی به عنوان یک تصویر کل انتخاب بشه از منوی Object زیرمنوی Expand Appearance رو کلیک کنید.

آموزش ایجاد افکت halftone وکتوری 

ایجاد افکت halftone به صورت وکتور روی متن یا تصویر : یکی از سخت ترین ترسیم های وکتوری در ایلوستریتور ایجاد افکت halftone روی متن یا شکل هست. افکت halftone در واقع روشی هست که با اون بتونیم تصاویر تک رنگ رو با یه بازپردازی جلوه ببخشیم یعنی با دایره هایی در سایزهای مختلف قسمت هایی از متن یا تصویر ما شکل بگیره . اینجوری ما فقط یه رنگ استفاده کردیم ولی به لحاظ جلوه رنگ یه تصویر ساده نداریم. افکت halftone زمانی که به بردار تبدیل بشه یعنی قابلیت این رو داره که توی هر سایزی که بخوایم از اون استفاده کنیم بدون اینکه پیکسل پیکسل بشه و کیفیتش رو از دست بده. این افکت به ویژه در طراحی پوستر ها و نقش تی شرت ها استفاده خوبی داره.

وب سایت توسینسو

1. متن را با ابزار Type Tool تایپ می کنیم.

2. تا اینجا متن ما به صورت پیکسلی است و باید متن تایپ شده را به وکتور تبدیل کنیم . برای این کار ابتدا با ابزار selection Tool متن تایپ شده را انتخاب می کنیم و بعد از منوی object گزینه expand را کلیک کرده تا پنجره تنظیمات expand باز شود و تنظیمات پیشفرض (fill & Stroke) را ok می کنیم. اکنون متن ما به وکتور تبدیل شده است.

3. حال کل مسیرهای وکتور ایجاد شده را انتخاب می کنیم و به صورت Gradiant داخل مسیرها (fill) را رنگ می دهیم. تنظیمات gradiant را من به صورت زیر انتخاب کردم:

وب سایت توسینسو

و وکتور پس از گرادیانت به صورت زیر است:

وب سایت توسینسو

4. اکنون مجدد کلیه وکتورهای مسیر را انتخاب و افکت halftone را از مسیر زیر اعمال می کنیم.

Effect -> Pixelate -> Color Halftone

من تنظیمات پنجره Color Halftone به صورت زیر انجام دادم (شما می تونید تغییر پارامترها رو روی افکت اعمال شده امتحان کنید)

وب سایت توسینسو

خروجی اعمال افکت به صورت زیر است:

وب سایت توسینسو

5. اکنون دایره های ایجاد کننده افکت halftone کیفیت پیکسلی دارند و باید به وکتور تبدیل شوند تا در هر کیفیتی قابل چاپ یا ذخیره سازی باشند. مراحل زیر را پس از انتخاب وکتور فوق روی آن اعمال می کنیم:

Object -> expand appearance 
Object -> live Trace -> make
Object -> expand

مشاهده می کنیم که کل تصویر به وکتور با افکت color halftone تبدیل شده است.

وب سایت توسینسو

6. حال وکتور ما آماده است اما همانطور که در تصویر بالا هم مشخص هست فضای سفید اطراف متن (درون کادر مستطیل انتخاب وکتور) نیز پس از اعمال expand appearance جزء وکتور شده است و در حالی که ما فقط متن رو به همراه افکت halftone لازم داریم پس باید فضاهای سفید اضافی رو حذف کنیم. برای این کار ابزار Direct Selection Tool رو بر می داریم و یکی از نقاط درون فضای سفید رو کلیک و انتخاب می کنیم و بعد از منوی Select زیرمنوی Same و بعد از زیرمنوی آن گزینه Fill Color را کلیک می کنیم تا تمامی نقاط سفید رنگ وکتور ما انتخاب شوند و حال دکمه Delete کیبورد را زده تا این نقاط سفید اضافی حذف شوند .

7. اکنون رنگ دلخواه را به طرح برداری خود می دهیم:

وب سایت توسینسو

عالیه زاری
عالیه زاری

کارشناسی ارشد مهندسی نرم افزار تجربه پیاده سازی مجازی سازی سرور و دسکتاپ در محیط عملیاتی

نظرات