چگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!
آموزشچگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!

در این آموزش با هم یاد می‌گیریم که چطور چند آیکون خطی ساده با رنگ‌های محدود درست کنیم.

مرحله‌ی اول

برای شروع کار اول یک فایل جدید ایجاد کنید و با استفاده از ابزار Pen کار را شروع نمایید. اولین شکلی که طراحی می‌کنیم یک الماس است. ابتدا یک خط افقی بکشید. در ادامه یک خط کوچکتر با زاویه‌ی 45 درجه بکشید، سپس با همان زاویه آن را به سمت پایین جایی که مرکز خط اول قرار دارد بکشد. همین کار را برای طرف دیگر هم انجام دهید (برای اینکه زاویه دقیق باشد در هنگام کشیدن خط‌ها کلید Shift را نگه دارید.

آموزش ایلوستریتور – آیکون خطی

مرحله‌ی دوم

در مرحله‌ی دوم با کشیدن یک خط افقی، قسمت بالایی الماس را جدا کنید، سپس با کشیدن دو خط زاویه دار الماس را به سه قسمت تقسیم کنید. آنها را در یک گروه قرار دهید و ضخامت خط ها را به 3pts تغییر دهید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی سوم

آیکون بعدی که طراحی می‌کنیم یک چتر است. با استفاده از ابزار Ellipse یک دایره بکشید، سپس با استفاده از ابزار Selection دایره‌ی کوچک کنار شکل را انتخاب کنید و با حرکت دادن آن دایره‌ی اصلی را نصف کنید. بعد از نصف کردن دایره، پنج دایره‌ی کوچک روی ضلع پایینی نیم دایره بکشید. با استفاده از ابزار Shape Builder و نگه داشتن کلید Alt قسمت‌های پایینی شکل را حذف کنید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی چهارم

با استفاده از ابزار Pen خط‌های منحنی روی چتر را بکشید، سپس با استفاده از Line Segment یک خط کوچک در بالا و یک خط بلند در پایین چتر برای دسته بکشید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی پنجم

برای درست کردن منحنی پایین دسته‌ی چتر با استفاده از ابزار Ellipse یک دایره بکشید. و با استفاده از ابزار Direct Selection نقطه‌ی بالایی دایره را انتخاب کنید و از را حذف کنید. سپس تمام اجزای چتر را در یک گروه قرار دهید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی ششم

برای درست کردن آیکون مدرک با کشیدن یک مستطیل شروع می‌کنیم. با استفاده از ابزار Pen یک مثلث کوچک در پایین سمت چپ مستطیل بکشید. برای درست کردن شکل مهر یک دایره‌ی کوچک داخل مستطیل بکشید و با استفاده از افکت Zig zag آن را به شکل یک مهر دربیاورید.(Effect > Distort & Transform > Zig Zag) چند خط افقی به جای نوشته‌ها درست کنید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی هفتم

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

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی هشتم

یک دایره‌ی کوچکتر بکشید و مانند دایره‌ی قبلی یک برش روی آن ایجاد کنید، برای قسمت بریده شده هم همین کار را انجام دهید. تعدادی دایره‌ی کوچک ایجاد کنید، همه اجزای آیکون پیتزا را در یک گروه قرار دهید و با استفاده از ابزار Shape Builder و نگه داشتن کلید Alt قسمت های بیرون زده را حذف کنید.

 آموزش ایلوستریتور – آیکون خطی

درست کردن آیکن‌های رنگی

مرحله‌ی اول

برای درست کردن آیکون‌های رنگی ابتدا رنگ‌های مورد نظر را انتخاب کنید. حالا نوبت درست کردن آیکون مداد است، ابتدا یک مستطیل بکشید و با استفاده از ابزار Add Anchor Point در وسط ضلع بالایی مستطیل یک Anchor point ایجاد کرده و با ابزار Direct Selection آن را به سمت بالا بکشید تا به شکل نوک تیز در بیاید. حالا با همان ابزار قبلی تو زاویه‌ی پایینی را انتخاب کرده و با کشیدن دایره‌های کوچک ایجاد شده به سمت وسط مستطیل، قسمت پایینی را به شکل منحنی دربیاورید تا شکل ایجاد شده شبیه به مداد شود. حالا چند خط عمودی و افقی روی شکل اصلی مداد برای ایجاد جزئیات بیشتر بکشید.

شکل اصلی را انتخاب کنید، در قسمت Fill رنگ مورد نظر را قرار دهید وStroke را در حالت بی رنگ بگذارید. دقت کنید که خط‌هایی که برای جزئیات مداد کشیدید از قسمت اصلی بیرون زده باشند و مود آنها را در قسمت Transparency در حال Multiply قرار دهید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی دوم

برای درست کردن سطل رنگ ابتدا یک مربع بکشید، سپس دو منحنی در بالا و پایین مربع قرار دهید. با استفاده از ابزار Add Anchor point در وسط ظلع بالایی مربع یک Anchor point ایجاد کنید، حالا با استفاده از Direct selection آن را انتخاب کنید و پاک کنید. منحنی و قسمت پایین مربع را انتخاب کنید و در پنل pathfinder کلید Unite را فشار دهید. حالا یک منحنی کوچکتر درست کنید و در قسمت Fill رنگ را تغییر دهید و قسمت Stroke را در حالت بی رنگ قرار دهید. برای کشیدن دسته‌ی سطل با استفاده از ابزار Pen یک خط گرد بکشید که و با استفاده از دو منحنی کوچکتر برای اتصال دسته به سطل استفاده کنید. یک منحنی پایین تر از دسته با رنگ بدنه ایجاد کنید . همه‌ی اجزا را در یک گروه قرار دهید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی سوم

حالا نوبت کشیدن قلمو رسیده، برای شروع از دو مستطیل عمودی و افقی شروع می‌کنیم. قسمت پایینی مستطیل عمود را گرد می‌کنیم و یک منحنی کوچک داخل آن قرار می‌دهیم تا شکل دسته‌ی قلم کامل شود. یک مستطیل با عرض کم روی مستطیل افقی بکشید، حالا تعدادی مستطیل عمودی برای موهای قلم بکشید و بالای آنها را گرد کنید. برای نشان دادن رنگ روی قلم یک شکل با ابزار دلخواه خود ( اینجا از ابزار Pencil استفاده شده ) بکشید، رنگ آنرا تغییر دهید و در حالت Multiply قرار دهید.

 آموزش ایلوستریتور – آیکون خطی

اضافه کردن رنگ به آیکون‌های قبلی

مرحله‌ی اول

اگر بخواهیم به چتری که قبلا درست کردیم کمی جزئیات اضافه کنیم، ابر و قطرات باران گزینه‌های خوبی هستند. قطره‌های باران دایره‌هایی هستند که Anchor point بالایی آنها به سمت بالا کشیده شده و ابرها را می توان با استفاده از دایره‌هایی که با استفاده از Unite با هم مخلوط شده‌اند درست کرد. در انتخاب رنگ دقت کنید و آنها را در حالت Multiply قرار دهید.

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی دوم

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

 آموزش ایلوستریتور – آیکون خطی

مرحله‌ی دوم

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

 آموزش ایلوستریتور – آیکون خطی

نتیجه‌ی نهایی

خب، حالا شما تعدادی آیکون خطی با رنگ‌های محدود درست کردید. با همین روش شما می‌توانید آیکون‌های زیادی از اجسامی که در اطرافتان هستند درست کنید، دقت داشته باشید که استفاده‌ی درست از رنگ‌ها و ساده نگه داشتن طرح یک نکته‌ی مهم برای این طراحی محسوب می‌‍شود.

 آموزش ایلوستریتور – آیکون خطی

منابع:

www.tutpad.com

23 مرداد 97تلگرامتوئیتر
مطالب بیشتر
arrow up