آشنایی با Grids & Guidelines در نرم افزار فتوشاپ

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

 

ایجاد  خطوط راهنما (Guidelines)

فرض کنید صفحه ای در ابعاد ۳۰ سانتی متر در ۲۰ سانتی متر روی نرم افزار فتوشاپ باز کردیم و می‌خواهیم از خطوط راهنما (Guidelines) برای قسمت بندی آن استفاده کنیم. اولین مرحله برای ایجاد خطوط راهنما (Guidelines) در فضای فتوشاپ، فعال کردن خط کش از طریق یکی از دو روش زیر است:

•    رفتن به منوی View و سپس انتخاب Ruler
•    استفاده از شورت کات Ctrl + R

 

 

سپس می توانیم واحد اندازه گیری خط کش را به واحد مورد نظرمان تغییر دهیم. همانطور که در شکل زیر می بینید، واحد اندازه گیری را از پیکسل به سانتی متر تغییر داده ایم:

 

پس از تنظیم خط کش، برای ایجاد خطوط راهنما (Guidelines) می توانیم روی خط کش، کلیک و درگ کرده و گایدلاین را به صفحه منتقل کنیم.

 

 

ویژگی های  خطوط راهنما (Guidelines)

•    گایدلاین غیر قابل چاپ است 
•    فقط در نرم افزار فتوشاپ دیده می شودT بنابراین، اگر این فایل را با فرمت Jpeg یا فرمت های دیگر ذخیره کنیم و برای کسی ارسال کنیم، گایدلاین ها را نمی ‌تواند در نرم‌افزارهای دیگر مشاهده کند.
•    گایدلاین ها را فقط می توان در نرم افزار فتوشاپ ویرایش کرد. 
•    گایدلاین در نرم افزار فتوشاپ زاویه پذیر نیست و همانطور که در آموزش های طراحی لوگو با نرم افزار ایلاستریتور اشاره کردیم زوایای   خطوط راهنما (Guidelines) را فقط در این نرم افزار می توانیم تغییر بدهیم.
•    رنگ گایدلاین را نیز به صورت اختصاصی نمی توانیم تغییر بدهیم و فقط در نرم افزار ایندیزاین، قابلیت تغییر رنگ برای یک گایدلاین فراهم است.
•    زمانیکه گایدلاین در صفحه حضور پیدا می‌کند، فقط با ابزار Move Tool می‌توانیم آن را جابه جا کنیم.
•    گایدلاین در فتوشاپ قابلیت کپی شدن ندارد.
•    با زدن کلیرگایدز (Clear Guides)، گایدلاین ها برای همیشه پاک می شوند.

اشتباهات رایج در ترسیم گایدلاین

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

 

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

 

 

تغییر رنگ گاید لاین

رنگ گایدلاین را می‌توانید پس از رفتن به گزینه Preferences (شورت کات Ctrl+k) و باز کردن گزینه Guides Grid & Slices تغییر بدهیم. 

 

همان طور که در شکل زیر می بینید، یک سری رنگ های آماده در این قسمت وجود دارد که می‌تواند به ما کمک کند، رنگ گایدلاین را تغییر بدهیم.

 

اما اگر در قسمت راست این صفحه کلیک کنیم می توانیم رنگ گایدلاین را خودمان تعیین می کنیم.

 

در این بخش امکان تغییر استایل خطوط راهنما (Guidelines) نیز وجود دارد و می توانیم آن را به صورت خط چین یا به صورت خط ممتد داشته باشیم. 

 

مخفی کردن خطوط راهنما (Hidden Guidline)

موضوع دیگری که در مورد گایدلاین مهم است، شورتکات هایی است که به ما کمک می کند که آنها را هیدن (Hidden) و شو (Show) کنیم. برای مخفی کردن خطوط راهنما، می توانید به مسیر زیر بروید:

View > Clear > Guides

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

 View > Show > Guides

 

اما روش سریعتر، استفاده از شورت کات Ctrl + ; است که می تواند گایدلاین را هیدن و شو کند.

 

ترسیم شکل روی صفحه کاری فتوشاپ با استفاده از  خطوط راهنما (Guidelines)

با انتخاب ابزار سلکشن (Selection Tool) و با وجود گایدلاین به راحتی می توانیم ازخاصیت چسبندگی به خطوط راهنما (Guidelines) استفاده کرده، محدوده ای که می خواهیم را انتخاب کنیم و برای مثال به آن رنگ اضافه کنیم. 

 

قفل کردن  خطوط راهنما (Guidelines)

برای جلوگیری از جابجا شدن گایدلاین می توانیم از روش های زیر استفاده کرده و آنرا قفل کنیم:

•    رفتن به مسیر View > Lock Guides 
•    شورت کات Ctrl + ; Alt + 

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

 

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

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

 

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

تعیین مختصات برای خطوط راهنما (Guidelines)

فرض کنید ‌بخواهیم روی مختصات ۴ سانتیمتر عمودی، یک گایدلاین بگذاریم، حتی اگر بخواهیم با زوم کردن گایدلاین دقیقی رسم کنیم، نمی توانیم. برای اینکه بتوانیم خیلی سریع گایدلاین را روی مختصات دقیقی قرار بدهیم، دکمه شیفت را نگه می داریم و زمانیکه گایدلاین را بیرون می آوریم، به درجه های خط کش خاصیت اسنپ پیدا می کند. 
همان طور که در تصویر زیر مشاهده می کنید، روی هر درجه خط کش مثلا ۵ یا ۸ سانتی متری می توانم   خطوط راهنما (Guidelines) را قرار بدهیم.

 

