• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

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

amininho

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


  • ۱: قبل از شروع آموزش به شکل زیر توجه کنید. در این شکل تابش نور و ایجاد سایه اجسام به تصویر کشیده شده است. منبع نور در قسمت بالا و چپ قرار دارد و جسم نیز به شکل مکعب تصور شده است. توجه کنید که سایه ایجاد شده افکت Drop Shadow موجود در فتوشاپ نیست، تصویریست که باید توسط ما ایجاد شود تا بعد شکل به نمایش کشیده شود. (تصویر بعد دار به نظر برسد)
0.jpg

  • ۲: برای شروع یک Document جدید در فتوشاپ ایجاد کنید و سطح لایه Background را با Gradient بپوشانید. رنگهای Gradient را طوسی تیره و طوسی تیره تر (نزدیک به مشکی) انتخاب کنید. قسمت روشن تر باید بالا سمت چپ و قسمت تیره تر پایین سمت راست قرار گیرد.
1.jpg

  • ۳: حال زمان اضافه کردن متن است. من از فونت Agency FB استفاده و عبارت Shade را وارد پروژه کردم. رنگ متن را آبی متمایل به طوسی قرار دهید: #c2c8d4
2.jpg

  • 4: در این مرحله ابتدا از روی کیبورد کلید Ctrl را پایین نگاه دارید و روی لایه متن یا همان عبارت Shade (واقع در پنجره لایه ها) کلیک کنید تا تمامی سطح لایه متن انتخاب شود. بدون اینکه انتخاب را غیر فعال کنید یک لایه بالای لایه متن ایجاد کنید. برروی سطح این لایه Gradient خطی با رنگ #۴۹۵a79 بسازید، از پایین سمت راست به طرف چپ بکشید. سمت چپ را Transparent کرده تا رنگی دیده نشود.
3.jpg

  • ۵: کلید D را از روی کیبورد بفشارید تا رنگ پالت foreground به مشکلی تبدیل شود. حالا همان محدوده انتخاب شده را کمی به سمت پایین و کمی به راست بکشید، توجه کنید برای حرکت فقط یکبار کلیدهای پایین و راست را بر روی کیبورد بفشارید. سپس کلید Alt را بفشارید و همزمان کلید Backspace را بزنید تا سطح محدوده انتخاب شده با رنگ مشکی پوشیده شود. بار دیگر کلیدهای پایین و راست را از روی کیبورد بفشارید و Alt+Backspace بزنید. این پروسه را ۳۰ بار تکرا کنید. توجه کنید از Alt+Backspace به جای ابزار سطل رنگ و یا براش استفاده کنید.
4.jpg

  • ۶: deselect کنید و مطمئن شوید که روی لایه سایه قرار دارید، سپس از مسیر Filter > Blur > Motion Blur فیلتر Motion Blur را اعمال کنید. زاویه را روی ۴۵- و فاصله (distance) را برابر ۳۰px قرار دهید.
5.jpg

  • ۷: مقدار Opacity لایه سایه را برابر با %۴۰ قرار دهید، سپس کلید Shift را پایین نگه دارید و یکبار کلید راست و یکبار پایین را بفشارید. با انجام این کار سایه به میزان ۱۰ پیکسل به سمت پایین و راست حرکت میکند. ممکن است مقداری از سایه بلور شده بالاتر از نوشته دیده شود، در این صورت بوسیله ابزار پاک کن سایه ای که بالاتر از نوشته قرار دارد را حذف کنید (نموداری را که در شکل اول نمایش داده شد را به خاطر بیاورید)
6.jpg

  • ۸: از لایه سایه یک کپی بگیرید (Duplicate کنید) و به سمت راست و پایین حرکت دهید. سپس بار دیگر فیلتر Motion Blur را با distance=50 پیکسل اعمال کنید و Opacity لایه را روی %۲۰ قرار دهید.
7.jpg

  • ۹: یک لایه بالاتر از سایر لایه ها ایجاد کنید. کلید Ctrl را پایین نگه داشته و روی لایه متن کلیک کنید تا سطح پیکسل دار لایه انتخاب شود. به لایه ای که همین حالا ساختید باز گشته و سطح انتخاب شده را با رنگ سفید بپوشانید. در همین حالت کلیدهای پایین و راست را هر کدام ۱ بار، بفشارید و سپس دکمه Delete را از روی کیبورد بزنید.
  • Opacity این لایه را روی %۸۰ قرار دهید.
