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

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

در آموزش ایجاد افکت شیشه شکسته در فتوشاپ نحوه‌ی استفاده از چند layer style برای ایجاد افکت شیشه شکسته در فتوشاپ به شما نشان داده خواهد شد. سپس نحوه‌ی استفاده از ابزار selection و maskها برای تبدیل آن به شیشه شکسته به شما ارائه خواهد شد. پس بیایید شروع کنیم!

۱) نحوه ایجاد پس زمینه

قدم ۱

یک سند جدید با اندازه‌های px100*667 بسازید. سپس تصویر پس زمینه چرمی  را در بالا لایه‌ی Background layer قرار دهید. نام آن را به BG Texture تغییر دهید. همچنین می‌توانید اندازه آن را به دلخواه تغییر دهید.

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

قدم ۲

بر روی آیکون Create new fill or adjustment layer که در پایین پنل Layers قرار دارد کلیک کنید.و  Levels را انتخاب کنید.

دوره های اموزشی برنامه نویسی

آموزش ایجاد افکت شیشه در فتوشاپ

قدم ۳

مقدار Gamma  را به ۱٫۱۰ و Highlights  را به ۱۸۰ تغییر دهید.

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

قدم ۴

لایه‌ی Gradient را بالای همه لایه‌ها اضافه کنید.
یک گرادیانت Transparent to Fill Color با رنگهای (سمت راست:#a6a6a6  و سمت چپ: d6d6d6) ایجاد کنید.
استایل آن را به Radial تغییر دهید و Scale  آن را روی ۲۵۰ بگذارید. و در نهایت Dither را علامت بزنید.

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

قدم ۵

Blend Mode لایه‌ی Gradient را به Color Burn تغییر دهید.

آمـوزش ایجاد افکـت شیشـه در فتوشـاپ

۲) نحوه ایجاد متن

قدم ۱

متن دلخواه خود را با رنگ سفید و سایز ۱۵۰ وارد کنید. در این آموزش از فونت Ronnia Bold استفاده کرده‌ایم.

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

قدم ۲

Fill این لایه را روی ۰ بگذارید و یک کپی از آن ایجاد کنید.

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

۳) نحوه اعمال Layer Style بر روی متن اورجینال

بر روی لایه اورجینال متن دوبار کلیک کنید تا استایل‌های پیش رو را اعمال کنید:

قدم ۱

یک Drop Shadow با تغییرات زیر اعمال کنید:

  • Blend Mode: Vivid Light
  • Color: #f2dede
  • Opacity: 10%
  • تیک Use Global Light را بردارید
  • Angle: -19
  • Distance: 11
  • Size: 20

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

قدم ۲

روی علامت + در سمت راست Drop Shadow کلیک کنید. و یک افکت Drop Shadow دیگر اضافه کنید.همچنین این تنظیمات را روی آن اعمال کنید.

  • Blend Mode: Color Burn
  • Color: #837777
  • Opacity: 30%
  • تیک Use Global Light را بردارید.
  • Angle: 107
  • Distance: 12
  • Spread: 2
  • Size: 10

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

با این کار سایه و هایلایتی ایجاد می‌شود که بخشی از افکت شیشه شکسته را ایجاد کرده است.

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

۴) نحوه اعمال Layer Style در اولین کپی از لایه متن

روی اولین کپی از لایه متن دوبار کلیک کنید تا بتوانید تغییرات زیر را انجام دهید:

قدم ۱

یک Bevel and Emboss با این تنظیمات اضافه کنید:

  • Size: 3
  • Shadow Mode: Overlay
    • رنگ : #e4eeee

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

قدم ۲

یک Contour با این تنظیمات اضافه کنید:

  • Contour: Cove – Deep
  • Anti-aliased را تیک بزنید.
  • Range: 100%

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

قدم ۳

یک Inner Shadow با این تنظیمات اضافه کنید.

  • Blend Mode: Screen
  • Color: #e2e2e2
  • Opacity: 10%
  • تیک Use Global Light را بردارید.
  • Angle: 90
  • Distance: 2
  • Size: 13

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

قدم ۴

یک Inner Glow با این تنطیمات اضافه کنید:

  • Blend Mode: Overlay
  • Opacity: 30%
  • Color: #f1ecec
  • Technique: Precise
  • Size: 3
  • Anti-aliased را علامت بزنید.
  • Range: 35

آمــوزش افــکت شــیشه در فتـوشــاپ

قدم ۵

یک Gradient Overlay با تنظیمات زیر اضافه کنید:

  • تیک Dither را بزنید.
  • Blend Mode: Soft Light
  • Opacity: 50%
  • Style: Reflected
  • Angle: 105
  • Scale: 150%
  • تیک Reverse را بزنید.
  • برای ایجاد گرادیانت تیک Gradient را بزنید.

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

قدم ۶

برای ایجاد گرادیانت شما نیاز دارید Color Stops هایی را اضافه کنید. برای این کار زیر نوار گرادیانت کلیک کنید. شما می‌توانید رنگهایی را اضافه کنید و یا مکان این رنگ ها را تغییر دهید. رنگهایی که ما در نظر گرفتیم از چپ به راست برابر است با:

  • #۲۵۲۳۲۱ – 0%
  • #۶۵۶۵۶۵ – 22%
  • #eeeeee – 44%
  • #۵۸۵۸۵۸ – 69%
  • #eeeeee – 70%
  • #۶۰۶۰۶۰ – 83%
  • #۲۵۲۳۲۱ – 100%

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

قدم ۷

Fill لایه کپی اول را به ۰ تغییر دهید.

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

۵) نحوه اعمال Layer Style به لایه کپی دوم

روی لایه کپی دوم دوبار کلیک کنید تا بتوانید این تغییرات را اعمال کنید:

قدم ۱

یک Bevel and Emboss با تنظیمات زیر اضافه کنید:

  • Size: 5
  • تیک Anti-aliased را بزنید.
  • Shadow Mode: Overlay
    • Color: #d0e8e9

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

قدم ۲

یک Contour با تنظیمات زیر اضافه کنید:

  • تیک Anti-aliased را بزنید.
  • Range: 70%

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

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

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

۶) چگونه یک Selection را ماسک کنیم

قدم ۱

ابزار Polygonal Lasso را بردارید و بر روی آیکون Add to selection در تولبار Options کلیک کنید.آنچه قرار است در مراحل بعد ایجاد کنید، تکه‌های شیشه شکسته است که جلوه زیبا و واقعی تری به افکت ما خواهد داد.

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

قدم ۲

وقتی شما تکه هایی را مانند تصویر بالا select کردید، کلید Option را نگه دارید و روی آیکون Add layer mask که در زیر پنل Layers است کلیک کنید.

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

قدم ۳

دوباره کلید Option را نگهدارید، و ماسک را روی هر لایه کپی از متن ببرید.(drag کنید.)

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

۷) نحوه ایجاد قطعات خرد شده ساده

قدم ۱

دوباره با استفاده از ابزار Polygonal Lasso تکه های تیز کوچکی را انتخاب کنید تا بتوایند قطعات خرد شده ایجاد کنید. پس از اتمام این کار یک لایه جدید بالای همه لایه ها ایجاد کنید و نام آن را Pieces بگذارید. و رنگ این قطعات را با سفید پر کنید.

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

قدم ۲

دوبار از لایه  Pieces کپی بگیرید.

آموزش ایجاد افکت شیشه در فتوشاپ

۸) نحوه کپی و چسباندن Layer Style ها

قدم ۱

روی لایه اصلی متن راست کلیک کنید و Copy Layer Style را انتخاب کنید. سپس روی لایه Pieces راست کلیک کنید و Paste Layer Style را انتخاب کنید. این کار را برای کپی اول و دوم از متن و لایه Pieces تکرار کنید.

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

قدم ۲

روی آیکون fx در لایه Pieces راست کلیک کنید و Scale Effect را انتخاب کنید.

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

قدم ۳

مقدار Scale را روی ۵۰% بگذارید و این کار را برای لایه های کپی شده  Pieces هم تکرار کنید.

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

قدم ۴

روی لایه Pieces دوبار کلیک کنید و مقدار سایز Drop Shadow آن را به ۱۰ تغییر دهید.

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

با این کار اطمینان حاصل کنید که اندازه سایه متن برای همه جا یکسان است.

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

۹) ایجاد افکت نورافکن

قدم ۱

برای ایجاد یک بیضی در اطراف متن از Elliptical Marquee استفاده کنید.

آموزش ایجاد افکت شیشه در فتوشاپ

قدم ۲

یک لایه جدید بالای لایه Gradient بسازید ونام آن را Light بگذارید. و این ناحیه انتخابی را با رنگ #d6d6d6 پر کنید.

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

قدم ۳

به این قسمت بروید : Filter > Blur > Gaussian Blur
و اندازه Radius را رو ۵۰ بگذارید. (و یا هر مقداری که ترجیح می‌دهید.)

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

قدم ۴

Blend Mode لایه Light را به Vivid Light تغییر دهید و Opacity آن را روی ۱۰% بگذارید.

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

تبریک میگیم! شما انجامش دادید!

در آموزش ایجاد افکت شیشه شکسته در فتوشاپ یک پس زمینه ساده با استفاده از یک بافت چرمی و یک لایه gradient fill برای ایجاد افکت vignette استفاده کردیم.

سپس ، ما سه لایه متن ایجاد کردیم و برای ایجاد جلوه شیشه ای ، آنها را استایل کردیم.

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

در آخر ، ما با استفاده از selection بیضی و فیلتر Blur ، نور را در پشت متن اضافه کردیم.

لطفا در صورت تمایل نظرات ، پیشنهادات و نتایج خود را درکامنت ها به اشتراک بگذارید.

آموزش ایجاد افکت شیشه ای در فتوشاپ

راستی!

برای مطلع شدن از آخرین آموزش‌ها و پست‌های ما می‌توانید در کانال تلگرام چ‌یاب عضو شوید.

دانشجوی مهندسی کامپیوتر | علاقمند به نقاشی و طراحی گرافیک