ساخت اکشن افکت متن سه بعدی در فتوشاپ (+ دانلود فیلم آموزش گام به گام)

۳۶۶ بازدید
آخرین به‌روزرسانی: ۰۹ مرداد ۱۴۰۲
زمان مطالعه: ۴۵ دقیقه
ساخت اکشن افکت متن سه بعدی در فتوشاپ (+ دانلود فیلم آموزش گام به گام)

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

997696

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

دانلود ویدیو

موارد مورد نیاز

در این آموزش تنها به فونت «Montserrat» نیاز دارید که از این لینک قابل دانلود است.

1. آماده‌سازی برای ضبط اکشن سه بعدی

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

گام اول

وارد فتوشاپ شده و از منوی «File» گزینه «New» را بزنید، سپس مقادیر را همانند زیر تنظیم کنید:

  • Width: ‏850 پیکسل
  • Height: ‏550 پیکسل
  • Resolution: ‏Pixels/Inch ‏72
  • Color mode: ‏RGB Color 8 bit

بر روی گزینه «Create» کلیک کنید.

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

گام دوم

برای سفارشی‌سازی پس‌زمینه، از طریق منوی «Layer» به بخش «New» رفته و گزینه «Layer from Background» را زده و نام آن را «Background» بگذارید. سپس از طریق منوی «Layer» و بخش «Layer Style» گزینه «Gradient Overlay» را زده و تنظیمات زیر را اعمال نمایید:

  • Blend Mode: ‏Normal
  • گزینه «Dither» را فعال کنید.
  • Opacity: ‏100%
  • Style: ‏Radial
  • Angle: ‏صفر درجه
  • Scale: ‏100%
  • بر روی گزینه «Gradient» کلیک کرده و توقف‌گاه‌های رنگی زیر را تنظیم کنید:
    • توقف‌گاه اول در موقعیت صفر درصد و با رنگ «f4f9ff#»
    • توقف‌گاه دوم در موقعیت 100 درصد و با رنگ «6cacfd9‏#»

بر روی گزینه «OK» کلیک کنید تا تنظیمات اعمال شوند.

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

گام سوم

برای رسم قاب، ابزار «Rectangle» را بردارید (کلید U). حال برای ساخت یک مستطیل بر روی سند خود کلیک کرده و مقدار «Width» و «Height» آن را به ترتیب بر روی 740 پیکسل و 210 پیکسل قرار دهید. سپس از طریق منوی «Layer» و بخش «Layer Style» گزینه «Blending Options» را زده و مقدار «Fill» را به صفر درصد تغییر دهید. در نهایت وارد زبانه «Stroke» شده و اندازه آن را بر روی 9 پیکسل قرار داده و مقدار «inside» را برای بخش «Position» برگزینید. بر روی گزینه «OK» کلیک کنید.

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

گام چهارم

برای اضافه کردن متن، از ابزار «Type» استفاده کرده (کلید T) و عبارت «MINIMAL» را بنویسید. سپس از طریق منوی «Window» گزینه «Character» را انتخاب نموده و فونت آن را به «Montserrat Black»‏ تغییر دهید. اندازه فونت را بر روی «pt ‏123» گذاشته و مقدار «tracking» را به 50 تغییر دهید. در نهایت هر دو لایه را در پنل لایه‌ها انتخاب کرده و با فشردن کلیدهای «Ctrl + G» آن‌ها را در یک گروه قرار دهید.

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

گام پنجم

زمانی که آماده‌ی ضبط اکشن بودید، از طریق منوی «Window» گزینه «Actions» را بزنید. بر روی آیکون پوشه در پایین پنل کلیک کنید تا یک «set» جدید ایجاد شود. نام این اکشن را «3D Text Effect» گذاشته و بر روی OK کلیک کنید. سپس بر روی آیکون صفحه کلیک کنید تا یک اکشن جدید ساخته شود. نام آن را «Photoshop Action» بگذارید. بر روی گزینه «Record» کلیک کنید تا کار ضبط اکشن ما آغاز گردد.

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

2. نحوه ساخت لایه‌ها برای جلوه متن سه بعدی

از این مرحله کار ضبط اکشن ما آغاز می‌شود، در نتیجه باید تمام گام‌ها را دقیق و به درستی دنبال کنید تا اکشن شما به مشکل بر نخورد.

گام اول

برای این که لایه‌ی اصلی را برای استفاده‌های بعدی حفظ کنیم، اولین گام ما کلیک کردن بر روی گزینه چشم کنار «Group 1» است تا این لایه مخفی شود. سپس از طریق منوی «Layer» گزینه «Duplicate Group» را زده و نام آن را «top-layer» بگذارید و بر روی OK کلیک کنید. سپس آیکون چشم کنار «top-layer» را بزنید تا ظاهر شود. در نهایت از طریق منوی «Layer» و بخش «Smart Objects» گزینه «Convert to Smart Object» را بزنید.

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

گام دوم

از طریق منوی «Layer» گزینه «Duplicate Layer» را زده و نام آن را «3D text 1» گذاشته و بر روی OK کلیک کنید. حال بر روی لایه‌ی «3D text 1» کلیک کرده و استایل‌های زیر را اعمال نمایید:

