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

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

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

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

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

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

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

  1. طراحی آیکن اسنپ چت

گام اول

وارد لایه Snapchat icon میشیم. یک مستطیل به ابعاد ۲۷ در ۴۳ پیکسل رسم می کنیم. وارد پنل Transform میشیم. عدد ۱۲ پیکسل رو توی فیلد Corner Radius وارد می کنیم.

ابزار Direct Selection رو بر می داریم. نقاط پایین سمت راست و چپ رو انتخاب کرده و اون ها رو به بیرون درگ می کنیم. ابزار Add Anchor Point رو بر می داریم و سه تا نقطه اضافه به پایین اضافه می کنیم. بعد هم اون ها رو جا به جا کرده و Handle ها رو تنظیم می کنیم تا به صورت مواج در بیاد.

دو تا نقطه دیگه به سمت چپ رو راست اضافه می کنیم. برای این کار از ابزار Add Anchor Point استفاده می کنیم. اون ها رو به سمت داخل درگ می کنیم.

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

گام دوم

رنگ خاکستری تیره رو برای شکل در نظر می گیریم. ابزار Pen رو برداشته و دو تا مسیر کوتاه به عنوان دست ها رسم می کنیم. ۴pt Stroke رو روی اون اعمال می کنیم. Round Cap رو از پنل Stroke انتخاب می کنیم. وارد مسیر Object > Expand میشیم.

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

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

گام سوم

لوگو رو داخل شکل آیکن قرار داده و بعد هم اون رو در وسط قرار میدیم. لوگو و شکل آیکن رو با هم به صورت Compound Path یا مسیر مرکب، با هم ادغام می کنیم. آیکن اسنپ چت آماده ست.

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

  1. طراحی آیکن پینترست

گام اول

وارد لایه Pinterest Icon میشیم. ابزار Type رو برداشته و حرف P رو تایپ می کنیم. فونت Magnolia Script رو انتخاب می کنیم. Size رو روی ۶۴ قرار میدیم. این فونت بیشترین شباهت رو به ونت این لوگو داره. وارد مسیر Object > Expand میشیم و متن رو به شکل تبدیل می کنیم.

ابزار Direct Selection رو برداشته و با جا به جا کردن نقاطی که می بینین، اون رو به شکلی که در زیر می بینین، در میاریم.

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

گام دوم

لوگو رو در مرکز شکل قرار میدیم. لوگو و آیکن رو به صورت یک مسیر مرکب با هم ادغام می کنیم. این آیکن هم آماده ست.

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

  1. ذخیره آیکن های شبکه های اجتماعی

گام اول

حالا که تمام آیکن ها رو طراحی کردیم، اون ها رو ذخیره می کنیم.

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


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

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

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

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


گام دوم

برای مثال، آیکن فیسبوک رو انتخاب می کنیم. ابزار Rectangle رو برداشته و یک مربع به ابعاد ۹۸ در ۹۸ پیکسل رسم می کنیم. آیکن و مربع رو انتخاب کرده و روی دکمه های Horizontal Align Center و Vertical Align Center کلیک می کنیم.

مربع رو انتخاب کرده و وارد مسیر Object > Artboards > Convert to Artboards میشیم. بعد هم مسیر File > Export > Save for Web رو دنبال می کنیم. نوع فایل رو از بین PNG و JPEG انتخاب می کنیم. بعد هم Save رو می زنیم.

همین کار رو برای بقیه آیکن ها هم تکرار می کنیم.

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

  1. طراحی آیکن های نوتیفیکیشن

گام اول

ابزار Rectangle رو برداشته و یک مستطیل ۸۰ در ۵۰ پیکسل رسم می کنیم. رنگ قرمز رو بهش اختصاص میدیم.

وارد پنل Transform میشیم. عدد ۱۰ پیکسل رو توی هر چهار فیلد Corner Radius وارد می کنیم تا هر چهار زاویه گرد بشن.

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

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

گام دوم

یک دایره ۱۱ در ۱۱ پیکسل رسم می کنیم. رنگ سفید رو برای Fill در نظر می گیریم. بعد هم یک مستطیل ۱۵.۵ در ۶ پیکسل در زیر اون رسم می کنیم. وارد پنل Transform میشیم و Radius زوایای بالایی رو روی ۴ پیکسل قرار میدیم.

ابزار Type رو برداشته و عدد ۱ یا هر عدد مورد نظر دیگه ای رو تایپ می کنیم. برای این کار از فونت Sniglet استفاده کرده و Size رو روی ۲۷ قرار میدیم. رنگ سفید رو برای Fill در نظر گرفته و Stroke رو هم روی ۰.۷۵ قرار میدیم.

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

گام سوم

یک دایره ۱۴ پیکسلی رسم می کنیم. رنگ سفید رو برای Fill اون در نظر می گیریم. ابزار Direct Selection رو برداشته و نقاط پایینی رو انتخاب کرده و اون ها رو جا به جا می کنیم تا به صورت گلبرگ در بیاد.

وارد پنل Transform میشیم و این شکل رو ۲۰ درجه می چرخونیم. وارد مسیر Object > Transform > Reflect میشیم. Vertical رو تیک زده و روی Copy کلیک می کنیم.

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

در نهایت، یک عدد رو کنار این نماد تایپ می کنیم. برای این کار، از همون فونت و تنظیماتی که قبلا استفاده کردیم، کمک می گیریم.

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

گام چهارم

آیکن نوتیفیکیشن رو بالای سمت راست آیکن های شبکه های اجتماعی قرار میدیم و تمام!

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

نتیجه

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

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


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

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

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

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


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

مطالب مرتبط

0نظرات
دیدگاه خود را بنویسید

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

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

ارسال رایگان تمام محصولات به سراسر کشور! شرایط تا 35 درصد تخفیف ویژه در خرید همزمان چند محصول را حتما ببینید! رد کردن