زمان کنونی: 06-25-2019, 03:22 PM درود مهمان گرامی! (ورودثبت نام)



چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop


ارسال موضوع  ارسال پاسخ 
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
امتیاز موضوع:
 
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop
نویسنده پیام
magbot آفلاین
کاربر خیلی فعال
****

ارسال ها: 30
تاریخ عضویت: Oct 2018
اعتبار: 0
ارسال: #1
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop


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


ابزار مستطیل گرد را استفاده کنید و شکل جدیدی با ابعاد 1736 پیکسل 1736 پیکسل ، شعاع 83 پیکسل ، رنگ # 82d8b5 ایجاد کنید (یا رنگ خود را برای این انتخاب کنید).

flat-icon -tutorial-home-icon-2

با استفاده از ابزار قلم ، چیزی شبیه تصویر زیر را بکشید. از رنگ # a30d00 استفاده کنید. به عنوان پشت بام آیکون «خانه» ماست.

flat-icon -tutorial-home-icon-3

بعد، با استفاده از ابزار قلم ، شکل مستطیلی مانند تصویر زیر بکشید. از رنگ #ffffff استفاده کنید. همچنین، مربع کوچکی را با استفاده از ابزار مستطیل بکشید و آن را # 3498db رنگ کنید.

flat-icon -tutorial-home-icon-4

در مرحله بعد، با استفاده از مستطیل ر، یک مستطیل 248px X 396px را بکشید و با رنگ # fcab3a پر کنید.
تگهای

flat-icon -tutorialhome-icon-5

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

بعد، با استفاده از ابزار قلم ، با رنگ # 000000 پر کنید، یک شکل ایجاد کنید. آن را با لبه سمت راست سقف شروع کنید. (در لبه ای که رنگ قرمز و سفید و قرمز آن تقاطع می شود) نقاشی را به خارج از مستطیل گرد متصل کرده و شکل را در لبه پایین سمت چپ تصویر خانه قرار دهید. شما وارد این مرحله می شوید:

home-icon -7

با استفاده از ابزار سحر و جادو ، تمام لایه مستطیل حاشیه محدود را انتخاب کنید و گزینه را مع***** کنید (می توانید از میانبر CTRL + Shift + I استفاده کنید). با انتخاب (مورچه های راهپیمایی) همچنان بر روی لایه سایه کلیک کنید و حذف را فشار دهید.

home-icon -8



کار شما انجام شد برای ذخیره آن، روی File & gt؛ ذخیره برای وب کلیک کنید (میانبر CTRL + SHIFT + ALT + S است). ذخیره آن به عنوان PNG-24 .
home-icon -13

flat-icon -tutorial-home-icon-1

flat-icon -tutorial-home-icon-2

2. یک مستطیل گرد با ابعاد 929 پیکسل به 929 پیکسل و شعاع 38 پیکسل بردار بکشید. من از رنگ # f5ea74 به صورت یک یادداشت چسبناک استفاده کردم.

post-icon-final-1

3. خط 1px را با رنگ # 5d5608 رسم کنید. محل آن را در بالای یادداشت چسبنده قرار دهید.
post-icon-final-2

4. خطوط 15 پیکسل را به صورت زیر نشان دهید:

post-icon-final-3


post-icon-final-6

post-icon-final-5

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

5. مربع مستطیل را برای نماد یک تصویر در یادداشت چسبنده طراحی کنید.

post-icon-final-7

6. سایه را همانطور که در آموزش آیکون صفحه اصلی انجام دادید، ترسیم کنید.
post-icon-final-9

post-icon-final-8

7. ذخیره آن!

post-icon-final-10


شما می توانید کل بسته را اینجا دانلود کنید.
05-31-2019 12:34 AM
یافتن تمامی ارسال های این کاربر نقل قول این ارسال در یک پاسخ
تبلیغات
MapsaControl.ir

ارسال موضوع  ارسال پاسخ 


پرش به انجمن: