خلق یک افکت زیبای متنی به کمک فوتوشاپ و ایلاستریتور

 

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

متن را به صورت دستی در ادوبی ایلاستریتور می سازیم. سپس آن را به ادوبی فوتوشاپ می بریم و کمی به آن افکت و بافت اضافه می کنیم. هر متنی را که دوست داشتید می توانید تایپ کنید و افکت های مد نظر را روی آن پیاده کنید .

خب بهتر است شروع کنیم.

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

Concrete Texture from VandelayPremier

Free Alternative: Free Concrete Textures from Texture King

The Avengers from Owen Dawson

The Mighty Avengers from Owen Dawson

افکت متن Avenger

قدم اول : گرفتن فونت مورد نظر

خب بهتر است کار را بر روی هرکدام از کارکترها آغاز کنیم. اولین آپشن ما برای این کار استفاده از فونتهای مجانی است. بعد از جستجو در گوگل و سرچ ” free fonts Avengers ” بالاخره به دو فونت با همین مضمون رسیدم. فونتهای Avengers و Mighty Avengers که هر دوی آنها بوسیله ی “داوسون ” ساخته شده است. متاسفانه هردوی آنها به اندازه کافی برای کار ما مناسب نیستند.

اولین فونت که حروف K و O را هم ندارد . ما برای کلمه ای که می خواهیم استفاده کنیم به هردوی این حروف نیازمندیم . همچنین نمی توانیم از حرف A آن نیز استفاده کنیم چرا که اگر بخواهیم آن را در میان کلمه استفاده کنیم زیاد جالب نخواهد شد .

 

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

 

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

 

قدم دوم : منابع

باید شروع کنید به جستجو در گوگل و به دنبال فونت مورد نظرتان بگردید . آن را ذخیره کنید و یک فایل جدید در ادوبی الاستریتور بسازید و سپس فایل را بچسبانید . بر روی Object > Lock > Selection کلیک کنید تا تصویر را قفل کنید و از اینکه به طور اتفاقی دستکاری شود جلوگیری کنید

 

قدم سوم : ساختن حروف

در متن حاضری که پیش رو داریم. می توانیم حروف Gو N را در کلمه ی مورد نظر خودمان پیدا کنیم . یک لایه جدید درست کنید و سپس با استفاده از ابزار خودکار حروف N و G را رسم کنید .

 

قدم چهار :

برای دیگر حروف یعنی : (H, O, K, I, A, and T) با استفاده از حروف دیگر آن ها را پایه ریزی می کنیم . برای حرف I از حرف N استفاده می کنیم و نصف آن را می بریم .

 

برای حرف O از حرف E استفاده می کنیم به این ترتیب که یک سوراخ در مرکز آن ایجاد می کنیم .

 

برای حرف K به سادگی از حرف R  استفاده می کنیم به این ترتیب که قسمت بالای آن را حذف می کنیم .

 

 

همچنین می توانیم از Rبه عنوان A نیز استفاده کنیم.

 

برای T از حرف A استفاده می کنیم که قبلا آن را درست کردیم.

 

قدم 5:

حالا تمام این حروف را در محل قرار دهید . در حال حاضر “ONGKIAT” را داریم.

 

قدم 6 : حالا حرف اول H  را می کشیم.

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

 

قدم 7:

دو دایره با یک ویژگی و مثل هم بکشید . هردو دایره را انتخاب کنید ، پنل Pathfinder را باز کنید و Subtract را انتخاب کنید تا یک حلقه درست کنید 

 

قدم 8:

حلقه را در بالای حرف H و O قرار دهید . توجه کنید که برای اینکه بهتر کار را مشاهده کنیم موارد غیر لازم را پاک می کنیم.

 

قدم 9 :

حروف “Ho” را انتخاب کنید و Object > Path > Offset Path را کلیک کنید .

 

قدم 10 :

بر روی H راست کلیک کنید و Ungroup را انتخاب کنید تا Path را از path اصلی جدا کنید . همین فرایند را برای حرف O نیز تکرار کنید .

 

قدم 11:

