طراحی متن بالشتی! افکت متنی بالش

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

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

1) طراحی متن به شکل بالش در فتوشاپ (تبدیل متن به بالش

خب اول یه فونت باید نصب کنید پس فتوشاپ رو ببندید و فونت زیر رو نصب کنید و بعد دوباره فتوشاپ رو باز کنید:

دانلود فونت Berlin Sans FB Demi

حالا یه فایل جدید بسازید (من 1200 در 800 ساختم) بعد ابزار تایپ (کلید T) رو انتخاب کنید و فونت نصب شده رو انتخاب کنید بعد با رنگ دلخواه تون (من 00aeef رو انتخاب کردم) متن دلخواه تون رو بنویسید (وسط صفحه کلیک کنید و بنویسید و بعدش Ctrl+Enter رو بزنید)

حالا از منوی پنل Layers گزینه ی Convert to smart object رو انتخاب کنید. بعد باید روی همین لایه استایل های زیر رو وارد کنید. برای اینکار روی یه قسمت خالی از لایه دابل کلیک کنید و تنظیمات زیر رو وارد کنید:

رنگ استفاده شده در Inner Shadow و Outer Glow اینه: 004478# … همچنین رنگ Color Overlay اینه: 0084ff# … ضمنا پترن استفاده شده در قسمت texture و پترن استفاده شده در قسمت Pattern رو از لینک زیر دانلود کنید. البته در قسمت پترن هر طرح دلخواه دیگه ای که میخواید روی بالش تون بیفته رو میتونید انتخاب کنید.

دانلود پترن های بالش

حالا برای اینکه یکم شبیه به بالش بشه، یکم متن رو می لرزونیم! برای اینکه از فیلترهای Distort استفاده می کنیم که مناسب ترینش فیلتر Wave هست (Filters>Distort>Wave) انتخابش کنید و تنظیمات زیر رو وارد کنید:

طراحی افکت متنی بالش | فیلتر Wave

برگردیم به style هایی که اعمال کردیم! (قبل از فیلتر Wave) من وقتی داشتم این استایل ها رو اعمال میکردم خیلی روی فیلتر Bevel & Emboss کار کردم اما اونی که میخواستم نشد چون میخواستم یه فیلتر Bevel & Emboss دیگه با تنظیمات دیگه اعمال بشه! اگر گفتید چجوری اینکارو انجام میدیم؟ خیلی ساده س:

چگونه در فتوشاپ یک Layer Style را دو بار اعمال کنیم؟

برای اینکار اول لایه رو انتخاب کنید بعدش کلید Ctrl+G رو بزنید تا اون لایه رو درون یه گروه (یا بعضی ها میگن پوشه) قرار بدید حالا به پوشه استایل بدید! البته میشه لایه رو به smart object هم تبدیل کرد اما من گروه ساختن رو بیشتر ترجیح میدم.

خب پس همین کار رو انجام بدید و بعد استایل زیر رو روی گروه اعمال کنید:

طراحی افکت متنی بالش | آموزش فتوشاپ

البته من استایل texture که بالاتر به خود لایه دادیم رو هم به این گروه اعمال کردم اما زیاد تغییر نکرد. برای اینکه یک استایل رو از یک لایه در یک لایه ی دیگه کپی کنیم باید کلید Alt رو نگه داریم و بعد اون استایل رو بکشیم روی هر لایه ای که خواستیم. اما متاسفانه استایل Texture پایین لایه ها در قسمت fx دیده نمیشه و Bevel & Emboss به صورت کلی (به همراه استایل های زیر مجموعه ش هست)

طراحی افکت متنی بالش | آموزش فتوشاپ

2) طراحی ریش ریش های اطراف بالش

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

اول از همه smart object رو باز کنید (برای اینکار روی عکس smart object دابل کلیک کنید) بعد همون طور که می بینید یه فایل جدید باز میشه که داخلش همون لایه ی متنی که ساختیم قرار داره. حالا من این لایه ی متنی رو میخوام! پس ابزار Move رو انتخاب کنید و وسط عکس کلیک کنید و درگ کنید به روی تب فایل اصلی! یکم صبر کنید بعدش فایل اصلی باز میشه حالا نشانگر موس رو بیارید وسط عکس بعد کلید Shift رو نگه دارید (تا لایه دقیقا وسط عکس قرار بگیره) و بعد رها کنید… راه دیگه اینه که روی لایه دابل کلیک کنید و گزینه ی Duplicate Layer رو انتخاب کنید و فایل اصلی رو انتخاب کنید.

