آموزش ایجاد یک متن زیبا روی بافت خز دار

بازدید
آخرین به روز رسانی : پنجشنبه 17 آگوست 2017 - 3:15 ب.ظ
آموزش ایجاد یک متن زیبا روی بافت خز دار

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

……………………………………………………………………………………………………..

آموزش رو با دانلود فایل زمینه و همچنین فونت مورد نظر از آدرس های زیر شروع می کنیم.

دانلود فونت Cookie Regular

دانلود بکگراند پارچه ای

……………………………………………………………………………………………………..

تصویر زمینه رو پس از دانلود در فتوشاپ باز کنید . به مسیر File > Save as رفته و اون رو با فرمت PSD و با نام Displace Map ذخیره کنید.

……………………………………………………………………………………………………..

……………………………………………………………………………………………………..

حالا نوبت به تنظیم فایل برای تکنیک Displace هست .

لایه Background رو انتخاب کنید و به سر برگ image > Adjustment> Hue/Saturation رفته و یل با فشردن همزمان کلید های Ctrl+U پنجره مربوطه را باز کنید. مقدار Saturation رو روی -۱۰۰ تنظیم کنید.

……………………………………………………………………………………………………..

۳

……………………………………………………………………………………………………..

به مسیر Filter > Blur > Gaussian Blur رفته و مقدار Radius رو برابر با ۲ قرار دهید.

……………………………………………………………………………………………………..

۴

……………………………………………………………………………………………………..

در پنل Layers رو Background راست کلیک کنید و Convert to smart object  رو بزنید.

به مسیر File > Save بروید و تغیرات را ذخیره کنید.

حالا فایل اصلی بک گراند را در فتوشاپ باز کنید. ابزار  Color Replacement Tool  رو از منوی باز شوی Brush ها انتخاب کنید.

……………………………………………………………………………………………………..

۶

……………………………………………………………………………………………………..

رنگ Foreground  را با کد #d7ba80 پرکنید .

……………………………………………………………………………………………………..

۷

……………………………………………………………………………………………………..

تنظیمات رو در Option Bar بصورت زیر اعمال کنید.

……………………………………………………………………………………………………..

۸

……………………………………………………………………………………………………..

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

……………………………………………………………………………………………………..

۹

……………………………………………………………………………………………………..

از لایه Background کپی گرفته و اونو تبدیل به Smart Object کنید.

……………………………………………………………………………………………………..

۱۰

……………………………………………………………………………………………………..

روی لایه Background دو بار کلیک کنید و تنظیمات زیر رو در قسمتColor Overlay اعمال کنید.

Color: #fde8bd

Blend Mode: Divide

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

……………………………………………………………………………………………………..

۱۱

……………………………………………………………………………………………………..

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

……………………………………………………………………………………………………..

۱۲

……………………………………………………………………………………………………..

از منوی Drop Down باز شده در قسمت Color ، Yellows رو انتخاب و مقادیر زیر را در فیلدها قرار دهید.

Cyan: -30

Magenta: -16

Yellow: -47

Black: -21

……………………………………………………………………………………………………..

۱۳

……………………………………………………………………………………………………..

همینکار رو برای Blues و با مقادیر جدید انجام دهید.

Cyan: -100

Magenta: -35

Yellow: -100

Black: -16

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

……………………………………………………………………………………………………..

۱۴

……………………………………………………………………………………………………..

حالا نوبت اضافه کردن متن مورد نظر به کار هستش . فونت  Cookie Regular را که دانلود و به مجموعه فونتهای سیستم اضافه کرده اید را انتخاب کنید و سایز متن رو روی ۱۵۰ PX  قرار دهید . در قسمت Color : white  یا کد رنگ ffffff # قرار دهید.

……………………………………………………………………………………………………..

۱۵

……………………………………………………………………………………………………..

با راست کلیک روی لایه متن و انتخاب Convert to Smart Object  متن رو به اسنمارت آبجکت تبدیل کنید و در قسمت بالای پنل Layers مقدار Fill رو برابر ۰ قرار دهید .

……………………………………………………………………………………………………..

۱۶

……………………………………………………………………………………………………..

روی لایه متن دوبار کلیک کنید و در پنل Layer Style  و در قسمت Bevel and Emboss مقادیر زیر رو وارد کنید.

Style: Pillow Emboss

Size: 8

Check the Anti-aliased box

Highlight Mode: Linear Light

Color: #929292

