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

در این مقاله از آموزش فتوشاپ که توسط استاد عیوض زاده به طور اختصاصی برای وب سایت لوگونومی تدریس شده، به معرفی ابزار ترسیم شکل و به خصوص Shape Layer و Pen Tool در برنامه فتوشاپ (Photoshop) می پردازیم تا ببینیم چگونه از این ابزارهای کمک ترسیمی می توانیم برای ترسیم اشکال هندسی در فتوشاپ (Photoshop) استفاده کنیم. 

ابزار ترسیم شکل پن تول (Pen Tool)

در مقاله آموزشی مربوط به استفاده از ابزار Pen Tool مشاهده کردید که پس از انتخاب این ابزار بخش Pixels غیر فعال بود و فقط در حالت Path می توانستیم ترسیم را انجام دهیم.
 اما اگر پس از انتخاب ابزار Pen tool، حالت Shape را انتخاب کنیم، در لایه، هر شکلی که ترسیم کنیم بلافاصله به صورت بسته در می آید. بنابراین، حتی اگر شکل را نبندیم در نرم افزارهای ادوبی، قابلیتی وجود دارد که شیپ باز را با یک رنگ کامل پر می کند و به عنوان مثال به صورت زیر نمایش می دهد:

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

تفاوت شیپ لیر (Shape layer) و لایه معمولی در برنامه فتوشاپ (Photoshop)

تفاوت شیپ لیر (Shape layer) با لایه های معمولی در برنامه فتوشاپ (Photoshop) ، خصوصیاتی است که به این لایه داده می شود و در اصل شکل وکتور بیس، قابل تغییر سایز بدون افت کیفیت و غیرمخرب را به آن می دهد.
مهمترین تفاوت لایه هایی که به صورت شیپ لیر (Shape layer) هستند، وکتور بودن آنها است. درحقیقت، می توانیم آنها را کوچکتر و بزرگتر کنیم بدون اینکه افت کیفیت برای این سابجکت ها اتفاق بیفتد. البته دقت کنید که قطر خط را نیز باید به میزانی که لازم داریم کوچکتر یا بزرگتر کنیم که به مشکل بر نخوریم.

تفاوت حالت Shape با Pixels چیست؟

اصلی ترین تفاوت لایه Shape Layer، وکتور بودن آن است. هر آبجکتی که در حالت شیپ لیر (Shape layer) رسم شود را می توان به صورت Nondestructivev یا غیرمخرب ویرایش کرد. 
در صورتیکه روی لایه ایجاد شده در حالت پیکسل، امکان تغییر و اصلاح وجود ندارد و نمی تواند تبدیل به Shape Layer شود. 

تغییر رنگ شکل ترسیم شده با ابزار شیپ لیر (Shape layer)

اگر شکلی را با ابزار Shape Layer ترسیم کنید می توانید با استفاده از ابزار Path Selection tool رنگ را تغییر بدهید. هر رنگی که در قسمت فیل، انتخاب کنید، شکل ترسیم شده به همان رنگ در می آید و همچنین رنگی را که در فورگراند قرار بدهید به راحتی می توانید به عنوان رنگ سابجکت استفاده کنید.

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

ویرایش استروک پس از ترسیم شکل در برنامه فتوشاپ (Photoshop)

پس از ترسیم شکل های باز یا بسته در حالا شیپ لیر (Shape layer) ، علاوه بر خود آبجکت می توانید رنگ و حالا Stroke را نیز تغییر بدهید. به عنوان مثال، قطر آن را افزایش داده یا روی آن کلیک کنید تا رنگ دیگری را مورد استفاده قرار بدهید.

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

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

ویرایش خط و زاویه در برنامه فتوشاپ (Photoshop)

اگر با استفاده از ابزار پن تول در حالت شیپ لیر (Shape layer) ، خطی را رسم کنید نیز می توانید ویژگی های آن را تغییر دهید. ابتدا و انتهای خط را می توانید با استفاده از گزینه های موجود، اصلاح کنید. مثلا سرخط را می توانیم به حالت های گرد یا زاویه دار دربیاوریم.

همچنین اگر زاویه یا کرنری با همین Shape Layer رسم کنیم، و نخواهیم که شیپ بسته ای به وجود بیاوریم روی قسمت Fill کلیک کرده و حالا بی رنگ را انتخاب می کنیم. به این ترتیب، فقط خطی را در حالت کرنر مشاهده می کنید که زاویه آن را می توانید به حالت گرد یا صاف در بیاورید.

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

ابزار Shaping در برنامه فتوشاپ (Photoshop) زمانیکه بخواهیم یک شکل هندسی ترسیم کنیم به ما کمک می کند. در قسمت شیپینگ، ابزارهای مختلفی مانند دایره، مربع، مثلث و غیره برای ترسیم وجود دارد که می توانید هر کدام را انتخاب کنید. پس از ترسیم شکل با ابزار شیپینگ، امکان اصلاح شکل ترسیم شده با روش های زیر وجود داد:

１.   اصلاح زوایا یا کرنرها

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

اگر یک چهار ضلعی رسم کنیم، از قسمت Properties > Appearance می توانیم به زاویه گوشه ها عدد بدهیم یا به صورت دستی آن ها را گرد کنیم.

اگر دکمه Alt را نگه داریم فقط یک کرنر را می توانیم به صورت گرد تغییر شکل بدهیم. 

２.   ویرایش استروک

استروک را می توانیم از قسمت Properties تغییر بدهیم یا حالت های مختلفی را برای آن انتخاب کنیم. از بخش Appearance نیز می‌توانیم تغییراتی اعمال کنیم.

نکته بسیار قابل توجه Dashed line است که روی هر مقداری ست می شود. برای مثال، طول هر خط چین را روی عدد یک قرار بدهم و Gap را نیز روی عدد یک بگذارم، استروک به شکل خط چین منظمی در می آید.

در بخش دیگری می توانید مشخص کنید که قطر خط، بیرون، داخل یا وسط شکلی که ترسیم کردید، قرار بگیرد.
برای استروک، می توانیم گرادینت را تغییر بدهیم تا شکل های مختلفی را در این بخش مشاهده کنیم. اگر گزینه Align With layer را فعال کنیم، تراز بندی گرادینت همراه با لایه، حرکت می کند. زاویه گرادینت را نیز می توانیم به حالت های مختلف تغییر بدهیم.
متغیرهای بسیار زیادی در این بخش وجود دارد که باید با تمرین کردن به آنها مسلط شوید.

３.   ترسیم به صورت متقارن یا غیر متقارن

در ابزارهای کمک ترسیمی مثل چهار ضلعی، اگر دکمه شیفت را نگه داریم، شکل به صورت مربع کامل (متقارن) و اگر بدون دکمه شیفت رسم کنیم،  به صورت مستطیل (نامتقارن) ترسیم می شود.
برای مثال، با ترسیم چند مربع روی خطوط گرید، به صورت زیر:

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

４.   کپی کردن

کپی کردن این شیپ ها توسط خود ابزار امکان پذیر است که می توانم Alt + Click Drag کنم که دقیقاً در یک لایه دو تا آبجکت داشته باشم.

５.   مرج کردن یا ادغام اشکال

آبجکت هایی که با ابزار شیپینگ رسم شده می توانند در حالت های مختلفی با هم مرج شوند که این حالت ها از نوار ابزار بالا در قسمت Marge Shape Components قابل انتخاب است.

به عنوان مثال، اگر حالت شیپ را روی Subtract بگذاریم، یک آبجکت از آبجکت دیگر کم می شود.

اما نکته بسیار مهمی که در این بخش وجود دارد قابلیت Transformation است که می‌توانیم به آبجکت ها بدهیم.
اگر دو دایره که فصل مشترکی با هم دارند را رسم کنیم و پس از انتخاب آبجکت سمت راست، روی حالت Intersect کلیک کنیم، فقط قسمت فصل مشرک آنها باقی می ماند. به این ترتیب، قسمت های اضافه از بین می رود.

اگر بخواهیم آبجکت تغییر سایز پیدا کند، می توانیم با Ctrl + T بدون این که تخریبی به بار بیاورد، آن را بزرگتر یا کوچکتر کنیم.

تصویر سازی با ابزار ترسیم شکل

فرض کنید همین آبجکت بوجود آمده را کپی کنیم تا در همین لایه شکل هندسی جدیدی به وجود بیاوریم. برای این کار، مراحل زیر را طی می کنیم:

از Alt + Ctrl + T استفاده کنیم که Step And repeat است،
قسمت پینتر را پایین بگذاریم، 
دکمه Shift را نگه داشته و زاویه ۱۵ درجه چرخش را به آن بدهیم.

قسمت بالا را روی Exclude بگذاریم 
Alt + Shift + Ctrl + T را نگه داریم 
همانطور که در تصویر زیر می بینید، آبجکت ها به صورت یکی در میان روی هم دیگر قرار می‌گیرند و تکرار می‌شوند و حالت اکسکلود نیز آبجکت ها را با فضای توخالی روی هم قرار می دهد.

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

مسئله دیگر استفاده از Feather است که در قسمت Properties ‌می توانیم آن را افزایش بدهیم.

اگر Ctrl + T را بزنیم می توانیم یک چرخش وضعی به آبجکت بدهیم.

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

در قسمت Properties شما مجددا به Feather دسترسی دارید.

برای کپی کردن آنها نیاز است که با Alt + Click Drag کردن کپی کنیم و حجم نرم افزاری کمتری ایجاد کنیم.