طراحی افکت متنی بالش | آموزش فتوشاپ | کپی کردن لایه

حالا چرا اینکار رو کردیم؟ چون میخوایم یه براش (همون ریش ریش ها 🙂 ) رو دور متن (که الآن به Path تبدیلش می کنیم) تکرار کنیم! به این شکل که:

اول) ساختن براش: آماده کردن براش برای تکرار شدن دور متن

ابزار براش رو با کلید B انتخاب کنید و بعد کلید F5 رو بزنید تا پنل Brush باز بشه حالا تنظیمات زیر رو انجام بدید:

توضیح: در مورد تنظیمات این پنل در این مطلب به صورت کامل توضیح داده ام. فقط اینو بگم که این تنظیمات فقط یه بار نباید استفاده بشه پس بهتره این براش رو ذخیره ش کنید که باز توی همون مطلب توضیح دادم چجوری!

دوم) تبدیل متن به یک Path کشیدن براش به دور متن

برای اینکار لایه ی متنی رو انتخاب کنید بعد از منوی Type گزینه ی Create Work Path رو انتخاب کنید (در فتوشاپ CS5 این گزینه باید در منوی Layers باشه اما دقیق نمیدونم کجاس)

Create Work Path آموزش فتوشاپ

و در نهایت باید اول ابزار براش رو انتخاب کنید و اندازه ی براش رو روی مثلا 45 یا کمتر یا بیشتر (بسته به سلیقه تون) تنظیم کنید بعد یک لایه ی جدید بسازید و لایه ی متنی رو مخفی کنید و بعدش ابزار Pen رو با کلید P انتخاب کنید بعد وسط صفحه کلیک راست کرده و Stroke Path رو انتخاب کنید؛ حالا در پنجره ی باز شده از منوی موجود گزینه ی Brush رو انتخاب کنید و اوکی! ببینید اندازه ی براش تون خوبه یا نه؟ اگر خوب نیست Ctrl+Z رو بزنید و تنظیمش کنید و دوباره انجام بدید.

Stroke Path آموزش فتوشاپ

افکت متنی بالش آموزش فتوشاپ

البته این چیزی که در عکس بالا میبینید اصلا مناسب نیست! باید اینکار رو چندین بار تکرار کنید تا کاملا پر بشه. راه دیگه اینه که همون اول که داشتیم براش رو درست میکردیم در قسمت Scattering مقدار Count رو ببریم بالا!!! خب چرا همون اول توی عکس اینکار رو نکردم؟ نمیدونم گفتم شاید اینجوری یه چیزی بیشتر یاد داده باشم 🙂

توی عکس زیر من اینکار رو با Count بالاتر انجام دادم ضمنا وقتی اینکار رو انجام میدادم حواسم نبود که رنگ براشم رو تغییر بدم و با همون براش سیاه اینکار رو انجام دادم!! برای همین یک استایل به لایه دادم و رنگ دلخواهم (0090ff) رو با Color Overlay روش قرار دادم.

افکت متنی بالش آموزش فتوشاپ

حالا دوباره دقیقا همین کار رو با رنگ سفید و با سایز براش کوچک تر انجام بدید (فقط یه ذره کوچک تر مثلا اگر اول با براش 45 پیکسل اینکار رو انجام دادید حالا با 43 امتحان کنید)

افکت متنی بالش آموزش فتوشاپ

خب الآن می خوایم چندتا استایل اعمال کنیم بعدش هم میخوایم یه فیلتر اعمال کنیم! پس بهتره از همین الآن آینده نگری کنیم و قبل از اعمال کردن استایل ها لایه مون رو به Smart Object تبدیل کنیم (بالاتر گفتم چجوری) بعدش هم بریم سراغ این استایل ها:

