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

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

مبین محمدی
۴ بهمن ۱۳۹۴ - 02:30
آموزش فتوشاپ: ایجاد یک متن سه بعدی با افکت فلز - تکفارس 

امروز در تکفارس قصد داریم تا نحوه ایجاد یک متن سه بعدی را با اقکت فلزی به شما آموزش دهیم. در این آموزش از تکنیک پیچیده‌ای استفاده نشده است و بدونه استفاده از منوی ۳D فتوشاپ یک متن سه بعدی خارق‌العاده را ایجاد خواهیم کرد، در واقع این کار با ارائه تنظمات و خلاقیت نیز انجام می‌شود. برای دیدن این مقاله آموزشی به صورت کامل در ادامه با ما همراه باشید.

منابع استفاده شده در این آموزش

در این آموزش بی نظیر از منابع و طرح‌های آماده زیر استفاده شده است که در صورت نیاز می‌توانید آ‌ها را به صورت رایگان دانلود کنید:

  • فونت Nexa Rust
  • پکیج رایگان ۶۰۰۰ گرادینت که توسط Supertuts007 ارائه شده است
  • پترن‌های چرم که توسط WebTreatsETC ارائه شده است

بخش ۱ – ایجاد پس زمینه

مرحله ۱

قبل از هر چیزی نیاز به ایجاد کردن یک سند جدید داریم، این کار به دو روش قابل انجام است، شما می‌توانید از کلیدهای میانبر Ctrl+N و یا از منوی File گزینه New را انتخاب کنید. س از دنبال کردن یکی از این دو روش یک پنجره جدید برای شما به نمایش در می‌آید، سند خودتان را با ابعاد  ۹۰۰ در ۶۷۵ پیکسل ایجاد کنید. در منوی ابزار رنگ پیش زمینه را روی کد #۲۵۲۹۲۷ و رنگ پس زمینه را روی کد رنگ #0d0e0e بگزارید سپس در جعبه ابزار ابزار  Gradient Tool را انتخاب کنید، پس از انتخاب این ابزار منوی اپشن‌های آن در قسمت بالا ظاهر می‌شود که باید روی آیکن Radial Gradient کلیک کنید تا به این حالت تغییر داده شود.

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

Step_01_1

مرجله ۲

دو بار روی لایه Background copy کلیک کنید تا وارد تنظیمات اعمال افکت لایه مورد نظر شوید.

به بخش  Color Overlay رفته و تنظیمات زیر را دنبال کنید:

  • Color: #1c1f26
  • Blend Mode: Color

Step_01_2

مرحله ۳

اکنون به منوی Gradient Overlay رفته تا یک گرادینت زیبا را ایجاد کنیم، بعد از رفتن به این بخش تنظیمات زیر را دنبال کنید:

  • Blend Mode: Overlay
  • Style: Reflected
  • Angle: 45
  • Check the Reverse box
  • Use the Silver 20ss gradient fill

Step_01_3

مرحله ۴

تنظیمات Pattern Overlay را اضافه کرده و طبق دنبال کردن منوی زیر عمل کنید:

  •  Blend Mode: Soft Light
  • Pattern: webtreats_grey_leather.jpg
  • Scale: 50%

Step_01_4

 

اگر تنظیمات فوق را به صورت کامل و بی عیب و نقص انجام داده باشید، تصویر شما همانند تصویر زیر خواهد شد.

Step_01_5

بخش ۲ – ایجاد متن و Smart Objects

مرحله ۱

ابزار Text را از جعبه ابزار انتخاب کرده و متن خود را با استفاده از فونت Nexa Rust، اندازه ۲۴۵ pt و رنگ #f4f4f4 ایجاد کنید.

Step_02_1

مرحله ۲

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

Step_02_2

مرحله ۳

اکنون باید حالت Free Transform را فعال کنید، برای انجام این کار می‌توانید به دو روش عمل کنید یکی از آن‌ها کلیدهای میانبر Ctrl+T بوده و دیگری رفتن به منوی Edit > Free Transform است. پس از انتخاب یکی از روش‌های موجود باید با استفاده از کلیدهای فلش پایین و فلش سمت راست متن را مقداری تکان دهید. در واقع باید ۱ پیکسل به سمت راست و یک پیکسل به سمت پایین هدایت شود، سپس کلید Enter را زده تا از این حالت خارج شود.

Step_02_3

مرحله ۴

رنگ متن کپی شده را به کد رنگ #۴e4e4e تغییر دهید. اکنون باید از لایه متن ۱۷ بار کپی بگیرید (در مرحله های قبل با نحوه کپی گرفتن زا لایه ها آشنا شدید) هر بار که از لایه متن کپی می‌گیرید باید همانند بار اول یک آن را تغییر مکان دهید.

Step_02_4

مرجله ۵

کلید Ctrl ؤا نگه داشته و تمامی لایه های کپی شده متن را انتخاب کنید، همچنین می‌توانید روی لایه اول کلیک کرده و کلید Shift را از صفحه کلید نگه دارد سپس آخرین لایه کپی شده را انتخاب کنید تا تمامی آن‌ها کپی شود سپس به منوی Filter > Convert for Smart Filters بروید و نام آن را به copy 1 تفییر دهید.