یک H  بزرگ بر بالای شکل حلقه بگذارید برای این کار می توانید به Object > Arrange > Bring to Front بروید . حرف H بزرگ و شکل حلقه را انتخاب کنید سپس Subtract را بر روی پنل Pathfinder انتخاب کنید .

 

این نتیجه کاری است که انجام می دهیم

 

 

قدم 12:

بر روی شکل حلقه کلیک کنید و Ungroup را انتخاب کنید

 

قدم 13:

بالای شکل حلقه یک O  بزرگ با کلیک  Object > Arrange > Bring to Front قرار دهید .O  بزرگ و شکل حلقه  را انتخاب کنید .از پنل Pathfinder ، Subtract را انتخاب کنید .

 

در زیر نتیجه را می بینید

 

قدم 14:

باقی مانده های حلقه را که نیازی بدان ندارید را پاک کنید .

 

قدم 15:

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

 

قدم 16:

دو مستطیل بکشید ، سپس یکی را به اندازه 45 درجه و دیگری را به اندازه -45 بچرخانید . آنقدر آن ها را جابجا کنید تا در نهایت به یک شکل باریک مثل چیزی که مشاهده می کنید برسید .

 

قدم 17:

هردو شکل را انتخاب کنید و از پنل Pathfinder یک حالت را برای آنها انتخاب کنید .

 

قدم 18 :

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

 

حالا ، ما یک پیکان پنهان درون حرف H داریم. حالا این متن آماده است که از آن استفاده کنیم.

 

قدم 19 : حالا کار را در فوتوشاپ ادامه می دهیم.

 

فوتوشاپ را باز کنید . یک فایل با اندازه های 200 پیکسل در 900 پیکسل ایجاد کنید . پشت زمینه را با رنگ #070707 پر کنید .

 

قدم 20 : Path حروف را وارد کنید .

 به ایلاستریتور باز گردید . تمام path های حروف را انتخاب کنید و سپس کنترل C را بزنید تا همه آنها در کلیپرد کپی شوند .

 

قدم 21:

در فوتوشاپ کلید کنترل V را بزنید تا آنها را که کپی کرده بودید اینجا بیاید .

 

حالا متنهایی که در ایلاستریتور داشتیم به صورت یک path جدید قرار گرفتند .می توانید آن را در پنل path ها پیدا کنید .

 

قدم 22:

Path داخلی O وA  را انتخاب کنید . در نوار آپشن حالت آن را به  Subtract تغییر دهید . این حالت باعث می شود هر دوی Path ها در داخلشان سوراخ هایی ایجاد شود .

 

قدم 23 : تبدیل Path ها به شکل ها

در پنل لایه ها بر روی دایره سیاه و سفید کلیک کنید . Solid Color را انتخاب کنید ، رنگ آن را به #070c12 تنظیم کنید . حالا ما شکل های جدیدی بر پایه ی Path داخل شده در کار ،  داریم.

 

بر روی لایه دابل کلیک کنید تا Layer Style dialog box باز شود . Bevel and Emboss را اضافه کنید . تکنیک انتخابی راChisel Hard قرار دهید تا لبه های تیز تری داشته باشید .

 

در اینجا نتیجه کار را تا به این لحظه مشاهده می کنید .

 

قدم 24:

یک پوشش حالت سیمانی اضافه کنید و آن را در بالای متن قرار دهید. حالت blend mode  آن را به Screen و شفافیت آن را به 47درصد کاهش دهید .

 

قدم 25:

لایه پوششی (layer mask ) را اضافه کنید . یک گرادیان خطی از سفید تا سیاه رسم کنید.

 

قدم 26:

کلید های کنترل A+G را بزنید تا بافت به Clipping Mask تبدیل شود . حالا بافت به داخل متن می رود .

 

قدم 27:

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

 

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

 

قدم 28 : اضافه کردن افکت Embossed Stroke بر روی متن

متن را دابلیکیت کنید و آن را پشت لایه متن اصلی قرار دهید . از قسمت Layer Style ، Stroke را اضافه کنید .

 

در زیر شما می توانید نتیجه کار را به صورت یک رنگ صاف به صورت یکنواخت مشاهده کنید .

 

قدم 29 :

