@photoshop98ir طرح سوال هر شب ساعت 10 الی 11 در کانال تلگرام
فتوشاپ/آموزش فتوشاپ

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

 

آموزش ابزار pen

 

موضوعاتی که شامل این آموزش می باشند :

1- کاربرد ابزار pen در فتوشاپ

2- طراحی اشکال با خطوط مستقیم (straight line)

3- طراحی منحنی (curves)

4 - آموزش path operations

5 - چند نکته مهم

 

کاربرد ابزار Pen در فتوشاپ

فتوشاپ و ایلوستریتور هر دو از شرکت adobe هستن. با ابزار pen در فتوشاپ می تونید وکتور طراحی کنید. اگه خواستید می تونید نتیجه کار در فتوشاپ رو با فرمت نرم افزار ایلوستریتور export کنید (ai). مثلا اگه شما قصد طراحی فونت داشته باشین، فرمت فایل تون باید ai (فرمت فایل در ایلوستریتور) باشه و برای طراحی آیکون برای وب (فونت آیکون) فرمت تون باید svg باشه. که ایلوستریتور این فرمت svg  رو به شما خواهد داد.

خب . بعضی ها میگن وکتور چه ربطی به فتوشاپ داره؟! فکر کنم تقریبا توضیح دادم ، اما  کتاب Photoshop CC Classroom (2019 Release) که از انتشارات شرکت Adobe هستش ، یک path رو این چنین معرفی میکنه :

In Photoshop, the outline of a vector shape is called a path

و یک رفرنس دیگه که یک کتاب خیلی خوب از Steve Johnson هستش . اون هم این نکته رو تذکر داده ...

آموزش ابزار penاین رو هم بگم وقتی می گیم وکتور (vector graphics) یعنی گرافیکی که به هر مقدار که خواستیم بتونیم اون گرافیک رو بزرگ کنیم ، بدون این که کیفیت پایین بیاد. به این نوع از گرافیک ها ، گرافیک برداری میگن. در مقابل گرافیک پیکسلی رو داریم (raster graphics) .

 

با ابزار pen می تونید انتخاب کنید. یک جاهایی برای این که بهترین انتخاب رو داشته باشیم باید از این ابزار استفاده کنیم. با مثال کاربردی به این موضوع خواهم پرداخت.

 

 

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

مثال اول :

1- یک سند جدید ایجاد کنید. (منوی File گزینه New را بزنید).

2- ابزار pen در جعبه ابزار رو انتخاب کنید.

3- در option bar این ابزار گزینه shape رو انتخاب کنید. مثالهایی که کار می کنیم روی حالت  shape هستش (Drawing modes : حالتهای طراحی)

4- مقابل گزینه Fill ، گزینه No Color رو انتخاب کنید. یعنی این که شکل مون از هیچ رنگی پر نشه.

5 - به فایل gif زیر دقت کنید. (فایلهای gif جدید در وب سایت رو ثانیه شمار هم گذاشتم )

آموزش ابزار pen

 

نکات مهم :

 موقع شروع کار با ابزار pen شکل ابزار هست.

موقع پایان کار (Finish drawing a path) ابزار pen به شکل در میاد.

 

مثال دوم:

اگه بخوایم خطوطی که رسم می کنیم مستقیم باشن یا با زاویه 45 درجه ترسیم بشن کلید shift رو نگه می داریم.

به فایل gif زیر دقت کنید: من کلید shift رو نگه داشتم و کلیک می کنم.

خطوط مستقیم با ابزار pen در فتوشاپ

مثال سوم :

اگه بخوایم شکلی که ترسیم می کنیم از یک رنگ مشخصی پر بشه مقابل گزینه Fill در option bar رنگ مورد نظرتون رو انتخاب کنید. حالا وقتی ترسیم می کنید شکل شما از رنگ میشه .

 

پر شدن shape در ابزار pen در فتوشاپ

 

نکته ای مهم : بعد از اینکه شکل مون رو طراحی کردیم برای این که خطوط دور شکل (path) رو نبینیم ، دوباره کلید Esc رو بزنید.

 

مثال چهارم :

موقعی که دارین شکل تون رو ترسیم می کنید اگه بخواهید path شما ضخامت داشته باشه مقابل گزینه stroke مقدار مورد نظرتون رو بدین و البته شکل های مختلفی هم داره که مقابل گزینه set shape stroke type می تونید انتخاب کنید. در فایل زیر من شکل خط ممتد رو انتخاب کردم.

آموزش ابزار pen در فتوشاپ

 

مثال پنجم : مهم :

خاصیت آهنربایی فتوشاپ (snap) یک قابلیت خوب در فتوشاپ هستش که برای ابزار pen هم کار میکنه. برای فعال یا غیر فعال کردن این قابلیت به منوی view برین و گزینه snap رو بزنید. با مثال زیر مفهوم این خاصیت براتون واضح میشه . در فایل gif زیر به نقطه اتصال خطوط راهنما دقت کنید. با اینکه ابزار pen  از این نقطه کمی دورتره ، اما دقیقا مکان درج pen ، نقطه اتصال خطوط راهنما میشه.