یک استایل «Bevel and Emboss» با تنظیمات زیر بر روی آن اعمال کنید:

  • Style: ‏Inner Bevel
  • Technique: ‏Smooth
  • Depth: ‏25%
  • Direction: ‏Up
  • Size: ‏4 پیکسل
  • گزینه «Use global light» را غیر فعال کنید.
  • Angle: ‏120
  • Altitude: ‏30
  • گزینه «Anti-aliased» را فعال کنید.
  • ‏Highlight Mode: در حالت «Screen» با رنگ «dddddd#» و مقدار «Opacity» بر روی %48
  • Shadow Mode: در حالت «Multiply» با رنگ «b2b2b2‏#» و مقدار «Opacity» بر روی %59

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

گام سوم

یک استایل «Color Overlay» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Normal
  • Color: ‏d8dde8‏#

بر روی گزینه «OK» کلیک کنید تا تغییرات اعمال شوند. سپس از طریق منوی «Layer» و بخش «Smart Objects» گزینه «Convert to Smart Object» را بزنید.

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

گام چهارم

از طریق منوی «Layer» و بخش «Arrange» گزینه «Send Backward» را بزنید. سپس کلید جهت‌نما پایین را یک دفعه فشار دهید تا لایه یک پیکسل به پایین برود. حال کلیدهای «Ctrl + T» را فشار داده و پهنای آن را به «%99.73» تغییر دهید. بر روی دکمه تیک کلیک کنید تا تغییرات اعمال شوند. در نهایت از طریق منوی «Layer» و بخش «Smart Objects» گزینه «Convert to Smart Object» را بزنید.

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

گام پنجم

از طریق منوی «Layer» گزینه «Duplicate Layer» را زده و نام آن را «3D text 2» بگذارید. سپس از طریق منوی «Layer» و بخش «Arrange» گزینه «Send Backward» را بزنید. سپس کلید جهت‌نمای پایین را یک بار فشار دهید تا لایه یک پیکسل به پایین برود. حال کلیدهای «Ctrl + T» را فشار داده و مقدار پهنا را به «%99.70» تغییر دهید. بر روی دکمه تیک کلیک کنید تا تغییرات اعمال شوند. در نهایت از طریق منوی «Layer» و بخش «Smart Objects» گزینه «Convert to Smart Object» را بزنید.

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

گام ششم

برای رسیدن به جلوه‌ی سه بعدی مورد نظر، باید مراحل قبلی را 8 دفعه تکرار کنید. تنها تغییری که در این مراحل وجود خواهد داشت نام لایه‌ی جدید است. نام لایه‌های بعدی به ترتیب از «3d text 3» تا «3d text 10» خواهد بود.

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

3. طراحی سایه‌ها برای جلوه متن سه بعدی

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

گام اول

از طریق منوی «Layer» گزینه «Duplicate Layer» را زده و نام آن را «Shadow4» بگذارید. سپس از طریق منوی «Layer» و بخش «Arrange» گزینه «Send Backward» را بزنید.

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

گام دوم

حال سه لایه‌ی دیگر برای سایه‌های خود بسازید. از طریق منوی «Layer» گزینه «Duplicate Layer» را زده و نام آن را «Shadow3» بگذارید. مجددا گزینه «Duplicate Layer» را زده و نام آن را «Shadow2» بگذارید. باری دیگر گزینه «Duplicate Layer» را زده و نام «Shadow1» را برای آن برگزینید.

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

گام سوم

از طریق منوی «Layer» و بخش «Layer Style» گزینه «Drop Shadow» را زده و از تنظیمات زیر استفاده کنید:

  • Blend Mode: ‏Linear Burn
  • رنگ «3f464a#» را انتخاب کنید.
  • Opacity: ‏35%
  • گزینه «Use global light» را غیر فعال کنید.
  • Angle: ‏90°
  • Size: ‏2 پیکسل
  • گزینه «Anti-aliased» را فعال نمایید.

بر روی گزینه OK کلیک کنید.

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

گام چهارم

از طریق منوی «Filter» و بخش «Blur» گزینه «Gaussian Blur» را انتخاب کرده و مقدار «Radius» را بر روی 1.3 پیکسل قرار دهید.

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

گام پنجم

لایه‌ی «Shadow2» را از داخل پنل لایه‌ها انتخاب کنید، سپس از طریق منوی «Layer» و بخش «Layer Style» گزینه «Color Overlay» را زده و تنظیمات زیر را بر روی آن اعمال نمایید:

  • Blend Mode: ‏Multiply
  • رنگ «b8bbc2‏#» را انتخاب کنید.
  • Opacity: ‏69%

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

گام ششم

یک استایل «Drop Shadow» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Linear Burn
  • رنگ «595c64‏#» را انتخاب کنید.
  • Opacity: ‏8%
  • گزینه «Use global light» را غیر فعال کنید.
  • Angle: ‏111°
  • Distance: ‏11 پیکسل
  • Size: ‏3 پیکسل
  • گزینه «Anti-aliased» را فعال کنید.