همان طور که مشاهده می کنید بدون این که نیاز باشد من سلکشن داشته باشم یا به صورت مخرب کار کنم کاملا به صورت غیر مخرب و بدون این که حجم نرم افزاری ایجاد بشود از بخش Shape Layer می توانیم با ترکیب لایه ها با هم دیگر و ترکیب رنگ آن ها با هم، حالات بسیار زیبایی را رقم بزنیم.
قابلیت های بسیار نهفته ای در فتوشاپ (Photoshop) وجود دارد که در قالب یک لایه شما می توانید کارهای مختلفی را انجام بدهید و تصویرسازی‌های انجام بدهید که می تواند برای اهداف مختلفی مانند طراحی و ساخت لوگو، ساخت بکگراند و غیره با استفاده از شکل های هندسی مورد استفاده قرار گیرد.

ویرایش متن در فتوشاپ (Photoshop) با ابزار شیپ لیر (Shape layer)

نکته دیگر در مورد Shape Layer این است که اگر بخواهیم روی تایپوگرافی کار کنیم لازم نیست که حتماً تکست را به یک لایه ای که تبدیل به Rasterize Type بشود، تبدیل کنیم.
اگر با ابزار text، یک نوشته در لایه داشته باشیم دوتا گزینه Create Worth Path , Convert to Shape در دسترس شما خواهد بود.

اگر Create Worth Path را بزنیم، نکته بسیار مهمی که دارد این است که  Textدر حالت Text باقی مانده و در Path حالت علاوه بر این که نوشتار را دارم با Work Path هم یک ارزش افزوده ایجاد کرده که با استفاده از این قابلیت می توانم با ابزار Direct Selection Tool گره ها را انتخاب کنم و حتی آنها را جابه جا کرده و در نهایت تصمیم بگیرم که روی این شیپ چه اتفاقی بیافتد.

نکته بسیار مهم در حالت Work Path امکان استفاده از قسمت ادجامنتلیر است. مثلا اگر قسمت gradient را به کار بگیرم از گرادینت به شکل دیگری به صورت غیر مستقیم استفاده کرده و به همین راحتی می توانم نوشتار را تبدیل به یک شیپ کنم و از قابلیت های ادجاستمنت لیر نیز به این شکل بهره ببرم.

اما اگر Convert to Shape را انتخاب کنیم، این بار به جای این که تبدیل به لایه ساده بشود خود آبجکت تبدیل به شیپ شده و از این قابلیت هم می توانم برای ویرایش متن بهره ببرم. برای مثال گره های یک بخش را انتخاب کنم و آن ها را به سمت پایین هدایت کنم:

همان طور که می بینید، شیپ لیر (Shape layer) در برنامه فتوشاپ (Photoshop) برای تایپوگرافی هم ابزار بسیار مناسبی است و می‌توانیم از قابلیت های آن به راحتی برای ویرایش و اصلاح متن استفاده کنیم.

اضافه کردن شیپ به برنامه فتوشاپ (Photoshop)

در برنامه فتوشاپ (Photoshop) این قابلیت وجود دارد که شما تصاویر آماده ای را وارد نرم افزار کنید و فقط با یک کلیک آنها را روی لایه رسم کنید. شیپ هایی که به فتوشاپ (Photoshop) می تواند اضافه بشود در قسمت Custom shape tool وارد می شوند. در این بخش، می توانید آلبوم هایی را دانلود کرده و از قابلیت های ترسیم اشکال آماده هندسی استفاده کنید.

برای مثال اگر یک شیپ را از آلبوم انتخاب کنیم می توانیم فقط با یک کلیک و درگ کردن با دکمه Shift آن شپپ را خیلی سریع روی لایه رسم کرده و از سه حالتPath , Shape , Pixels استفاده کنم.
در حالت Pixels ، به محض اینکه کلیک درگ می کنیم شکل انتخاب شده به صورت پیکسل ظاهر می‌شود که مخرب است.

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

پنل  Shapesرا از قسمت Window > Shapes می توانیم در نوار ابزار وارد کنیم تا شیپ‌های مختلف را اضافه کنیم. 
شیپ ها، آلبوم های مختلفی دارند که توسط کاربرهایی به وجود آمده که از الگوریتم مخصوص آن استفاده کرده اند.

برای اضافه کردن شیپ،  از این چهار خط بالا به قسمت Import Shapes بروم Shapes می رویم و می توانیم فایل هایی که با فرمت CSH مخفف Custom Shapes دانلود کردیم را اضافه کنیم.

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

همان طور که مشاهده کردید این بخش بسیار بخش وسیع است و قابلیت های بسیار نهفته ای دارد که در تعامل بخشی است که با ایلاستریتور کار می کند.
اشکال رسم شده با ابزار شیپ لیر (Shape layer) ، ویکتور هستند و قابلیت چاپ دارند ولی فراموش نکنید که هر آنچه که ما اینجا می کشیم باز هم به صورت پیکسل است.

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

مشاهده ویدئوی آموزشی آشنایی با ابزار شیپ لیر (Shape layer) در برنامه فتوشاپ (Photoshop) به شما کمک می کند که بهتر بتوانید از این ابزار برای تصویر سازی کمک بگیرید.