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

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

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

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

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

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

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

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

گام اول

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

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

گام دوم

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

2. ایجاد متن

گام اول

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

گام دوم

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

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

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

گام سوم

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

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

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

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

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

گام اول

Bevel & Emboss :

Technique : Chisel Hard

Size روی ۱

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

Highlight Mode روی Overlay

گام دوم

Contour :

Contour روی Half Round

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

گام سوم

Texture :

Pattern : Rust0065

Scale روی ۲۵ درصد

Depth روی ۲۰ درصد

گام چهارم

Inner Shadow :

Opacity روی ۱۰۰ درصد

Distance روی ۰

Size روی ۳۵

گام پنجم

Inner Glow :

Blend Mode روی Vivid Light

Opacity روی ۵۰ درصد

Color روی #efedd9

Source روی Center

Size روی ۵۰

گام ششم

Color Overlay :

Color روی #b1afa9

Blend Mode روی Multiply

گام هفتم

Pattern Overlay :

Pattern روی Rust0065

Scale روی ۲۵ درصد

گام هشتم

Drop Shadow :

Opacity روی ۱۰۰ درصد

Distance روی ۲

Spread روی ۲۰

Size روی ۵

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

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

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

گام اول

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

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

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

روی لایه اولین مستطیل دابل کلیک می کنیم و 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 رو تغییر بدیم و افکت های متنوعی خلق کنیم.

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

گام اول

دو تا مستطیلی که روی اون ها 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 : طراحی افکت متنی استیم پانک – قسمت دوم “