8.jpg

  • ۱۰: خط سفیدی که ایجاد شد سبب میشود تا تابش منبع نور بر روی متن ملموس تر به نظر آید و در نگاه کلی تر متن بصورت سه بعدی به نظر رسد.
9.jpg

  • ۱۱: نوبت به ایجاد مسیرهای نور رسیده است. یک لایه بالای لایه های دیگر ایجاد کرده و ۴ یا ۵ مستطیل به شکل زیر رسم کنید.
10.jpg

  • ۱۲: سپس بوسیله ابزار Free Transform و یا کلید های Ctrl+T مستطیل ها را به شکل زیر بچرخایند، سپس کلیک راست کرده و از منوی ظاهر شده گزینه Perspective را انتخاب کنید، دو نقطه کلیدی بالایی را به هم نزدیک و دو نقطه کلیدی پایینی را از هم دور کنید و در نهایت کلید Enter را بفشارید.
11.jpg

  • ۱۳: خطوط تابش نور لازمه را ایجاد کردیم، از مسیر Filter > Blur > Gaussian Blur فیلتر Gaussian Blur را با blur radius برابر با ۶ پیکسل، اعمال کنید.
12.jpg

  • ۱۴: در صورتی که مراحل پروژه را بطور صحیح انجام داده باشید، باید تصویری به شکل زیر را ببینید.
13.jpg

  • ۱۵: کلید Ctrl را از کیبورد نگه دارید و روی لایه نور کلیک کنید تا محتویات انتخاب شوند، سپس روی لایه highlight قرار بگیرید و همانطور که انتخاب فعال است روی دکمه “ماسک” کلیک کنید تا یک ماسک ایجاد شود. این دکمه پایین پنجره لایه ها قرار دارد، دقیقا سمت راست دکمه “f”.
14.jpg

  • 16: تا اینجا همه چیز خوب به نظر میرسد. برای تکمیل پروژه باید نور پردازی گرم تر داشته باشیم.
15.jpg

  • ۱۷: پایین تر از همه لایه ها یک لایه جدید بسازید و سطح لایه را با رنگ صورتی (#۹d506c) بپوشانید.
16.jpg

  • ۱۸: از پنجره لایه ها، گزینه blending mode این لایه را روی Colour و Opacity لایه را %۲۰ قرار دهید. این کار یک پس زمینه قرمز گرم را بوجود می آورد.
17.jpg

  • ۱۹: یک لایه جدید بالای لایه ای که با رنگ صورتی پوشانده شد بسازید. سطح لایه را کاملا با رنگ سفید بپوشانید و از مسیر Filter > Render > Lighting Effects فیلتر را اعمال کنید. این فیتلر یک ویژگی بسیار خوب به نام Two O’clock Spotlight داشته که به ما در انجام این پروژه کمک خواهد کرد. این گزینه را انتخاب و به ترتیبی که در شکل نمایش داده شده بیضی را بزرگ تر کنید.

18.jpg

  • ۲۰: Blending mode لایه مسیرهای نور را روی Overlay قرار دهید. سپس لایه را Duplicate کنید و به بالاترین لایه در پنجره لایه ها منتقل کنید، در نهایت Opacity لایه را برابر %۴۰ قرار دهید تا مطمئن شویم سایه علاوه بر Background روی متن نیز قرار گرفته است.
19.jpg

  • ۲۱: من در نهایت از لایه نور (Lighting) یک کپی گرفتم (Duplicate) و Opacity لایه را برابر را %۶۵ قرار دادم. روی دکمه Add Mask واقع در قسمت پایینی پنجره لایه ها کلیک کنید، روی ماسک قرار بگیرید و یک Gradient سفید به مشکی از بالا سمت چپ به پایین سمت راست بکشید . بدین ترتیب جلوه ای افزون تر به سایه و مسیرهای نور اضافه میکنید.
  • تصویر نهایی به شکل زیر خواهد بود. به امید اینکه مورد رضایت شما عزیزان قرا گرفته باشد، گرافیکسولوژی
final.jpg
 
بالا