Инструменты выравнивания Photoshop, выравнивание и распределение слоёв
Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью «Перемещения» (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод «на глаз». Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).
Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):
При выбранном «Перемещении», опции выравнивания отобразятся в виде ряда иконок в панели параметров в верхней части экрана. На данный момент, иконки отображены серым цветом и недоступны, т.к. в Панели слоёв у меня выбран только один слой, и выравнивать его попросту не с чем:
Давайте посмотрим, что произойдет, если выбрать несколько слоёв. Зажав клавишу Ctrl, я выберу три слоя, «Top Left», «Top Right» и «Top Center»:
Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.
Опции выравнивания
Это первые шесть значков в группе опций. Перечисляю назначение значков слева направо: — выравнивание по верхним краям
— центры слоёв по вертикали
— по нижнему краю
— по левому краю
— центры по горизонтали
— по правому краю
Эти опции могут применяться к содержимому двух или более слоёв и будут отталкиваться от краёв либо от центров содержимого:
Опции распределения
Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоёв и распределяют поровну интервалы между ними:
Перечисляю их слева направо:
— распределение по верхним краям содержимого
— по центрам слоёв по вертикали
— по нижним краям
— по левым краям
— по центрам по горизонтали
— по правым краям
Внимание! Обратите внимание, для того, чтобы опция стала доступна, вам необходимо иметь выбранными три или более слоя!
А теперь давайте посмотрим, как на практике применить эти опции для упорядочения блоков в моем документе. Как вы помните, я выбрал три слоя — Top Left, Top Center, и Top Right (верхний левый, верхний центральный, верхний правый). Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого. Я отключил видимость только для наглядности, на работу опций выравнивания это нисколько не влияет:
Теперь в окне документа остались видимыми всего три блока:
Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию «выравнивание по верхнему краю» (Align Top Edges) в панели параметров:
При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой «О», и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков
Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию «Распределение центров по по горизонтали» (Distribute Horizontal Centers):
При активации этой опции Photoshop определяет положение крайних блоков и потом перемещает расположенный между ними блок таким образом, чтобы расстояния до левого и правого блоков от центра по вертикали этого блока были равными, при этом крайние блоки не двигаются, перемещается только центральный. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:
Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:
Читайте продолжение на следующей странице:
Выравнивание в фотошопе по центру и краям
В фотошопе есть инструмент Перемещение, который позволяет автоматически со сто процентной точностью выровнять любой объект/слой по центру изображения или его краям. Также можно выровнять относительно отдельно взятого участка на изображении. Все это очень просто и об этом пойдет речь в данной статье.
Как правило, новички эту операцию делают на глаз, что совсем не обязательно. Выберите инструмент Перемещение и обратите внимание на его панель параметров. Там имеется ряд настроек, которые и отвечают за эту задачу (смотрите на скриншоте):
Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.
Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.
Таким образом, чтобы разместить объект ровно по центру, нужно выбрать центрирование по вертикали и горизонтали.
Самое главное правило выравнивания: прежде всего, вы должны указать фотошопу область, относительно которой программа и должна искать края или середину. Пока вы этого не сделаете, кнопки выравнивания будут не активными, то есть их нельзя нажать.
В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.
Итак, последовательность действий следующая:
Допустим, нужно разместить по центру эту картинку:
Вариант 1 — относительно всего холста.Шаг 1
Указываем фотошопу область, относительно которой программа должна выровнять изображение. Это делается путем создания выделенной области.
На палитре слоев выделяем фоновый слой и жмем на клавиатуре комбинацию клавиш Ctrl+A (Выделить все). В результате вы должны увидеть рамку выделения из «марширующих муравьев» вокруг фонового слоя. (Как правило, фоновый слой — совпадает по размерам с холстом).
Примечание
Можно выделить фоновый слой еще другим способом — зажмите клавишу Ctrl и щелкните левой кнопкой мыши по фоновому слою. Способ работает, когда этот слой разблокирован (об этом сигнализирует значок замочка, подробнее).
Шаг 2
Теперь нужно выбрать инструмент Перемещение. Когда у нас есть рамка выделения, то кнопки выравнивания станут активными, а значит их можно использовать.
Выберите слой с картинкой, которую нужно выравнивать, а теперь нажимайте на кнопки в соответствии с тем, куда бы вам хотелось разместить эту картинку. Например, давайте разместим ровно по центру. Тогда нам нужно нажать вот эти кнопки:
Еще пример. Допустим, нужно разместить картинку по центру, но с левого края. Тогда на панели параметров выбираем такие кнопки:
Допустим, на изображении присутствует фрагмент, внутри которого нужно идеально ровно разместить какую-нибудь картинку. В своем примере я добавил стеклянный квадрат. Пусть внутри него будет находиться другая картинка (кстати, в этой статье можно научиться самому делать такой стеклянный квадрат).
Шаг 1
Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?
— Если этот фрагмент находится на отдельном слое (как у меня квадрат, который я отдельно вставил), то нужно нажать Ctrl и кликнуть мышью по миниатюре слоя, если он не заблокирован).
— Если этот фрагмент находится в самом изображении, то нужно выбрать инструменты выделения Прямоугольная и Овальная области и с их помощью нарисовать вокруг фрагмента ровную выделенную область. Как пользоваться этими инструментами смотрите тут.
Шаг 2
Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:
Совет
В некоторых случаях требуется вручную немного скорректировать местоположение картинки. Выберите инструмент Перемещение и, зажав клавишу Shift, нажимате на стрелки направлений на клавиатуре. Картинка будет двигаться с шагом в 10 пикселей.
Если не зажимать эту клавишу, а просто пользоваться стрелками клавиатуры, то картинка будет двигаться с шагом в 1 пиксель.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Выравнивание горизонта
Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.
В этом простом уроке для начинающих фотошоперов рассматриваются 2 простых способа выравнивания горизонта на фотографии.
Линия горизонта присутствует далеко не на каждом пейзажном снимке, а в помещении это понятие вообще бессмысленно. Но термин «завален горизонт» применяют для обозначения любого явно видимого на фотографии перекоса.
Если камера в момент съемки находилась не строго горизонтально, а под каким-то углом, то кажется, что вертикальные объекты как бы заваливаются в сторону. Объекты, которые просто обязаны быть горизонтальными, наклонены под каким-то углом. Например, поверхность воды в аквариуме всегда горизонтальна, цепь, к которой подвешен тяжелый светильник, всегда вертикальна. О таких недостатках на фотографиях говорят, что заметен «завал горизонта».
Иногда такое искажение это специальный художественный прием, но чаще – погрешность, требующая исправления.
Программа Photoshop предоставляет различные возможности устранения перекоса фотографии, рассмотрим два самых простых способа выравнивания горизонта.
Откройте изображение в фотошопе. На фотографии явно видно, что линия горизонта, где море переходит в небо, скошена.
1 способ.
Выровнять фотографию можно простым поворотом на нужный угол. Чтобы не поворачивать наугад, воспользуйтесь инструментом Направляющая. Зацепите курсором верхнюю линейку и тяните ее вниз (если линеек нет, включите их View (Вид) > Rulers (Линейки)). Линейка, конечно же, останется на месте, а за курсором потянется горизонтальная направляющая какого-нибудь яркого цвета.
Дотяните ее до линии горизонта. Она покажет, как должен быть расположен горизонт.
В открытом документе есть только один слой — фоновый. Чтобы его можно было поворачивать, кликните на нем 2 раза в панели Layers (Слои) или сделайте дубликат этого слоя и работайте в этой копии.
Нажмите комбинацию Ctrl+T или выполните команду Edit (Редактирование) > Transform (Трансформация)> Rotate (Поворот) и поверните картинку так, чтобы горизонт выровнялся относительно направляющей.
По краям появились небольшие области фона. Их надо обрезать. Выберите инструмент Crop (Рамка) в панели инструментов Photoshop и обрежьте края. Как обрезать края фотографии.
2 способ.
Этот способ выравнивания горизонта еще проще. Выберите инструмент Crop (Рамка или Кадрирование) в панели инструментов Photoshop и произвольно выделите рамкой часть изображения так, чтобы нижняя граница рамки оказалась близко к линии горизонта.
Указатель мыши в углах выделенной области принимает вид изогнутой стрелки, значит рамку можно поворачивать. Поверните рамку до совпадения нижней границы рамки с линией горизонта.
Этот угол поворота больше не изменяйте. Растягивайте рамку за середины сторон до краев холста, но не за его пределы. Если вы хотите сохранить пропорции изображения, нажмите и удерживайте клавишу Shift.
Нажмите Enter для завершения поворота и обрезки.
Эти простые способы повернуть изображение и выровнять горизонт пригодятся для исправления любых фотографий, где допущен перекос и объекты выглядят неестественно.
Выравнивание и распространение слоев в фотошопе
Вот документ, который я открыл на своем экране, показывающий некоторые деревянные блоки:
Оригинальный документ.
На данный момент блоки разбросаны повсюду, но я хотел бы расположить их в виде сетки 3х3. Если мы посмотрим на мою панель «Слои» , то увидим, что каждый блок находится на своем собственном слое над фоновым слоем . Я пошел дальше и переименовал каждый слой в зависимости от того, где я хочу, чтобы каждый блок появлялся в сетке («Слева вверху», «Сверху справа», «Снизу справа» и т. Д.):
Каждый блок появляется на своем собственном слое на панели «Слои».
Итак, как я могу переставить блоки внутри документа и выровнять их друг с другом? Что ж, я мог бы попытаться перетащить их на место вручную с помощью инструмента «Перемещение», но это займет время, и я сомневаюсь, что смогу выстроить их все идеально, просто «взглянув» на них. Лучшим и гораздо более простым способом было бы позволить Photoshop автоматически выполнять всю работу за меня, используя параметры выравнивания и распространения !
Чтобы получить доступ к параметрам выравнивания и распределения, нам нужно выбрать инструмент «Переместить» , поэтому я выберу его в верхней части панели «Инструменты»:
Выберите инструмент Move.
При выбранном инструменте «Перемещение» параметры «Выравнивание» и «Распределение» отображаются в виде серии значков на панели параметров в верхней части экрана. На данный момент значки отображаются серым цветом и недоступны, потому что у меня на панели «Слои» выбран только один слой, и нет особого смысла пытаться выровнять или распределить слой с самим собой:
Если выбран инструмент «Перемещение», параметры «Выравнивание» и «Распределение» отображаются на панели параметров.
Посмотрим, что произойдет, если я выберу несколько слоев. У меня уже есть верхний левый слой, выбранный в верхней части стека слоев:
Верхний левый слой в настоящее время выбран.
Я также выберу верхний центральный и верхний правый слои, удерживая нажатой клавишу Shift и щелкая верхний правый слой. При этом остается выбранный верхний левый слой, добавляется верхний правый слой к выделению, а также выбирается верхний центральный слой между ними, поэтому теперь все три слоя выбираются одновременно:
Выбор верхнего левого, верхнего центрального и верхнего правого слоев на панели «Слои».
Теперь, когда выбрано более одного слоя, становятся доступными параметры «Выровнять» и «Распределить». Давайте внимательнее посмотрим на них.
Параметры выравнивания
Первые шесть значков в строке являются опциями выравнивания. Слева направо у нас есть выравнивание верхних краев , выравнивание вертикальных центров , выравнивание нижних краев , выравнивание левых краев , выравнивание горизонтальных центров и выравнивание правых краев . Эти параметры будут выравнивать содержимое двух или более слоев на основе краев содержимого или центров содержимого:
Шесть опций выравнивания — верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.
Варианты распространения
Далее идут шесть параметров «Распределить», которые будут брать содержимое нескольких слоев и распределять их равномерно. Слева направо у нас есть Распределить верхние края , Распределить вертикальные центры , Распределить нижние края , Распределить левые края , Распределить горизонтальные центры и, наконец, Распределить правые края . Обратите внимание, что вам нужно выбрать сразу три или более слоев на панели «Слои», чтобы опции «Распределить» стали доступны:
Шесть опций «Распределить» — «Верхние края», «Вертикальные центры», «Нижние края», «Левые края», «Горизонтальные центры» и «Правые края».
Давайте посмотрим, как я могу использовать эти параметры выравнивания и распределения, чтобы легко перегруппировать блоки в моем документе. Как мы видели недавно, я выбрал верхний левый, верхний центральный и верхний правый слои на панели «Слои». Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого слоя . Вам не нужно отключать другие слои, чтобы использовать параметры выравнивания и распределения. Я делаю это только для того, чтобы нам было легче увидеть, что происходит в документе:
Выключите другие блоки, нажав на их значки видимости слоя.
Когда другие блоки отключены, остаются видимыми только блоки на трех выбранных мной слоях. Опять же, я отключил другие блоки здесь, чтобы нам было легче видеть, что происходит. Нет необходимости включать и выключать слои, чтобы использовать эти параметры:
Блоки в верхнем левом, верхнем центральном и верхнем правом слоях остаются видимыми.
Первое, что я хочу сделать, это выровнять эти три блока по горизонтали на основе верхних краев блоков. Чтобы сделать это, выбрав три слоя на панели «Слои», все, что мне нужно сделать, — это нажать « Выровнять верхние края» на панели параметров:
Нажав на параметр «Выровнять верхние края».
Фотошоп смотрит на три блока, выясняет, какой из них ближе всего к верху документа, затем перемещает два других блока вверх, чтобы выровнять верхние края всех трех, и все это делается мгновенно:
Три блока теперь выровнены по своим верхним краям.
Я также хочу распределить три блока по горизонтали, чтобы они располагались на одинаковом расстоянии друг от друга, поэтому на этот раз (снова с тремя слоями, выбранными на панели «Слои»), я нажму на параметр « Распределить горизонтальные центры» на панели параметров. :
Нажав на параметр «Распределить горизонтальные центры».
Фотошоп снова смотрит на три блока, смотрит на то, где находится блок слева и где блок справа, затем перемещает центральный блок в положение, чтобы создать равное пространство между ними. Блоки с обеих сторон не двигаются. Перемещается только блок между ними:
Блоки теперь расположены на равном расстоянии друг от друга по горизонтали.
Теперь, когда верхние три слоя уже на месте, я включу средний левый и нижний левый слои, щелкнув их значки видимости на панели «Слои»:
Нажав на значки видимости для среднего левого и нижнего левого слоев.
Это включает эти два новых блока в документе. Синий «Т» блок находится в среднем левом слое, а оранжевый «Н» находится в нижнем левом слое:
Еще два блока появляются в документе.
Я хочу выровнять левые края этих двух новых блоков по левому краю блока «P» в верхнем левом углу, поэтому первое, что мне нужно сделать, это выбрать эти три слоя на панели «Слои». Я начну с нажатия на верхнем левом слое, чтобы выбрать его, а затем, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), нажимаю на средний левый и нижний левый слои. Это выберет все три слоя одновременно:
Выбор верхнего левого, среднего левого и нижнего левого слоев.
Выбрав три слоя, я нажму на параметр « Выровнять левые края» на панели параметров:
Нажав на параметр «Выровнять левые края».
Фотошоп смотрит на три блока, выясняет, какой из них ближе всего к левой стороне документа, а затем перемещает два других блока влево, чтобы выровнять левые края всех трех:
Левые края блоков теперь выровнены.
Мне все еще нужно исправить расстояние между тремя блоками, но я вернусь к ним через минуту. Я собираюсь включить нижний центр и нижний правый слои, щелкнув по их значкам видимости:
Нажав на значок видимости для нижнего центра и нижнего правого слоя.
Это включает синие «O» (нижний центр) и красные «P» (нижний правый) блоки вдоль дна:
Два новых блока внизу теперь видны.
Я выберу сразу все три слоя, сначала щелкнув нижний левый слой на панели «Слои», затем удерживая нажатой клавишу Shift и щелкнув нижний правый слой. Все три слоя, включая слой Bottom Center между ними, теперь выбраны:
Выбор нижнего левого, нижнего центрального и нижнего правого слоев.
Я хочу выровнять нижние края этих слоев, поэтому я нажму на параметр « Выровнять нижние края» на панели параметров:
Нажав на параметр «Выровнять нижние края».
Photoshop выясняет, какой из трех блоков находится ближе всего к нижней части документа, а затем перемещает два других блока вниз, чтобы выровнять нижние края всех трех:
Нижние края блоков теперь выровнены.
Теперь, когда блок «Н» в левом нижнем углу на месте, я вернусь и исправлю расстояние между блоками по левому краю. Опять же, я выберу верхний левый, средний левый и нижний левый слои на панели «Слои»:
Выбор верхнего левого, среднего левого и нижнего левого слоев.
Выбрав три слоя, я щелкну опцию Распределить вертикальные центры на панели параметров:
Нажмите на опцию Распределить вертикальные центры.
Фотошоп смотрит на положение верхнего и нижнего блоков, затем перемещает средний блок, чтобы создать равное пространство между ними по вертикали:
Три блока по левому краю теперь расположены на равном расстоянии.
Все идет нормально. Я включу средний правый слой в документе, нажав на его значок видимости:
Включение среднего правого слоя.
Это включает зеленый блок «S» вдоль правой стороны:
Зеленый «S» блок в среднем правом слое становится видимым.
Чтобы выровнять правые края трех блоков вдоль правого (блоки «O», «S» и «P»), я сначала выберу верхний правый, средний правый и нижний правый слои на панели «Слои»:
Выбор верхнего правого, среднего правого и нижнего правого слоев.
Затем я нажму на параметр « Выровнять правые края» на панели параметров:
Нажав на параметр «Выровнять правые края».
Photoshop определяет, какой из трех блоков находится ближе всего к правой стороне документа, а затем перемещает два других блока вправо, чтобы выровнять правые края всех трех:
Правые края трех блоков теперь выровнены.
Мне также нужно расположить три блока на равных расстояниях друг от друга, поэтому я щелкну опцию « Распределить вертикальные центры» на панели параметров, так же как и я, когда я отрегулировал расстояние между тремя блоками слева:
Снова нажмите на кнопку «Распределить вертикальные центры».
И теперь три блока справа расположены на равном расстоянии:
Блоки после выбора опции Распределить вертикальные центры.
Наконец, я включу слой «Средний центр», щелкнув его значок видимости на панели «Слои»:
Включение среднего центра слоя.
Это включает красный блок «О» в центре:
Блок «О» в центре теперь виден.
Центральный блок должен быть выровнен с блоками по обе стороны от него, поэтому я выберу средний левый, средний центральный и средний правый слои на панели слоев:
Выбор трех средних слоев.
Затем я нажму на параметр « Выровнять верхние края» на панели параметров:
Нажав на параметр «Выровнять верхние края».
Photoshop перемещает средний блок вверх, чтобы выровнять его верхний край с верхними краями блоков «T» и «S» рядом с ним, и с этим шаблон «grid» завершен, все благодаря опциям Photoshop’s Align и Distribute:
Параметры «Выравнивание» и «Распределение» облегчают перестановку блоков.
Конечно, остается еще одна проблема. Блоки могут быть выровнены и распределены между собой, но общий дизайн все еще должен быть в центре документа. Чтобы сделать это, нам нужен способ перемещения и выравнивания блоков как одного элемента, и самый простой способ сделать это — поместить их все в группу слоев , как мы рассматривали в предыдущем уроке .
Чтобы разместить блоки внутри группы, мне сначала нужно выбрать все слои, которые мне нужны, поэтому я начну с нажатия на верхнем левом слое вверху стека слоев, затем зажму клавишу Shift и нажмите на нижнем правом слое непосредственно над фоновым слоем. Это выберет верхний левый слой, нижний правый слой плюс каждый промежуточный слой:
Выделение всех слоев блоков одновременно.
Выбрав все слои блоков, я нажму на значок меню в верхнем правом углу панели «Слои» (значок в старых версиях Photoshop будет выглядеть как маленькая стрелка)
Нажмите на значок меню в верхнем правом углу панели «Слои».
Я выберу новую группу из слоев в появившемся меню:
Выбор новой группы из слоев в меню панели «Слои».
Фотошоп откроется диалоговое окно, спрашивая у меня имя для новой группы слоев. Я назову его «Blocks», затем я нажму OK, чтобы закрыть диалоговое окно:
Называя новую группу слоев.
Если мы посмотрим на панель «Слои», то увидим, что все слои блоков теперь вложены в группу слоев с именем «Blocks»:
Выбранные слои теперь находятся внутри группы слоев.
Одной из приятных особенностей групп слоев, помимо того, что они являются отличным способом поддержания чистоты и организованности панели «Слои», является то, что они позволяют нам перемещать все слои внутри них, как если бы они были одним слоем. Группа «Блоки» уже выбрана на панели «Слои», поэтому я буду удерживать нажатой клавишу «Shift» при нажатии на фоновый слой под ним. При этом одновременно выбирается группа слоев и фоновый слой:
Выбор группы слоев и фонового слоя одновременно.
Как мы узнали из учебного пособия « Фоновый слой» , фоновые слои заблокированы, что означает, что они не могут перемещаться внутри документа. Единственное , что я выбрал , что может двигаться это группа слой. Я нажму на параметр « Выровнять вертикальные центры» на панели параметров:
Нажав на параметр «Выровнять вертикальные центры».
Photoshop выравнивает слои блоков внутри группы слоев по вертикали с фоновым слоем:
Блоки внутри группы слоев выровнены так, как если бы они находились на одном слое.
И наконец, я нажму на параметр « Выровнять горизонтальные центры» на панели параметров:
Нажав на параметр «Выровнять горизонтальные центры».
Это выравнивает блоки по горизонтали с фоновым слоем, центрируя дизайн в документе:
Группа слоев позволила легко центрировать дизайн блока с документом.
Как в фотошопе выровнять объекты относительно друг друга
Главная » Разное » Как в фотошопе выровнять объекты относительно друг другаИнструменты выравнивания Photoshop, выравнивание и распределение слоёв
Так каким же образом я могу перестроить блоки внутри документа и расположить их геометрически правильно относительно друг друга и всего документа?
Конечно, я мог бы попытаться упорядочить их вручную с помощью «Перемещения» (Move Tool), но это займет приличное время, и я сомневаюсь, что я был бы в состоянии разместить их точно, используя метод «на глаз». Лучше, и гораздо более проще выровнять и упорядочить блоки с помощью специальных опций выравнивания (Align and Distribute options).
Чтобы получить доступ к этим опциям, мы должны выбрать инструмент (Move Tool):
При выбранном «Перемещении», опции выравнивания отобразятся в виде ряда иконок в панели параметров в верхней части экрана. На данный момент, иконки отображены серым цветом и недоступны, т.к. в Панели слоёв у меня выбран только один слой, и выравнивать его попросту не с чем:
Давайте посмотрим, что произойдет, если выбрать несколько слоёв. Зажав клавишу Ctrl, я выберу три слоя, «Top Left», «Top Right» и «Top Center»:
Опции теперь активны. Давайте теперь подробнее рассмотрим каждую из них.
Опции выравнивания
Это первые шесть значков в группе опций. Перечисляю назначение значков слева направо: — выравнивание по верхним краям
— центры слоёв по вертикали
— по нижнему краю
— по левому краю
— центры по горизонтали
— по правому краю
Эти опции могут применяться к содержимому двух или более слоёв и будут отталкиваться от краёв либо от центров содержимого:
Опции распределения
Далее идут шесть вариантов распределения, которые применяются к содержимому нескольких (больше двух) слоёв и распределяют поровну интервалы между ними:
Перечисляю их слева направо:
— распределение по верхним краям содержимого
— по центрам слоёв по вертикали
— по нижним краям
— по левым краям
— по центрам по горизонтали
— по правым краям
Внимание! Обратите внимание, для того, чтобы опция стала доступна, вам необходимо иметь выбранными три или более слоя!
А теперь давайте посмотрим, как на практике применить эти опции для упорядочения блоков в моем документе. Как вы помните, я выбрал три слоя — Top Left, Top Center, и Top Right (верхний левый, верхний центральный, верхний правый). Я собираюсь временно отключить другие блоки в документе, нажав на значок видимости каждого. Я отключил видимость только для наглядности, на работу опций выравнивания это нисколько не влияет:
Теперь в окне документа остались видимыми всего три блока:
Для начала, я выровняю эти три блока по горизонтали по верхнему краю блоков. Чтобы это сделать, следует нажать на опцию «выравнивание по верхнему краю» (Align Top Edges) в панели параметров:
При этом Photoshop определяет положение этих трёх блоков, выясняет, какой из них находится ближе к верху документа, а затем перемещается два других блока до уровня верхней кромки самого верхнего, в данном случае, это блок с жёлтой буквой «О», и это действие выполняется мгновенно. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:
Я также хочу разместить эти три блока по горизонтали так, чтобы они находились на равном расстоянии друг от друга, для этого я применю опцию «Распределение центров по по горизонтали» (Distribute Horizontal Centers):
При активации этой опции Photoshop определяет положение крайних блоков и потом перемещает расположенный между ними блок таким образом, чтобы расстояния до левого и правого блоков от центра по вертикали этого блока были равными, при этом крайние блоки не двигаются, перемещается только центральный. Для лучшего понимания этого момента наведите мышку на картинку, при этом отобразится изображение с положением блоков до перемещения:
Для лучшего понимания материала, рекомендую скачать файл PSD, который я использовал в этой статье, и попробовать выровнять блоки самостоятельно:
Читайте продолжение на следующей странице:
Как выровнять изображение в Фотошопе
Очень часто начинающие пользователи делают операцию выравнивания на глаз, что занимает много времени и усилий. В этом уроке мы разберем приемы, позволяющие без лишних манипуляций точно выравнивать изображения в Фотошопе.
Выравнивание объектов в Photoshop
Фотошоп включает в себя инструмент «Перемещение», благодаря которому можно точно выровнять необходимые вам слои и объекты изображения так, как вам нужно. Делается это довольно просто и легко. Для того чтобы упростить данную задачу, необходимо активировать инструмент «Перемещение» и обратить внимание на его панель настроек. Кнопки с первой по третью позволяют выбрать вертикальное выравнивание. Кнопки с четвертой по шестую позволяют выровнять объект по горизонтали.
Так, для того чтобы объект размещался по центру, необходимо активировать центрирование по двум параметрам. Основным условием при выравнивании является необходимость указания Фотошопу области, относительно которой он должен найти край или центр. Пока это условие не выполнено, кнопки для выравнивания не будут активными. В этом и заключается секрет установки объекта посередине всей картинки или же в одном из заданных участков.
Вариант 1: Выравнивание относительно всего изображения
- Необходимо указать программе область, относительно которой необходимо провести выравнивание. Сделать это можно просто создав выделенную область.
- В окне слоев необходимо выбрать фоновый и нажать сочетание клавиш CTRL+A, которое выделяет все. В итоге должна появиться рамка выделения вдоль всего фонового слоя, он, как правило, соответствует размеру всего холста.
Вы можете выделить необходимый вам слой и другим методом – для этого нужно нажать на кнопку Ctrl и кликнуть мышкой по фоновому слою. Данный метод не будет работать, если целевой слой заблокирован (узнать это можно, посмотрев на значок замка).
- Далее необходимо активировать инструмент «Перемещение». После появления рамки выделения настройки инструмента выравнивания станут доступными и готовыми к использованию.
Необходимо выбрать слой с изображением, которое будет выравниваться, после этого нужно нажать на кнопки управления выравниванием и определить, куда вы хотите поставить картинку.
Вариант 2: Центрирование по заданному фрагменту полотна
Следующий пример. Вам необходимо расположить картинку в центре по вертикали, но с правой стороны. Тогда нужно центрировать вертикальное расположение и установить выравнивание по правому краю по горизонтали. Предположим, на картинке есть фрагмент, внутри которого необходимо ровно расположить какую-либо картинку. Для начала аналогично первому варианту нужно выделить данный фрагмент. Попробуем разобраться с тем, как это делается:
- Если данный элемент располагается на собственном слое, необходимо нажать на кнопку CTRL и сделать клик мышкой по мини версии слоя в том случае, если он доступен для редактирования.
- Если же данный фрагмент располагается в самом изображении, необходимо активировать инструменты «Прямоугольная и Овальная область» и, применяя их, создать вокруг необходимого фрагмента правильную область выделения.
Вот так:
После этого необходимо выбрать слой с изображением и по аналогии с предыдущим пунктом расположить его в нужном вам месте.
Результат:
Иногда приходится проводить небольшую ручную коррекцию расположения изображения, это может быть полезно в ряде случаев, когда нужно лишь немного подправить существующее расположение объекта. Для этого можно выбрать функцию Перемещение, удержать клавишу SHIFT и понажимать на стрелки направления на вашей клавиатуре. При данном способе коррекции картинка будет сдвигаться на 10 пикселей за одно нажатие. Если вы не будете держать клавишу SHIFT, а решите просто воспользоваться стрелками на клавиатуре, то выделенный элемент будет перемещаться на 1 пиксель за раз.
Таким образом можно выровнять изображение в программе Фотошоп.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТВыравнивание и распределение слоёв, объектов и изображений
Сначала я кликну по красному «P», а затем, зажав клавишу Ctrl, по двум другим. Это позволит выбрать все три слоя одновременно:
После выбора трёх слоёв я нажму на опцию «Выравнивание по левому краю» (Align Left Edges):
Photoshop определит, левый край какого из выделенных блоков находится ближе всего к левому краю документа и переместит остальные два на этот же уровень (наведите мышку на рисунок для сравнения с предыдущим положением блоков):
Мне еще нужно скорректировать расстояние между этими тремя блоками, но я вернусь к ним позже. Сейчас я собираюсь включить слои Bottom Center и Bottom Right (нижний центральный и нижний правый), это блоки с буквами синяя «O» и красная «P» соответственно:
Теперь в документе отображаются ещё два блока внизу:
Теперь я выберу три нижних слоя, для этого кликаю по «Bottom Left», а затем, зажав Ctrl, по остальным двум:
Я хочу выровнять эти слои по нижнему краю, так что я кликну на соответствующую опцию (Align Bottom Edges):
Photoshop определит, какой из трех блоков находится ближе всего к нижнему краю документа, а затем перемещает два другие блока вниз до уровня нижнего (наведите мышку на рисунок для сравнения с предыдущим положением блоков):
Теперь исправим расстояние между блоками у левого края. Выбираем их (Top Left, Middle Left и Bottom Left):
И жмём на опцию «Распределение центров по вертикали» (Distribute Vertical Centers):
Photoshop определяет положение верхнего и нижнего блоков, а затем перемещает средний блок для создания равного расстояния от него до нижнего и верхнего блоков (наведите мышку на рисунок для сравнения с предыдущим положением блоков):
Пока всё идёт как надо. Теперь я включу, щёлкнув по «глазу», слой «Middle Right» с зеленой буквой «S», он отобразился в документе:
Займёмся выравниванием блоков у правого края (жёлтый «O», зелёный «S» и красный «P»). Выбираем слои «Top Right», «Middle Right» и «Bottom Right» в панели слоёв, и затем нажимаем опцию «Выравнивание по правому краю» (Align Right Edges):
Фотошоп переместил блоки точно по такому же принципу, как и ранее (наведите мышку на рисунок для сравнения с предыдущим положением блоков):
Точно таким же образом, как это делали ранее, с помощью опции «Распределение центров по вертикали» (Distribute Vertical Centers) я располагаю зелёную букву «S» точно по середине между верхним и нижним блоками, и с помощью опции «Распределение центров по по горизонтали» (Distribute Horizontal Centers) располагаю нижний средний блок с синей буквой «О» посередине между правым и левым.
Нетронутым у меня остался последний слой «Middle Center» с красной буквой «О», включаю его:
Как мы видим, он располагается ниже средних блоков, поэтому к нему можно применить опцию «Выравнивание по верхнему краю» (Align Top Edges), предварительно выбрав три средних в горизонтальном направлении слоя, это Middle Left, Middle Center и Middle Right. После чего блок встанет на желаемое место:
Теперь его нужно выровнять относительно нижнего и верхнего блоков. Он находится левее их, поэтому выделяем три средних в вертикальном направлении блока, это «Top Center», «Middle Center» и «Bottom Center» и применяем опцию «Выравнивание по правому краю» (Align Right Edges). Всё, теперь все блоки расположены точно друг относительно друга:
Но осталась ещё одна небольшая проблема. Относительно друг друга блоки выровнены, но в документе они расположены не по центру, что портит общий дизайн.
Помочь справится с этой проблемой может объединение слоёв в группу.
Итак, выбираем все слои, кроме фонового и помещаем их в группу, как описывается в предыдущем материале.
Примечание. Есть ещё один способ поместить слои в группу. Для этого надо выделить все нужные слои и просто перетянуть их на значок группы:
Теперь в панели слоёв мы имеем всего два элемента: один слой (фоновый) и одну группу.
Выделим оба элемента, зажав клавишу Ctrl:
И воспользуемся опциями выравнивания. Применяем сперва «Выравнивание центров по вертикали» (Align Vertical Centers), а потом «Выравнивание центров по горизонтали» (Align Horizontal Centers). Кстати, обратите внимание, у нас сейчас выбраны всего два элемента, т.е. меньше трёх, поэтому опции распределения недоступны:
Как мы узнали из материала о фоновом слое, фон зафиксирован на месте и для перемещения недоступен, следовательно, перемещаться может только один элемент — это группа с нашими блоками. Она и выровняется по центру относительно фона. Всё, задача достигнута, блоки выровнены относительно друг друга и относительно всего документа:
Для лучшего понимания материала рекомендую скачать файл PSD, который я использовал в данном материале, и попробовать выровнять блоки самостоятельно:
Выравнивание в фотошопе по центру и краям
В фотошопе есть инструмент Перемещение, который позволяет автоматически со сто процентной точностью выровнять любой объект/слой по центру изображения или его краям. Также можно выровнять относительно отдельно взятого участка на изображении. Все это очень просто и об этом пойдет речь в данной статье.
Как правило, новички эту операцию делают на глаз, что совсем не обязательно. Выберите инструмент Перемещение и обратите внимание на его панель параметров. Там имеется ряд настроек, которые и отвечают за эту задачу (смотрите на скриншоте):
Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.
Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.
Таким образом, чтобы разместить объект ровно по центру, нужно выбрать центрирование по вертикали и горизонтали.
Самое главное правило выравнивания: прежде всего, вы должны указать фотошопу область, относительно которой программа и должна искать края или середину. Пока вы этого не сделаете, кнопки выравнивания будут не активными, то есть их нельзя нажать.
В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.
Итак, последовательность действий следующая:
Допустим, нужно разместить по центру эту картинку:
Вариант 1 — относительно всего холста.Шаг 1
Указываем фотошопу область, относительно которой программа должна выровнять изображение. Это делается путем создания выделенной области.
На палитре слоев выделяем фоновый слой и жмем на клавиатуре комбинацию клавиш Ctrl+A (Выделить все). В результате вы должны увидеть рамку выделения из «марширующих муравьев» вокруг фонового слоя. (Как правило, фоновый слой — совпадает по размерам с холстом).
Примечание
Можно выделить фоновый слой еще другим способом — зажмите клавишу Ctrl и щелкните левой кнопкой мыши по фоновому слою. Способ работает, когда этот слой разблокирован (об этом сигнализирует значок замочка, подробнее).
Шаг 2
Теперь нужно выбрать инструмент Перемещение. Когда у нас есть рамка выделения, то кнопки выравнивания станут активными, а значит их можно использовать.
Выберите слой с картинкой, которую нужно выравнивать, а теперь нажимайте на кнопки в соответствии с тем, куда бы вам хотелось разместить эту картинку. Например, давайте разместим ровно по центру. Тогда нам нужно нажать вот эти кнопки:
Еще пример. Допустим, нужно разместить картинку по центру, но с левого края. Тогда на панели параметров выбираем такие кнопки:
Вариант 2 — в отдельно взятом фрагменте изображенияДопустим, на изображении присутствует фрагмент, внутри которого нужно идеально ровно разместить какую-нибудь картинку. В своем примере я добавил стеклянный квадрат. Пусть внутри него будет находиться другая картинка (кстати, в этой статье можно научиться самому делать такой стеклянный квадрат).
Шаг 1
Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?
— Если этот фрагмент находится на отдельном слое (как у меня квадрат, который я отдельно вставил), то нужно нажать Ctrl и кликнуть мышью по миниатюре слоя, если он не заблокирован).
— Если этот фрагмент находится в самом изображении, то нужно выбрать инструменты выделения Прямоугольная и Овальная области и с их помощью нарисовать вокруг фрагмента ровную выделенную область. Как пользоваться этими инструментами смотрите тут.
Шаг 2
Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:
Совет
В некоторых случаях требуется вручную немного скорректировать местоположение картинки. Выберите инструмент Перемещение и, зажав клавишу Shift, нажимате на стрелки направлений на клавиатуре. Картинка будет двигаться с шагом в 10 пикселей.
Если не зажимать эту клавишу, а просто пользоваться стрелками клавиатуры, то картинка будет двигаться с шагом в 1 пиксель.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Выравнивание объектов в заданных границах при работе с Фотошопом
1. Для примера возьмем чистый документ и используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») напишем на нем текст «передвинь-ка!».
2. При активном слое с текстом нажмите Ctrl+A чтобы выделить весь документ.
Выделение будет играть роль рамки, в пределах которой текст будет выравниваться.
3. После выберите инструмент Move Tool (Инструмент «Перемещение» / Клавиша «V»).
4. На панели настроек данного инструмента станут активными следующие кнопки:
1) «Align top edges» (Выравнивание по верхнему краю).Нажмите, будет так:
2) «Align vertical centers» (Выравнивание центров по вертикали).Нажмите, будет так:
3) «Align bottom edges» (Выравнивание по нижнему краю).Теперь текст внизу:
4) «Align left edges» (Выравнивание по левому краю).Если нажать на выравнивание центров по вертикали, а потом по левому краю, то получится так:
5) «Align horizontal centers» (Выравнивание центров по горизонтали).6) «Align right edges» (Выравнивание по правому краю).А теперь нажмите сначала выравнивание по верхнему краю, затем по правому краю. Ваш текст переедет в угол:
Все отлично, только текст совсем прилип к краям, нужно сделать немного отступ.
Нажмите Ctrl+D чтобы снять выделение.
Затем Shift+стрелка вправо и Shift+стрелка вниз.
Нажимая Shift и стрелки на клавиатуре, вы можете передвигать объект сразу на 10 пикселей в нужную сторону.
Вот как теперь выглядит наш текст.
Применяйте эти знания, чтобы перемещать объекты на вашем рабочем документе. Это очень удобно.
С помощью клавиш Shift + Стрелка у вас будут получаться ровные промежутки между элементами.
И ваша дизайнерская работа станет смотреться более организованной и сбалансированной.
Автор: Зинаида Лукьянова;
Источник;
⇐ • Интерполяция (Resample Image) (предыдущая страница учебника)
• Преимущества и недостатки разных форматов — Jpeg, Gif, Tiff, Eps, PSD, PDF, PNG (следующая страница учебника) ⇒
Трансформирование объектов в Photoshop
Трансформирование масштабирования, поворота, наклона, растяжения или деформации изображения. Трансформирование можно применять к выделенной области, целому слою, нескольким слоям или к слою-маске. Кроме того, трансформирование применяется к контуру, векторной фигуре, векторной маске, границе выделения или к альфа-каналу. При работе с пикселами трансформирование влияет на качество изображения. Для того чтобы к растровым изображениям применялось неразрушающее трансформирование, следует использовать функцию «Смарт-объекты». (См. раздел Работа со смарт-объектами.) Трансформирование векторной фигуры или контура является неразрушающим, поскольку при этом изменяются только математические вычисления, с помощью которых создан объект.
Чтобы выполнить трансформирование, выделите нужный объект, затем выберите команду трансформирования. При необходимости перед началом трансформирования настройте контрольную точку. Перед тем как выполнять суммарное преобразование, можно последовательно выполнить несколько отдельных действий. Например, можно выполнять масштабирование с помощью инструмента «Масштаб» или путем перетаскивания рукоятей, затем применить команду «Искажение», изменяя степень искажения также перетаскиванием рукояти. Для того чтобы применить трансформирование, следует нажать клавишу «Ввод» или «Return».
Цвет пикселов, добавляемых или удаляемых во время трансформирования, вычисляется в Photoshop методом интерполяции, выбранным в разделе «Основные» диалогового окна «Установки». Скорость и качество трансформирования непосредственно зависят от этого параметра интерполяции. Бикубическая интерполяция, применяемая по умолчанию, выполняется медленнее всего, но дает наилучший результат.
Преобразование объектов в Photoshop
Преобразование масштабирует, поворачивает, наклоняет, растягивает или деформирует изображение. Вы можете применить преобразования к выделенному фрагменту, всему слою, нескольким слоям или маске слоя. Вы также можете применить преобразования к контуру, векторной фигуре, векторной маске, границе выделения или альфа-каналу. Преобразование влияет на качество изображения, когда вы манипулируете пикселями. Чтобы применить неразрушающие преобразования к растровым изображениям, используйте смарт-объекты. (См. Работа со смарт-объектами.) Преобразование векторной формы или пути всегда неразрушает, потому что вы меняете только математические вычисления, производящие объект.
Чтобы выполнить преобразование, сначала выберите элемент для преобразования, а затем выберите команду преобразования. При необходимости отрегулируйте опорную точку перед выполнением преобразования. Перед применением кумулятивного преобразования вы можете выполнить несколько манипуляций подряд. Например, вы можете выбрать «Масштаб» и перетащить маркер для масштабирования, а затем выбрать «Искажение» и перетащить маркер для искажения.Затем нажмите Enter или Return, чтобы применить оба преобразования.
Photoshop использует метод интерполяции, выбранный в области «Общие» диалогового окна «Параметры», для вычисления значений цвета пикселей, которые добавляются или удаляются во время преобразований. Этот параметр интерполяции напрямую влияет на скорость и качество преобразования. Бикубическая интерполяция, используемая по умолчанию, самая медленная, но дает лучшие результаты.
.Как удалять объекты с фотографии или изображения
Что вы узнали: Удаление объектов с помощью инструмента «Клонировать штамп»
Когда использовать инструмент Clone Stamp
Штамп клонирования эффективен, когда вам нужно точно скопировать детали и цвет из одной части изображения в другую область.
Используйте пустой слой для ретуширования Clone Stamp
Инструмент «Клонировать штамп» позволяет использовать пустой слой, чтобы отделить ретушь от основного изображения.
- Нажмите кнопку «Добавить новый слой» в нижней части панели «Слои».
- При активном новом слое нажмите кнопку блокировки положения в верхней части панели «Слои», чтобы новый слой оставался выровненным с фоновым слоем.
- На панели параметров инструмента «Клонировать штамп» установите в меню «Образец» значение «Текущий и ниже», чтобы скопировать детали из нижележащего слоя и разместить их на новом слое.
Определите область образца и нарисуйте новую деталь поверх объекта
- Выбрав инструмент «Клонировать штамп», щелкните область деталей, удерживая клавишу «Alt» (Windows) или «Option» (MacOS), чтобы установить точку выборки.Предварительный просмотр внутри указателя клонирования штампа показывает детали, которые вы будете использовать для ретуширования. Предварительный просмотр полезен для совмещения выбранных деталей с другими частями изображения.
- Проведите кистью по области, где вы хотите добавить выбранную деталь, чтобы покрыть объект. Во время работы перекрестие указывает, откуда копируется деталь.
Проверьте результаты, чтобы проверить наличие повторяющихся деталей
Удаление объектов с помощью инструмента «Клонировать штамп» может иногда приводить к появлению деталей из области выборки, повторяющейся там, где вы использовали этот инструмент.
- Используйте инструмент Clone Stamp с кистью меньшего размера, чтобы скрыть очевидные повторяющиеся детали.
Сохраните свою работу
- Сохраните файл в формате PSD или TIFF, чтобы сохранить отдельный созданный вами слой ретуширования.
css — Как мне выровнять высоту двух однотипных встроенных блоков относительно друг друга?
Переполнение стека- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
- Вакансии Программирование и связанные с ним технические возможности карьерного роста
Выровнять или упорядочить объекты — служба поддержки Office
Расставить формы
Чтобы расположить фигуру или изменить ее порядок — переместив ее перед или позади других объектов на слайде, выполните следующие действия.
Выберите форму, которую хотите расположить.
На вкладке Фигуры выберите Упорядочить кнопка.
В меню Упорядочить выберите способ расположения фигуры.
Выровнять формы
Нажмите и удерживайте CTRL и выберите каждую из фигур, которые вы хотите расположить.
На вкладке Shapes выберите Arrange кнопка.
В меню « Упорядочить » выберите « Выровнять » и затем, что вы хотите сделать с формами.
Как выровнять изображения бок о бок
Узнайте, как выравнивать изображения бок о бок с помощью CSS.
Галерея параллельных изображений
Попробуйте сами »
Как разместить изображения рядом
Шаг 1) Добавьте HTML:
Пример
Шаг 2) Добавьте CSS:
Как создавать изображения бок о бок с помощью свойства CSS float
:
Пример с плавающей запятой
/ * Три контейнера изображений (используйте 25% для четырех и 50% для двух и т. Д.) * /.column {
float: left; столбец {
float: left;
ширина: 33,33%;
набивка: 5px;
}
/ * Очистить поплавки после контейнеров изображений * /
.строка :: после {
содержание: «»;
ясно: оба;
дисплей: стол;
}
Как создавать изображения бок о бок с помощью свойства CSS flex
:
Пример Flexbox
.row {display: flex;
}
.колонна {
гибкость: 33,33%;
набивка: 5px;
}
Примечание. Flexbox не поддерживается в Internet Explorer 10 и более ранних версиях. Вам решать, хотите ли вы использовать float или flex для создания макета из трех столбцов.Однако, если вам нужна поддержка IE10 и более ранних версий, вам следует использовать float.
Совет: Чтобы узнать больше о модуле гибкой компоновки коробки, прочтите наши Глава CSS Flexbox.
Добавить отзывчивость
При желании вы можете добавить медиа-запросы, чтобы изображения накладывались друг на друга, а не плавали рядом друг с другом, на экране определенной ширины.
В следующем примере изображения будут располагаться вертикально на экранах шириной 500 пикселей или меньше:
Отзывчивый пример
/ * Адаптивный макет — заставляет три столбца располагаться друг над другом вместо рядом друг с другом * /
@media screen и (max-width: 500px) {
.столбец {
ширина: 100%;
}
}
Связанные страницы
Чтобы узнать больше о том, как стилизовать изображения, прочтите наше руководство по изображениям CSS.
Чтобы узнать больше о CSS Float, прочтите наше руководство по CSS Float.
Чтобы узнать, как создать галерею изображений с помощью CSS, прочитайте наше руководство по галерее изображений CSS.
.
как выровнять элементы управления влево, вправо и по центру в относительной компоновке в android
Переполнение стека- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
Выравниваем линию горизонта в фотошопе
Задача: Выровнять горизонт в фотошопе.
Что имеем: Фотоаппарат, фотографию, фотошоп, линейку с уровнем. А ещё уберите штатив куда подальше.
Если после отличной фотосессии на одной из фотографий Вы заметили неровный горизонт, не торопитесь удалять фото и идти в С вязной за мини-штативом (хотя он был бы очень полезен для Вашей карьеры фотографа в целом), ведь для того, чтобы выровнять линию горизонта, достаточно открыть фотошоп и потратить 1 минуту на чтение данного урока.
В качестве примера возьмём вот эту фотографию одного из чудес света:
Кликаем правой кнопкой мыши по «пипетке» и выбираем инструмент Ruler Tool (Линейка):
Теперь зажимаем левую кнопку мыши в любой точке изображения и проводим линию, параллельную горизонту:
После этого заходим в меню Arbitrary (Произвольный поворот):
В открывшемся окне нажимаем ОК:
Теперь изображение повёрнуто, а горизонт выровнен. Правда появились некие пустые области, от которых можно избавиться, обрезав изображение с помощью инструмента Crop (Обрезка).
Для этого выберите данный инструмент и выделите наше изображение так, чтобы в него не попадали пустые области:
Если выделение получилось немного неточным, подредактируйте его с помощью специальных точек:
Более подробную информацию об инструменте Crop (Обрезка) Вы можете получить, прочитав урок «Обрезаем изобр ажение — кадрирование».
По завершении, не забудьте нажать Commit (Применить) , а также сохран ить Вашу фотографию.
Успехов в творчестве!
Как выпрямить перекошенное изображение в Photoshop
Из этой статьи вы узнаете быстрый и простой способ, позволяющий выпрямлять перекошенные фотографии. Давайте смотреть правде в глаза, если не все свои фото вы делаете с камеры, установленной на штатив, некоторые из них будут немного перекошенными. К счастью, в Photoshop мы можем невероятно легко выпрямить их всего за несколько простых шагов!
Вот фото отеля и казино «Нью-Йорк» в Лас-Вегасе:
Исходное изображение
Типичное фото туриста. Оно было сделано с небольшой компактной камеры во время прогулки по городу, и как чуть позже выяснилось, что оно немного перекошено. Статуя Свободы немного наклонена вправо. Но не беспокойтесь. Мы исправим все это очень скоро. Давайте начнем!
Лучше всего выпрямлять изображения в Photoshop с помощью инструмента «Измеритель», который выполняет основную часть работы. Как вы увидите уже очень скоро, пока Photoshop может сделать практически всю работу за вас! Инструмент «Измеритель», по умолчанию, располагается в меню инструмента «Пипетка».
Поэтому, чтобы выбрать его, вам нужно нажать и удерживать кнопку мыши на инструменте «Пипетка», «Измеритель» будет вторым или третьим в списке. Нажмите на инструмент «Измеритель», чтобы выбрать его:
Выберите инструмент «Измеритель» в палитре инструментов
Найдите на фото какой-нибудь элемент, который должен быть выпрямлен, либо горизонтально, либо вертикально. Мы собираемся развернуть его край с помощью инструмента «Измеритель», вместо того, чтобы выяснять, насколько на самом деле перекошено фото. В моем случае, я собираюсь провести горизонтальную линию вдоль крыши здания, расположенного непосредственно за статуей Свободы.
Очевидно, что крыша должна быть строго горизонтальной, но в данный момент это явно не так. Я просто один раз нажимаю на левой части края крыши, затем, удерживая кнопку мыши, перемещаю курсор на правую сторону. После этого будет создана тонкая линия от той точки, где я первый раз кликнул мышью на правой стороне крыши, и точкой, где я закончил перемещать мышку, и отпустил кнопку.
Photoshop использует угол этой линии, чтобы определить, как сильно должно быть повернуто изображение, чтобы выпрямить его:
При выбранном инструменте «Измеритель» нажмите кнопку мыши и переместите курсор вдоль края какого-либо объекта на фотографии, который должен быть выровнен горизонтально или вертикально
Если вы посмотрите на панель параметров в верхней части экрана, то увидите угол линии, которую вы только что нарисовали (это число, указанное справа от буквы «А»). В моем случае линия расположена под углом 1,9 градусов к горизонтали:
Панель параметров, на которой указан угол линии, проведенной с помощью инструмента «Измеритель»
Photoshop теперь может использовать этот угол для определения, насколько нужно повернуть изображение, чтобы выровнять его.
Перейти в меню «Изображение», выберите «Повернуть холст», а затем «Произвольно»:
Перейдите Изображение> Повернуть холст > Произвольно
Каждый раз, когда я делаю это, я улыбаюсь, потому что слово «произвольно» на самом деле означает «случайно» или «на удачу». Но это противоположно тому, что мы делаем. Мы не вращаем изображение случайно, на удачу.
Мы использовали инструмент «Измеритель», чтобы точно узнать, на сколько градусов необходимо повернуть наше изображение, и теперь Photoshop может использовать информацию, которую мы ему предоставили, чтобы выровнять изображение наверняка.
Как я уже говорил раньше, большая часть проблем с изучением Photoshop возникает в связи с терминологией. Как и в этом случае, я не знаю, о чем думал Adobe.
Тем не менее, идем дальше. После того, как вы выберете «произвольно», всплывет диалоговое окно «Повернуть холст», и, как мы видим, все уже сделано за нас. В моем случае, Photoshop уже ввел значение 1,85 градуса, и даже уже знает, что изображение нужно будет повернуть против часовой стрелки, поэтому выбран вариант CCW:
Диалоговое окно «Повернуть холст» с заданными значениями угла и направления поворота
Вы можете быть удивлены, тем Photoshop ввел угол 1,85 градуса, тогда как совсем недавно мы видели в панели параметров значение 1,9. Причина заключается в том, что в верхней панели Photoshop углы округляются до одного знака после запятой, поэтому в панели было значение 1,9 градуса.
Хотя на самом деле угол, измеренный с помощью инструмента «Измеритель», равнялся 1,85 градуса. Угол, указанный в диалоговом окне «Повернуть холст», является более правильным.
На данный момент, все, что нам нужно сделать, это нажать «OK» в диалоговом окне «Повернуть холст», чтобы выйти из него, после чего Photoshop повернет и выровняет изображение:
Теперь изображение развернуто и выровнено
Все выглядит отлично, статуя Свободы больше не заваливается вправо. Мы смогли выровнять изображение без каких-либо действий на глаз, благодаря инструменту «Измеритель» и команде «Повернуть холст».
Конечно, есть небольшая проблема. При вращении изображения внутри окна документа, мы добавили на холст некоторые белые области вокруг внешнего края фото. Мы должны завершить обработку, обрезав эти области. А для этого, мы можем использовать инструмент «Кадрирование». Выберите «Кадрирование» из палитры инструментов, или просто нажмите букву C на клавиатуре:
Выберите инструмент «Кадрирование»
Затем, при выбранном инструменте «Кадрирование», просто кликните мышью в левом верхнем углу вашего изображения и, удерживая нажатой кнопку мыши, перетащите курсор в нижний правый угол, чтобы создать рамку вокруг области, которую вы хотите сохранить.
Подстройте размеры рамки к области, которую необходимо оставить, с помощью маркеров в углах и на сторонах рамки:
Используйте инструмент «Кадрирование», чтобы выделить область изображения, которую вы хотите сохранить
После того как вы задали расположение рамки, нажмите Enter (Win) / Return (Mac), чтобы обрезать изображение:
Теперь изображение выпрямлено и обрезано
Вот и все! Именно так вы можете легко выравнивать перекошенные изображения!
Данная публикация является переводом статьи «How To Straighten Crooked Photos In Photoshop» , подготовленная редакцией проекта.
Выровнять и распределить слои в Photoshop
Автор Стив Паттерсон.
Вот документ, который я открыл на своем экране, с деревянными блоками:
Исходный документ.
На данный момент блоки разбросаны повсюду, но я бы хотел расположить их по сетке 3×3. Если мы посмотрим на мою панель «Слои», мы увидим, что каждый блок находится на своем собственном слое над фоновым слоем. Я пошел дальше и переименовал каждый слой в зависимости от того, где я хочу, чтобы каждый блок отображался в сетке («Верхний левый», «Верхний правый», «Нижний правый» и т. Д.):
Каждый блок отображается на отдельном слое на панели «Слои».
Итак, как я могу переупорядочить блоки внутри документа и выровнять их друг с другом? Что ж, я мог бы попытаться перетащить их на место вручную с помощью инструмента «Перемещение», но это потребует времени, и я сомневаюсь, что смогу выровнять их все идеально, просто «глядя на это». Лучшим и гораздо более простым способом было бы позволить Photoshop выполнять работу за меня автоматически, используя его параметры Align и Distribute !
Чтобы получить доступ к параметрам «Выровнять» и «Распределить», у нас должен быть выбран инструмент Move Tool , поэтому я выберу его в верхней части панели «Инструменты»:
Выберите инструмент «Перемещение».
Если выбран инструмент «Перемещение», параметры «Выровнять» и «Распределить» отображаются в виде серии значков на панели параметров в верхней части экрана. На данный момент значки неактивны и недоступны, потому что у меня на панели «Слои» выбран только один слой, и нет особого смысла пытаться выровнять или распределить слой с самим собой:
Если выбран инструмент «Перемещение», на панели параметров появятся параметры «Выровнять» и «Распределить».
Посмотрим, что произойдет, если я выберу несколько слоев.У меня уже выбран верхний левый слой в верхней части стопки слоев:
В настоящий момент выбран верхний левый слой.
Я также выберу верхний центральный и верхний правый слои, удерживая нажатой клавишу Shift и щелкнув верхний правый слой. При этом остается выбранным верхний левый слой, к выделению добавляется верхний правый слой, а также выбирается верхний центральный слой между ними, так что теперь все три слоя выбраны одновременно:
Выбор слоев «Верхний левый», «Верхний центральный» и «Верхний правый» на панели «Слои».
Теперь, когда выбрано несколько слоев, становятся доступными параметры «Выровнять» и «Распределить». Рассмотрим их подробнее.
Параметры выравнивания
Первые шесть значков в строке — это параметры выравнивания. Слева направо: Выровнять верхние края , Выровнять вертикальные центры , Выровнять нижние края , Выровнять левые края , Выровнять горизонтальные центры и Выровнять правые края . Эти параметры будут выстраивать содержимое двух или более слоев на основе краев содержимого или центров содержимого:
Шесть вариантов выравнивания — верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края..
Параметры распределения
Далее идут шесть опций «Распределить», которые берут содержимое нескольких слоев и равномерно распределяют их. Слева направо у нас есть Распределить по верхним краям , Распределить по центрам по вертикали , Распределить по нижним краям , Распределить по левым краям , Распределить по центрам по горизонтали и, наконец, Распределить по правым краям . Обратите внимание, что вам необходимо выбрать три или более слоя одновременно на панели «Слои», чтобы параметры «Распределить» стали доступными:
Шесть вариантов распределения — верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.
Давайте посмотрим, как я могу использовать эти параметры «Выровнять» и «Распределить», чтобы легко переупорядочить блоки в моем документе. Как мы видели минуту назад, я выбрал слои «Верхний левый», «Верхний центральный» и «Верхний правый» на панели «Слои». Я собираюсь временно отключить другие блоки в документе, щелкнув значок видимости каждого слоя . Вам не нужно отключать другие слои, чтобы использовать параметры «Выровнять» и «Распределить». Я делаю это только для того, чтобы нам было легче увидеть, что происходит в документе:
Отключение других блоков, щелкнув значки видимости их слоя.
Когда остальные блоки выключены, остаются видимыми только блоки на трех выбранных мною слоях. Опять же, я отключил другие блоки здесь, чтобы нам было легче увидеть, что происходит. Для использования этих параметров не нужно включать и выключать слои:
Блоки в верхнем левом, верхнем центральном и верхнем правом слоях остаются видимыми.
Первое, что я хочу сделать, это выровнять эти три блока горизонтально по верхним краям блоков. Для этого, когда на панели «Слои» выбраны три слоя, все, что мне нужно сделать, это нажать на опцию Align Top Edges на панели параметров:
Щелкнув по опции «Выровнять верхние края».
Photoshop просматривает три блока, определяет, какой из них находится ближе всего к верхней части документа, затем перемещает два других блока вверх, чтобы выровнять верхние края всех трех, и все это делается мгновенно:
Теперь три блока выровнены по верхним краям.
Я также хочу распределить три блока по горизонтали, чтобы они находились на равном расстоянии друг от друга, поэтому на этот раз (снова с тремя слоями, выбранными на панели слоев), я нажму на опцию Распределить горизонтальные центры в Панель параметров:
Нажав на опцию Распределить по центрам по горизонтали.
Photoshop снова смотрит на три блока, смотрит, где находится блок слева и где находится блок справа, затем перемещает центральный блок в нужное положение, чтобы создать равное количество пространства между ними. Блоки по обе стороны не двигаются. Перемещается только блок между ними:
Теперь блоки равномерно разнесены по горизонтали.
Теперь, когда три верхних слоя на месте, я включу средний левый и нижний левый слои, щелкнув их значки видимости на панели слоев:
Щелчок по значкам видимости для среднего левого и нижнего левого слоев.
Это включает эти два новых блока в документе. Синий блок «T» находится на среднем левом слое, а оранжевый «H» — на нижнем левом слое:
В документе появляются еще два блока.
Я хочу выровнять левые края этих двух новых блоков с левым краем блока «P» в верхнем левом углу, поэтому первое, что мне нужно сделать, это выбрать эти три слоя на панели «Слои». Я начну с нажатия на верхний левый слой, чтобы выбрать его, а затем, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), нажимаю на средний левый и нижний левый слои.Это выберет все три слоя сразу:
Выбор слоев «Верхний левый», «Средний левый» и «Нижний левый».
Выбрав три слоя, я нажимаю на Align Left Edges на панели параметров:
Щелкнув по опции «Выровнять левые края».
Photoshop просматривает три блока, определяет, какой из них находится ближе всего к левой стороне документа, затем перемещает два других блока влево, чтобы выровнять левые края всех трех:
Теперь левые края блоков выровнены.
Мне все еще нужно исправить расстояние между тремя блоками, но я вернусь к ним через мгновение. Я собираюсь включить слои Bottom Center и Bottom Right, щелкнув их значки видимости:
Щелкните значок видимости для слоев Bottom Center и Bottom Right.
Это включает синий «O» (внизу в центре) и красный «P» (внизу справа) блоки внизу:
Теперь видны два новых блока внизу.
Я выделю все три слоя сразу, сначала щелкнув слой Bottom Left на панели Layers, затем, удерживая нажатой клавишу Shift , и щелкнув слой Bottom Right.Все три слоя, включая промежуточный нижний центральный слой, теперь выбраны:
Выбор слоев нижний левый, нижний центральный и нижний правый.
Я хочу выровнять нижние края этих слоев, поэтому я нажимаю опцию Align Bottom Edges на панели параметров:
Щелкнув по опции «Выровнять нижние края».
Photoshop определяет, какой из трех блоков находится ближе всего к нижней части документа, затем перемещает два других блока вниз, чтобы выровнять нижние края всех трех:
Нижние края блоков теперь выровнены.
Теперь, когда блок «H» в нижнем левом углу на месте, я вернусь и исправлю расстояние между блоками слева. Опять же, я выберу верхний левый, средний левый и нижний левый слои на панели слоев:
Выбор слоев «Верхний левый», «Средний левый» и «Нижний левый».
Выбрав три слоя, я нажимаю на опцию Распределить по вертикальным центрам на панели параметров:
Нажав на опцию Распределить по центрам по вертикали.
Photoshop смотрит на положение верхнего и нижнего блоков, затем перемещает средний блок, чтобы создать равное пространство по вертикали между ними:
Три блока слева теперь расположены на одинаковом расстоянии.
Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]
Пока все хорошо. Я включу средний правый слой в документе, щелкнув значок его видимости:
Включение среднего правого слоя.
Это включает зеленый блок «S» справа:
Становится видимым зеленый блок «S» на среднем правом слое.
Чтобы выровнять правые края трех блоков справа (блоки «O», «S» и «P»), я сначала выберу верхний правый, средний правый и нижний правый слои на панели слоев:
Выбор слоев верхнего правого, среднего правого и нижнего правого.
Затем я нажимаю опцию Align Right Edges на панели параметров:
Щелкнув по опции «Выровнять правые края».
Photoshop определяет, какой из трех блоков находится ближе всего к правой стороне документа, затем перемещает два других блока вправо, чтобы выровнять правые края всех трех:
Правые края трех блоков теперь выровнены.
Мне также нужно расположить три блока на равном расстоянии друг от друга, поэтому я нажму на опцию Распределить вертикальные центры на панели параметров, так же, как я это сделал, когда отрегулировал расстояние между тремя блоками слева:
Снова щелкнув по опции «Распределить по центрам по вертикали».
И теперь три блока справа расположены на одинаковом расстоянии:
Блоки после выбора опции «Распределить по центрам по вертикали».
Наконец, я включу средний центральный слой, щелкнув его значок видимости на панели слоев:
Включение среднего центра слоя.
Это включает красный блок «О» в центре:
Теперь виден блок «O» в центре.
Центральный блок должен быть выровнен с блоками по обе стороны от него, поэтому я выберу средний левый, средний центр и средний правый слои на панели слоев:
Выбор трех средних слоев.
Затем я нажимаю на опцию Align Top Edges на панели параметров:
Щелкнув по опции «Выровнять верхние края».
Photoshop перемещает средний блок вверх, чтобы выровнять его верхний край с верхними краями блоков «T» и «S» рядом с ним, и на этом узор «сетка» завершен, все благодаря параметрам выравнивания и распределения Photoshop:
Опции «Выровнять» и «Распределить» упростили перестановку блоков.
Конечно, осталась еще одна проблема.Блоки могут быть выровнены и распределены между собой, но общий дизайн все равно должен быть сосредоточен в документе. Для этого нам нужен способ перемещать и выравнивать блоки как единое целое, и самый простой способ сделать это — разместить их все внутри группы слоев, которую мы рассмотрели в предыдущем уроке.
Чтобы разместить блоки внутри группы, мне сначала нужно выбрать все слои, которые мне нужны, поэтому я начну с нажатия на верхний левый слой в верхней части стека слоев, а затем зажму Shift и нажмите на нижний правый слой прямо над фоновым слоем.Это выберет верхний левый слой, нижний правый слой плюс все слои между ними:
Выбор сразу всех слоев блоков.
Выделив все слои блоков, я нажимаю значок меню в правом верхнем углу панели «Слои» (значок меню будет выглядеть как маленькая стрелка в старых версиях Photoshop)
Щелкните значок меню в правом верхнем углу панели «Слои».
Я выберу New Group from Layers из появившегося меню:
Выбор новой группы из слоев в меню панели «Слои».
Photoshop откроет диалоговое окно с запросом имени для новой группы слоев. Я назову его «Блоки», затем нажму «ОК», чтобы закрыть диалоговое окно:
.Присвоение имени новой группе слоев.
Если мы посмотрим на панель «Слои», то увидим, что все слои блоков теперь вложены внутри группы слоев с именем «Блоки»:
Выбранные слои теперь находятся внутри группы слоев.
Одна из приятных особенностей групп слоев, помимо того, что они являются отличным способом поддерживать чистоту и организованность вашей панели «Слои», заключается в том, что они позволяют нам перемещать все слои внутри них, как если бы они были одним слоем.Группа «Блоки» уже выбрана на панели «Слои», поэтому я, удерживая клавишу Shift, нажимаю на фоновый слой под ней. При этом одновременно выбираются и группа слоев, и фоновый слой:
Одновременный выбор группы слоев и фонового слоя.
Как мы узнали в руководстве по фоновому слою, фоновые слои заблокированы на месте, что означает, что они не могут перемещаться внутри документа. Единственное, что я выбрал, что может перемещать , — это группа слоев.Я нажму на Выровнять по вертикали по центру на панели параметров:
Щелкнув по опции «Выровнять по центру по вертикали».
Photoshop выравнивает слои блоков внутри группы слоев по вертикали с фоновым слоем:
Блоки внутри группы слоев выравниваются, как если бы они находились на одном слое.
И, наконец, я нажимаю на опцию Align Horizontal Centers на панели параметров:
Нажав на опцию Выровнять по горизонтали по центру.
Это выравнивает блоки по горизонтали с фоновым слоем, центрируя дизайн в документе:
Группа слоев упростила центрирование блочного дизайна с документом.
Как автоматически выровнять и составить изображения в Photoshop
Шаг 1. Загрузите оба изображения в один документ
Прежде чем мы сможем выровнять и объединить наши фотографии, нам сначала нужен способ поместить их обе в один и тот же документ, с каждым изображением на отдельном слое. На самом деле есть простой способ сделать это, но мало кто об этом знает.Просто перейдите к меню File в строке меню в верхней части экрана, выберите Scripts , а затем выберите Load Files into Stack :
Перейдите в меню «Файл»> «Сценарии»> «Загрузить файлы в стек».
Если «Загрузить файлы в стек» звучит сбивающе с толку (а это действительно так), подумайте об этом как о «Загрузить файлы в Layers », потому что это именно то, что делает сценарий; он открывает два или более изображений в одном документе и помещает каждое изображение на свой собственный слой.Фактически, в Adobe Bridge есть команда под названием «Загрузить файлы в слои Photoshop», которая делает то же самое, но в этом уроке мы будем придерживаться Photoshop.
После выбора сценария Photoshop откроет диалоговое окно « Загрузить слои ». Здесь мы сообщаем Photoshop, какие изображения открывать. Нажмите кнопку Обзор :
Нажмите кнопку «Обзор» в диалоговом окне «Загрузить слои».
Перейдите в папку на жестком диске, где находятся изображения, которые вы хотите объединить.В моем случае обе мои фотографии находятся в папке на моем рабочем столе. Я нажимаю на первое изображение, чтобы выбрать его, затем нажимаю и удерживая клавишу Shift и нажимаю на второе изображение. При этом одновременно выбираются оба изображения. Выбрав обе фотографии, нажмите кнопку Открыть :
Удерживая нажатой клавишу «Shift», щелкните изображения, чтобы выбрать их оба, затем нажмите «Открыть».
Вы увидите выбранные вами изображения в списке в центре диалогового окна «Загрузить слои». Нажмите OK , чтобы загрузить их в Photoshop:
Щелкните OK, чтобы загрузить выбранные изображения.
Это может занять некоторое время, но оба изображения будут загружены в один и тот же документ, каждое на своем слое. Поскольку фотографии расположены одна над другой, мы можем видеть только одну из них за раз в области основного документа:
Оба изображения были загружены, но в настоящее время видно только одно.
Если мы посмотрим на панель Layers , мы увидим, что там, конечно же, есть обе фотографии. Тот, который находится на верхнем слое, в настоящее время отображается в документе, но если вы нажмете на его значок видимости слева от слоя, вы временно отключите его, открыв другое изображение под ним:
Щелкните значок видимости верхнего изображения, чтобы выключить его.
Когда верхний слой выключен, изображение нижнего слоя теперь видно в документе. Щелкните тот же значок видимости еще раз, чтобы снова включить верхнее изображение:
Отключение верхнего слоя открывает фотографию на нижнем слое.
Узнайте все о слоях в Photoshop!
Шаг 2: выберите оба слоя
Сейчас мы собираемся выровнять изображения, но для этого нам сначала нужно выбрать оба слоя. Щелкните верхний слой на панели «Слои», чтобы выбрать его, если он еще не выбран.Затем нажмите и удерживайте клавишу Shift и щелкните на нижнем слое . Это выберет оба слоя одновременно:
Щелкните верхний слой, затем, удерживая Shift, щелкните нижний слой, чтобы выбрать их оба.
Шаг 3. Автоматическое выравнивание слоев
Выбрав оба слоя, перейдите в меню Edit вверху экрана и выберите Auto-Align Layers :
Идем в Edit> Auto-Align Layers.
Откроется диалоговое окно «Автоматическое выравнивание слоев».Photoshop прекрасно справляется с выравниванием изображений, поэтому мы оставим его за собой. Оставьте для параметра Projection вверху значение Auto (настройка по умолчанию), затем нажмите OK:
Вариант «Авто» по умолчанию — это все, что вам нужно.
Опять же, это может занять некоторое время, но когда это будет сделано, ваши фотографии должны быть выровнены друг с другом. Вы можете щелкнуть значок видимости каждого слоя на панели «Слои», чтобы включить или выключить его и посмотреть, какие изменения внесены в Photoshop для их выравнивания.Я нажму на значок видимости нижнего слоя, чтобы временно отключить этот слой:
Скрытие нижнего слоя.
Это позволяет мне просматривать только верхнее изображение, и здесь мы видим, что для выравнивания обеих фотографий Photoshop изменил размер и повернул верхнее изображение. Узор в виде шахматной доски вокруг изображения — это способ представления прозрачности в Photoshop:
Размер верхнего изображения был изменен и повернут, чтобы выровнять его с нижним изображением.
Я щелкну тот же значок видимости еще раз, чтобы снова включить нижний слой:
Щелкните пустой квадрат, чтобы снова включить видимость.
И теперь мы видим, насколько великолепно проделал Photoshop. Есть заметная горизонтальная линия, пересекающая изображение в верхней части, где оттенок голубого неба не совпадает между фотографиями, но я исправлю это через мгновение. В целом Photoshop проделал потрясающую работу:
Изображения после выполнения команды «Автоматическое выравнивание слоев».
Шаг 4: Выберите верхний слой
Теперь, когда наши изображения выровнены, мы можем использовать маску слоя , чтобы скрыть нежелательные области на верхнем изображении и выявить лучшие версии из изображения внизу.Щелкните верхний слой на панели «Слои», чтобы выбрать его, что одновременно отменит выбор нижнего слоя:
Выбор только верхнего слоя.
Шаг 5: Добавьте маску слоя
Щелкните значок Добавить маску слоя в нижней части панели «Слои»:
Щелкните значок «Добавить маску слоя».
Ничего не произойдет с изображением в области основного документа, но на верхнем слое панели «Слои» появится эскиз маски слоя с белой заливкой.Если вы хотите узнать больше о том, как работают маски слоев, обязательно ознакомьтесь с нашим полным руководством «Понимание масок слоев в Photoshop»:
Панель «Слои», показывающая миниатюру новой маски слоя.
Шаг 6. Выберите инструмент «Кисть»
Чтобы скрыть ненужные области, нам нужно закрасить маску слоя кистью. Для этого нам понадобится инструмент Photoshop Brush Tool . Выберите Brush Tool на панели инструментов в левой части экрана:
Взять инструмент «Кисть».
Шаг 7. Выберите мягкую круглую кисть
Выбрав инструмент «Кисть», щелкните значок Наборы кистей на панели параметров в верхней части экрана:
Щелкните значок «Набор кистей».
Откроется инструмент выбора предустановок кисти в Photoshop . Дважды щелкните первую миниатюру (та, что в верхнем левом углу), чтобы выбрать мягкую круглую кисть . Двойной щелчок по обеим сторонам выбирает кисть, а затем закрывает окно выбора предустановок кисти:
Дважды щелкните миниатюру мягкой круглой кисти.
Шаг 8: Установите черный цвет переднего плана
Чтобы скрыть области на верхнем слое, необходимо закрасить маску слоя с помощью черного . Photoshop использует цвет переднего плана в качестве цвета кисти, поэтому, чтобы быстро установить черный цвет переднего плана, сначала нажмите на клавиатуре букву D , чтобы убедиться, что для цветов переднего плана и фона установлены значения по умолчанию для работы с слой-маски. Это устанавливает цвет переднего плана на белый, а цвет фона на черный.Затем, чтобы поменять их местами, чтобы ваш цвет переднего плана стал черным, нажмите на клавиатуре букву X .
Текущие цвета переднего плана и фона можно увидеть в образцах цветов в нижней части панели «Инструменты». Ваш образец цвета переднего плана находится в верхнем левом углу. Теперь он должен быть заполнен черным цветом:
Цвет переднего плана должен быть черным.
Шаг 9: Закрасьте области, чтобы скрыть их и показать изображение под ними
С мягкой круглой кистью в руке и черным цветом переднего плана просто закрасьте любые области верхнего изображения, которые вы хотите скрыть, и замените той же областью из изображения под ним.В моем случае я хочу заменить лошадь справа на лучшую версию лошади с другого изображения, поэтому я начну закрашивать лошадь. Поскольку я рисую на маске слоя, , а не на самом изображении, мы не увидим черный цвет моих мазков кисти. Вместо этого верхняя лошадь начинает исчезать в областях, которые я закрашиваю, заменяясь лучшей версией лошади под ней. Это немного похоже на научный эксперимент, который в данный момент провалился, но когда я закончу, он будет выглядеть лучше:
Картина черным цветом на маске, чтобы поменять местами лошадей.
Полезные советы
Вот несколько полезных советов, которые помогут вам при рисовании маски. Чтобы изменить размер кисти с клавиатуры, нажмите клавишу левой скобки ( [) несколько раз, чтобы уменьшить ее на , или клавишу правой скобки (] ), чтобы она стала больше . Чтобы изменить жесткость кисти , нажмите и удерживайте клавишу Shift , одновременно нажимая клавишу левой скобки , чтобы сделать края более мягкими или клавишу правой скобки , чтобы сделать их жестче .
Если вы ошиблись и закрасили область, которую не хотели, нажмите на клавиатуре букву X , чтобы поменять местами цвета переднего плана и фона, сделав цвет переднего плана белым . Закрасьте ошибку белым цветом, чтобы восстановить изображение на верхнем слое. Затем снова нажмите X , чтобы снова переключить цвет переднего плана на черный и продолжить закрашивание других областей.
Я буду продолжать закрашивать область, пока полностью не заменю лошадь на верхнем изображении той же лошадью, что и на нижнем изображении:
Оригинальная лошадь теперь заменена лучшей версией под ней.
Я также хочу убедиться, что я заменил тень, отбрасываемую лошадью, поэтому я также закрашу эту область:
Закрашивание тени на земле.
Сравнение оригинальной и составной версий
Если вы хотите сравнить исходную и составную версии, вы можете временно отключить маску слоя, нажав и удерживая клавишу Shift и щелкнув миниатюру маски слоя на панели «Слои». Появится красный значок «X», свидетельствующий о том, что маска отключена:
Удерживая нажатой клавишу Shift, щелкните эскиз маски, чтобы временно отключить ее.
При отключенной маске видим исходную неотредактированную версию:
Оригинальный вариант фото.
Нажмите и удерживайте Shift и снова щелкните миниатюру маски слоя , чтобы снова включить маску и просмотреть составную версию:
Композит в незавершенной работе.
Чтобы исправить эту резкую горизонтальную линию в верхней части изображения, где оттенок синего не совпадает между изображениями, я несколько раз нажму клавишу правой скобки (] ) на клавиатуре, чтобы размер кисти больше, а край кисти остается красивым и мягким, я просто нарисую по этой линии, чтобы создать плавный переход между фотографиями:
Рисование большой мягкой кистью по небу.
Просмотр маски слоя в документе
Если вы хотите просмотреть саму фактическую маску слоя в документе, чтобы вы могли точно видеть, где вы нарисовали, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и нажмите Миниатюра маски слоя на панели «Слои»:
Удерживая нажатой клавишу «Alt» (Win) или «Option» (Mac) на миниатюре маски (Mac).
Это временно заменяет ваше изображение в документе маской слоя.Белый цвет обозначает области, где остается видимое верхнее изображение. Области, которые вы закрасили, чтобы показать изображение на нижнем слое, станут черными. Здесь мы видим, где я закрасил лошадь и небо, а также нарисовал вдоль правого края, чтобы сгладить еще несколько резких переходных краев:
Просмотр самой маски слоя в документе.
Чтобы скрыть маску слоя и вернуться к изображению, еще раз нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните миниатюру маски слоя .На этом мы закончили! Вот моя последняя композиция из двух исходных фотографий:
Окончательный результат.
Дизайн Тома Кенни | Самый быстрый способ центрировать слои в Photoshop
Одна из наиболее частых задач, которые я выполняю в Photoshop, — это перемещение слоев так, чтобы они находились в центре других слоев или разделов, поэтому я решил выяснить, как это сделать быстрее. Если я могу сэкономить несколько секунд каждый раз, когда мне нужно что-то центрировать, у меня будет меньше времени на вывод своих идей на экран.
Медленный путь
Чтобы понять, сколько я получил времени, давайте сначала посмотрим, как я это делал. Раньше я использовал направляющие для центрирования слоев. Если мне нужно было что-то отцентрировать, мне пришлось бы сначала настроить направляющую, которая может быть довольно длинной.
Достаточно просто создать направляющую в центре холста ( View > New Guide… > Вертикальная ориентация с положением, установленным на 50%)
Затем я переместил бы слой на место, нажав CMD + T (свободное преобразование) и выровняв ручки посередине к направляющей.
Что, если я хочу центрировать слой по части дизайна, которая не находится в середине документа? Ну, я использовал для создания направляющей в центре нужной мне области, нажимая CMD + T на существующем слое или используя Select > Transform Selection и перемещая направляющую в центр границы. коробка обозначена ручками.
Сейчас это кажется безумием, хотя я к этому привык, и это не казалось проблемой.В то время это казалось самым быстрым способом, но я застрял на своем пути, и теперь у меня есть гораздо более быстрый способ сделать это.
Самый быстрый способ: центрировать с помощью выделения
Самый быстрый способ центрировать элемент (ы) в фотошопе — использовать инструмент выделения, о чем я даже не подозревал до недавнего времени. Это одна из тех вещей, которые вы открываете, используете в течение пяти минут и думаете: «Почему я не знал об этом раньше ?!». Затем это быстро становится второй натурой и важной частью вашего процесса Photoshop.
Процесс
Во-первых, давайте посмотрим, как мы можем использовать эту технику для центрирования слоя в середине документа. Выделив слой, который вы хотите центрировать, и активный инструмент выделения, нажмите CTRL + A , чтобы выделить весь документ, а затем в инструменте перемещения (сочетание клавиш: V ) нажмите либо «Выровнять центры по вертикали». или кнопку «Выровнять центры по горизонтали» (выделено ниже). Щелкните оба, чтобы центрировать слой точно посередине документа.
Вы также можете развернуть меню, перейдя к Layer > Align Layers to Selection и щелкнув там соответствующие варианты выравнивания, но кто хочет это сделать? Не я, и на самом деле у меня есть даже более быстрый способ, чем даже выбрать инструмент перемещения и щелкнуть значки.
Пользовательские сочетания клавиш
Меня не устраивает движение мыши и нажатие кнопки. Я ленив, поэтому давайте сделаем этот процесс еще быстрее, создав собственное сочетание клавиш для центрирования слоя.
Сочетания клавиш, которые я использую для центрирования по горизонтали и вертикали:
- Вертикально: ALT + CMD + 1
- По горизонтали: SHIFT + CMD + 1
Здесь важно то, что эти комбинации не используются Photoshop для каких-либо встроенных сочетаний клавиш, и их легко и быстро запускать левой рукой. Сначала они кажутся немного странными, но как только вы привыкнете к этим сочетаниям клавиш, они сэкономят огромное количество времени на поиск значков в пользовательском интерфейсе.
Если вы хотите использовать другое сочетание клавиш, вы можете создать свое, перейдя в Редактировать > Сочетания клавиш… , но я считаю, что это работает очень хорошо.
Больше мощности!
Теперь это позволяет центрировать один слой посередине другого, просто выбрав их оба и используя сочетание клавиш. Вы также можете центрировать слои с помощью любого выделения, которое вы делаете сами, что иногда может пригодиться, особенно если вы хотите, например, центрировать слой вдоль третьего столбца макета.Просто сделайте выбор (очень просто, если вы используете направляющие для своей сетки) с выбранным слоем, нажмите сочетание клавиш, и все готово.
Сделайте еще больше и подпишите сочетания клавиш для других функций выравнивания. Я использую функции выравнивания по верхнему и левому краю почти так же часто, как и по центру, поэтому для них у меня тоже есть горячие клавиши.
Photoshop теперь включает интеллектуальные направляющие, которые появляются на экране при перемещении слоев, информируя вас о расположении слоя относительно других слоев.
Вы можете расположить слои по центру по вертикали и горизонтали с помощью этих интеллектуальных направляющих, но это может сбить с толку в сложном документе с большим количеством слоев, поскольку может быть трудно определить, находится ли он точно в середине определенного слоя или на самом деле выравнивание с другим слоем. Вот почему я все еще рекомендую использовать описанный выше метод в большинстве случаев.
Дополнительные полезные советы по дизайну можно найти во всех статьях.
Как центрировать текст и слои в Photoshop (одним щелчком мыши!)
Научиться центрировать текст в Photoshop не особо очевидно.В отличие от специализированных текстовых программ или дизайнерских приложений, таких как Canva, Photoshop предлагает более окольный способ центрирования текста и слоев. К счастью, процесс становится очень простым, если вы понимаете все этапы.
Чтобы центрировать что-либо в Photoshop, сначала выберите нужный слой на панели слоев, затем нажмите Command или Control + A, чтобы выделить весь холст. При активном выделении выберите инструмент «Перемещение», нажав V, и нажмите кнопку «Выровнять по горизонтали и выровнять по вертикали», расположенную на верхней панели настроек.Наконец, нажмите Command или Control + D, чтобы отменить активный выбор.
А теперь поговорим о вещах подробнее. В этом посте я расскажу, как центрировать слои текста и изображений в Photoshop, но те же шаги применимы и к любому другому типу слоя (формы, смарт-объекты и т. Д.)!
Как центрировать текст и изображения в Photoshop (видеоурок)
Как центрировать текст и слои одним щелчком мыши
Самый простой метод центрирования объекта — это разместить его в середине холста.Для этого все, что вам нужно, — это сочетание клавиш и один щелчок мыши!
Этот метод идеально подходит для правильного выравнивания вашего слоя по всему холсту . Подробнее о том, как центрировать текст по определенной области, я расскажу позже в этом посте.
Вот как центрировать текст на всем холсте:
Выделив слой, который вы хотите центрировать, на панели слоев, возьмите инструмент перемещения или нажмите V на клавиатуре.
Затем используйте ярлык Command + A (Mac) или Control + A (ПК), чтобы выбрать весь холст.Теперь вы заметите марширующих по холсту муравьев, обозначающих выделение.
На верхней панели настроек вы увидите серию значков с прямоугольниками и линиями. Щелкните значок для параметра « выровнять центры по горизонтали» , чтобы центрировать слой в выбранной области.
Если вы хотите центрировать текст по вертикали относительно холста, нажмите «выровнять по центру по вертикали» .
Вы можете использовать обе эти кнопки вместе, чтобы центрировать текст на холсте.По общему признанию, это требует двух щелчков мышью, но это только в том случае, если вы хотите центрировать как по горизонтали, так и по вертикали!
В любом случае, это один из самых быстрых и эффективных способов центрировать слой в Photoshop! Нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор.
Объяснение значков выравнивания в Photoshop
Теперь, прежде чем мы зайдем слишком далеко, важно понять значение каждого значка выравнивания. Если вы их запомните, вам будет намного проще понять, как выровнять текст.
Параметры горизонтального выравнивания:
— Выровнять левые края
Выровняет левый край или ваш слой по левому краю или вашему выделению.
— Выровнять горизонтальные центры
Выравнивает горизонтальный центр вашего слоя по горизонтальному центру вашего выделения.
— Выровнять правые края
Выравнивает правый край вашего слоя по правому краю вашего выделения.
Параметры вертикального выравнивания:
— Выровнять верхние края
Совместит верхний край вашего слоя с верхним краем вашего выделения.
— Выровнять вертикальные центры
Выровняет вертикальный центр вашего слоя по вертикальному центру вашего выделения.
— Выровнять нижние края
Выравнивает нижний край вашего слоя по нижнему краю вашего выделения.
Используя эти параметры, вы можете расположить текст практически так, как захотите. Это просто зависит от того, где находится ваш выбор.
Как центрировать текст по выделенному фрагменту в Photoshop
Бывают случаи, когда вам нужно центрировать текст в определенном месте в Photoshop.В этом случае выбор всего холста не будет очень полезным. К счастью, вы можете создавать собственные выделения для центрирования текста в Photoshop.
Вот как это сделать:
Выберите инструмент Rectangular Marquee Tool, нажав M или щелкнув значок Marquee на панели инструментов.
Затем щелкните и растяните выделение вокруг того места, где вы хотите центрировать текст. В этом примере я нарисую выделенную область так, чтобы она поместилась в правом верхнем углу.
Теперь у вас будет активный выбор, представленный марширующими муравьями (черно-белая линия) вокруг вашего выбора.
Выберите слой, который вы хотите центрировать, щелкнув по нему на панели слоев.
Возьмите инструмент «Перемещение», нажав V , или найдите его на панели инструментов.
Выберите значки выравнивания в зависимости от того, как вы хотите выровнять текст. В этом случае я хочу выровнять горизонтальный и вертикальный центры.
Теперь мой текст будет автоматически выравниваться по внутренней части моего выделения! Если вы хотите выровнять текст по краю, вы можете сделать это, выбрав другой вариант выравнивания.Нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор, когда закончите.
Как центрировать текст по форме в Photoshop
Другая ситуация, в которой вы можете оказаться, — это необходимость центрировать текст по форме в Photoshop. Параметры кажутся неясными, особенно когда форма сложна и слишком сложна для выбора с помощью инструмента Marquee Tool. К счастью, вы можете преобразовать любую фигуру в выделение с помощью простого ярлыка!
Вот как это сделать:
После того, как вы нарисуете фигуру ( U ), на панели слоев появится новый слой-фигура.В этом примере мой слой-фигура называется «Эллипс 1».
Чтобы превратить эту форму в выделение, удерживайте клавишу Command Key (Mac) или Control Key (ПК) и щелкните миниатюру слоя . Это превратит контур вашей фигуры в выделение.
При активном новом выделении щелкните текстовый слой, который нужно центрировать.
Возьмите инструмент перемещения, нажав V , или откройте его на панели инструментов.
Щелкните значки выравнивания в зависимости от того, как вы хотите расположить текстовый слой.В этом случае я выберу выравнивание центра по горизонтали и вертикали, чтобы центрировать текст в круге.
Поскольку вы создали выделение фигуры, текст автоматически разместится внутри. По завершении нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор.
Это, безусловно, самый простой способ центрировать текст по фигуре в Photoshop без сложного ручного выделения.
Как выровнять текст без выделения
Как и в базовых текстовых программах, таких как Pages или Word, вы можете выровнять текст по левому краю, центру или правому краю в Photoshop.Это может быть полезно для дальнейшего уточнения выравнивания текста для получения идеального положения.
Вот как это сделать:
Возьмите инструмент «Текст», нажав T или открыв его на панели инструментов. Щелкните текстовый слой, выравнивание которого вы хотите настроить.
На верхней панели настроек вы найдете три различных варианта выравнивания.
Параметр «Выровнять текст по левому краю» выравнивает правый край текста по центру, перемещая текст влево.
Параметр «центральный текст» выравнивает центр текста по середине текстового поля.
Наконец, опция «Выровнять текст по правому краю» выравнивает левый край текста по центру, перемещая текст вправо.
Выберите тот вариант, который лучше всего подходит для вашего документа.
Это простой способ выровнять текст по самому себе без какого-либо выделения. Этот метод не центрирует текст на холсте, но перемещает текст в соответствии с текстовым полем.Это еще один отличный метод, который нужно знать при изучении центрирования текста в Photoshop!
Использование направляющих привязки для центрирования текста и фигур
Все методы, которые вы изучили до сих пор, требуют ряда шагов для центрирования текста или объектов. Что, если вы просто хотите перетащить слой в идеальное положение без каких-либо дополнительных усилий? Вот тут и пригодятся направляющие привязки.
Направляющие привязки — это опция в Photoshop, которая помогает выровнять любой слой по разным частям холста.При перемещении по слою будут появляться фиолетовые направляющие привязки, которые помогут вам найти правильное положение. Он даже автоматически сместит ваш слой в правильное положение для ближайшего выравнивания!
Если вы еще не используете их, направляющие привязки — удобный инструмент для выравнивания слоев в Photoshop.
Как включить направляющие привязки
Перейдите к Вид> Привязать к> Все.
Для общего использования и наилучшей функциональности «Все» — лучший вариант.
Теперь, когда вы вручную перетаскиваете слой с помощью инструмента «Перемещение», в помощь вам появляются фиолетовые линии.
В приведенном ниже примере вы можете увидеть, как направляющие привязки используются для центрирования моего слоя по горизонтали и вертикали. Никаких дополнительных щелчков или шагов не требуется! Направляющие привязки — идеальное решение, если вы предпочитаете перетаскивать слои на нужное место.
Дополнительные уроки Photoshop для вас:
Заключение
Хотя сначала это не совсем очевидно, научиться центрировать текст в Photoshop очень просто.Существует множество различных методов, которые можно использовать для центрирования текста в различных ситуациях. Будь то выравнивание текста по центру холста или фигуры, это займет всего несколько щелчков мышью. Используя описанные здесь методы, вы с легкостью сможете центрировать текст в Photoshop!
Хотите больше подобных уроков? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше советов по фотографии и редактированию фотографий!
— Брендан 🙂
Как использовать меню выравнивания в Adobe Design Apps
Используйте это руководство, чтобы познакомиться с меню выравнивания в Adobe Photoshop, Illustrator и InDesign.Используйте его для создания идеально ровных и распределенных объектов в макетах и дизайнах.
Инструменты для выравнивания являются частью основы любой программы проектирования. Без этого нам пришлось бы прибегать к приближениям и догадкам, чтобы выровнять, распределить и сложить элементы дизайна. К счастью, почти каждая программа или приложение графического дизайна включает этот инструмент.
Это руководство по инструментам поможет вам быстро освоить меню «Выравнивание» в «Большой тройке» — Adobe Photoshop, Illustrator и InDesign. Это незаменимый инструмент, когда вы хотите выровнять и точно разместить группу элементов дизайна.Лучше всего то, что все происходит автоматически!
Расположение меню выравнивания
В дизайн-приложениях Adobe, Illustrator, Photoshop и InDesign значки выравнивания выглядят и действуют одинаково. В Illustrator и InDesign они всегда доступны в отдельном окне.
Вот как найти меню выравнивания в каждом приложении:
- Illustrator — щелкните Window в меню программы вверху, затем Align , и появится окно.
- InDesign — щелкните Window в меню программы вверху, затем Object & Layout , затем Align .
- Photoshop — находится в меню «Параметры» в верхней части экрана или Application Frame , но только когда выбран инструмент «Перемещение» .
В других программах для дизайна или верстки поищите в меню «Выровнять» или общие символы, которые выглядят как крошечные столбиковые диаграммы.
Выравнивание объектов
Давайте взглянем на меню «Выровнять» в Adobe Illustrator (помните, оно будет выглядеть одинаково во всех приложениях Adobe).На изображении ниже показано, как обозначено меню. В верхнем ряду Выровнять объекты организованы по двум ориентациям: горизонтальной и вертикальной.
При горизонтальном выравнивании выбранные объекты складываются по левому, среднему или правому краю объектов. При вертикальном выравнивании объекты размещаются бок о бок по верхнему, среднему или нижнему краю объектов.
Горизонтальное выравнивание в действии:При горизонтальном выравнивании объекты перемещаются по горизонтальной оси (X).
Вертикальное выравнивание в действии:
При вертикальном выравнивании объекты перемещаются по вертикальной оси (Y).
Объекты легко совместить друг с другом, указав направление выравнивания. Теперь давайте посмотрим, как в дальнейшем использовать это меню для равномерного распределения объектов.
Распространение объектов
Мы можем использовать одно и то же меню для равномерного распределения объектов или их распределения. Как и в случае с выравниванием, функция Distribute автоматически размещает объекты вдоль невидимой линии для создания точного распределения по выбранной вами ориентации.
Слева вы увидите варианты вертикального, т. Е. Сложенного, распределения. Вы можете распределить выбранные объекты по их верхнему краю, средней точке и нижнему краю. Справа вы увидите горизонтальное распределение по левому, среднему и правому краю выбранных объектов.
Объекты распределяются по вертикальной (Y) оси в соответствии с их верхним, центральным или нижним краем.
Когда вы выбираете каждый параметр, программа распределяет каждый объект равномерно в соответствии с верхним краем, средней точкой или нижним краем.Другими словами, все верхние края объектов равномерно расположены, даже если они перекрываются.
Что делать, если вы хотите контролировать расстояние между объектами, чтобы они не перекрывались?
Распространение по космосу
Используйте удобную функцию Распределить интервал для распределения объектов по промежутку между ними, а не по краям. Он находится в нижней части окна выравнивания. Если вы не видите этот раздел, нажмите гамбургер-меню в окне Align и нажмите Показать параметры .
Объекты равномерно распределены по вертикальной оси (Y).Сначала выровняйте объекты по вертикали, затем нажмите Вертикальное распределение пространства . Вы можете видеть, что пространство между каждым объектом идеально ровное. Это действительно удобно при распределении объектов разного размера.
Варианты распространения
Обратите внимание на значок справа под названием Align To . Это назначает пространство, в котором будут распределены объекты. Думайте об этом как о выборе якоря.
- Выровнять по выделению — распределить объекты как группу в поле выбора.
- Выровнять по ключевому объекту — распределить объекты по заданному объекту привязки; с выбранной группой объектов щелкните еще раз на объекте, который вы хотите назначить в качестве привязки. Вы можете указать значение интервала в пикселях в поле «Распределить интервал».
- Выровнять по монтажной области — равномерно распределить выбранные объекты по монтажной области или рабочей области.
Объекты могут быть равномерно распределены по рамке выбора, монтажной области или по ключевому объекту.
Это руководство для начинающих по меню «Выравнивание» в дизайнерских приложениях Adobe является лишь отправной точкой в дизайне. Есть много способов использовать различные инструменты «Выравнивание», чтобы упорядочить формы, текст и многое другое в ваших проектах. Поиграйте с инструментом, чтобы увидеть, чего вы можете достичь. Чем больше вы его используете, тем больше осознаёте его важность для вашего рабочего процесса.
Хотите получить больше вводных знаний, практических рекомендаций и повеселиться с формами? Ознакомьтесь с этими статьями:
инструментов выравнивания в Photoshop Elements
При создании макетов у вас иногда есть элементы, такие как украшения или альфы, которые вы просто не можете выровнять, чтобы они выглядели красиво и аккуратно на странице? Может быть, вы хотите получить ряд цветов или столбик звезд, которыми вы хотите создать границу, но у вас просто не получается идеально выстроить их в линию.Вы хотите, чтобы край строки текста совпадал с другим элементом на странице?
Я покажу вам простой способ добиться этого с помощью инструментов выравнивания слоев в Photoshop Elements. Мне нравится использовать инструмент «Выравнивание» — и я часто им пользуюсь! Хотя я не использую инструмент «Распространение» так часто, о нем тоже полезно знать.
Примечание. С технической точки зрения инструменты «Выровнять» и «Распределить» вообще не являются инструментами; они варианты. Для упрощения я буду называть их инструментами в этом руководстве.
Когда у вас выбран инструмент «Перемещение», вы увидите инструменты «Выровнять» и «Распределить» на панели параметров инструмента. Раздел «Выравнивание» поможет вам выровнять объекты, расположенные на активных слоях. Раздел «Распределить» помогает распределить промежутки между объектами на активных слоях.
Вот три важных момента, которые следует помнить при использовании инструментов «Выровнять» и / или «Распределить»:- Инструмент Move должен быть активен, чтобы использовать инструменты «Выровнять» и «Распределить».
- Эти инструменты работают со слоями, поэтому у вас должен быть каждый отдельный элемент, который вы хотите выровнять, на отдельном слое.
- Инструмент «Выровнять» будет работать, только когда активны два или более слоев, а инструмент «Распределить» будет работать, только если активны три или более слоев. Если значки параметров неактивны, у вас не активированы два или более слоя. При выборе слоев для выравнивания я также считаю полезным установить флажок Show Bounding Box . Это помогает мне увидеть, какие именно элементы будут выровнены.
После того, как вы выбрали (активировали) слои, которые хотите выровнять, вы можете навести курсор на каждый отдельный значок на панели параметров инструмента для описания того, что будет делать этот конкретный параметр. Теперь выберите вариант, который хотите использовать, и щелкните значок. Пуф! Как по волшебству, выбранные вами элементы (слои) встают на место и идеально выравниваются.
Вот пример:
У меня три слоя текста. Как видите, помимо текста, размещенного по всей странице, вертикальные промежутки между слоями неравномерны.
Я хочу выровнять промежутки между слоями, поэтому я активирую все три слоя, и в разделе Distribut e я вижу значок с надписью Center . Когда я нажимаю на этот значок, он равномерно распределяет вертикальные центральные пространства. Вы увидите результаты на следующем скриншоте. Затем в разделе Align я вижу значок с надписью Left , который выравнивает края всех трех слоев с крайним левым текстовым слоем. Нажав на значок, я вижу, что все мои слои идеально выровнены и равномерно расположены, и я счастлив! Чтобы лучше понять, как работают эти инструменты выравнивания слоев, вы можете поэкспериментировать с некоторыми случайными формами, украшениями или текстовыми слоями и использовать различные параметры инструментов, чтобы увидеть, как вы можете выровнять различные элементы.Учебник, написанный Терезой ГайерКак выровнять астрофотографии в Photoshop
Как выровнять астрофотографии в Photoshop
На этапах обработки изображений астрофотографии могут возникнуть моменты, когда вам нужно совместить 2 изображения вместе в Photoshop. Есть много преимуществ в обучении выравниванию астрофотографий в Photoshop, таких как создание изображений с улучшенным соотношением сигнал / шум и возможность комбинировать различные наборы данных в одно составное изображение.
Процесс совмещения двух или более изображений астрофотографии включает ручное выравнивание файлов таким образом, чтобы они идеально выстраивались друг над другом. К счастью для нас, звезды служат отличными регистрационными знаками, помогающими в процессе выравнивания изображений. Почти каждое полученное вами астрофотографическое изображение глубокого неба или широкого поля зрения будет включать в себя несколько звезд разного размера, чтобы помочь вам в процессе выравнивания.
Если вы смотрели какие-либо из моих предыдущих руководств по обработке изображений, вы, вероятно, видели процесс объединения данных, снятых с использованием разных фильтров.Пример этого процесса в действии — мое руководство по обработке HaRGB. Это включает в себя выравнивание обработанного узкополосного изображения (h-alpha) с данными широкополосного цвета для создания творческой композиции.
Это изображение Галактики Вертушка включает несколько наборов данных, которые были выровнены и объединены в Photoshop
Как выровнять изображения астрофотографии в Photoshop
Этот метод Photoshop полезен, если вы хотите совместить две или более экспозиции изображения вместе, чтобы уменьшить шум.Вы также можете согласовать обработанные наборы данных друг с другом и объединить их в новое изображение. Это особенно эффективно при добавлении данных узкополосного сигнала или сигнала яркости (света) к существующему цветному изображению.
Процесс объединения данных, полученных с помощью различных фильтров, в один файл, разделенный слоями (например, процесс LRGB), является очень мощным методом обработки астрофотографии. Это дает вам гораздо больше контроля над каждым цветовым каналом вашего окончательного изображения.
Я не буду вдаваться в подробности цветового преобразования монохромных данных в каналы.В этом руководстве основное внимание уделяется инструментам и основным принципам масштабирования и выравнивания изображений вручную в Photoshop.
В этом уроке я расскажу об основных методах масштабирования, поворота и выравнивания изображений. Вот краткое изложение тем, обсуждаемых на этой странице:
- Важность разрешения изображения
- Установка непрозрачности и режима наложения слоев изображения
- Масштабирование изображений с помощью инструмента свободного преобразования
- Поворот слоев изображения
- Использование звезд для точного выравнивания изображений
- Обрезка изображения
- Сохранение нового изображения со слоями
Общие сведения о разрешении и масштабировании изображения
Самое важное, что нужно помнить в процессе совмещения изображений астрофотографии в Photoshop, — это разрешение.Прежде чем вносить какие-либо изменения в составное изображение, необходимо помнить о сохранении ваших данных.
Если все сделано правильно, вы не потеряете разрешение или детали в изображениях, выровняв и поворачивая кадры изображений.
Например, вы не должны увеличивать изображение с помощью инструмента масштабирования свободного преобразования при попытке выровнять 2 изображения. Уменьшить рамку изображения можно, но нельзя увеличить. Увеличение изображения даже на 5% приводит к негативным эффектам интерполяции и потере деталей.
Самый простой способ запомнить эту концепцию и не поддаться соблазну масштабировать изображение — это определить базовое изображение с заданным разрешением.
Выравнивание изображений в Photoshop — отличный способ применить новые данные к цветовому каналу существующего изображения.
Ваше базовое изображение будет определять окончательный, нетронутый масштаб изображения вашей результирующей композиции. Любые слои изображений, которые вы применяете поверх в качестве нового слоя, должны быть уменьшены, чтобы выровнять их с этим слоем, чтобы данные не интерполировались.
Говорят, что поворот изображения без регулировки масштаба будет интерполировать данные, но, по моему опыту, эффекты не заметны даже при внимательном рассмотрении с увеличительным стеклом.
Я рекомендую начать с большого изображения базового слоя, чтобы будущие данные могли оставаться максимально большими при применении в качестве нового слоя поверх. В идеале ваши астрофотографии должны быть сохранены в максимально большом формате, чтобы у вас было больше гибкости в представлении.
Небольшие файлы изображений размером 2 мегапикселя (МП) или меньше могут быть хороши для публикации в Интернете, но о печати этих фотографий не может быть и речи.Для справки: самые большие астрофотографические изображения, которые я когда-либо печатал, имели размер примерно 4000 x 3000 пикселей (12 МП) и выглядели впечатляюще резкими на отпечатке 18 x 24 дюйма.
Я сохранил исходное разрешение этого изображения туманности Восточная Покрова для большого отпечатка (18 ″ x 24 ″).
Как вращать и масштабировать несколько изображений вместе
Эксперты часто рекомендуют использовать различные режимы наложения слоев, такие как «разница» во время этого процесса, но я считаю, что достаточно просто настроить общую непрозрачность изображения верхнего слоя.Настройка непрозрачности 50% позволит вам видеть оба слоя одновременно, так что вы можете масштабировать и вращать верхний слой на месте поверх оригинала.
На этом этапе вы можете заметить, что изображение, которое вы накладываете поверх, слишком велико или что поворот между изображениями значительный.
Помните, что уменьшение изображения верхнего слоя для соответствия фоновому слою — это нормально, но вы никогда не захотите увеличивать масштаб изображения. Самый простой и понятный сценарий в этой ситуации — работать со слоями изображения, снятыми одной камерой с одинаковым фокусным расстоянием.Таким образом, масштаб изображения должен быть почти идентичным, и потребуется очень небольшое масштабирование.
Согласование поворота изображения с использованием нижележащих звезд будет вашей самой большой задачей.
Из-за обрезки, общей обработки изображений и съемки изображений с разным фокусным расстоянием масштаб моих данных изображения часто не совпадает.
Чтобы уменьшить изображение верхнего слоя, я использую бесплатный инструмент преобразования , который находится на панели инструментов Photoshop. Всегда удерживайте клавишу Shift при настройке масштаба слоя изображения, чтобы гарантировать сохранение исходных пропорций данных.
Вам неизбежно придется увеличивать и увеличивать изображение, чтобы убедиться, правильно ли вы выровняли звезды на изображении. Это может включать в себя изрядное количество движений вперед и назад, особенно при исправлении незначительных различий в повороте изображений.
Звезды могут идеально выровняться по центру изображения, но далеко располагаться по краям кадра. Будьте уверены, изображения в конечном итоге будут идеально совпадать. Я считаю полезным использовать клавиши со стрелками на клавиатуре для небольшого смещения изображения.
В этом видео я вручную складываю экспозиции изображений в Photoshop для уменьшения шума:
Устранение неполадок при несовпадении данных и обрезке
Если ваши изображения были сняты с использованием разных телескопов или объективов камеры, возможно, поля изображения не будут полностью совпадать из-за искажения. В этих случаях вы можете выбрать только выравнивание изображений, снятых с использованием того же оптического оборудования, или обрезать изображения до данных, которые соответствуют ближе к центру кадра.
Использование объективов фотоаппаратов и телескопов с «плоским полем» пригодится в таких ситуациях, потому что вы можете рассчитывать на то, что звезды по краям кадра будут четкими и не будут искажать объектив.
Широкая обрезка окончательного изображения не идеальна, поскольку вы теряете данные изображения, над сбором которых вы так усердно работали. По этой причине лучше всего делать снимки, которые вы планируете позже комбинировать, с использованием того же поля зрения и ориентации.
Резкие изменения поворота — самая большая причина потери данных из-за обрезки, особенно если у вас есть изображения, которые перешли из книжного формата в альбомный.Недостающие области данных (где слои не перекрываются) необходимо будет обрезать из вашего окончательного изображения с помощью инструмента кадрирования.
Объединение изображений с разных объективов камеры
Если вы сняли два набора изображений через разные объективы камеры, может быть сложно правильно совместить астрофотографии друг с другом. Это связано с тем, что у всех объективов камеры есть определенный профиль, и поля часто не совпадают друг с другом идеально.
Например, на изображении ниже я использовал изображения, снятые с помощью Rokinon 14mm F / 2.8 и Canon EF 17-40mm F / 4L. Даже после точного согласования масштабов изображений в Photoshop было невозможно совместить изображения до краев.
Наложение изображения, снятого через разные объективы камеры.
Установка непрозрачности и обрезка окончательного изображения
После того, как вы выровняли изображения относительно друг друга с использованием правильного масштаба и согласовали вращение, вы можете настроить непрозрачность слоя, чтобы увидеть преимущества объединенных данных по сравнению с оригиналом.Удивительно видеть различия между двумя изображениями, особенно если каждое из них представляет собой сложенное изображение с множественной экспозицией.
Если вы сравниваете экспозиции отдельных изображений друг с другом, вы можете заметить такие артефакты, как спутники, самолеты, метеоры или даже движение астероида между кадрами. Что касается отношения сигнал / шум, вы также увидите, что случайный структурный шум значительно уменьшается по мере того, как каждая экспозиция добавляется как новый слой изображения.
Чтобы воспользоваться преимуществами этой техники, вам необходимо настроить непрозрачность каждого слоя с постепенным уменьшением непрозрачности.Процесс наложения изображений и усреднения цифровой картины шума может быть выполнен в масштабе с помощью такого программного обеспечения, как DeepSkyStacker.
Те же преимущества регистрации и наложения нескольких световых рамок применимы и при выравнивании изображений вручную в Photoshop. Вы можете использовать эту технику в Photoshop в реальном времени, складывая изображения самостоятельно или используя скрипт автоматического медианного наложения в Photoshop.
Это наука, в том числе математика:
Этот тип композитного изображения дает выигрыш в отношении сигнал / шум на основе квадратного корня из числа объединенных изображений.Другими словами, объединение 2 оригиналов даст примерно 1,4-кратное улучшение отношения сигнал / шум, объединение 4-х оригиналов даст двукратное улучшение, объединение 9 оригиналов даст трехкратное улучшение и так далее. — Джерри Лодригусс
Выравнивание ваших астрофотографий в Photoshop дает несколько преимуществ: от улучшенного отношения сигнал / шум до мощного метода сравнения наборов данных. Преимущества не ограничиваются только изображениями глубокого космоса, получение изображений планет, широкоугольные ночные пейзажи и фотография Млечного Пути могут извлечь выгоду из этой техники.
Для создания составных изображений, которые используют экспозицию изображений разной длины, совмещение изображений вместе позволит создавать привлекательные и динамичные астрофотографии с высоким динамическим диапазоном (HDR). Я использовал этот метод для создания HDR-изображения туманности Ориона с улучшенными деталями в ярком ядре.
Этот метод полезен при наложении различных значений экспозиции вместе для создания изображения с высоким динамическим диапазоном.
При совмещении существующих обработанных изображений друг с другом вы можете понять, что ваш стиль обработки изображений со временем претерпел значительные изменения.Затем вы можете решить повторно обработать данные или объединить наборы вместе, чтобы получить лучшее из обоих миров.
Я обнаружил, что обработка двух наборов данных по отдельности и их комбинирование почти со смесью 50/50 очень эффективно для создания сбалансированного изображения.
Посмотрите этот метод в действии в моем руководстве по обработке изображений Млечного Пути:
Сохранение изображения
Если вас устраивает выровненное изображение, которое включает один или несколько слоев данных, у вас есть 2 варианта сохранения данных.Вы можете сгладить изображение и сохранить его как новый файл изображения или сохранить версию .PSD (формат файла Photoshop) изображения, содержащего слои.
Я рекомендую сохранить обе версии, так как одна отлично подходит для публикации в Интернете или печати, а другая полезна для внесения дальнейших изменений в будущем. Для справки я сохраняю изображения с высоким разрешением в формате .TIF, чтобы сохранить качество изображения. Для сжатых изображений меньшего размера, предназначенных для загрузки на мой веб-сайт или в онлайн-галерею, подойдет файл .jpg.
Я надеюсь, что вы нашли это руководство полезным в своем стремлении захватывать и обрабатывать лучшие астрофотографические изображения.Чтобы быть в курсе моих последних советов, руководств и обзоров по астрофотографии, подпишитесь на мой информационный бюллетень.
Похожие сообщения:
Укладка изображений в DeepSkyStacker
Учебное пособие по обработке изображений для астрофотографии
Добавьте слой яркости к изображениям астрофотографии (видео)
.