حالا نوبت فیلترهاس! البته یه دونه فیلتر بیشتر نیست که اونم همون فیلتر Wave هست که اول کار اعمال کردیم! یادتون هست که؟؟ خب چجوری همون فیلتر رو دقیقا با همون تنظیمات اعمال کنیم؟ دو تا راه هست:

  1. اگر بعد از اون فیلتر Wave دیگه هیچ فیلتر دیگه ای رو اعمال نکردید، کافیه کلیدهای Ctrl+F رو بزنید تا آخرین فیلتر اعمال شده باز بشه!! حالا Enter رو بزنید.
  2. راه دیگه اینه که کلید Alt رو نگه دارید و فیلتر Wave رو از روی اون یکی Smart Object بکشید (درگ کنید) روی Smart Object جدید.

برای نیمه حرفه ای ها: اگر بخوایم یکم ریزتر بشیم، می تونیم بعضی از اون ریش ها رو پرنگ تر کنیم! یعنی آبی تر کنیم. برای اینکار باید دوباره یه لایه ی دیگه بسازیم و دوباره همون کارهایی که بالا انجام دادیم رو انجام بدیم و دوباره اون براشی که ساختیم رو دور تا دور متن تکرار کنیم (ولی این دفعه نیازی نیست که خیلی پر بشه یعنی فقط یه بار این کار رو انجامش بدید تا یکم از اون ریش ها کشیده بشه) حالا یک استایل Color Overlay با رنگ ace9ff# بهش بدید و بعدش هم گزینه ی Blend Interior Effects as Group رو در قسمت Blending Options تیک بزنید و Blend mode رو به Linear Burn تغییر بدید. در پایان هم این لایه رو Clip کنید به لایه ی ریش ریش قبلی که تا الآن داشتیم میساختیم. عکس های زیر رو ببینید کامل متوجه میشید:

خب این تا اینجا اما بازم میشه روی این ریش ها کار کرد! در کل یا باید رنگ ریش ها رو تغییر بدیم (رنگ رو در استایل Color Overlay انتخاب کردیم) یا اینکه از تکنیک زیر استفاده کنیم:

یک تکنیک عجیب با ابزار Gradient

میخوایم یه کار عجیب بکنیم. یه لایه ی جدید بسازید و ابزار Gradient رو انتخاب کنید بعد کلیدهای Alt+Shift+E رو بزنید تا بلِندمد Difference انتخاب بشه بعد کلیدهای ,+Shift رو بزنید تا اولین Gradient انتخاب بشه و بعدش کلید D (انتخاب رنگ های پیش فرض) و بعدش هم کلید X (جا به جا کردن رنگ Foreground و Background) رو بزنید. حالا همینجوری الکی و بی هدف توی این لایه تند و تند Gradient بکشید!! به قول معروف قاطی پاتی!! در پایان میشه یه چیزی مثل این:

افکت متنی بالش آموزش فتوشاپ

افکت متنی بالش آموزش فتوشاپ

خب حالا کلید V و بعدش هم کلید Alt+Shift+A رو بزنید تا Blend mode این لایه به Linear Burn تغییر کنه بعدش کلیدهای Shift+2 و بعد خیلی سریع کلیدهای Shift+5 رو بزنید تا Fill این لایه به 25 درصد تغییر کنه (چرا Opacity رو تغییر ندادم؟ چون Linear Burn جز اون دسته از Blend mode هایی هست که در اون Opacity با Fill فرق میکنه)

افکت متنی بالش آموزش فتوشاپ

در پایان هم این لایه رو به لایه ای که بالاتر ساختیم Clip کنید.

افکت متنی بالش آموزش فتوشاپ

تا اینجا پنل Layers این شکلیه:

افکت متنی بالش آموزش فتوشاپ

3) طراحی جزئیات: طراحی شکل های دوخت و نرم تر کردن بالش

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

افکت متنی بالش آموزش فتوشاپ

حالا blend mode ش رو Screen کنید (Alt+Shift+S) بعد کلیدهای 4 و 5 رو سریع و پشت سر هم بزنید تا opactiy بشه 45 درصد. به نظرم که خیلی بهتر میشه 🙂

بگذریم خیلی هم چیز مهمی نبود اما قسمت بعدی رو داشته باشید خیلی مهمه! نرم تر کردن بالش! یه بالش نرم چجوریه؟ عکس زیر رو ببینید:

افکت متنی بالش آموزش فتوشاپ

افکت متنی بالش آموزش فتوشاپ

هدف اینه که یکم چین و چروک به بالش بدیم. برای اینکار من از روش عجیبی که به نظرم خیلی خوب جواب داد استفاده کردم البته یکم سخته. به این صورت که اول باید یه براش بسازیم که در واقع یه براش از خود فتوشاپ هست. شما یا براش رو از لینک زیر دانلود کنید و یا خودتون بسازیدش به این شکل که اول از منوی پنل Brush Presets گزینه ی Reset Brushes رو انتخاب کنید بعد OK کنید حالا پنل Brush رو باز کنید (کلید F5) و یکی از براش های Flat Blunt یا مثلا Flat Curve رو انتخاب کنید بعدش تنظیمات زیرو رو انجام بدید

تنظیمات براش افکت متنی بالش آموزش فتوشاپ

حالا لایه ی Pillow (همون لایه ای که اول از همه متن مون رو داخلش نوشتیم و به بالش تبدیل کردیم) رو انتخاب کنید و بعد گزینه ی زیر رو از پنل Adjustments انتخاب کنید تا Levels Adjustment Layer انتخاب بشه (فرقی نمیکنه از پنل Layers انتخابش کنید یا از پنل Adjustments فقط خواستم بگم اینجا هم هست)

پنل Adjustments افکت متنی بالش آموزش فتوشاپ

خب الآن یه لایه ی Levels ساخته شد که یه لایه ی ماسک داره و پنل Properties هم باز شده. اگر لایه ای که ساخته شده لایه ی ماسک نداره به دلیل اینه که تنظیماتش رو تغییر دادید مهم نیست خودتون یه دونه بسازید. حالا در پنل Properties به شکل زیر عمل کنید چون میخوایم قسمت هایی که با براش میکشیم یکم تیره تر بشه.

Levels Adjustments افکت متنی بالش آموزش فتوشاپ

بعد استایل های زیر رو به این لایه بدید! با این استایل ها، دور قسمت هایی که با براش میکشیم خطوط سفید و سیاهی کشیده میشه که بسیار تاثیر میذاره توی واقعی تر شدن بالش.

افکت متنی بالش آموزش فتوشاپ

افکت متنی بالش آموزش فتوشاپ

در نهایت هم این لایه رو به لایه ی Pillow (همون لایه ی بالش) Clip کنین.

Clip کردن لایه افکت متنی بالش آموزش فتوشاپ

حالا ابزار براش رو انتخاب کنید و همون براشی که ساختیم رو هم انتخاب کنید و بعد لایه ی ماسک رو انتخاب کنید و شروع کنید به کشیدن براش در قسمت هایی که میخواید یکم چین و چروک بیفته! به این صورت که:

  1. اول از همه گفتم لایه ی ماسک رو انتخاب کنید!! انتخاب کردید یا نه؟؟  😕
  2. یه کلیک روی ریش ریش های اطراف بالش بکنین
  3. Shift رو نگه دارید
  4. حالا داخل بالش کلیک کنین

البته با اینکار احتمالا تفاوت خاصی نمیبینین! 😐 اما شما چندتا از این چین و چروک ها رو بکشین (مثلا 3-4 تا) بعدش اینکار رو انجام بدید:

همینطور که لایه ی ماسک انتخاب هست کلیدهای Ctrl+L رو بزنید و بعد:

Levels افکت متنی بالش آموزش فتوشاپ

حالا OK نکنید!! همینجوری که این پنجره باز هست به عکس نگاه کنین ببینید چطور شده؛ قشنگه یا نه. در هر صورت این پنجره رو بدون OK کردن ببندید و به همین صورت به اضافه کردن چین چروک ادامه بدید وقتی تموم شد، دوباره Ctrl+L رو بزنید و طبق عکس بالا عمل کنید در پایان اگر خوب بود OK کنید.

در پایان یه پس زمینه هم بذارید زیر عکس من این پس زمینه رو انتخاب کردم.

عکس نهایی (واااااای بلخره تموم شد 😐 )

افکت متنی بالش آموزش فتوشاپ

مطالب مرتبط

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

آموزش افکت ستاره در فتوشاپ

ساخت یک wallpaper با موضوع موسیقی

آموزش متن پشمالو در فتوشاپ

آموزش ایجاد شیرینی خوشمزه در فتوشاپ

آموزش ایجاد متن تا شده در فتوشاپ

طراحی متن بالشتی! افکت متنی بالش

محتوای مطلب

<