اکنون از لایه smart object متن دوبار کپی بگیرید و نام آن‌ها را به copy 2 و copy 3 نیز تغییر دهید، سپس مقدار Fill لایه copy 3 را به ۰ تغییر دهید.

Step_02_5

بخش ۳ – استایل دادن به لایه اصلی متن

دوبار روی لایه متن اصلی کلیک کنید تا وارد پنجره تنظیمات آن شوید

مرحله ۱

به بخش تنظیمات Bevel and Emboss رفته و تنظیمات زیر را اعمال کنید:

  • Style: Outer Bevel
  • Size: 3
  • Uncheck the Use Global Light box
  • Angle: 77
  • Altitude: 42
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
  • Shadow Mode – Opacity: 50%

Step_03_1

مرحله ۲

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

  • Contour: Gaussian
  • Check the Anti-aliased box

Step_03_2

 

مرحله ۳

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

  • Size: 1
  • Fill Type: Gradient
  • Angle: -135
  • Use the aluminum 150e gradient fill

Step_03_3

مرحله ۴

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

  • Blend Mode: Color Burn
  • Noise: 10%
  • Color: #8c8c8c
  • Source: Center
  • Size: 18

مرحله ۵

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

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Use the aluminum 150e gradient fill

Step_03_5

مرحله ۶

این تنظیمات برای لایه اصلی متن بود که در واقع بالاترین لایه از میان کل لایه‌ها است، اکنون میخواهیم ادامه تنظیمات را انجام دهیم تا متن به سعدی ما به بهترین شکل ممکن ایجاد شود.

بخش ۴ – استایل دادن به اولین لایه و Extrusion

دوبار روی لایه copy 2 smart object  کلیک کنید تا صفحه تنظیمات آن باز شود.

مرحله ۱

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

  • Color: #424242
  • Uncheck the Use Global Light box
  • Angle: -42
  • Distance: 57
  • Size: 16

Step_04_1

مرحله ۲

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

  • Style: Reflected
  • Angle: 45
  • Scale: 150%
  • Use the dark chrome gradient fill
  • Click the Gradient box to modify the gradient fill

Step_04_2

مرحله ۳

با کلیک بر روی Color Stop در قسمت آخر سمت راست گرادینت بار و کلیک روی دکمه Delete تمامی رنگ‌ها و نور ها را جذف کنید.

Step_04_3

مرحله ۴

اضافه کردن تنظیمات  Drop Shadow

  • Opacity: 60%
  • Distance: 10
  • Size: 10

Step_04_4

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

Step_04_5

بخش ۵ – اضافه کردن افکت ها به لایه دوم و ۳D Extrusion

روی لایه copy 3 smart object  دوبار کلیک کنید تا پنجره مربوط ه تنظیمات آن باز شود.

مرحله ۱

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

  • Size: 0
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Shadow Mode – Opacity: 65%

Step_05_1

مرحله ۲

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

  • Contour: Cone
  • Check the Anti-aliased box

Step_05_2

مرحله ۳

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

  • Blend Mode: Vivid Light
  • Noise: 10%
  • Color: #c5c5c5
  • Technique: Precise
  • Source: Center
  • Size: 46

Step_05_3

مرحله ۴

اضافه کردن تنظیمات Satin:

  • Blend Mode: Color Burn
  • Color: #717171
  • Distance: 7
  • Size: 18
  • Contour: Shallow Slope – Valley

Step_05_4

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

بخش ۶ – اضافه کردن سایه

مرحله ۱

لایه copy 1 smart object را از پانل لایه ها انتخاب کنید و سپس به منوی Filter > Blur > Motion Blur بروید در پنجره باز شده مقدار Angle را به ۵۵ و مقدار Distance را به ۱۰۰ تغییر دهید.

Step_06_1

مرحله ۲

Blend Mode لایه فوق را به حالت Color Burn تغییر داده و مقدار Opacity را به ۲۵% کاهش دهید.

Step_06_2

مرحله ۳

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

Step_06_3

بخش ۷ – اضافه کردن جزئیات

مرجله ۱

روی آیکن Create new fill or adjustment layer در پانل لایه ها کلیک کنید و سپس حالت Gradient را انتخاب نمایید.

Step_07_1

از حالت منوی گرادینت استفاده کرده و قسمت چپ را روی کد رنگ #ebebeb و قسمت سمت راست را روی #۲۸۲۸۲۸ بگذارید. سپس Style را به Radial تغییر داده و مقدار Scale را روی ۳۰۰ بگذارید.

Step_07_2

مرحله ۳

اکنون تنظیمات این لایه به پایان رسیده است و تنها باید Blend Mode آن را به Multiply تغییر دهید.

Step_07_3

تبریک شما این آموزش را به پایان رسانده اید!

در این آموزش ما در ابتدا یک پس زمینه چرمی را ایجاد کردیم و پس از آن با تکنیک Smart Object اشنا شدیم و برای هر لایه افکت‌های ویژه‌ای را انجام دادیم. متن مورد نظر ما بسیار ساده ایجاد شد و با چند تنظیم ساده توانستیم آن را به یک متن سه بعدی تبدیل کنیم. امیدوارم از این آموزش بهره کافی را برده باشید، همچنین می توانید سوالات خود را در بخش نظرات بپرسید. نظر شما درباره این آموزش چیست؟

 

 

مطالب مرتبط سایت

نظرات

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.