Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

روش ساخت یک افکت متنی الهام گرفته از سریال Stranger Things در ادوبی فتوشاپ

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Create a Kaleidoscope Effect in Adobe Photoshop
How to Create a Floral Portrait Photo Manipulation in Adobe Photoshop

Persian (پارسی) translation by Ahmad Mostofi (you can also view the original English article)

Final product image
What You'll Be Creating

در این آموزش خیلی سریع روش ساخت یک افکت متنی الهام گرفته از سریال Stranger Things را با استفاده از فقط استایل لایه و کمی تنظیمات ساده به شما نشان خواهم داد. پس شروع میکنیم!

بسیاری از استایل‌های لایه موجود در وبسایت Envato Market از این افکت متنی الهام گرفته‌اند.

فایل‌های آموزش

فایل‌های زیر در طی تولید این آموزش استفاده شده‌اند:

1. ایجاد تصویر زمینه و متن

مرحله 1

یک سند جدید با ابعاد 1280x720px ایجاد کنید و زمینه را با رنگ 0c0101# پر کنید.

Create the Background

مرحله 2

نوشته را با رنگ سفید و فونت Indira K ایجاد کنید.

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

مقدار Size را روی حدودا 141pt تنظیم کنید و تیک آیکون‌های Faux Bold و All Caps را در پنل Character بزنید. (برای باز کردن این پنل به منوی Window بروید و Character را انتخاب کنید)

Create the Text

مرحله 3

مقدار Tracking را به 100- تغییر دهید.

Change the Tracking

مرحله 4

مقدار Vertical Scale را به 115 تغییر دهید. این کار نوشته را در راستای عمودی می کشد.

Change the Vertical Scale

2. حروف بزرگتر را تنظیم کنید

مرحله 1

اولین حرف متن را انتخاب کنید (هایلایت کنید) و سایز آنرا به مقدار 212pt تغییر دهید.

Enlarge the First Letter

مرحله 2

سپس، لازم است که مقدار Baseline Shift (انتقال خط اصلی متن) را تغییر دهید تا حروف بزرگتر را رو به پایین بیاورید تا اینکه بالای هر کدام همتراز با بالای بقیه حروف باشد.

برای انجام این کار، هم میتوانید مقادیر عددی را وارد کنید، هم میتوانید با استفاده از آیکون تنظیم خط اصلی متن در سمت چپ مقدار را تغییر دهید.

Set the Baseline Shift

مرحله 3

کار مشابه را برای حرف آخر خط اول متن یا هر حرفی که میخواهید انجام دهید.

Adjust the Last Letter

3. تنظیم فاصله بین کاراکترها

مرحله 1

نشانگر متن را بین دو حرف اول قرار دهید، و مقدار Kerning را تا حدی که فکر میکنید ظاهر خوبی دارد تغییر دهید.

Change the Kerning

مرحله 2

بسته به متن شما و نتیجه‌ای که دنبالش هستید، مقدار Kerning را برای بقیه حروفی که دارید تنظیم کنید. همه‌ی حروف لازم نیست تنظیم شود، فقط مواردی که لازم است را تنظیم کنید.

Change the Kerning

مرحله 3

وقتی کارتان تمام شد، مقدار Fill را برای لایه متن به 0 تغییر دهید.

Change the Fill Value

4. به نوشته استایل بدهید

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

مرحله 1

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

  • Style: Stroke Emboss
  • Depth: 220 (عمق)
  • Size: 3 (اندازه)
  • گزینه Use Global Light تیک نخورده باشد
  • Angle: 156 (زاویه)
  • Altitude: 37 (ارتفاع)
  • Gloss Contour: Cone - Inverted (برجستگی براق: مخروطی-معکوس)
  • گزینه Anti-aliased تیک خورده باشد
  • Highlight Mode - Opacity: 35% (شفافیت حالت ترکیبی هایلایت)
  • Shadow Mode - Opacity: 50% (شفافیت حالت ترکیبی سایه)
Bevel and Emboss

مرحله 2

یک برجستگی Contour با این تنظیمات اضافه کنید:

  • Contour: Cove - Deep (برجستگی: خلیجی - عمیق)
  • گزینه Anti-aliased تیک خورده باشد.
Contour

مرحله 3

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

  • Size: 3 (اندازه)
  • Position: Inside (موقعیت: داخل)
  • Color#ce1725 (رنگ)
Stroke

مرحله 4

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

  • Opacity: 50% (شفافیت)
  • Noise: 5% (نویز)
  • Color#ea0f0f (رنگ)
  • Size: 17 (اندازه)
Inner Glow

مرحله 5

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

  • Opacity: 50% (شفافیت)
  • Noise: 5% (نویز)
  • Color#ea2314 (رنگ)
  • Size: 12 (سایز)
  • Range: 60% (گستره)
Outer Glow

مرحله 6

انجام این کار به نوشته استایل خواهد داد. روی لایه نوشته استایل دار کلیک راست را بزنید و Copy Layer Style را انتخاب کنید.

Copy Layer Style

5. ایجاد اشکال مستطیلی

مرحله 1

ابزار Rounded Rectangle (مستطیل گوشه گرد) را انتخاب کنید و مقدار Radius را در نوار تنظیمات options روی 2 قرار دهید. کلیک کنید و بکشید تا یک مستطیل در بالای نوشته با ارتفاع مقدار حدودا 7px ایجاد کنید.

