آموزش Photoshop : طراحی آیکن پوشه

دسته بندی :گرافیک دو بعدی 1893

آموزش Photoshop : طراحی آیکن پوشه

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

با ” آموزش Photoshop : طراحی آیکن پوشه ” با ما همراه باشید…

  • سطح سختی: مبتدی
  • مدت آموزش: 20 تا 30 دقیقه
  • نرم افزار استفاده شده: Adobe Photoshop

گام اول

فتوشاپ رو باز می کنیم. Ctrl+N رو می زنیم و یک سند جدید درست می کنیم. تنظیمات زیر رو براش در نظر گرفته و Ok می زنیم.وارد مسیر View > Show > Grid و View > Snap to > Grid میشیم. عدد 5 پیکسل رو براش در نظر می گیریم. وارد مسیر Edit > Preferences > Guides, Grid & Slices میشیم. عدد 5 رو برای Gridline Every و عدد 1 رو برای Subdivision در نظر می گیریم. کد رنگی #a7a7a7 رو برای Color در نظر می گیریم و Ok می زنیم.

آموزش Photoshop : طراحی آیکن پوشه

گام دوم

کد رنگی #c69c6d رو برای Foreground در نظر می گیریم. ابزار Rounded Rectangle رو بر می داریم. میریم سراغ نوار امکانات و Radius رو روی 5 پیکسل قرار میدیم. یک شکل 105 در 15 پیکسل رسم می کنیم. روی دکمه Add کلیک کرده و یک مستطیل دیگه به ابعاد 40 در 20 پیکسل رسم کرده و اون رو در محلی که می بینین قرار میدیم.

آموزش Photoshop : طراحی آیکن پوشه

گام سوم

میریم سراغ پنل Layers و اسم شکل رو میزاریم Back. روی اون دابل کلیک کرده و Layer Style های زیر رو روی اون اعمال می کنیم.

آموزش Photoshop : طراحی آیکن پوشه

آموزش Photoshop : طراحی آیکن پوشه

آموزش Photoshop : طراحی آیکن پوشه

گام چهارم

کد رنگی #c69c6d رو برای Foreground در نظر می گیریم. ابزار Rounded Rectangle رو بر می داریم و یک شکل 115 در 75 پیکسل رسم کرده و اون رو در محلی که می بینین قرار میدیم. وارد مسیر Edit > Transform > Warp میشیم. میریم سراغ نوار امکانات و Bulge رو از منوی Warp انتخاب می کنیم. دکمه Orientation رو تیک زده و عدد 5 رو براش در نظر می گیریم. Vertical Distortion رو روی 3- درصد قرار داده و Enter می زنیم.

میریم سراغ پنل Layers و عنوان Front رو براش در نظر می گیریم.

آموزش Photoshop : طراحی آیکن پوشه

گام پنجم

پنجره Layer Style رو برای شکل Front باز می کنیم. تنظیماتی که می بینین رو وارد کرده و Pattern Overlay رو اعمال می کنیم.

آموزش Photoshop : طراحی آیکن پوشه

آموزش Photoshop : طراحی آیکن پوشه

آموزش Photoshop : طراحی آیکن پوشه

آموزش Photoshop : طراحی آیکن پوشه

گام ششم

رنگ مشکی رو برای Foreground در نظر می گیریم. ابزار Ellipse رو برداشته و یک شکل  در  پیکسل رسم می کنیم. اون رو در محلی که می بینین قرار میدیم. روی شکل جدید کلسک راست کرده و Convert to Smart Object رو می زنیم. این شکل جدید رو در عقب قرار میدیم و وارد مسیر Filter > Blur > Gaussian Blur میشیم. Radius رو روی 3 پیکسل قرار داده و Ok می زنیم.


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

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

– صفر تا صد آموزش  فتوشاپ در عکاسی

 جادوی فتوشاپ پک 1

 جادوی فتوشاپ پک 2

– صفر تا صد آموزش دیجیتال پینتینگ – پک 1

– صفر تا صد آموزش دیجیتال پینتینگ – پک 2


گام هفتم

