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

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

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

توی این آموزش، طراحی افکت متنی کوسن رو با Photoshop با هم می بینیم و با ابزارها و تکنیک های مورد نظر آشنا میشیم. بیاین شروع کنیم!

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

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

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

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

  1. تنظیم و ذخیره تصاویر

گام اول

وارد مسیر File > Open میشیم. فایل Free EPS File Vector Set of Floral Seamless Pattern 01 رو انتخاب می کنیم. به این ترتیب، Rasterize EPS Format میشیم. Mode رو میزاریم روی RGB Color و تیک Anti aliased رو بر می داریم.

تیک Anti aliased رو بر می داریم. این طوری می تونیم الگو رو بدون اینکه درگیر لبه های محو بشیم، انتخاب کنیم.

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

گام دوم

موقعی که فایل باز میشه، یک مقدار روی بالای سمت چپ زوم می کنیم. همون طور که می بینین، بعضی از بخش های الگوی اول، Transparent هست.

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

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

گام سوم

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

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

گام چهارم

روی بخش انتخاب شده کلیک راست کرده و Transform Selection رو انتخاب می کنیم. روی هر لبه زوم کرده و بخش انتخاب شده رو در بالای اون قرار میدیم.

وقتی تموم شد، دکمه Enter رو می زنیم و تغییرات رو ذخیره می کنیم و وارد مسیر Edit > Copy میشیم.

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

گام پنجم

یک فایل جدید رو با ابعاد Clipboard انتخاب می کنیم و وارد مسیر Edit > Paste میشیم.

ابزار Move رو انتخاب می کنیم. Shift رو نگه می داریم و تصویر Paste شده رو در پایین و وسط سند قرار میدیم.

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

گام ششم

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

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

گام هفتم

ابزار Rectangular Marquee رو بر می داریم و نواحی خالی رو انتخاب می کنیم. از ابزار Paint Bucket استفاده می کنیم و رنگ صورتی رو براش در نظر می گیریم.

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

گام هشتم

هر دو لایه رو انتخاب می کنیم. Ctrl+E رو می زنیم و اون ها رو با هم ادغام می کنیم.

وارد مسیر File > Save میشیم و الگو رو به صورت فایل jpg ذخیره می کنیم. بهتره برای الگو یک عدد در نظر بگیریم تا بعدا بهتر بتونیم اون رو پیدا کنیم.

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

گام نهم

بقیه الگوها رو انتخاب و Copy, Paste می کنیم. بعد هم به صورت تصویر ذخیره می کنیم.

  1. اضافه کردن لایه های Text Shape

گام اول

یک سند به ابعاد ۱۰۰۰ در ۶۲۶ پیکسل درست می کنیم و رنگ سفید رو برای Background در نظر می گیریم.

بعد هم متن رو با حروف بزرگ و با فونت HWT Artz وارد می کنیم. Size رو روی ۳۵۰ و Tracking رو روی ۵۰ قرار میدیم.

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

گام دوم

اسم لایه رو میزاریم Text و روی اون کلیک راست کرده و Convert to Shape رو می زنیم.

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

  1. ایجاد لایه های Stroke Shape

گام اول

لایه Text رو Duplicate کرده و اسمش رو میزاریم Back Piping.

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

گام دوم

ابزار Direct Selection رو بر می داریم. میریم سراغ نوار امکانات و Fill رو روی None و Stroke Color رو روی #e9e7e2 و Size رو روی ۲ قرار میدیم.

روی آیکن Set Shape Stroke Type کلیک کرده و Align رو میزاریم روی Outside.

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

گام سوم

لایه Back Piping رو دو بار Duplicate می کنیم. اسم اولین نسخه کپی رو میزاریم Sides و اسم دومی رو هم میزاریم Front Piping. در نهایت، Stroke Size مربوط به لایه Sides رو میزاریم روی ۲.۵.

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

  1. ایجاد شکل منحنی

گام اول

ابزار Rectangle رو بر می داریم و روی سند کلیک می کنیم. Width رو روی ۵ و Height رو روی ۶۰۰ تنظیم می کنیم.

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

گام دوم

ابزار Add Anchor Point رو بر می داریم و نزدیک به وسط ضلع عمودی مستطیل کلیک می کنیم و دو تا Anchor Point اضافه می کنیم.

اسم لایه رو میزاریم Back.

گام سوم

روی هر دو Anchor Point کلیک و درگ می کنیم. بعد هم از فلش راست روی کیبورد استفاده می کنیم و به صورت منحنی در میاریم.

  1. ایجاد لایه های سه بعدی

گام اول

هر لایه ای که داریم رو انتخاب می کنیم و وارد مسیر ۳D > New 3D Extrusion from Selected Path میشیم.

گام دوم

تمام لایه های ۳D رو انتخاب می کنیم و بعد هم وارد مسیر ۳D > Merge 3D Layers میشیم.

  1. کار با ۳D Scene

گام اول

برای دسترسی به تنظیمات ۳D Mesh و Properties، باید دو تا پنل رو باز کنیم. پنل ۳D و پنل Properties که هر دوی اون ها توی منوی Window قرار دارن.

توی پنل ۳D، تمام مولفه های ۳D Scene وجود داره. موقعی که روی نام هر کدوم کلیک می کنیم، می تونیم به تنظیمات اون در پنل Properties دسترسی داشته باشیم. مطمئن میشیم که تب مورد نظر رو توی پنل ۳D انتخاب کنیم و بعد تنظیمات اون رو توی پنل Properties تغییر بدیم.

گام دوم

اگه ابزار Move رو انتخاب کنیم، می تونیم ۳D Mode ها رو توی نوار امکانات مشاهده کنیم.