اجازه دهید Bevel and Emboss را هم اضافه کنیم و Style آن را به Stroke Emboss تنظیم کنیم. با استفاده از این راه این افکت به Stroke که قبلا آن را اضافه کرده بودیم نیز اعمال می شود .

 

حالا ، stroke ما ظاهری Emboss مانند گرفت . 

 

قدم 30 :

Outer Glow را اضافه کنید و به هر یک از حروف سایه ای متناسب آن اضافه کنید .در حال حاضر ما نمی توانیم تاثیر کاری را که کرده ایم ببینیم ، چرا که پشت زمینه هنوز خیلی تاریک است.

 

قدم 31:

یک لایه جدید در بالای متن با افکت stroke ایجاد کنید . کنترل را فشار دهید و بر روی لایه متن کلیک کنید .بر روی Select > Modify > Expand کلیک کنید . Expand را بر روی 3 پیکسل تنظیم کنید . توجه داشته باشید که ناحیه انتخابی را به اندازه 3 پیکسل بسط دادیم. بنابراین با اندازه استروک یکی می شود .

 

ناحیه انتخابی را با یک گرادیان خطی از سفید تا سیاه پر کنید .

 

حالت blend آن را به Overlay تنظیم کنید و شفافیت آن را به 30 درصد برسانید .

 

قدم 32: به پشت زمینه نور اضافه کنید .

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

 

قدم 33:

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

 

قدم 34:

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

 

قدم 35:

کلید کنترل  به همراه کلیک را بر روی لایه متن  فشار دهید تا یک ناحیه انتخابی جدید بر پایه شکل متن درست  کنید . یک لایه جدید درست کنید و آن را در بالای متن اصلی قرار دهید .

 

ابزار براش را فعال کنید ، شفافیت آن را به 10% برسانید . کمی سفیدی در وسط متن بکشید تا اینطور به نظر برسد که نور از پشت می تابد . 

 

در زیر می توانید نتیجه را قبل و بعد از اضافه کردن نور مشاهده کنید .

 

قدم 36:

یک لایه جدید دیگر درست کنید . آن را در بالای دیگر لایه ها قرار دهید. راست کلیک کنید و Stroke را انتخاب کنید .

 

رنگ سفید با عرض یک پیکسل را انتخاب کنید

 

قدم 37:

کنترل +D  فشار دهید . Gaussian Blur را اعمال کنید تا خط stroke کمی نرم تر شود .

 

قدم 38 :

کمی از خطوط stroke را پاک کنید . این خطوط بر روی شکل متن پر رنگ تر می شود.

 

قدم 39 :

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

 

قدم 40 :

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

 

قدم41 :

با کلیک کردن بر روی آیکن Layer Maskدر پنل لایه ها لایر ماسک اضافه کنید .حالت بلند را به صورت Overlay تنظیم کنید و شفافیت آن را به 55% برسانید .

 

قدم 42 :اضافه کردن رنگ

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

 

تنظیمات لایه Hue/Saturation را اضافه کنید .با استفاده از تنظیمات زیر این کار را انجام دهید ، همچنین اطمینان حاصل کنید که آپشن Colorize را فعال کرده اید .

 

در اینجا می توانید نتایج کار را بر روی متن ببینید .

 

قدم 43: افزایش کانتراست متن

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

 

حالت ترکیبی را به  Overlay تنظیم کنید و شفافیت را به 40% برسانید .

 

 

قدم 44: اضافه کردن زیر نویس

یک مستطیل باریک در بالای متن با رنگ  #3b568بکشید . یک لایر ماسک اضافه کنید . سپس هر دو انتهای آنها را با رنگ مشکی رنگ کنید . در بالای مستطیل یک زیر نویس ایجاد کنی.

 

نتیجه نهایی

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

 

امیدوارم از این آموزش و این کار لذت برده باشید و توانسته باشیم تکنیک های جدیدی به شما آموزش دهیم.

در پایان اگر سئوال و نظری داشتید خیلی خوشحال می شوم که آنها را بشنوم .

 

با تشکر از حسن توجه همگی شما

 

از اینجا می توانید فایل نهایی را دانلود کنید .

 

منبع : hongkiat