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



  • ۱۹
  • مهر

بخش ۲ : افزودن یک Color Overlay در فتوشاپ

  • دسته‌بندی‌ها :
بخش ۲ : افزودن یک Color Overlay در فتوشاپ
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با سلام و روز بخیر به کاربران عزیز سایت پی وی لرن و طراحان و گرافیک کاران و کلیه هنرمندان و هنر دوستانی که با نرم افزار قدرتمند فتوشاپ کار می کنند.
      اگر اندکی با این نرم افزار فوق العاده شرکت ادوبی کار کرده باشید می دانید که شگفتی های این نرم افزار چقدر قابل اتکا و چقدر قابل تحسین اند.
      دوره آموزش پروژه محور فتوشاپ (۳) نیز به همین منظور برای علاقمندان و طراحان، چه مبتدی و چه حرفه ای تهیه و تدوین شده است.
      در بخش قبل موفق شدیم که یک تصویر افزودیم و لبه های آن را به صورت هنرمندانه ای محو کردیم.
      ما این کار به سادگی فقط و فقط با با کپی کردن لایه بکگراند خود و نیز ایجاد یک لایه ماسک انجام دادیم.
      در ادامه این آموزش با ” افزودن یک Color Overlay در فتوشاپ ” در نهایت تصویر خود را با حاشیه های هنری ایجاد می نماییم.

      افزودن یک Color Overlay در فتوشاپ

      در بخش قبلی کار ما به تصویر زیر کشید:

      حاشیه های محو شده تصویر ( رنگ کردن گوشه های عکس در فتوشاپ )

      حاشیه های محو شده تصویر ( افزودن یک Color Overlay در فتوشاپ )

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

      کپی کردن لایه

      اکنون که اثر اولیه لبه های پاره شده ما کامل شده است ، باید یک نسخه از آنچه انجام داده ایم تهیه کنیم.
      خیلی زود به این لایه کپی نیاز پیدا خواهیم کرد.
      برای این کار (Ctrl + J (Win) / Command + J (Mac را روی صفحه کلید خود فشار دهید .
      این امر موجب می شود که لایه به سرعت کپی شود:

      ایجاد یک کپی از لایه یک ( افزودن یک Color Overlay در فتوشاپ )

      ایجاد یک کپی از لایه یک ( افزودن یک Color Overlay در فتوشاپ )

      مخفی کردن لایه بالایی

      ما دیگر به نسخه ای که همین الان ساخته ایم نیاز نداریم.
      بنابراین اجازه دهید به طور موقت آن را از مشاهده در سند مخفی کنیم.
      بعداً مجدداً به سراغ آن خواهیم آمد.
      برای انجام این کار ، بر روی آیکون چشم (visibility icon) در لایه بالایی کلیک کنید:

      مخفی کردن لایه تازه ساخته شده ( افزودن یک Color Overlay در فتوشاپ )

      مخفی کردن لایه تازه ساخته شده ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب Layer 1

      اکنون که لایه بالایی را خاموش کرده ایم ، با کلیک کردن روی آن در پنل لایه ها، Layer 1 را دوباره انتخاب کنید:

      انتخاب مجدد layer 1 در پنل لایه ها ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب مجدد layer 1 در پنل لایه ها ( افزودن یک Color Overlay در فتوشاپ )

      افزودن یک Color Overlay

      در این مرحله قرار است یک یک Color Overlay را بی افزاییم.
      این کار خیلی ساده است.
      برای افزودن افزودن یک Color Overlay کافی است بر روی آیکون Layer Styles (نماد fx) در پایین پنل لایه ها کلیک کنید:

      آیکون add layer style در فتوشاپ ( افزودن یک Color Overlay در فتوشاپ )

      آیکون add layer style در فتوشاپ ( افزودن یک Color Overlay در فتوشاپ )

      ما قرار است بک افکت به لایه اضافه کنیم.
      اولین افکتی که اضافه خواهیم کرد Color Overlay است.
      Color Overlay افکتی است که محتوای لایه را با یک رنگ جامد پر می کند.
      شما می توانید Color Overlay را از لیست استایل های لایه ای که ظاهر می شود انتخاب کنید:

      انتخاب color overlay از میان سایر استایل ها ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب color overlay از میان سایر استایل ها ( افزودن یک Color Overlay در فتوشاپ )

      کادر Layer Style

      وقتی گزینه Color Overlay را انتخاب نمایید کادر Layer Style برای شما باز خواهد شد.
      کادر Layer Style دارای یک سری گزینه های مختلف است.
      گزینه Color Overlay در میان این گزینه های Layer Style قابل یافتن است.
      در همین کادر بر روی  color swatch که در سمت راست Blend Mode قرار دارد کلیک کنید.
      ( ناحیه ای که با دایره قرمز مشخص شده است. )

      کلیک بر روی color swatch در کادر Layer Styles ( افزودن یک Color Overlay در فتوشاپ )

      کلیک بر روی color swatch در کادر Layer Styles ( افزودن یک Color Overlay در فتوشاپ )

      کادر Color Picker

      بر کلیک بر color swatch یک کادر جدید باز می شود.
      این کادر کادر Color Picker است.
      کادر Color Picker به شما امکان انتخاب رنگ را می دهد.
      من ترجیح می دهم که از این کادر یک رنگ خاکستری روشن را انتخاب نمایم.
      اما اگر شما می خواهید دقیقاً همین رنگ خاکستری روشنی را که من انتخاب کرده ام را انتخاب نمایید به ترتیب زیر عمل نمایید.
      (H (Hue را بر روی مقدار ۰ درجه تنظیم نمایید.
      (S (Saturation را نیز بر روی مقدار ۰ درصد تنظیم نمایید.
      در نهایت نیز (B (Brightness را بر روی ۹۰ درصد تنظیم نمایید.

      انتخاب رنگ خاکستری روشن در color picker ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب رنگ خاکستری روشن در color picker ( افزودن یک Color Overlay در فتوشاپ )

      عدم بستن کادر Layer Style

      بعد از تنظیم هر یک از موارد یاد شده با اندازه هایی که توصیه کرده ایم؛ بهتر است کادر را ببندید.
      برای بستن کادر بر روی دکمه OK کلیک کنید.
      با کلیک بر این دکمه کادر Color Picker بسته شده و تنظیمات آن ذخیره می شود.
      صبر کنید! … کادر Layer Style را نبندید!
      ما هنوز با کادر Layer Style کار داریم.
      هنوز دو افکت دیگر وجود دارند که لازم است آن ها را در کادر Layer Style اضافه نماییم.
      اما در خصوص تصویر ما.
      هم اکنون تصویر ما باید در سند با رنگ خاکستری روشنی که که در کادر Color Picker انتخاب کرده ایم پوشانده شده است.
      اما فایده وجود این رنگ خاکستری چیست؟
      این رنگ خاکستری به عنوان صفحه ای در پشت تصویر عمل خواهد کرد.
      هنوز هم به دلیل وجود این رنگ برایتان مفهومی ندارد؟
      اشکالی ندارد؛ در ادامه کار که به نقاشی لبه های تصویر می پردازیم به دلیل اهمیت وجود این رنگ پی خواهید برد:

      افکت color overlay اعمال شده بر تصویر ( افزودن یک Color Overlay در فتوشاپ )

      افکت color overlay اعمال شده بر تصویر ( افزودن یک Color Overlay در فتوشاپ )

      افزودن یک Inner Glow

      با باز شدن کادر Layer Style ، بر روی Inner Glow که در لیست استایل های لایه در سمت چپ قرار دارد کلیک کنید.
      دقت کنید که فقط بر روی عبارت Inner Glow کلیک کرده باشید و نه چک باکس آن.
      در غیر این صورت فقط Inner Glow را روشن می کنید اما به گزینه های آن دسترسی نخواهید داشت:

      انتخاب inner glow ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب inner glow ( افزودن یک Color Overlay در فتوشاپ )

      می توانید ببینید که ستون میانی کادر Layer Style از گزینه های Color Overlay به گزینه های Inner Glow تغییر می کند.
      حتی اگر نام اثر Inner Glow باشد ، ما در واقع قصد داریم از آن به عنوان سایه ای استفاده کنیم تا لبه های اطراف تصویر تیره شود.
      برای تغییر آن از glow به یک shadow، ابتدا گزینه Blend Mode را در بالای صفحه از Screen به Multiply تغییر دهید.
      سپس بر روی color swatch کلیک کنید تا رنگ آن تغییر یابد:

      گزینه inner glow ( افزودن یک Color Overlay در فتوشاپ )

      گزینه inner glow ( افزودن یک Color Overlay در فتوشاپ )

      هنگامی که Color Picker باز شد ، رنگ سیاه را انتخاب کنید ، سپس بر روی OK کلیک کنید تا از آن خارج شوید:

      انتخاب رنگ سیاه از Color Picker ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب رنگ سیاه از Color Picker ( افزودن یک Color Overlay در فتوشاپ )

      حالا لازم است که مجدداً به کادر Layer Style برگردید و میزان Opacity را به ۱۰٪ کاهش دهید.
      در گام بعدی باید مقدار Size را حدود ۲۴ px تنظیم کنید تا برای تاریک کردن لبه ها کافی باشد.

      تنظیم مقدار opacity و size در inner glow ( افزودن یک Color Overlay در فتوشاپ )

      تنظیم مقدار opacity و size در inner glow ( افزودن یک Color Overlay در فتوشاپ )

      اعمال شدن افکت های Color Overlay و Inner Glow

      همچنان کادر Layer Style را باز نگه دارید.
      هنوز یک افکت دیگر باقی مانده است که باید در کادر Layer Style اضافه شود.
      در ادامه می توانید ببینید که افکت های Color Overlay و Inner Glow بر تصویر من اعمال شده اند:

      افکت inner glow بر تصویر اعمال شده است inner glow ( افزودن یک Color Overlay در فتوشاپ )

      افکت inner glow بر تصویر اعمال شده است inner glow ( افزودن یک Color Overlay در فتوشاپ )

      افزودن یک Drop Shadow

      در این مرحله می خواهیم یک افکت دیگر اضافه کنیم.
      در واقع ما قصد ما داریم که به پشت تصویر یک سایه اضافه نماییم.
      برای این کار بهترین راه استفاده از افکت Drop Shadow است.
      برای استفاده از Drop Shadow کافی است که بر روی عبارت Drop Shadow در کادر Layer Style کلیک کنید.
      یک بار دیگر مطمئن شوید که بر روی عبارت Drop Shadow کلیک می کنید و نه چک باکس آن.
      اگر بر روی چک باکس این افکت کلیک کنید به گزینه های Drop Shadow دسترسی نخواهید داشت:

      انتخاب Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      در حالی که Drop Shadow در حالت انتخاب است مقدار Opacity سایه را تا حدود ۳۰٪ پایین بیاورید تا نسبتاً ظریف باشد، سپس Angle را تا حدود ۱۳۵ درجه تغییر دهید.
      در آخر هم Distance و Size سایه را در حدود ۱۰ پیکسل تنظیم نمایید:

      تنظیمات Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      تنظیمات Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      پایان کار با افکت ها

      خب تبریک می گویم حالا همه افکت هایی که به آن احتیاج داریم را افزوده ایم.
      حالا می توانید با خیال راحت کادر Layer Style را ببندید.
      حالا می دانید بر روی OK کلیک کنید تا کادر بسته شود.
      در اینجا تصویر من با هر سه افکت (Overlay Color ، Inner Glow و Drop Shadow) اعمال شده است.
      بیایید نگاهی به آن بی اندازیم:

      تاثیر همه افکت های اعمال شده بر تصویر Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      تاثیر همه افکت های اعمال شده بر تصویر Drop Shadow ( افزودن یک Color Overlay در فتوشاپ )

      روشن کردن مجدد لایه

      با کلیک مجدد بر روی آیکون چشم در پنل Layers آن را روشن می کنیم.

      روشن کردن مجدد لایه ( افزودن یک Color Overlay در فتوشاپ )

      روشن کردن مجدد لایه ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب ماسک لایه

      با استفاده از لایه بالا و با کلیک کردن روی تصویر کوچک ماسک ، ماسک لایه آن را انتخاب کنید:

      انتخاب ماسک لایه ( افزودن یک Color Overlay در فتوشاپ )

      انتخاب ماسک لایه ( افزودن یک Color Overlay در فتوشاپ )

      رنگ کردن بیشتر لبه ها

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

      مانند قبل، به دلیل شکل قلم مو ، اگر می خواهید لبه ها را کاملاً محو کنید ، باید چندین بار روی همان ناحیه کلیک نمایید:

      محو لبه های بیشتر ( افزودن یک Color Overlay در فتوشاپ )

      محو لبه های بیشتر ( افزودن یک Color Overlay در فتوشاپ )

      تغییر سایز قلم

      مجدداً می توانید در صورت لزوم با فشار دادن کلید براکت (]) چپ یا کلید براکت راست ([) اندازه rgl را تغییر دهید تا بزرگتر یا کوچکتر شود.
      و باز اگر درجایی اشتباه کردید از کلید های (Ctrl + Z (Win) / Command + Z (Mac استفاده کنید تا آخرین اثر قلم را خنثی کنید.

      رنگ کردن را برای هر چهار لبه تصویر انجام می دهم و تقریباً کار من به پایان رسیده است:

      اکثر لبه های تصویر حذف شده اند ( افزودن یک Color Overlay در فتوشاپ )

      اکثر لبه های تصویر حذف شده اند ( افزودن یک Color Overlay در فتوشاپ )

      کاهش مقدار Opacity قلم تا ۵۰٪ درصد

      بیایید اثر را با نقاشی چند بخش دیگر از لبه به پایان برسانیم.
      اما این بار ، به جای پنهان کردن کامل لبه، به سادگی آن را محو خواهیم کرد.
      برای انجام این کار، باید Opacity قلم مو را کم کنیم.
      گزینه Opacity را در نوار گزینه ها پیدا خواهید کرد.
      مقدار Opacity آن را تا ۵۰٪ کاهش دهید.

      کاهش مقدار opacity ( افزودن یک Color Overlay در فتوشاپ )

      کاهش مقدار opacity ( افزودن یک Color Overlay در فتوشاپ )

      چند قسمت دیگر از لبه را رنگ کنید.
      opacity پایین قلم مو اجازه می دهد تا تصویر تا حدی نشان داده شود، و ظاهری پژمرده ایجاد می کند.
      نیازی به نقاشی در تمام لبه نیست. چند بخش تصادفی در اینجا و دیگر تمام:

      پاک کردن مقدار بیشتر لبه ها ( افزودن یک Color Overlay در فتوشاپ )

      پاک کردن مقدار بیشتر لبه ها ( افزودن یک Color Overlay در فتوشاپ )

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

      لبه های حذف شده تصویر ( افزودن یک Color Overlay در فتوشاپ )

      لبه های حذف شده تصویر ( افزودن یک Color Overlay در فتوشاپ )

      اصلاح فضاهای بوم اضافی

      برای کم کردن فضای اضافی بوم ، به منوی Image در بالای صفحه بروید و Trim را انتخاب کنید:

      Image > Trim ( افزودن یک Color Overlay در فتوشاپ )

      Image > Trim ( افزودن یک Color Overlay در فتوشاپ )

      هنگامی که کادر گفتگوی Trim باز می شود ، مطمئن شوید Top Left Pixel Color در بالا انتخاب شده است و هر چهار گزینه (Top ، Bottom ، Left و Right) در پایین (که به صورت پیش فرض وجود دارند) بررسی شده اند:

      کادر Trim ( افزودن یک Color Overlay در فتوشاپ )

      کادر Trim ( افزودن یک Color Overlay در فتوشاپ )

      برای بستن از کادر، OK را کلیک کنید. فتوشاپ فضای بوم سفید را از بین می برد و نتیجه نهایی را در ادامه به شما ارائه می دهد:

      تصویر نهایی ( افزودن یک Color Overlay در فتوشاپ )

      تصویر نهایی ( افزودن یک Color Overlay در فتوشاپ )

      QR:  بخش ۲ : افزودن یک Color Overlay در فتوشاپ
      به اشتراک بگذارید