دو افکت ساده و راحت توسط استایل (حک و سه بعدی)

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

در این آموزش قصد داریم دو افکت ساده و راحت توسط استایل را آموزش دهیم. با ما همراه باشید ^_^

می‌توان با استفاده از الگوها و بافت‌های مختلف یک اثر جالب و سرگرم‌کننده به‌راحتی ساخت. این آموزش به شما چگونگی استفاده تکراری از متن را یاد می‌دهد تا بتوانید حتی بدون این‌که بخواهید از منوی سه‌بعدی استفاده‌ای کنید، با استفاده از یک سری لایه‌های سبک و مختلف، یک اثر فلزی زیبا و درخشان به‌طور سه‌بعدی ایجاد کنید. بیاید شروع کنیم!

نتیجه نهایی: (برای دیدن طرح در سایز اصلی روی آن کلیک کنید)

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

نیازمندی‌های آموزش

(در این آموزش فقط دو فایل grd و CSP True Sky Gradients.grd را لود کنید).

۱. ساخت پس‌زمینه

 

گام ۱

یک سند با سایز ۱۲۶۰ در ۸۵۰ پیکسل ایجاد و سپس از لایه‌ی Background یک کپی بگیرید.

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

گام ۲

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

 Gradient Overlay

Blend Mode: Soft Light                   

Opacity: 85%                   

Style: Radial                   

Scale: 150%                   

تیک باکس‌های Reverse و Dither را نیز بزنید.

سپس روی باکس Gradient کلیک کنید.

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

گام ۳

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

Color: #212121, Location: 0  

Color: #656667, Location: 72  

Color: #646565, Location: 100  

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

گام ۴

این استایل را نیز به کار اضافه کنید:

 Pattern Overlay 

Pattern: black_leather.jpg 

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

این هم از پس‌زمینه‌ی چرم با بافتی سبک ^_^

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

۲. ایجاد متن و 3D Extrusion

گام ۱

متنی با زدن دکمه‌ی All Caps (به‌منظور تایپ حروف بزرگ انگلیسی) توسط فونت Sans Serif Exb FLF ایجاد کنید. سایز ۳۰۰، رنگ آن #504d4a و Horizontal Scale آن نیز ۹۰ درصد است.

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

گام ۲

از لایه‌ی متن یک کپی بگیرید، مقدار Fill لایه‌ی جدید را بر روی ۰ قرار دهید و باز این نیز یک کپی بگیرید.

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

گام ۳

از لایه متن اصلی یک کپی گرفته و لایه‌ی کپی را به زیر این لایه بکشید.

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

و سپس انتقال را ذخیره و برگردید.

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

گام ۴

سپس دکمه‌ی ترکیبی زیر را باهم بزنید:

در مک: Option-Command-Shift-T

در ویندوز: Alt-Control-Shift-T

۸ الی ۹ بار این کار را انجام دهید تا با این کار متن منتقل‌شده‌ی ما حالت سه‌بعدی به خود بگیرد.

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

گام ۵

روی همه‌ی لایه‌های متن زیر متن اصلی را انتخاب کنید سپس به مسیر Filter > Convert for Smart Filters بروید. نام لایه جدید را 3D گذاشته و سپس از آن یک کپی بگیرید و قسمت Fill لایه‌ی کپی را بر روی صفر قرار دهید.

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

۳. دادن استایل به اولین لایه‌ی 3D

بر روی لایه 3D دو بار کلیک کنید و استایل‌های زیر را به آن بدهید:

گام ۱

 Bevel and Emboss

Technique: Chisel Hard                   

Size: 10                   

Gloss Contour: Cove – Deep                   

Highlight Mode: Linear Light                   

تیک باکس Anti-aliased را بزنید.

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

گام ۲

در قسمت Contour فقط تیک باکس Anti-aliased را بزنید.

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

گام ۳

 Inner Shadow

Distance: 0                   

Choke: 10                   

Size: 5                   

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

گام ۴

 Gradient Overlay

گرادیان‌های CSP True Sky Blue را که در پک بوده را انتخاب کنید. این بسته به سلیقه‌ی شماست.

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

گام ۵

 Drop Shadow

Distance: 20                   

Size: 20                   

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

این رنگ‌آمیزی به وسیله گرادیان برای لایه 3D اصلی بود. شما می‌توانید از سایر گرادیان‌ها نیز برای این کار استفاده دارد. این بار نیز بسته به سلیقه‌ی شما است ^_^

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

۴. دادن استایل به لایه 3D کپی شده

گام ۱

 Bevel and Emboss

Technique: Chisel Hard                  

Size: 15                  

Angle: 30                  

Altitude: 50                  

Highlight Mode – Opacity: 0%                  

Shadow Mode – Opacity: 50%                  

تیک باکس Use Global Light را بردارید و تیک باکس Anti-aliased را بزنید.

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

گام ۲

 Contour

Contour: Cone                   

تیک باکس Anti-aliased را بزنید.

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

گام ۳

 Inner Shadow

Distance: 0                   

Choke: 10                   

Size: 5                   

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

گام ۴

 Gradient Overlay

Blend Mode: Overlay                   

Style: Reflected                   

Angle: 60                   

در اینجا از گرادیان faucet 30 استفاده کنید.

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

گام ۵

 Pattern Overlay

Blend Mode: Overlay                  

Opacity: 90%                  

Pattern: metal_2-512px.jpg                  

Scale: 75%                  

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

این قسمت به لایه سه‌بعدی عمق و جزئیات بیشتری دادیم.

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

۵.دادن استایل به لایه‌ی متن اصلی

بر روی لایه متن اصلی دو بار کلیک کرده و استایل زیر را به آن بدهید:

گام ۱

 Bevel and Emboss

Size: 14                  

Angle: 76                  

Altitude: 69                  

Highlight Mode: Vivid Light                  

Color: #ffe1c9                  

تیک باکس Anti-aliased را زده و تیک باکس Use Global Light را بردارید.

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

گام ۲

قسمت Contour را فعال کرده و بگذارید محتویات آن روی مقادیر پیش‌فرض بماند.

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

گام ۳

 Texture

Pattern: metal_2-512px.jpg                  

Depth: 50%                  

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

گام ۴

 Stroke

Size: 2                  

Position: Inside                  

Blend Mode: Linear Light                  

Fill Type: Gradient                  

Style: Reflected                  

Angle: 90                  

در این قسمت از گرادیان stove pipe 50 استفاده کنید.

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

گام ۵

 Inner Shadow

Blend Mode: Color Burn                  

Color: #123c6b                  

Opacity: 55%                  

Distance: 0                  

Size: 60                  

Contour: Cove – Deep                  

تیک باکس Anti-aliased را نیز بزنید.

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

گام ۶

 Inner Glow

Blend Mode: Vivid Light                  

Noise: 15%                  

Color: #f4d9c0                  

Size: 14                  

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

گام ۷

 Satin

Blend Mode: Color Dodge                  

Color: #9a9a9a                  

Distance: 48                  

Size: 39                  

Contour: Cone – Asymmetrical                  

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

گام ۸

 Gradient Overlay

Blend Mode: Lighten                  

در قسمت از گرادیان stove pipe 100 استفاده کنید.

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

گام ۹

 Outer Glow

Blend Mode: Vivid Light                  

Noise: 10%                  

Color: #c6ab6a                  

Size: 35                  

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

گام ۱۰

 Drop Shadow

Color: #8d5411                  

Distance: 10                  

Size: 10                  

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

این هم از استایل متن اصلی.

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

۶. دادن استایل به اول لایه کپی از متن اصلی

بر روی لایه‌ی کپی اولی از متن دو بار کلیک کرده و استایل زیر را به آن بدهید:

گام ۱

 Bevel and Emboss

Size: 1                  

Highlight Mode: Vivid Light                  

Shadow Mode: Color Burn                  

Color: #74460f                  

تیک باکس Anti-aliased را بزنید.

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

گام ۲

 Contour

Contour: Rounded Steps                  

تیک باکس Anti-aliased را بزنید.

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

گام ۳

 Inner Glow

Blend Mode: Vivid Light                  

Noise: 30%                  

Color: #f3d8aa                  

Source: Center                  

Size: 62                  

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

این کار میزان درخشندگی وسط طرح را افزایش می‌دهد.

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

۷. دادن استایل به لایه‌ی متن کپی شده‌ی دوم

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

گام ۱

 Inner Glow

Blend Mode: Vivid Light                  

Opacity: 55%                  

Noise: 30%                  

Color: #d5ad89                  

Size: 14                  

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

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

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

۸. اضافه کردن بافت پس‌زمینه تصویر و تنظیم رنگ‌آمیزی نتیجه نهایی

گام ۱

بافت فولاد زد زنگ با نور منحرف را به درون کار بکشید و لایه آن را زیر لایه‌ی 3d قرار دهید و در صورت لزوم آن را resize کنید و Blend Mode آن را روی Soft Light قرار دهید.

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

گام 2

روی آیکون Create new fill or adjustment layer در انتهای پانل لایه‌ها کلیک کنید و گزینه‌ی Color Balance را انتخاب کنید.

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

گام 3