Opacity: 50%

Shadow Mode: Color Burn

Color: #434343

Opacity: 27%

……………………………………………………………………………………………………..

۱۷

……………………………………………………………………………………………………..

حالا باید تصویر به شکل زیر داشته باشید.

……………………………………………………………………………………………………..

۱۸

……………………………………………………………………………………………………..

قسمت Color Overlay رو بصورت زیر تنظیم کنید.

Color: #bdadb1

Blend Mode: Linear Burn

……………………………………………………………………………………………………..

۱۹

……………………………………………………………………………………………………..

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

……………………………………………………………………………………………………..

۲۰

……………………………………………………………………………………………………..

یک افکت Drop Shadow با خصوصیات زیر برای لایه متن ایجاد کنید .

Blend Mode: Linear Burn

Color: #707070

Opacity: 20%

Uncheck the Use Global Light box

Angle: 90

Distance: 3

Size: 5

……………………………………………………………………………………………………..

۲۱

……………………………………………………………………………………………………..

خب کار بصورت زیر دراومده و شما میتونین چین پارچه رو زیر متن ببینید ولی هنوز کار خودش رو یک مقدار فلت و غیر واقعی نشون میده .

……………………………………………………………………………………………………..

۲۲

……………………………………………………………………………………………………..

خب قدم بعدی چیه . باید یک مقدار کار رو نرمتر و محو کنیم . برای اینکار باید از فیلتر Gaussian Blur  و همچنین فیلتر Displace استفاده کنیم .

به مسیر Filter > Blur > Gaussian Blur  رفته و مقدار Radius را در پنجره بازشو به ۱ تغییر بدید.

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

……………………………………………………………………………………………………..

۲۳

……………………………………………………………………………………………………..

حالا نوبت به اعمال فیلتر Displace میرسه برای اینکار به مسیر Filter > Distort > Displace  در پنجره بازشو مقادیر Horizontal Scale و Vertical Scale را روی عدد ۱۵ تنظیم کنید. اعمال این مقادیر اندازه و شدت عمودی و افقی افکت رو تنظیم میکنه. مقادیر بزرگتر باعث بیشتر شدن و مقادیر کوچک تر باعث کوچکتر شدن افکت میشه . میتونید مقادیر فیلدها رو به سلیقه خودتون تنظیم کنید تا خروجی مناسب برای کارتون رو پیدا کنید.

Displacement Map رو بر روی Stretch to Fit  و Undefined Areas را روی choose Repeat Edge Pixels  قرار بدید و OK کنید.

……………………………………………………………………………………………………..

۲۴

……………………………………………………………………………………………………..

در پنجره انتخاب فایل ، فایل Displace Map  که با پسوند PSD ذخیره کرده بودید رو انتخاب و Ok  کنید .

خب همونطور که میبینید نتیجه کار خیلی بهتر و واقعی تر شده و لبه های متن نرم تر و با بک گراند ترکیب شده.

……………………………………………………………………………………………………..

۲۵

……………………………………………………………………………………………………..

یادتون باشه هر زمان که خواستید میتونید روی  فیلتر Displace در لیست Smart filters مقادیر جدید رو اعمال کنید تا نتیجه مناسب تری بدست بیارید.

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

به مسیر Filter > Sharpen > Smart Sharpen و فیلتر Smart Sharpen رو به لایه Background Copy اضافه کنید .

تنظیمات رو مطابق با تصویر در پنجره بازشو اعمال کنید .

……………………………………………………………………………………………………..

۲۶

……………………………………………………………………………………………………..

توجه کنید مقادیری که در آموزش ذکر شده بسته به نوع بکگراند ، اندازه و نوع فونت شما میتونه متغییر باشه و باید متناسب  با وضعیت اعمال بشه.

حالا وقتشه که از دیدن نتیجه کارتون لذت ببرید.

……………………………………………………………………………………………………..

 finaal

امیدوارم این آموزش مورد توجه شما عزیزان قرار گرفته باشه و استفاده کنید.

لینک کوتاه

ارسال دیدگاه دیدگاه

* نام
* ایمیل
* ضروری

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

شرایط ارسال دیدگاه:

سعی کنید از دیدگاههای نامرتبط با نوشته پرهیز کنید در غیر اینصورت پاسخ داده نخواهد شد.

تمامی دیدگاههای ارسالی توسط مدیر سایت گیسوم طرح بررسی و پاسخ داده خواهد شد.