موقعی که یکی از اون ها رو انتخاب کنیم، می تونیم با کلیک و درگ، تغییرات رو اعمال کنیم.

از این Mode ها برای تغییر Current View به زاویه مورد نظر، استفاده می کنیم.

  1. تنظیم ۳D Mesh و Cap Settings

گام اول

تب های مش Text و Sides رو از پنل ۳D انتخاب می کنیم. بعد هم وارد پنل Properties میشیم و Extrusion Depth رو روی ۳۰ قرار میدیم.

گام دوم

Back Piping و Front Piping رو انتخبا می کنیم و Extrusion Depth رو میزاریم روی ۳.

گام سوم

تب مش Text رو انتخاب می کنیم. روی آیکن Cap که در بالای پنل Properties قرار داره، کلیک می کنیم.

Sides رو روی Front and Back و Bevel Width رو روی ۱ و Contour رو روی Half Round و Infalte Angle رو روی ۹۰ و Strength رو روی ۷ قرار میدیم.

گام چهارم

تب های مش Back Piping و Front Piping رو انتخاب می کنیم. روی آیکن Cap که در بالای پنل Properties قرار داره، کلیک می کنیم.

Sides رو روی Front and Back و Bevel Width رو روی ۱۵ و Contour رو روی Half Round و Infalte Angle رو روی ۱۰ قرار میدیم.

  1. جا به جایی ۳D Mesh ها و تغییر دید دوربین

گام اول

ابزار Move رو بر می داریم و از ۳D Axis برای جا به جایی مش Back Piping استفاده می کنیم.

پیکان های انتهای محور، مش رو جا به جا می کنن. از پیکان های پایین برای چرخونن و از مکعب ها برای تغییر مقیاس استفاده می کنیم. از مکعبی که در وسط قرار داره، برای تغییر مقیاس به صورت یکنواخت استفاده میشه.

گام دوم

برای اینکه بهتر ببینیم داریم چی کار می کنیم، Current View رو تغییر میدیم.

  1. ایجاد متریال ها

گام اول

تمام تب های Text Mesh Material رو انتخاب می کنیم.

وارد پنل Properties میشیم و Specular Color رو روی ۲۴, ۱۵, ۷ قرار میدیم و Shine رو هم روی ۱۰۰ درصد تنظیم می کنیم.

گام دوم

تب مش Text رو انتخاب می کنیم. وارد مسیر ۳D > Split Extrusion میشیم. این طوری حروف از هم جدا میشن.

بقیه مش هایی که داریم رو به غیر از مش Back انتخاب و از هم تفکیک می کنیم.

گام سوم

اولین تب Text Front Inflation Material رو انتخاب می کنیم. روی آیکن Diffuse Texture کلیک کرده و Replace Texture رو انتخاب می کنیم و اولین تصویر الگویی که در ابتدا ذخیره کرده بودیم رو باز می کنیم.

گام چهارم

روی آیکن Diffuse Texture یک بار دیگه کلیک کرده و Edit UV Properties رو انتخاب می کنیم.

گام پنجم

مقادیر Tile و Offset رو طوری تنظیم می کنیم که به نتیجه دلخواه برسیم.

  1. اضافه کردن Bump Texture

گام اول

روی آیکن پوشه Bump کلیک کرده و New Texture رو انتخاب می کنیم.

گام دوم

Width و Height رو روی ۵۱۲ و Resolution رو روی ۳۰۰ قرار میدیم.

گام سوم

به این ترتیب، فایل تکسچر جدید باز میشه. اگه نشد، روی آیکن Bump Texture کلیک کرده و Edit Texture رو انتخاب می کنیم.

وقتی فایل باز شد، لایه Background رو Duplicate می کنیم.

گام چهارم

روی لایه کپی دابل کلیک کرده و Pattern Overlay رو با این تنظیمات وارد می کنیم.

Pattern روی Denim 7

Scale روی ۵۰ درصد

این فایل رو ذخیره کرده و می بندیم و بر می گردیم سراغ ۳D Scene.

گام پنجم

UV Properties تکسچر Bump رو ادیت کرده و یک مقدار زوم می کنیم تا بهتر ببینیم.

گام ششم

Bump رو میزاریم روی ۵.

  1. ذخیره و اعمال مجدد یک متریال

گام اول

همچنان که تب Front Inflation Material انتخاب شده، روی Material Picker کلیک کرده و New Material رو انتخاب می کنیم.

گام دوم

عنوان متریال رو انتخاب کرده و روی Ok کلیک می کنیم.

گام سوم

بقیه تب های First Text Material رو به غیر از Extrusion انتخاب می کنیم. بعد هم Material Picker رو باز کرده و آیکن متریالی که به تازگی ذخیره کردیم رو انتخاب کرده و روی اون کلیک می کنیم تا اعمال بشه.

  1. جایگزین کردن تکسچر متریال

گام اول

متریال ذخیره شده رو روی Second Text Front Inflation و front Level و Back Level و Back Inflation Materials اعمال می کنیم.

گام دوم

دومین تب Text Front Inflation Material رو انتخاب می کنیم. روی آیکن تکسچر Diffuse کلیک کرده و Replace Texture رو انتخاب می کنیم.

گام سوم

دومین تب Text Front Inflation Material رو به همراه Back Inflation Material انتخاب می کنیم. روی آیکن Diffuse Texture کلیک کرده و عنوان متریال رو انتخاب می کنیم.

شاید نیاز بشه UV Properties رو برای تکسچر جدید تغییر بدیم.

گام چهارم

همین کار رو برای بقیه حروف هم تکرار می کنیم.

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

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

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

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