قسمت Tone را روی Midtones گذاشته و به ترتیب از بالا به پایین مقادیر ۳۵-, ۱-, ۱۰ را برای رنگ‌ها وارد کنید و تیک باکس Preserve Luminosity را نیز بزنید.

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

تبریک می‌گویم! کارتان تمام شد ^_^

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

خلاصه:

در این آموزش، ما یک پس‌زمینه‌ی چرم ساده را افزودیم پس از آن با گرفتن چند کپی از متن و حرکت لایه‌ها آن را سه‌بعدی کردیم و آن را به یک smart object تبدیل کردیم.

سپس با یکسری استایل و بافت تنظیمات دلخواه خود را روی لایه‌ها اعمال کردیم. درنهایت نیز توسط یک بافت ساده و تنظیمات Color Balance رنگ‌آمیزی را بهبود بخشیدیم.

نظرات و نتایج کار خود را برای ما نیز بفرستید، در صورت نیاز به راهنمایی، توسط قسمت نظرات ما را مطلع کنید ^_^

 

دانلود پی اس دی این آموزش

  • حجم: 7.59 مگابایت
  • PSD این طرح
  • پسورد فایل :www.pstuts.ir

آموزش افکت متنی دوم

در آموزش افکتی که قرار است آن را یاد بگیریم فقط با دولایه کار می‌کنیم که خیلی ساده و در عین حال زیباست. افکتی که تنها با استفاده از Drop Shadow و Inner Shadow به جود می‌آید. این آموزش ما خیلی ساده و جمع‌وجور است.

نتیجه‌ی نهایی:

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

جزئیات آموزش

نرم‌افزار مورداستفاده: فتوشاپ

ورژن: CS5 Extended به بالا

 

دانلود منابع

  • حجم: ۴.۰۵ مگابایت
  • محتویات: یک برگه‌ی قدیمی + براش گل‌وبوته + PSD این طرح + فونت Lobster
  • پسورد فایل :www.pstuts.ir

 

ابتدا رنگ پیش زمینه (Foreground) را بر روی #b0b19b و رنگ پس زمینه (Background) را برو روی #8f9078 قرار دهید. سپس یک گرادیان شعاعی (Radial Gradient) از وسط به طرف گوشه کار بکشید.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

برگه ی قدیمی را به درون فتوشاپ کشید و باید لایه آن بالاترین لایه در این قسمت از کار باشد، در صورتی که لازم شد آن را resize کنید (با کلیک راست روی لایه و زدن گزینه ی resize)، بعد از آن Blend Mode را بر روی Soft Light قرار دهید.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

به مسیر Filter > Noise > Add Noise در منو بروید و طبق تصویر زیر تنظیمات را انجام دهید:

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

یک متن با رنگ #5d5f42 ایجاد کنید. با استفاده از فونت Lobster که در قسمت منابع برای دانلود نیز قرار دادیم و همچنین سایز ۱۰۰.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

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

Drop Shadow

 Blend Mode: Normal                  

 Color: #ddd8c2                  

 Opacity: 100%                  

 Distance: 2                  

 Size: 1                  

بنابراین قسمت Color باید کمی سبک تر از رنگ پس زمینه باشد.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

Inner Shadow

 Color: #50513b                  

 Distance: 1                  

 Size: 1                  

در این قسمت رنگ کمی تیره تر میشود.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

این کار یک عمق بسیار زیبا به طرح میدهد و مثل این می ماند که متن را روی پس زمینه حکاکی کرده ایم.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

حال یک لایه جدید بالای همه لایه ها ایجاد کنید و Blend Mode آن را روی Multiply قرار بدهید؛ و رنگ پیش زمینه را روی #b1a77e گذاشته و توسط براش Pack-Horizontal Dividers آن را تزئیین کنید.

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

دوباره، روی این لایه دوبار کلیک کنید و استایلی اولی را که به قبلی دادیم را نیز به همین بدهید:

Drop Shadow

 Blend Mode: Normal                  

 Color: #ddd8c2                  

 Opacity: 100%                  

 Distance: 2                  

 Size: 1                  

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

Inner Shadow

 Color: #635b3a                  

 Distance: 1                  

 Size: 1                  

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

و اینهم از این! ببینید چه اثر عالی به وجود آمد. به همین راحتی!

افکت متنی حک شده ی ساده
افکت متنی حک شده ی ساده

امیدوارم از این دو آموزش لذت برده باشید ^_^

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

دو افکت ساده و راحت توسط استایل (حک و سه بعدی)

کامنت ها

8 پاسخ به “دو افکت ساده و راحت توسط استایل (حک و سه بعدی)”

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

پاسخ دهید

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

لطفا اگر سوالی خارج از موضوع این مطلب دارید آن را در فروم مطرح کنید.

<