خاصیت snap برای ابزار pen

 

مثال ششم :

اگه بخواهیم به وکتورمون feather بدهیم، در پنل properties گزینه feather رو می تونیم کم یا زیاد کنیم. مثلا برای شکل زیر feather به اندازه 14px داده شده

 

گزینه feather در پنل properties

 

اگه پنل properties فعال نیست به منوی window برین و گزینه properties رو فعال کنید. باز هم این نکته رو تکرار میکنم .اگه مثلا در شکل بالا بخواهید این خطوط path در shape شما دیده نشه دوبار کلید Esc رو فشار بدین. البته اگه یه ابزار دیگه رو هم انتخاب کنید این حالت غیر فعال میشه!!!!!!


 

خب هنوز ترسیم منحنی رو با ابزار path نگفتم. آیا با نکاتی که تا الان گفتیم به مرحله انجام دادن پروژه رسیدیم؟ جواب هست ،،، بله. خیلی از کارها انحنا ندارن . به لوگوی زیر که برای وب سایت آدیگه طراحی کردم دقت کنید. فقط دو تا دایره اون پایین داره که اون هم با Ellipse tool میشه ترسیم ش کرد.

 

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

 

 

طراحی منحنی : طرح هایی که انحنا دارن، (curves) .

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

 

 

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

نتیجه طراحی در آموزش بالا به شکل زیر در اومد. (رنگ لایه بک گراند و رنگ لایه ها رو در این جا تغییر دادم) حرف ح در سمت چپ با ابزار pen طراحی شد.

 

آموزش ابزار pen

 

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

 

آموزش ابزار Pen

 

 

آموزش path operations

دست همانطور که در ابزارهای انتخاب می تونیم ناحیه ای رو اضاف کنیم یا کم کنیم یا اشتراک بگیریم ، اینجا هم در shape هامون می تونیم 4 تا کار انجام بدیم:

combine shapes : برای اضافه کردن یک shape به shape دیگه یا همون ترکیب کردن چند shape استفاده میشه.

subtract front shape : اگه بخواهیم ناحیه ای را از ناحیه دیگر کم کنیم.

Intersect shape areas : برای اشتراک گیری چند ناحیه از این گزینه استفاده می کنیم.

Exclude overlapping shapes : دقیقا مخالف اشتراک گیری میشه.

فایل gif زیر رو آماده کردم. همانطور که قبلا گفتم برای این که shape از حالت انتخاب بیرون بیاد دوبار کلید Esc رو بزنید.

 

آموزش path operations

 

 

چند نکته مهم :

به خطوطی که موقع ترسیم می بینید path گفته میشه که در ورژن جدید فتوشاپ نسخه 2019 موقع ترسیم ، می تونیم به اون رنگ و ضخامت هم بدیم .

وقتی طرح اصلی به شما داده میشه و شما میخواهید از روی اون ترسیم کنید برای اینکه بتونید path رو کامل ببینید باید opacity لایه طرح اصلی رو کم کنید.

بعد از این که طرح تون رو طراحی کردید برای این که با فرمت ai بتونید اون رو ذخیره کنید به منوی File بیاین و بعد گزینه Export و نهایتا گزینه Paths to Illustrator رو بزنید.

برای جابجایی کل shape از ابزار path selection tool  استفاده کنید.

برای جابجایی anchor point ها یا همون گره ها از ابزار Direct selection tool استفاده کنید. همانطور که در آموزش ویدیویی بالا هم گفتم موقع کار با ابزار pen برای انتخاب گره ها کافیه کلید Ctrl رو نگه دارین و اون نقطه یا گره رو جابجا کنید.

در option bar حتما گزینه Auto Add/Delete رو فعال کنید. این کار باعث میشه هر وقت موس روی path بیاد بتونید گره اضاف یا حذف کنید. که همون کار ابزارهای Add Anchor Point و Delete Anchor Point رو انجام میده.

 

در  option bar آیکون هست که گزینه rubber band اگه فعال باشه موقع طراحی هنوز گره بعدی رو ایجاد نکردیم برای ما path رو نشون میده. غیر فعال باشه بهتره...در فتوشاپ نسخه جدید بالای این قسمت گزینه ای به نام path options وجود داره که در قسمت Thickness ضخامت path تون رو می تونید تغییر بدین و در قسمت color رنگ اون رو می تونید تغییر بدین. همانطور که گفتم در نسخه جدید فتوشاپ به path ضخامت داده شده.

Curvature pen tool ، ابزاری جدید هست که مسیرهای منحنی به صورت اتوماتیک ایجاد می شود. خود رفرنس فتوشاپ میگه به همون راحتی line می تونید منحنی ترسیم کنید.

 

 

نویسنده : مجید هلاکویی

 

برچسب ها :

  • تعداد بازدید159
  • امتیاز مطلب4.33

ارسال نظر

  • 0/500