ابزار Ellipse رو بر می داریم. یک بیضی 105 در 10 پیکسل رسم می کنیم و اون رو در محلی که می بینین قرار میدیم. این شکل جدید رو به Smart Object تبدیل کرده و در عقب قرار میدیم. وارد مسیر Filter > Blur > Gaussian Blur میشیم و عدد 3 پیکسل رو برای Radius در نظر گرفته و Ok می زنیم.

گام هشتم

کد رنگی #aecef5 رو برای Foreground در نظر می گیریم. ابزار Rectangle رو برداشته و یک شکل 105 در 70 پیکسل رسم می کنیم. اون رو در محلی که می بینین قرار میدیم. مستطیل آبی رو انتخاب می کنیم. Ctrl+T رو زده و اون رو می چرخونیم. میریم سراغ نوار امکانات و عدد 4- رو برای Angle در نظر گرفته و Enter می زنیم.

میریم سراغ پنل Layers و این شکل جدید رو زیر شکل Front قرار میدیم. پنجره Layer Style رو باز کرده و Stroke رو فعال می کنیم. تنظیمات زیر رو در نظر گرفته و Ok می زنیم. بر می گردیم سراغ پنل Layers و روی شکل آبی کلیک راست می کنیم و Copy Layer Style رو می زنیم.

گام نهم

وارد مسیر Edit > Preferences > Guides, Grid & Slices میشیم. عدد 1 رو برای Gridline Every در نظر می گیریم. ابزار Rectangle رو برداشته و یک شکل 105 در 70 پیکسل رسم می کنیم. اون رو در محلی که می بینین قرار میدیم. Ctrl+T رو زده و Angle رو روی 5- درجه قرار میدیم و Enter می زنیم.

شکل آبی رو زیر شکل Front قرار میدیم. کلیک راست کرده و Paste Layer Style رو می زنیم.

گام دهم

ابزار Rectangle رو بر می داریم. یک شکل 105 در 70 پیکسل رسم می کنیم و اون رو در محلی که می بینین قرار میدیم. Ctrl+T رو می زنیم. Angle رو روی 3 درجه قرار داده و Enter می زنیم.

این شکل رو زیر شکل Front قرار میدیم. کلیک راست کرده و Paste Layer Style رو می زنیم.

گام یازدهم

وارد مسیر View > Show > Grid میشیم. شکل Front رو Duplicate می کنیم. روی نسخه کپی کلیک راست کرده و Clear Layer Style رو می زنیم.

Fill رو روی 0 درصد قرار میدیم. پنجره Layer Style رو باز کرده، تنظیماتی که می بینین رو وارد می کنیم.

گام دوازدهم

میریم سراغ پنل Layers. دکمه Ctrl رو نگه داشته و روی شکل آبی رنگ پایین کلیک می کنیم. Ctrl و Shift رو نگه داشته و روی شکل آبی دیگه کلیک می کنیم. نسخه کپی شده Front رو انتخاب کرده و روی دکمه Add Layer Mask کلیک می کنیم.

پنجره Layer Style رو باز کرده و Layer Mask Hidden Effects رو تیک زده و در نهایت Ctrl+D رو می زنیم.

گام سیزدهم

ابزار Horizontal Type رو بر می داریم و متن مورد نظر رو با فونت Eras Bold ITC تایپ می کنیم. Size رو روی 30 قرار میدیم. Fill رو روی 0 درصد قرار داده و پنجره Layer Style رو باز می کنیم. تنظیماتی که می بینین رو وارد می کنیم.

گام چهاردهم

می تونیم رنگ پوشه رو تغییر بدیم. برای این کار وارد پنل Layers میشیم. شکل رو انتخاب کرده و کد رنگی دیگه ای رو جایگزین می کنیم و تمام!

نتیجه

امیدواریم ” آموزش Photoshop : طراحی آیکن پوشه ”  برای شما مفید بوده باشد…


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

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

– صفر تا صد آموزش  فتوشاپ در عکاسی

 جادوی فتوشاپ پک 1

 جادوی فتوشاپ پک 2

– صفر تا صد آموزش دیجیتال پینتینگ – پک 1

– صفر تا صد آموزش دیجیتال پینتینگ – پک 2


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

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

مطالب مرتبط

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز یا بی ارتباط با موضوع آموزش باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.

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

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

لینک کوتاه: