Skip to main content

استفاده از Free transform و warp ها برای تنظیم یک تصویر اسمارت آبجکت به عنوان برچسب یک بطری

Warping images

در این آموزه ویدئویی مدرس با بکارگیری ابزار Free transform اقدام به ایجاد چرخش در تصویر می نماید. هدف ترکیب چند لایه گرافیکی با یکدیگر و نهایتاً ایجاد چرخش برای تداعی یک تصویر مسطح بعنوان یک برچسب برای تصویری حجم دار از یک بطری می باشد.

لینک کمکی ( official link ) – اعمال پیچ و تاب یا warp در تصاویر با فتوشاپ (آموزش جامع فتوشاپ، طراحی Photoshop Design) درس 7

ایجاد پیچ و تاب (warp) در فتوشاپ با Free transform

وقتی که شما بخایید یک warp یا پیچ و تاب رو بسرعت در تصویرتون ایجاد کنید، Free transform یک ابزار عالی هست.
در این آموزه ویدئویی، من یک فایل با یک لایه logo دارم که در واقع یک لوگو برای تصویرم هستش،
یک لایه ی کادر دارم که اسمش رو border گذاشتم
و همچنین یک تصویر دارم که در لایه ای با نامه waterfall نامگذاری شده.
و میخام این سه تا لایه رو یکی کنم و بصورت یک لیبل برای این بطری درش بیارم تا طوری بنظر بیاد که گویی این برچسب رو دور تا دور بطری چسب کردیم.
پس قرار هست از قابلیت warp برای این سناریو از طراحیمون استفاده کنیم.
بنابرین در پنل لایه ها لایه ی waterfall رو انتخاب میکنم ،
کلید شیفت رو نگه میدارم ، و بعد روی لایه ی logo کلیک میکنم تا هر سه تا لایه رو انتخاب کنم .
برای تبدیل این سه لایه به یک اسمارت آبجکت در پنل لایه ها
راست کلیک میکنم
و بعد convert to smart object رو انتخاب میکنم.

منوی حاصل از کلیک راست رو لایه ها
تبدیل گروهی لایه ها به اسمارت آبجکت

انتخاب گزینه Free Transform در فتوشاپ

در ادامه در زیر منوی edit ،
free transform رو انتخاب می کنم
یا برای همین انتخاب می تونم از کلید های میانبر cmd + t یا ctrl + tهم استفاده کنم.

free transform
انتخاب گزینه free transform در فتوشاپ

ترانسفورم کردن آبجکت ها در فتوشاپ

من شروع میکنم به تغییر اندازه ی تصویر و به اندازه ای کوچیکش می کنم که بعنوان لیبل این بطری برام مناسب بنظر برسه،
کلید شیفت رو پایین نگه میدارم تا ابعاد تصویر رو با یک نسبت متناسب محدود و کم کنم ،
بعد از اینکار کمی دستگیره ها را جابجا میکنم تا بهتر بتونم به ایده طراحی مناسبی برسم،
و به ترانسفورم کردنش ادامه میدم و بازم مقیاسش رو بیشتر تغییر میدم تا متناسب با عرض بطری بشه.
بعد بجای اینکه پیش برم و ترانسفورم رو اپلای کنم،
روی آیکن warp در نوار options کلیک میکنم.

ترانسفورم کردن آبجکت ها در فتوشاپ
تنظیم دستگیره های ترانسفورم برای تغییر ابعاد آبجکت ها

انتخاب preset مناسب برای warp

تعدادی پریست warp مختلف از پیش تعیین شده وجود داره که ما می تونیم از بین شون یکی شون رو بدلخواه انتخاب کنیم.
مثل arcs که چرخش رو بهمون ارائه میده
و archرو داریم که عمل بخصوص خودش رو داره،
یک پریست warp هم با عنوانfish وجود داره که چرخش رو شبیه بَدن یک ماهی بهمون ارائه میده.
من با گزینه bulge کارم رو شروع میکنم
و بعد همین رو سفارشی می کنم، با انتخابش همونطوری که مشخص هست تصویر چرخیده شده یکم بیشتر از اندازه مد نظرمون برای لیبلی هست که قرار برای این بطری سفارشی کنیم.

منوی preset های warp
انتخاب پریست مناسب برای ایجاد پیچ و تاب بر روی تصویر در حال warp

آپشن bend و custom در حین بکارگیری ابزار warp

و شروع به درگ کردنشون بکنم تا warp رو کش و تابش بدم،
اگه از عملکردم راضی نبودم
میتونم از cmd + z یا کنترل و z استفاده کنم تا warp رو برگردونم،
می تونم هر کدوم از نقاط لنگر رو سلکت
و درگ کنم تا به تصویر یک warp خیلی خاص و سفارشی به این شکل به تصویر اعمال کنم،
حتی می تونم با درگ لنگر رو از بالا به کناره ها بیارمش تا پشت تصویر رو ببینم.
بازم از تغییرات اگر راضی نبودم، میام، از cmd + z یا کنترل و z استفاده میکنم تا برگردم به یک مرحله قبل تر.

اعمال تنظیمات warp
تنظیم ابعاد تصویر با دستگیره ها در حالت warp

میتونم از آپشن bend استفاده کنم تا قوس لبه های بالایی و پایینی رو کمترش کنم؛
ولی درواقع میخام بالا
و پایین warp رو جدای از هم کنترل کنم.
یعنی میخام بالای تصویر warp شده به یک شکل باشه و پایینش به شکلی دیگر.
بنابرین از همون جایی که در ابتدای کار اومدم و شروع به سفارشی سازی پریست bulge کردم، از همون منو پیش میرم
و custom رو از لیستش انتخاب میکنم .
حالا می تونم اشاره گرم رو درون دستگیره های ایجاد شده در ترانسفورم قرار بدم
یک قابلیت دیگه که دارم این هست که می تونم روی هر کدوم از نقاط جهت دهی یا باصطلاح direction کلیک کنم
تا warp رو با این سناریو تغییر شکل بدم؛
همواره می تونم، cmd + z رو بزنم تا به مرحله قبل تر برگردم. (این مورد را در فیلم ویدئویی پیگیری نمایید)
یا می تونم روی خطوط خود تصویر کلیک کنم تا warp رو به طریقی دیگه تغییر شکل بدم،
برای اینکار میخام با استفاده از cmd + 1 یا کنترل و یک به زوم صد در صد برم
و نمای ظاهر شده از تصویر رو با پایین نگه داشتن کلید اسپیس کمی جابجا کنم، همونطور که مستحضرید نگه داشتن کلید اسپیس ابزار hand رو در اختیارم قرار میده
و در نما حاصل میتونم با نگاهی به قوس بطری براحتی متوجه بشم که به چه میزان warp نیاز دارم.
پس به بالای بطری نگاهی میندازم و سعی میکنم این اندازه از قوس بطری رو با warp منطبقش کنم.
پس تصویر رو پایین میارم، خب مشخص شد تصویرِ برچسب بطری در بالاش، warp نسبتاً کمی نیاز داره

ترانسفورم تصویر
اعمال تنظیمات دقیق نسبت به هندسه آبجکت بیس در پروسه ترانسفورم کردن

اما خواهین دید که در پایینش warp بیشتری میخاد.
پس دوباره اسپیس بار رو پایین نگه میدارم، و تصویر رو جابجا میکنم،
و دوباره، به شکل بطری در کف اون نگاه میکنم تا یک ایده کلی برای نسبت تغییر شکل تصویر warp در لبه پایینیش برسم.
پس با تمام این تفاسیرکافی هست کلیک کنم و با درگ کردن لبه پایینی رو بکشم تا شکل قوس کف بطری رو برای لبه پایینی تصویر warp ام تقلید کنم.
اگه به لبه راستی تصویر warp شده دقت کنید متوجه میشید که گویی باید بازم یکم دیگه ترانسفورم بشه تا با کوچیک تر شدنش فیت بطری بشه.
پس میخام دوباره با کلیک کردن روی آیکنwarp به free transform برگردم،
بعد کلید شیفت رو پایین نگه میدارم، و گوشه ی پایین رو یکم به سمت بالا میکشم تا با اینکارم عرض تصویر با عرض بطری به یک اندازه بشن.

تنظیم دقیق ترانسفورم
درگ دستگیره های قسمت پایینی آبجکت برای تنظیم با هندسه پایین بطری

بعد تیک تأیید رو میزنم یا return یا enterرو فشار میدم تا ترانسفورم و warp رو اعمال کنم.
cmd + 0 یا کنترل و صفر رو میزنم تا از زوم خارج بشم و به سطحی از زوم برسم که تمام تصویرم رو در پنجره نرم افزار ببینم. عالی میشه؟!
اگر خواستم تغییراتی توی تصویر ایجاد کنم، مثلاً یک تغییر کوچیک در لوگو، میتونم روی اسمارت آبجکتش در پنل لایه ها
دابل کلیک کنم، که اینکارم باعث میشه محتویات اسمارت آبجکت باز بشه بطوری که میتونم محتواش رو ریز به ریز ویرایش کنم.
در ادامه از ابزار move استفاده میکنم و لوگو تصویر رو یکم به سمت بالا جابجاش میکنم، همین تغییرات کفایت میکنه،
منویfile رو میزنم
و بعد saveرو انتخاب میکنم.
و بعدم منویfile
و بعد closeرو انتخاب میکنم تا با اینکارهام اومده باشم و محتوای ویرایش شده اسمارت آبجکت رو در سند اصلیش آپدیت کنم

اعمال adjustment layer از نوع curves به تصویر warp شده

و برای اینکه یکم لیبل رو واقعی ترش بکنم،
میخام با کلیک کردن روی adjustment layer در پایین پنل لایه ها
یک adjustment layerه curves به تصویره warp شدم اضافه کنم.
پس curves رو انتخاب میکنم.

انتخاب ادجاسمنت لایر curves
اعمال ادجاسمنت لایر curves به تصویر warp شده

اعمال تنظیمات curves به قسمتی از تصویر

میخام تنظیماتی تیره تر با منحنی curves به تصویرم اعمال کنم، پس در مرکز منحنی curves کلیک میکنم
و یکم بسمت پایین میکشمش.
اما من میخام این تنظیمات لایه
فقط روی لوگو تأثیر بذاره. خب اینم راه حل داره!
برای اینکار در پنل properties برای adjustment layer از نوع curves
روی آیکن clipping mask کلیک میکنم. (این آیکن در ویدئو تمیز داده شده است.)
و حالا تأثیرات adjustment layer از نوع curves اخیر فقط روی لوگو تأثیر میذاره.

اما نمیخام روی مرکز لوگو تاثیر بذاره،
برای همین کلید b رو میزنم تا ابزار براشم رو انتخاب کنم.
از براکت سمت راست استفاده میکنم تا براش بزرگتری داشته باشم
و با رنگ مشکی باید بکار ادامه داد که من برای رسیدن به رنگه مشکی باید از سمت چپ و پالت رنگ، رنگ رو به مشکی تغییر بدم
با یک حرکت از بالا به پایین روی مرکز لوگو میکشم تا تنظیمات منحنی ها رو در اطراف لوگو غیر قابل مشاهده کنم.
از دوره مبانی که یادتون هست؟ رنگ مشکی در لایه ماسک محو کننده بودش و سفید افکت ها رو نمایان می کرد.

حذف بخشی از تاثیرات ادجاسمنت لایر
حذف تأثیرات ادجاسمنت لایر curves از روی تصویر

با این تفاسیر می بینیم که adjustment layer از نوع curves بسادگی لبه های لوگو رو تیره تر میکنه تا لیبل یکم واقعی تر به نظر برسه طوری که انگار لوگو اطراف بطری قرار گرفته و دور تا دورش چرخیده. کارمون عالی بود نه؟ ! پس یک راه ساده برای اضافه کردن یک warp رو با استفاده از اسمارت آبجکت ها در فتوشاپ یاد گرفتید.

دیدگاهتان را بنویسید

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

دوره ها
درس ها
طهاکو من
0