سپس کلیک کنید و بکشید تا مستطیل بیشتری در ابتدا و انتهای نوشته دوم یا هر جایی که فکر میکنید لازم است اضافه شود قرار دهید. فقط مطمئن شوید که ارتفاع مشابهی را برای تمام مستطیل‌هایی که میسازید لحاظ میکنید.

Create the Rectangles

مرحله 2

مقدار Fill را برای لایه‌های مستطیلی به 0 تغییر دهید.

Change the Fill Value

6. به مستطیل ها استایل دهید

روی یکی از لایه‌هایی که دارید کلیک راست را بزنید و Paste Layer Style را انتخاب کنید. این کار استایل لایه مشابهی را از لایه نوشته اعمال خواهد کرد.

بعد از آن، روی لایه مستطیلی استایل دار کلیک دوبل کنید تا چند مقدار را تنظیم کنید.

مرحله 1

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

  • Size: 2 (اندازه)
Bevel and Emboss

مرحله 2

یک استایل Stroke با این تنظیمات اضافه کنید:

  • Size: 2 (اندازه)
  • Position: Outside (موقعیت: بیرونی)
Stroke

مرحله 3

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

  • Size: 5 (اندازه)
Inner Glow

مرحله 4

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

  • Size: 17 (اندازه)
Outer Glow

مرحله 5

روی لایه مستطیلی استایل دار کلیک راست را بزنید و Copy Layer Style را انتخاب کنید.

Copy Layer Style

مرحله 6

دیگر لایه‌های مستطیلی که دارید را انتخاب کنید، روی هر یک از آنها کلیک راست را بزنید و Paste Layer Style را انتخاب کنید.

Paste Layer Style

مرحله 7

متن و لایه‌های مستطیلی را در یک گروه قرار دهید و آنرا Text Effect بنامید.

Text Effect Group

7. به گروه استایل بدهید

روی گروه Text Effect کلیک دوبل کنید و استایل لایه زیر را اعمال کنید:

مرحله 1

یک استایل لایه Gradient Overlay با این تنظیمات اضافه کنید:

  • تیک گزینه Dither را بزنید
  • Blend Mode: Soft Light (حالت ترکیبی)
  • Style: Reflected (استایل بازتاب یافته)
  • Angle: 135 (زاویه)
  • یک رنگ گرادینت با رنگ‌ #fbe7c2 در سمت چپ و #e69f99 در سمت راست ایجاد کنید.
Gradient Overlay 1

مرحله 2

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

  • تیک گزینه Dither را بزنید
  • Blend Mode: Overlay (حالت ترکیبی)
  • Style: Reflected (استایل بازتاب یافته)
  • Angle: 135 (زاویه)
  • از گرادینت faucet 10 استفاده کنید
Gradient Overlay 2

مرحله 3

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

  • Opacity: 20% (شفافیت)
  • Color: #de1b22 (رنگ)
  • Size: 34 (اندازه)
  • Range: 60% (گستره)
Outer Glow

این کار افکت را ارتقا خواهد داد.

Styled Group

8. چند تا لکه نور ایجاد کنید

مرحله 1

رنگ زمینه جلو را روی #451d08 تنظیم کنید و سپس یک لایه بالای تمام لایه‌ها ایجاد کنید، آنرا Light بنامید و حالت ترکیبی Blend Mode را به Color Dodge تغییر دهید.

Light Layer

مرحله 2

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

میتوانید سایز نوک را تغییر دهید و با مقدار Opacity در نوار تنظیمات Options کار کنید تا شدت لکه‌های نوری که اضافه میکنید را کنترل کنید.

Add the Light Spots

مرحله 3

روی آیکون Create new fill or adjustment layer (ایجاد لایه تنظیمی adjusment یا رنگ پر کردن) در پنل Layers کلیک کنید و گزینه Hue/Saturation را انتخاب کنید.

HueSaturation Adjustment Layer

مرحله 4

مقدار Saturation را به 35 و Lightness را به 15 یا هر مقداری که دوست دارید تغییر دهید.

Change the Values

9. تنظیم رنگ بندی

مرحله 1

یک لایه تنظیمی Gradient بالای گروه Text Effect اضافه کنید.

پوشش گرادینت را با استفاده از رنگ‌های #5c456e در سمت راست، #b26b73 در مرکز، و #fda982 در سمت چپ ایجاد کنید. گزینه Style را به Reflected ، مقدار Angle را به 155 و مقدار Scale را به 55% تغییر دهید.

Gradient Adjustment Layer

مرحله 2

حالت ترکیبی Blend Mode لایه گرادینت را به Color و مقدار Opacity را به 35% تغییر دهید.

Gradient Layer Settings

تبریک میگویم! کار شما تمام است!

در این آموزش، ما نوشته را ایجاد کردیم و با استفاده از انتخاب‌ها و تنظیمات پنل Character آنرا ویرایش کردیم. سپس به نوشته استایل دادیم، مستطیل‌ها را هم ایجاد کردیم و استایل دادیم.

بعد از آن همه ی لایه‌ها را با هم گروه کردیم و یک استایل لایه دیگر اضافه کردیم. در نهایت، چند لکه نوری و یک لایه تنظیمی adjustment با افکت Gradient اضافه کردیم تا رنگ بندی نتیجه نهایی را ویرایش کنیم.

خواهش میکنم در صورت تمایل نظر، پیشنهاد و نتایج حاصل خود را برای ما ارسال کنید.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.