آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

آموزش Photoshop : طراحی افکت متنی استیم پانک قسمت اول

توی این آموزش، طراحی افکت متنی استیم پانک رو با Photoshop با هم می بینیم. برای این کار از Layer Style، شکل و گرادیانت استفاده می کنیم. بیاین شروع کنیم!

با ” آموزش Photoshop : طراحی افکت متنی استیم پانک ” با ما همراه باشید…

  • سطح سختی: پیشرفته
  • مدت آموزش: ۶۰ تا ۸۰ دقیقه
  • نرم افزار استفاده شده: Adobe Photoshop

فایل های تمرین- Project Files

دانلود فایل های استفاده شده در این دوره – Project Files

  1. طراحی پس تکسچر پس زمینه

گام اول

یک سند جدید به ابعاد ۱۲۵۰ در ۸۰۰ پیکسل درست می کنیم و بعد هم یک Gradient Adjustment Layer بهش اضافه می کنیم.

کد رنگی #۴۴۲۷۱b رو در چپ و #۱۱۰۷۰۲ رو در راست اضافه می کنیم. بعد هم Scale رو روی Radial و Scale رو روی ۲۰۰ قرار میدیم.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام دوم

تکسچر Shiver رو اضافه می کنیم و Blend Mode رو میزاریم روی Multiply و در صورت لزوم، اون رو Resize می کنیم.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

  1. ایجاد متن

گام اول

متن رو با حروف بزرگ و با فونت Museo Sans Rounded 1000 وارد می کنیم. Size رو روی ۳۰۰ و Tracking رو روی ۱۰۰ قرار میدیم و اسم لایه رو میزاریم Text.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام دوم

لایه Text رو Duplicate می کنیم و اون رو مخفی می کنیم. روی نسخه کپی کلیک راست می کنیم و Convert to Shape رو می زنیم.

اسم لایه کپی رو میزاریم Outline و اون رو Duplicate می کنیم و بعد هم اسم نسخه کپی رو میزاریم Shape.

ابزار Direct Selection رو بر می داریم. میریم سراغ نوار امکانات و Fill لایه Outline رو میزاریم روی None. بعد هم Alignment رو میزاریم روی Outer.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام سوم

ابزار Pen رو بر می داریم. میریم سراغ نوار امکانات و Subtract Front Shape رو از لیست Path Operations انتخاب می کنیم.

لایه Shape رو انتخاب می کنیم. بعد هم شروع می کنیم به حذف بخش هایی از متن.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

  1. اضافه کردن Layer Style به شکل متن

تصویر Rust0065 رو باز می کنیم. وارد مسیر Edit > Define Pattern میشیم. نام الگو یا Pattern رو توی فیلد Name وارد می کنیم و Ok می زنیم.

بعد هم روی لایه Shape دابل کلکی می کنیم و Layer Style زیر رو اعمال می کنیم.

گام اول

Bevel & Emboss :

Technique : Chisel Hard

Size روی ۱

Anti aliased رو تیک می زنیم

Highlight Mode روی Overlay

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام دوم

Contour :

Contour روی Half Round

Anti aliased رو تیک می زنیم

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام سوم

Texture :

Pattern : Rust0065

Scale روی ۲۵ درصد

Depth روی ۲۰ درصد

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام چهارم

Inner Shadow :

Opacity روی ۱۰۰ درصد

Distance روی ۰

Size روی ۳۵

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام پنجم

Inner Glow :

Blend Mode روی Vivid Light

Opacity روی ۵۰ درصد

Color روی #efedd9

Source روی Center

Size روی ۵۰

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام ششم

Color Overlay :

Color روی #b1afa9

Blend Mode روی Multiply

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام هفتم

Pattern Overlay :

Pattern روی Rust0065

Scale روی ۲۵ درصد

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

گام هشتم

Drop Shadow :

Opacity روی ۱۰۰ درصد

Distance روی ۲

Spread روی ۲۰

Size روی ۵

این افکت اختیاری هست. بنابراین اگه نمی خواین زیر متن سایه اضافه کنین، می تونین از انجام این بخش صرف نظر کنین.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

این از Layer Style شکل اصلی.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

  1. طراحی استوانه

گام اول

ابزار Rounded Rectangle رو بر می داریم و Radius رو میزاریم روی ۱. هر مقداری که دوست داشته باشیم رو می تونیم برای Radius در نظر می گیریم.

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

بعد هم یک مستطیل عمودی باریک و یک مستطیل افقی پهن تر بالای قبلی رسم می کنیم و کد رنگی #d0cac3 رو برای Fill در نظر می گیریم.

آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت اول

روی لایه اولین مستطیل دابل کلیک می کنیم و Layer Style زیر رو روی اون اعمال می کنیم.

گام دوم

Bevel & Emboss :

Size روی ۰

Highlight Mode روی Overlay

Color روی #b4b4b4

گام سوم

Contour :

Contour روی Half Round

Anti aliased رو تیک می زنیم

Range روی ۱۰۰ درصد

گام چهارم

Gradient Overlay :

Angle روی ۰

از Bronze Br44 به عنوان Gradient Fill استفاده می کنیم

گام پنجم

همچنان که تب Gradient Overlay فعال هست، روی Gradient Fill داخل شکل کلیک و درگ می کنیم و اون رو جا به جا می کنیم.

باید مطمئن بشیم که زاویه و موقعیت گرادیانت با شکلی که روی اون اعمال میشه، هماهنگی داشته باشه. این نکته در طول این آموزش بهمون کمک می کنه.

روی لایه دومین مستطیل دابل کلیک می کنیم و Layer Style زیر رو اعمال می کنیم.

گام ششم

Bevel & Emboss :

Size روی ۰

Highlight Mode روی Overlay

Color روی #b4b4b4

گام هفتم

Contour :

Contour روی Half Round

Anti aliased رو تیک می زنیم

Range روی ۱۰۰ درصد

گام هشتم

Inner Shadow :

Blend Mode روی Linear Burn

Opacity روی ۳۰ درصد

Distance روی ۰

Size روی ۲

گام نهم

Gradient Overlay :

Blend Mode روی Multiply

Angle روی ۰

از Stove Pipe 150 به عنوان Gradient Fill استفاده می کنیم.

می تونیم از Blend Mode های مختلف و رنگ های مختلف استفاده کنیم. این طوری توی نتیجه کار، تفاوت ایجاد میشه.

گام دهم

Drop Shadow :

Opacity روی ۵۰ درصد

Distance روی ۳

Size روی ۳

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

می تونیم Bevel & Emboss رو ثابت نگه داریم و Gradient Overlay و Inner و Drop Shadow رو تغییر بدیم و افکت های متنوعی خلق کنیم.

  1. ایجاد تغییر در استوانه

گام اول

دو تا مستطیلی که روی اون ها Layer Style اضافه کردیم رو Duplicate می کنیم. بعد هم با قرار دادن دو تا کپی روی هم، یک استوانه ایجاد می کنیم.

می تونیم دو تا مستطیل دیگه با زوایای گرد اضافه و اون ها رو Style کنیم. مقدار بزرگ تری برای Radius در نظر بگیریم و جزئیات بیشتری اضافه کنیم.

برای اینکه همه چیز سازمان دهی بشه، هر شکل رو توی یک گروه با عنوان مشخص قرار میدیم و اون ها رو شماره گذاری می کنیم.

گام دوم

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

برای مثال، من مستطیل ها رو باریک تر و کوتاه تر کردم. بعد هم Brass 80 رو به عنوان Gradient Fill در نظر گرفتم.

گام سوم

موقعی که شکل های عمودی رو درست کردیم، مطمئن میشیم که Angle مربوط به Gradient Overlay روی ۹۰ قرار داشته باشه.

گام چهارم

برای ایجاد بخش سفیدی که روی حرف K می بینین، شکلی که در زیر می بینین رو روی این حرف با استفاده از ابزار Pen ایجاد می کنیم. Stove Pipe 110 رو هم به عنوان Gradient Fill در نظر می گیریم و Angle رو میزاریم روی ۲۷.

Layer Style قبلی رو براش در نظر می گیریم. فقط همون طور که دیدین، Gradient Fill و Angle رو تغییر میدیم.

” آموزش Photoshop : طراحی افکت متنی استیم پانک – قسمت دوم “

0نظرات
دیدگاه خود را بنویسید

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *