ترازبندی (Align & Distribution) آبجکت ها در لایه فتوشاپ

در این قسمت از آموزش برنامه فتوشاپ (Photoshop) که توسط استاد عیوض زاده برای سایت لوگونومی تهیه شده به معرفی تراز بندی (Align & Distribution) و تراز کردن آبجکت ها در لایه می پردازیم که به نام Align و Distribute شناخته می شود.

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

تراز کردن آبجکت ها حین جابجایی در لایه

زمانیکه آبجکت ها را با شورتکات Alt + click Drag از روی آبجکت دیگری ایجاد کرده و جابجا می کنید، فواصلی که بین سابجکت جدید و سابجکت قبلی ایجاد می شود با اسمارت گایدز (Smart Guides) به شما نشان داده می شود که با کمک آن می توانید تشخیص بدهید فاصله بین آبجکت ها چقدر است و فاصله دقیقی بین آنها قرار بدهید. این قابلیت به شما کمک می کند که خیلی سریع آبجکت هایتان را با فواصل منظم و تراز بندی (Align & Distribution) شده کپی کنید.

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

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

تراز کردن یک آبجکت نسبت به آبجکت دیگر در فتوشاپ (Photoshop)

همانطور که در تصویر زیر می بینید، در یک لایه، مربع و در یک لایه دایره زرد رنگ داریم و می‌خواهیم که لایه زرد رنگ نسبت به مربع Align بشود. زمانی که لایه های این دو آبجکت را در پنل layers در نرم افزار فتوشاپ (Photoshop) انتخاب می کنیم، ابزارهای ترازبندی (Alignment) در قسمت بالا به ما نمایش داده می شود.

همانطور که می بینید با استفاده از این ابزارها، موقعیت هر دو آبجکت تغییر پیدا می کند تا نسبت به هم تراز شوند:

اگر دوره آموزشی طراحی لوگو با ایلوستریتور را در سایت لوگونومی دنبال کرده باشید حتما به خاطر دارید که با ابزارهای ترازبندی (Alignment) نرم افزار ایلاستریتور می توانستیم موقعیت یک آبجکت را ثابت نگه داریم و آبجکت دیگر را نسبت به آن، تراز کنیم.
در برنامه فوتوشاپ این نوع تراز بندی (Align & Distribution) با روش های معمولی امکان پذیر نیست. اگر شما موقعیت یک لایه یا خود لایه را قفل کنید، ابزارهای تراز بندی (Align & Distribution) برای تان غیر فعال می شود. 

قفل کردن موقعیت آبجکت

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

قفل کردن لایه

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

ثابت نگه داشتن یک سابجکت و تراز کردن سابجکت دیگر نسبت به آن در فتوشاپ (Photoshop)

همانطور که اشاره کردیم، در فتوشاپ (Photoshop) مثل نرم افزار ایلوستریتور نمی توانیم به راحتی یک لایه را ثابت نگه داشته و لایه دیگر را نسبت به آن تراز کنیم. با توجه به اینکه این نوع تراز بندی (Align & Distribution) کاربردهای بسیار زیادی در طراحی و ساخت لوگو و همچنین ویرایش تصاویر با برنامه فتوشاپ (Photoshop) دارد، در ادامه ترفندی به شما آموزش می دهیم که به راحتی این کار را انجام دهید.
برای اینکه وضعیت یک آبجکت نسبت به آبجکت دیگر که در حالت ثابت قرار دارد، تراز شود؛ می توانیم مراحل زیر را طی کنیم:
•    روی لایه ای قصد داریم جابجا شود قرار بگیریم (در لایه دایره زرد)
•    روی لایه ای که می خواهیم ثابت بماند، Ctrl و کلیک می کنیم تا به صورت سلکلشن دربیاید (مربع)
•    از ابزارهای ترازبندی (Alignment) در نوار بالا، ابزار مناسب را انتخاب می کنیم (تراز وسط افقی و وسط عمودی)

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

تراز بندی (Align & Distribution) چندین آبجکت نسبت به هم

در مورد چند آبجکت که نامرتب در کنار هم قرار گرفته اند، می توانیم از ابزار ترازبندی در برنامه فتوشاپ (Photoshop) استفاده کنیم تا نسبت به هم دیگر Align بشوند.
به عنوان مثال چند دایره زیر را در نظر بگیرید:

اگر Align افقی را در قسمت Align Vertical Centers بزنیم، همانطور که در تصویر زیر می بینید، همه آنها تراز می شوند.

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

از قسمت Spacing Distrbute می توان فواصل را به صورت یکپارچه تعریف کرد که فاصله بین آبجکت اول و آخر تعیین‌کننده است.
به کار بردن ابزارهای ترازبندی (Alignment) روی آبجکت های مختلف هیچ محدودیتی ندارد و شما می توانید آبجکت ها یا تصاویر مختلف را روی یک صفحه کاری، نسبت به هم، نسبت به بک خط یا نسبت به پس زمینه (canvas) ترازبندی (Alignment) افقی یا عمودی کنید.

ترازبندی (Alignment) آبجکت ها پس از تقسیم بندی صفحه

اگر یک صفحه را به دو یا چند قسمت تقسیم کرده باشید، مثل تصویر زیر:

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

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

ترازبندی (Alignment) آبجکت نسبت به بکگراند

برای تراز بندی (Align & Distribution) کردن آبجکت ها نسبت به بکگراند می‌توانیم آبجکت ها و بکگراند را با این که قفل است، با هم انتخاب کنیم. در این شرایط برنامه فوتوشاپ به ما این اجازه را می‌دهد سمت چپ، راست، بالا و پایین آبجکت نسبت به صفحه تراز بندی (Align & Distribution) شود.

تراز بندی (Align & Distribution) تصاویر

گاهی اوقات می‌خواهید تصویری را به صفحه کاری فوتوشاپ بیاورید و آن را تراز کنید. برای این کار چند نکته زیر را در نظر بگیرید:
•    اگر عکس را کلیک درگ کنید و با گرفتن دکمه های Shift + Ctrl به صفحه کاری جدید بیاورید و کلیک موس را رها کنید، تصویر دقیقا وسط در وسط صفحه قرار می گیرد.

•    اگر تصویر را جابجا یا کوچکتر یا بزرگتر کردید و خواستید نسبت به صفحه تراز بشود، باز هم می توانیم از سلکت ال Ctrl + A که کل صفحه انتخاب شود سپس از ابزارهای ترازبندی (Alignment) استفاده کنید.

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

•    اگر بخواهید تصاویر و آبجکت ها، مماس هم دیگر باشند، وقتی کلیک درگ می کنید، یک خط مجنتا رنگ نشان می‌دهد که آبجکت ها مماس هم دیگر قرار گرفتند.

•    اگر بخواهیم نسبت به ترازبندی (Alignment) روی صفحه گایدلاین ایجاد کنیم، به مسیر زیر می رویم:

View > New Guides From Shape

اگر در ترازبندی (Alignment) سابجکت ها به مشکل برخوردید و یا نیاز به مشاهده مثال های آموزشی بیشتری داشتید می توانید ویدئوی آموزشی Align و Distribute را در وب سایت لوگونومی دنبال کنید.

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