جستجو
logo

توت‌گپ

0
  • صفحه اصلی
  • مقالات آموزشی
  • گام های آموزش
    • گام اول آموزش فتوشاپ
0
4 سال قبل

ایجاد پس زمینه مدرن با گرادیانت برای وب سایت با فتوشاپ

چگونه می توان با استفاده از فتوشاپ یک تصویر پس زمینه مورب با رنگ های شاد که با استفاده از گرادیانت رنگ دهی می شود را ایجاد کرد؟

در سال ۲۰۱۸ و ۲۰۱۹ شاهد وب سایت هایی هستیم که از تصاویر پس زمینه جذاب مورب با رنگ گرادیانت استفاده می کنند. مانند تصویر زیر:

همانطور که مشاهده می کنید بخش های آبی رنگ با طراحی جذاب به عنوان پس زمینه برای سایت ایجاد شده است.

برای ایجاد چنین تصاویری بهترین نرم افزار Adobe Illustrator است چرا که در ادوب ایلوستریتور براساس گراف ها، منحنی ها و وکتور طراحی انجام می شود این در حالی است که در فتوشاپ براساس پیکسل طرح ها ایجاد می شود.

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

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

برای این کار نیاز به استفاده زا دو ابزار Pen و Gradient داریم از ابزار پن برای ایجاد مسیر مورد نظر و از ابزار گرادیانت برای پر کردن مسیر با رنگ دلخواه استفاده می کنیم.

با استفاده از فتوشاپ و ابزارهای Pen و Gradient تصویری مانند زیر خلق کنید.

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

توجه: نیاز نیست تصویری که ایجاد میکنید دقیقا مشابه تصویر چالش باشد اما سعی کنید تا تصویر نهایی به تصویر چالش نزدیک باشد.
نمایش پاسخ سوال

برای انجام این چالش مطابق با ویدیوی زیر عمل کنید.

نکات آموزشی ایجاد پس زمینه مدرن با گرادیانت برای وب سایت با فتوشاپ

1- برای انتخاب کل تصویر کلیدهای CTRL+A را فشار دهید تا کل ناحیه تصویر انتخاب شود.

2- برای لغو ناحیه انتخاب کلیدهای ترکیبی CTRL+D را فشار دهید.

3- برای باز شدن دیالوگ باکس تنظیمات یک لایه (جهت تغییر پس زمینه، گرادیانت و …) بایستی بر روی لایه در بخش پنل لایه ها دابل کلیک کنید.

4- برای ایجاد Path یا مسیرهای مختلف حتما از بخش پنل مسیرها مطابق ویدیو یک Path جدید ایجاد کنید تا مسیر جدید بر روی مسیر قبلی بازنویسی (Overwrite) نشود.

5- برای مشاهده رنگ های سازگار با هم در ایجاد گرادیانت 2 به وب سایت “تولید کننده گرادیانت 2 وب” مراجعه کنید.

در این وب سایت از بخش بالا سمت چپ بر روی Show All Gradients کلیک کنید تا تمامی گزینه های گرادیانت برای شما باز شود.

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

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

https://dl-tutgap.ir/video/ex/gradient2-modern-curve-background-h733y9pb3483.mp4

برای انجام این چالش باید با مطالب زیر آشنایی داشته باشید:

آموزش فتوشاپ، شروع یادگیری نرم افزار فتوشاپ سری دوم
شاید بپسندید
کاهش حجم تصویر بدون افت کیفیت در فتوشاپ

آموزش کاهش حجم تصویر بدون افت کیفیت در فتوشاپ

آموزش فتوشاپ، شروع یادگیری نرم افزار فتوشاپ سری دوم

آموزش فتوشاپ، شروع یادگیری نرم افزار فتوشاپ سری اول

دیدگاهتان را بنویسید لغو پاسخ

من رباط نیستم *-- بارگیری کد امنیتی --

پست قبلی
ایجاد تصویر شاخص با فتوشاپ و ابزارهای Shape، براش و Text
پست بعدی
حذف پس زمینه با ابزارهای پاک کن Eraser در فتوشاپ

عضویت در خبرنامه توت‌گپ

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

© 2023 توت‌گپ قصد دارد تا با ارائه محتوای آموزشی جامع و جذاب به عنوان یکی از بهترین منابع آموزش آنلاین به علاقه مندان به خصوص در حوزه آموزش طراحی سایت و آموزش برنامه‌نویسی خدمات رسانی کند.