Медалька "ученик недели" ждет своего обладателя !!!
http://uploads.ru/i/t/Y/i/tYi0L.gif

Всех с днем смеха, но учиться будем всегда ;)

На этой недели вы, наверняка, узнаете некоторые секреты, которыми не пользовались - как автоматически выравнивать, распределять и упорядочивать слои в документе, используя инструмент "Перемещение" (Move Tool) и некоторые полезные опции в панели параметров (это панель находится вверху рабочего окна, под главном меню), как объединение слоев в группу может помочь нам выровнять одновременно несколько слоёв относительно центра или сторон документа.

Для примера я взял документ, состоящий из фонового слоя и девяти обычных слоёв, каждый из которых представляет собой блок из цветного квадратика с буквой:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov1.gif

Примечание. Для лучшего понимания материала, после прочтения, рекомендую скачать файл PSD по ссылкам внизу страницы, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно.
Если мы посмотрим в Палитру слоёв, мы видим, что каждый блок находится в своём собственном слое и имеет название типа "Середина-низ", "Верх-лево" и т.п. (Middle-Bottom, Top-left):

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov2.gif

На данный момент блоки разбросаны хаотично, а я бы хотел упорядочить их в виде решётки 3x3.

Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью "Перемещения" (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод "на глаз". Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).

Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):

http://rugraphics.ru/sites/default/files/Photoshop-materials/fonovyy-sloy-v-photoshop3.gif

При выбранном "Перемещении", опции выравнивания отобразятся в виде ряда иконок в панели параметров в верхней части экрана. На данный момент, иконки отображены серым цветом и недоступны, т.к. в Панели слоев у меня выбран только один слой, и выравнивать его попросту не с чем:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov3.gif

Давайте посмотрим, что произойдет, если выбрать несколько слоев. Зажав клавишу Ctrl, я выберу три слоя, "Top Left", "Top Right" и "Top Center":

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov4.gif

Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.

Опции выравнивания

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov5.gif

Это первые шесть значков в группе опций. Перечисляю назначение значков слева направо:  - выравнивание по верхним краям
- центры слоёв по вертикали
- по нижнему краю
- по левому краю
- центры по горизонтали
- по правому краю

Эти опции могут применяться к содержимому двух или более слоев и будут отталкиваться от краёв либо от центров содержимого:

Опции распределения
Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоев и распределяют поровну интервалы между ними:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov6.gif

Перечисляю их слева направо:
- распределение по верхним краям содержимого
- по центрам слоёв по вертикали
- по нижним краям
- по левым краям
- по центрам по горизонтали
- по правым краям

Внимание! Обратите внимание, для того, чтобы опция стала доступна, вам необходимо иметь выбранными три или более слоя!

А теперь давайте посмотрим, как на практике применить эти опции для упорядочения блоков в моем документе. Как вы помните, я выбрал три слоя - Top Left, Top Center, и Top Right (верхний левый, верхний центральный, верхний правый). Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого. Я отключил видимость только для наглядности, на работу опций выравнивания это нисколько не влияет:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov7.gif

Теперь в окне документа остались видимыми всего три блока:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov8.gif

Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию "выравнивание по верхнему краю" (Align Top Edges) в панели параметров:

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov9.gif

При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой "О", и это действие выполняется мгновенно.

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov8.gif
http://sa.uploads.ru/t/s6KwT.png

Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию "Распределение центров по по горизонтали" (Distribute Horizontal Centers):

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov11.gif

При активации этой опции Photoshop определяет положение крайних блоков и потом перемещает расположенный между ними блок таким образом, чтобы расстояния до левого и правого блоков от центра по вертикали этого блока были равными, при этом крайние блоки не двигаются, перемещается только центральный.

http://rugraphics.ru/sites/default/files/Photoshop-materials/vyravnivanie-sloyov10.gif
http://sa.uploads.ru/t/9CdK6.png

Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:
DFiles
Источник: rugraphics.ru

Задание недели - поработать с выравниванием - покажите ДО и ПОСЛЕ !!!!