بر روی گزینه «OK» کلیک نمایید تا تغییرات اعمال شوند.

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

گام هفتم

از طریق منوی «Filter» و بخش «Blur» گزینه «Gaussian Blur» را انتخاب کرده و مقدار «Radius» را بر روی 5.5 پیکسل قرار دهید.

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

گام هشتم

لایه‌ی «Shadow3» را از داخل پنل لایه‌ها انتخاب نمایید. حال از طریق منوی «Layer» و بخش «Layer Style» گزینه «Drop Shadow» را زده و از تنظیمات زیر استفاده کنید:

  • Blend Mode: ‏Linear Burn
  • رنگ «595c64‏#» را انتخاب نمایید.
  • Opacity: ‏6%
  • گزینه «Use global light» را انتخاب کنید.
  • Angle: ‏104°
  • Distance: ‏8 پیکسل
  • Size: ‏13 پیکسل
  • گزینه «Anti-aliased» را فعال کنید.

بر روی گزینه «OK» کلیک نمایید.

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

گام نهم

لایه‌ی «Shadow4» را از پنل لایه‌ها انتخاب کنید. سپس از طریق منوی «Layer» و بخش «Layer Style» گزینه «Drop Shadow» را زده و از تنظیمات زیر استفاده کنید:

  • Blend Mode: ‏Linear Burn
  • رنگ «595c64‏#» را انتخاب کنید.
  • Opacity: ‏30%
  • گزینه «Use global light» را بزنید.
  • Angle: ‏112°
  • Distance: ‏10 پیکسل
  • Size: ‏10 پیکسل
  • گزینه «Anti-aliased» را فعال کنید.

گزینه «OK» را بزنید.

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

گام دهم

از طریق منوی «Filter» و بخش «Blur» گزینه «Motion Blur» را زده، مقدار «Angle» را به °66- و مقدار «Distance» را به 50 پیکسل تغییر داده و OK را بزنید.

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

4. قالب‌دهی لایه‌ بالایی جلوه متن سه بعدی

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

گام اول

لایه‌ی «top-layer» را در پنل لایه‌ها انتخاب کنید. سپس از طریق منوی «Layer» و بخش «Layer Style» گزینه «Inner Shadow» را زده و با تنظیمات زیر اعمال کنید:

  • Blend Mode: ‏Linear Burn
  • رنگ سفید را انتخاب کنید.
  • Opacity: ‏86%
  • گزینه «Use global light» را انتخاب نمایید.
  • Angle: ‏120°
  • Distance: ‏1 پیکسل
  • Size: ‏1 پیکسل
  • Contour: ‏Cone
  • گزینه «Anti-aliased» را فعال کنید.

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

گام دوم

یک استایل «Inner Glow» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Linear Burn
  • Opacity: ‏15%
  • رنگ «d0d0d0‏#» را انتخاب کنید.
  • Technique: ‏Softer
  • Source: ‏Edge
  • Size: ‏18 پیکسل

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

گام سوم

یک استایل «Saitn» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Overlay
  • رنگ سفید را انتخاب کنید.
  • Opacity: ‏80%
  • Angle: ‏18°
  • Distance: ‏250 پیکسل
  • Size: ‏250 پیکسل
  • گزینه «Anti-aliased» را فعال کنید.
  • گزینه «Invert» را فعال کنید.

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

گام چهارم

یک استایل «Color Overlay» با تنظیمات زیر اعمال کنید:

  • Blend Mode: ‏Normal
  • رنگ «e6e7ea#» را انتخاب کنید.
  • Opacity: ‏100%

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

گام پنجم

یک استایل «Drop Shadow» با تنظیمات زیر اعمال نمایید:

  • Blend Mode: ‏Linear Burn
  • رنگ «616779‏#» را انتخاب کنید.
  • Opacity: ‏2%
  • گزینه «Use global light» را غیر فعال کنید.
  • Angle: ‏90°
  • Distance: ‏5 پیکسل
  • Size: ‏5 پیکسل
  • گزینه «Anti-aliased» را فعال کنید.

بر روی گزینه OK کلیک کنید.

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

گام ششم

آخرین گام ما، توقف ضبط است. در پایین پنل «Actions» گزینه «Stop» را فشار دهید.

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

کار ما تمام است.

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

از این پس هر زمانی که بخواهید می‌توانید این اکشن را بر روی هر متن یا شکلی استفاده کنید تا همین جلوه سه بعدی ایجاد شود. تنها کافی است لایه یا گروه لایه‌های خود را در پنل لایه‌ها انتخاب کرده، از طریق پنل «Actions» گزینه «Photoshop Action» را انتخاب نموده و «Play» را بزنید.

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

^^

بر اساس رای ۱ نفر
آیا این مطلب برای شما مفید بود؟
اگر بازخوردی درباره این مطلب دارید یا پرسشی دارید که بدون پاسخ مانده است، آن را از طریق بخش نظرات مطرح کنید.
منابع:
Envato TutsPlus
نظر شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *