دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۴
  • تیر

آموزش ساخت آیکون آب و هوا نقاشی شده در Illustrator

  • دسته‌بندی‌ها :
آموزش ساخت آیکون آب و هوا نقاشی شده در Illustrator
    • جزئیات
    • نوع محتواآموزش تصویری

      با عرض سلام خدمت کاربران محترم سایت پی وی لرن. در این پست قصد داریم تا نحوه ساخت آیکون آب و هوا در نرم افزار illustrator به سبک نقاشی شده (Sketchy)  از بخش ساخت آیکون در illustrator را به شما آموزش دهیم.

      همچنین می توانید برای نصب و آموزش نرم افزار Illustrator به پست های آموزش نصب این نرم افزار و ساخت اولین پروژه در Illustrator مراجعه نمایید.

      در ابتدا ما در iluustartor یک پس زمینه با پنل Apprearance ایجاد می کنیم.
      سپس به شما نشان خواهیم داد تا چگونه نماد های آب و هوا و یک کاغذ یادداشت با گیره کاغذ را بسازید.

       

      مرحله ۱

      اول از همه باید پس زمینه را رسم کنیم. ما با کمک پنل Apprearance آن را انجام خواهیم داد.
      اندازه سند جدید من (New Document) 600 در ۴۰۰ می باشد.
      حال دو رنگ جدید را به پنل Swatches اضافه کنید. از پنل Color برای تنظیم رنگ جدید استفاده کنید.
      سپس این رنگ را به پنل Swatches بکشید و رها کنید. (drag and drop).
      ما این رنگ ها را برای پس زمینه احتیاج داریم.

      جعبه رنگ - ساخت آیکون آب و هوا در نرم افزار illustrator

      جعبه رنگ – ساخت آیکون آب و هوا در نرم افزار illustrator

      ابزار Rectangle را گرفته (M) و یک مستطیل با ابعاد مشابه در Artboard ترسیم کنید.
      همانطور که در تصویر نشان داده شده آن را با Gradient پر کنید.
      draw rectangle
      حالا این مستطیل را انتخاب کرده و به پنل Apprearance بروید.
      روی آیکون بگوشه بالا سمت راست چپ کلیک کرده و گزینه Add New Fill را انتخاب نمایید.
      add new fill illustrator
      حال شما دو Fill دارید. همانطور که در تصویر نشان داده شده است، پایینی را انتخاب کرده و رنگ جدیدی برایش تنظیم کنید.
      fill color
      سپس Fill بالایی را انتخاب کرده و روی مثلث کوچک کنار عنوان Fill کلیک کنید تا Prpperties ظاهر شود.
      روی Opacity کلیک کنید و Multiply را به عنوان حالت Blending انتخاب کنید.
      blending mode

      مرحله ۲

      یک بافت ایجاد کنید. شما باید Fill جدیدی را ایجاد کنید.

      texture

      سپس یک رنگ تاریک تر برای این Fill انتخاب کنید.

      darker color

      به Effect > Stylize > Scribble بروید.

      Scribble

      بافت را پس از effect می گیرید. آن را به Soft Light حالت Blending تنظیم کنید و Opacity را به ۳۰% برسانید تا بافت نرم تر به نظر برسد.

      light soft

       

      مرحله ۳

      بیاید یک برش را در پس زمینه ایجاد کنیم. Ellipse Tool (L) را انتخاب کنید و یک بیضی با پر کردن شی شعاعی بکشید.

      ecllipse tool

      با استفاده از Free Transform Tool (E) این بیضی را مسطح کنید.

      flatten ellipse

      سپس از Line Segment Tool (/) برای رسم یک خط استفاده کنید.
      با کمک  help of the Pathifinder panel همه را انتخاب و کات کنید.
      درنهایت بخش پایینی بیضی را حذف کنید.

      line segment tool

      بخش بالایی بیضی را انتخاب کرده و بالای پس زمینه قرار دهید.
      Transparency panel را به حالت Multiply مد Blending تغییر دهید. بعد از آن شما می توانید یک کپی از برش ایجاد کنید.

      transparency panel

       

      مرحله ۴

      پس زمینه ما آماده است. میتوانید لایه جدیدی اضافه کرده و کشیدن کاغذ یادداشت را ادامه دهید.
      Rectangle Tool (M) را انتخاب کرده و یک مربع بکشید. همانطور که در تصویر پایین نشان داده شده است آن را با کمک گرادیانت پر کنید.
      سپس Convert Anchor Point Tool (shift + c) را انتخاب کرده و کمی به سمت گوشه راست پایین بکشید.
      ما یک گوشه گرد بدست آوردیم. سپس یک کپی از این مربع را با استفاده از ctrl + c در حافظه داشته باشید. این کپی برای سایه لازم است.

      square

      از Direct Selection Tool (A) برای حرکت به گوشه های پایین استفاده کنید.
      حال با استفاده از ctrl + B یک کپی از مربع اصلی ایجاد کنید. من اینو با رنگ سیاه پر می کنم تا روشن تر به نظر بیاد.

      direct selection tool

      مرحله ۵

      حال یک سایه ایجاد می کنیم. شکل سیاه رنگ را انتخاب کرده و دابل کلیک کنید تا حالت Isolation فعال شود. (برای بازگشت به حالت قبل بر روحی نواحی خالی دابل کلیک کنید)
      این شکا را با کمک Liner Gradient پر کنید و  حالت Blending را به Multiply تنظیم کنید و Opacity را بخ ۵۰% برسانید.

      create a shadow

       

      مرحله ۶

      کاغذ یادداشت سایه دار را در بالای پس زمینه قرار دهید. کاغذ دوم یک کپی از اولی هست.

      note papaer

       

      مرحله ۷

      شکل گیره کاغذ را رسم کنید. از Pen Tool (P) برای این کار استفاده کنید.

      Pen Tool

       

      مرحله ۸

      کمی به جزئیات اضافه می کنیم.
      پنل Stroke را باز کنید و Stroke Weight را به ۸pt با caps گرد تنظیم کنید. بعد به Stroke یک رنگ خاکستری دهید.

      Stroke panel

      از کلید های ctrl + c  و ctrl + f برای ایجاد یک کپی در مکان فعلی استفاده کنید. Stroke Weight را به ۵pt و یک رنگ روشن تر تنظیم کنید.

      stroke weight

      یک کپی دیگر ایجاد کنید. Stroke Wweight را به ۳pt و رنگ آن را به سفید تنظیم کنید.

      white clip

      همه را انتخاب کنید و به Object > Expand برای گرفتن شکل ها به جای stroke ها بروید.

      get shapes

      مرحله ۹

      حال شکل سفید بالا گیره کاغذ را انتخاب کنید. ctrl + c و ctrl + f فشار دهید تا یک کپی ایجاد شود. سپس کمی به سمت راست حرکت بدید.

      white shape

      هر دو شکل سفید بالا را انتخاب کنید و دستور Minus Font پنل Pathfinder را استفاده کنید.

       

      pathfinder panel

      مرحله ۱۰

      گیره ما آماده است. می توانیم آن را بالای کاغذ یادداشت قرار دهیم.
      حال باید گیره را کات کنید. گیره را انتخاب کرده و از Knife Tool استفاده کنید. قسمت بالا را کات کنید.

      knife tool

       

      بخشی از گیره کاغذ را مانند تصویر زیر انتخاب کنید. راست کلیک کنید و Arrange > Send to Back را انتخاب کنید.

      arrage

      الان گیره کاغذمون بهتر به نظر میرسه.

      paper clip

      همچنین می توانید سایه ایجاد کنید.
      یک کپی از گیره کاغذ تهیه کنید. سایه را با سیاه پر کنید و Opacity را به ۱۵% برسانید.
      باید بخش بالایی گیره را جدا کرده و کمی به سمت راست منتقل کنیم.

      shadow of paper clip

       

      مرحله ۱۱

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

      second paper

       

      مرحله ۱۲

      شروع به کشیدن سمبل های آب و هوا می کنیم. از دایره های متعدد برای کشیدن ابر استفاده می کنیم.
      با کمک پنل Pathfinder تمام شکل ها را یکی کنید.

      drawing cloud

       

      مرحله ۱۳

      حال لازم است تا یک بافت ایجاد کنیم. آن را با استفاده از Blob Brush Tool ترسیم کنید.

      blob brush tool

      سه کپی از این ایجاد کنید.
      حالت Blending را به Multiply در پنل Transparency تغییر دهید.

      illustrator

       

      مرحله ۱۴

      شکل ابر را بالای بافت قرار دهید و همه را انتخاب کنید.
      به Object > Clipping Mask > Make بروید.

      rainy cloudy

      مرحله ۱۵

      می خواهیم قطرات باران را بکشیم.
      یک بیضی ایجاد کنید. Convert Anchor Point Tool (shift + c) را انتخاب کنید و روی نقطه بالایی بیضی کلیک کنید.
      یک زاویه حاد بدست می آورید.

      draw rain

      از Direct Selection Tool برای کشیدن نقطه به سمت بالا استفاده کنید.

      rain drop

       

      مرحله ۱۶

      چندین کپی از قطره تهیه کنید. سپس باید مسیر بارش را تعیین کنید.
      همه را انتخاب کنید و به Object > Compound Path > Make بروید. این کار برای Clipping Mask در مرحله بعد لازم است.

      Clipping Mask

       

      مرحله ۱۷

      حالا باید بافت را به قطرات باران به کمک Clipping Mask در مرحله ۱۴ اضافه کنید.

      rain texture

      حال باید باران را به کاغذ یادداشت اضافه کنیم.

      add rain

       

      مرحله ۱۸

      میخواهیم شکل خورشید را بکشیم.

      Polygon Tool را انتخاب کرده و در هر جایی که می خواهید کلیک چپ کنید.
      سه ضلع تشکیل دهید و بعد دکمه ok را بزنید تا مثلث تشکیل شود. سپس آن را بکشید.

      make triangle

      مانند تصویر زیر یک دایره رسم کنید.

      makr sun in illustrator

      مثلث را انتخاب کنید. Rotate Tool را انتخاب کرده و کلید Alt را فشار دهید.
      سپس روی مرکز دایره چپ کلیک کنید تا پنل Rotate طاهر شود.
      زاوی ۴۵ درجه را تنظیم کنید و دکمه Copy را فشار دهید.

      Rotate panel

      سپس ctrl + D چندین بار فشار دهید. در آخر همه را انتخاب کرده و از دستور Unite برای ادغام بخش ها به یک شکل استفاده کنید.

      merge shapes

       

      مرحله ۱۹

      حال میتوانیم با کمک Clipping Mask بافت را به خورشید اضافه کنیم. (باید با رنگ نارنجی پر شود)

      Orange sun illustrator

      خورشید را در کاغذ یادداشت دوم قرار دهید.

      sun and rain

       

      مرحله ۲۰

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

      transparent color

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

      cloud texture illustrator

      ابر هنوز شفافه. شکا ابر را مانند تصویر انتخاب کنید.
      این شکل پایه Clipping Mask می باشد.

      base of clipping mask

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

      blue light cloud

      آیکون های آب و هوا آماده هستند.

       

      مرحله ۲۱

      می خواهیم متن را ایجاد کنیم.
      این کار در لایه جدیدی انجام خواهد شد.
      “MONDAY” را باستفاده از Type Tool بنویسید.

      monday

      راست کلیک کنید و گزینه Create Outlines را برای انتقال متن به شکل ها انتخاب کنید

      text into shapes

      یک مستطیل زیر متن ایجاد کنید.
      همه را انتخاب کرده و از دستور Minus Front پنل Pathfinder استفاده کنید.
      متن ناپدید می شود و یک شکل جدید به دست می آید.

      create shape from text

      مستطیل را انتخاب کرده و به Effect > Stylize > Drop Shadow بروید. تنظیمات را مانند تصویر زیر اعمال کنید.

      set properties

      حال ctrl + F را فشار دهید تا متن در همان مکان ایجاد شود.
      سپس باید یک Compound Path مانند مرحله ۱۶ ایجاد کنید.
      متن را انتخاب کرده و به Object > Compound Path > Make بروید.
      حال می توانید Clipping Mask را ایجاد کنید. همه را انتخاب کرده و دوباره همان کار خط بالا را انجام دهید.

      compound path

      دوباره ctrl + ّF را فشار دهید تا یک کپی دیگر ایجاد شود.
      Opacity را یه ۱۵% برسانید. و بعد ctrl + G را بزنید.

      set opacity

      مرحله ۲۲

      متن “TUESDAY” را با استفاده از تکنیک مشابه ایجاد کنید.

      tuesday

       

      مرحله ۲۳

      حال می خواهیم درجه دما را اضافه کنیم.

      دایره کوچکی ایجاد کرده و آن را به پنل Brushes اضافه کنید.

      temprature

      تنظیمات را مانند تصویر زیر اعمال کنید.

      scatter brush

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

      draw a zigzag

      این خط رانتخاب کرده و Scatter Brush را که درست کریدم کلیک کنید.
      فراموش نکنید که بعد از آن ObJect > Expand Appearance را انتخاب کنید.

      expand appearance

      ما یک خط شامل دایره های زیاد بدست آوردیم. من زوم می کنم تا به وضوح ببینید.
      Opacity را به ۵۰% برای این شکل ها برسانید. سپس راست کلیک کرده و Transform > Rotate را انتخاب کنیم.
      زاویه ۱۸۰ درجه را انتخاب کرده ودکمه Copy را نتخاب می کنیم.

      line of many circles

       

      سپس دوباره راست کلیک کرده و Transform > Reflectرا انتخاب کنید.
      تنظیمات را مانند تصویر زیر انجام داده و ctrl + G را فشار دهید.

      Transform Reflect

      حالا ما اساس لازم برای یک Art Brush جدید را داریم.
      آن را به سمت  پنل Brushes بکشید و رها کنید. Art Brush را انتخاب کنید.

      Art Brush

      تنظیمات را مانند تصویر زیر انجام دهید.

      Colorziation Method

       

      مرحله ۲۴

      pencil Tool را انتخاب کرده و +۱۸ و +۲۳ را رسم کنید.
      سپس این اشکال را انتخاب کرده و Art Brush را که درست کردیم کلیک کنید.

      pecil tool illustrator

       

      مرحله ۲۵

      درجه ها را در کاغذ قرار دهید.

       

      بسیار خوب.

      جلسه آموزش ساخت آیکون در Illustrator نیز به پایان رسید. امیدوارم این آموزش مفید واقع شده باشد.

      QR:  آموزش ساخت آیکون آب و هوا نقاشی شده در Illustrator
      به اشتراک بگذارید