اما اگر بخواهیم مختصات خاصی را وارد کنیم ابتدا می توانیم شورت کات مورد نظرمان را خودمان تعریف کنیم. برای این کار به مسیر زیر می رویم:

 Edit > keyboard Shortcuts 

 

سپس گزینه ویو (Viwe) را پیدا می کنیم تا به گزینه ی نیوگاید (New Guide) برسیم. همانطور که می بینید برای این گزینه، شورت کات Ctrl + . را تعریف کردیم شما می توانید هر شورتکات دیگری را نیز تعریف کنید، فقط باید شورت کاتی را به کار ببرید که با فرامین دیگر کانفیلیگ نداشته باشد.

 

با توجه به اینکه ما شورتکات Ctrl+. را انتخاب کردیم با فشردن این دکمه ها، دیالوگ باکسی باز می شود که می توانیم مختصات گاید لاین را در حالت Horizontal و Vertical وارد کنیم.

 

 

به عنوان مثال، اگر گزینه هوریزنتال Horizontal را انتخاب کرده و عدد ۱۵ سانتیمتر را وارد کنیم، گایدلاین در همان مختصات رسم می شود.
راه دیگری که برای تعیین مختصات گایدلاین وجود دارد، تقسیم بندی صفحه از قسمت View > New Guide Layout است. در این صفحه اگر گزینه Columns را بزنیم، صفحه به صورت افقی تقسیم می شود. مثلا با وارد کردن عدد ۴، صفحه به ۴ قسمت مساوی تقسیم می شود.

 

اگر Columns را برداریم و Rows را بزنیم، می توانیم 4 قسمت عمودی داشته باشیم.
قسمتGutter نیز فاصله بین خطوط راهنما (Guidelines) را مشخص می کند که می توانیم به دلخواه آن را تغییر دهیم.
در قسمت Width می توانیم سایز وارد کنیم. مثلا اگر عدد ۵ را وارد کنیم، هر تکه را به 5 سانتیمتر تقسیم می کند.
در قسمت Rows هم می توان همین کار را تکرار کرد که اگر آن را روی ۲ بگذاریم به شکل زیر در می آید:

 

 Margin: فضایی است که از اطراف می‌توانیم به جا بگذاریم. این مارجین را مثلا می توانیم به ازای هر طرف نیم سانتیمتر تعریف کنیم که بالا ، پایین ، چپ و راست را شامل می شود.
Center Columns را می توانیم فعال کنیم.
Clear Existing Guides : اگر گایدلاینی در صفحه غیر از خطوط راهنمایی (Guidelines) که در این قسمت می بینیم وجود داشته باشد، آنها را با فعال کردن این گزینه می توانیم غیر فعال کنیم. 
برای مشاهده مثال های عملی در خصوص استفاده از هریک از این گزینه ها می توانید ویدئوی آموزشی این قسمت را در وب سایت لوگونومی مشاهده کنید:

لینک ویدئوی آنلاین آموزش نرم افزار فتوشاپ – آشنایی با خطوط راهنما و گرید (Grid & Guideline)

ایجاد گرید (Grids) در فوتوشاپ

گرید (Grids) از المان های دیگر فوتوشاپ است که همیشه برای ترسیم به کمک ما می‌آید. از گرید (Grids) می توان برای قسمت بندی کردن استفاده کرد. برای به نمایش در آوردن گرید (Grids) می توانید از شورت کات Ctrl + ' استفاده کنید یا آن را از مسیر زیر به نمایش در بیاورید:

Show > View > Grid

 

در تنظیمات قسمت گرید (Grids) نمی توان رنگ و سایز آن را تغییر داد. به خاطر داشته باشید که گرید (Grids) هم دقیقا مانند خطوط راهنما (Guidelines)، چاپ نمی شود. 
اگر با استفاده از شورتکات Ctrl1+k دوباره وارد قسمت Guides Grid & Slices شویم میتوانیم در قسمت Grid گزینه های مختلفی را به دلخواه خودمان تغییر دهیم که عبارتند از:

 

قسمت Every Guideline که می توانید مشخص کنید هر خط راهنمای گرید (Grids) با چه فواصلی روی تصویر رسم شود به عنوان مثال ما روی فاصله 1 سانتی متر قرار می دهیم:

 

قسمت Subdivisions مشخص می کند که هر خط اصلی گرید (Grids) به چند بخش زیرمجموعه تقسیم شود مثلا اگر این عدد را روی 1 بگذاریم، می بینید که گرید (Grids) ها به نحوی تقسیم بندی می شوند که تصویر به صورت مشبک دیده می شود اما اگر روی 2 بگذاریم، هر یک از خطوط اصلی ما به 2 قسمت تقسیم شده که اندازه هر قسمت نیم سانتی متر می شود. 

ویژگی های خطوط راهنما و گرید (Gride & Guideline)

گاید لاین و گرید (Guideline & Grade) را هم زمان می توانید مورد استفاده قرار بدهید.

 

رنگ گرید (Grids) را می توانیم تیره تر کنیم که در تصویر دچار اشتباه نشویم و هر رنگی که بخواهیم می توانیم بگذاریم.

 

پس از قسمت بندی کردن تصویر با گرید (Grids) می توانیم از ابزار سلکشن و خاصیت چسبندگی به گرید (Grids) استفاده کرده و یک سلکشن خیلی دقیق و مرتب روی تصویر داشته باشیم.

 

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