Группа: Гости
Сегодня: 06.07.2025
99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
Наш опрос
Оцените мой сайт
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп


Уроки фотошоп - Видеоуроки фотошоп - Photoshop, открытка к 8 марта

Главная » Файлы » Уроки фотошоп » Базовые

[ · ]

Получить книгу бесплатно!!!

          Получите  советы как заработать

                       деньги в интернете

Ваш email:
email рассылки Конфиденциальность гарантирована
email рассылки

Выравнивание и распределение слоев в Photoshop

как нарисовать Выравнивание и распределение слоев в Photoshop в фотошопе



Выравнивание и распределение слоев в Photoshop рисовать в фотошоп


сделать закладку в соцсетях
>

Вот документ у меня есть открытая на моем экране отображаются некоторые деревянные блоки:
Деревянные блоки внутри документа Photoshop. Image © 2011 Photoshop Essentials.com
Оригинал документа.
В настоящее время блоки разбросаны повсюду, но то, что я хотел бы сделать, это организовать их в более узора 3х3. Если мы посмотрим на мой панели Layers , мы видим, что каждый блок сидит на своем собственном слое над фоновым слоем . Я пошел вперед и переименован каждый слой на основе, где я хочу, чтобы каждый блок появится в сетке ("Вверху слева", "Вверху справа", "Внизу справа", и т.д.):
Панель Слои в Photoshop CS5. Image © 2011 Photoshop Essentials.com
Каждый блок на своем собственном слое в палитре слоев появится.
Так как я могу перестроить блоков внутри документа и выстроить их друг с другом? Ну, я мог бы попытаться перетащить их на место вручную с помощью Move Tool, но это займет время, и я сомневаюсь, что я был бы в состоянии получить их все выстроились прекрасно, просто "Eyeballing" его. Лучший путь, и гораздо более простой способ, было бы, чтобы Photoshop сделать всю работу за меня автоматически с помощью своегоВыровнять и Распределить варианты!
Чтобы получить доступ к выравнивать и распространять варианты, мы должны иметь Move Tool выбран, так что я буду выберите его из верхней части панели инструментов:
Выбор Move Tool с панели инструментов в Photoshop. Image © 2011 Photoshop Essentials.com
Выберите Move Tool.
С Move Tool выбран, выравнивать и распространять варианты отображаются в виде серии значков впанели параметров в верхней части экрана. На данный момент, значки отображаются серым цветом и недоступны, потому что я только один слой, выбранный в моей палитре слоев, и существует не так много смысла пытаться выровнять или распределить слой с собой:
Photoshop Выравнивание и распределение вариантов в панели параметров. Image © 2011 Photoshop Essentials.com
С Move Tool выбран, выравнивать и распространять параметры отображаются в панели параметров.
Давайте посмотрим, что произойдет, если выбрать несколько слоев. У меня уже есть слой левом верхнем углу выбранного в верхней части стека слоев:
Выбран верхний слой в панели Layers. Image © 2011 Photoshop Essentials.com
Слой Верхний левый выбрана.
Я выберите слои верхнем и правом верхнем, а удерживая мою Shift, ключ и нажав на слой верхнем углу.Это держит слой верхнем левом выбран, добавляет слой в правом верхнем углу на выбор, а также выбирает слой в верхней центральной части между ними, так что теперь все три слоя выбираются сразу:
Выбор из трех слоев сразу в панели слоев в Photoshop. Image © 2011 Photoshop Essentials.com
Выбор в верхнем левом углу, верхнем и правом верхнем слои в панели слоев.
С теперь более чем один слой, выбранный, выравнивать и распространять варианты становятся доступными. Давайте внимательнее посмотрим на них.

В Выравнивание опций

Первые шесть иконки в строке варианты выровнять. Слева направо, у нас есть Выровнять верхние края ,Выровнять по вертикали центры , Выровнять нижние края , Align Left Edges , Align Горизонтальные центры и выровнять правые края . Эти параметры будут выстраиваться содержимое двух или более слоев на основе либо по краям контента или в центрах содержания:
Варианты Совместите в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
Шесть Выравнивание варианта - верхние края, вертикальные центры, нижние края, левый края, горизонтальные центры, и правый края ..

Распределить Параметры

Дальше идут шесть Распространять опции, которые будут принимать содержимое нескольких слоев и интервалы между ними поровну. Слева направо, у нас есть Распределить верхние края , Распределите Вертикальные центры , Распределите нижними краями , Распределите левого краев ,Распределите Горизонтальные центры и, наконец, Распределите правого краев . Обратите внимание, что вы должны иметь три или более слоев, выбранных сразу в панели слоев для вариантов Распределить становятся доступными:
Распределите варианты в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
Шесть Распространять варианта - верхние края, вертикальные центры, нижние края, левый края, горизонтальные центры, и правого края.
Давайте посмотрим, как я могу использовать эти выравнивать и распространять параметры легко перестроить блоки на мой документ. Как мы видели минуту назад, я выбрал в левом верхнем углу, вверху по центру, и в правом верхнем углу слоев в панели Layers. Я собираюсь временно отключить другие блоки в документе, нажав на каждого слоя значок видимости . Вам не нужно, чтобы отключить другие слои используют Выравнивание и распределение вариантов. Я делаю это только, чтобы сделать его проще для нас, чтобы увидеть, что происходит в документе:
Слой Видимость иконки на панели слоев в Photoshop. Image © 2011 Photoshop Essentials.com
Выключение другие блоки, нажав на их значки видимости слоя.
С другими блоками выключен, только блоки на трех слоев я выбрал остаются видимыми. Опять же, я повернулся другие блоки с сюда, чтобы сделать его проще для нас, чтобы посмотреть, что происходит. Там нет необходимости, чтобы включить слои и выключается использовать следующие опции:
Блоки на выбранных слоях остаются видимыми. Image © 2011 Photoshop Essentials.com
Блоки в левом верхнем углу, верхнем и правом верхнем слои остаются видимыми.
Первое, что я хочу сделать, это линия эти три блока горизонтально на основе верхних краев блоков. Чтобы сделать это, с трех слоев, выбранных в панели Layers, все, что нужно сделать, это нажать на Align Top Edges опции в панели параметров:
Выровнять верхние края опция в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на опции Выровнять верхние края.
Photoshop смотрит на трех блоках, выясняет, какой из них ближе к началу документа, затем перемещает две другие блоки до выровняйте верхний края из всех трех, и все это делается мгновенно:
Выравнивание блоков на их верхних краев. Image © 2011 Photoshop Essentials.com
Три блоки теперь совмещен с их верхними краями.
Я также хочу, чтобы распределить три блока горизонтально, так что они с равным интервалом друг от друга, так что на этот раз (снова с трех слоев, выбранных в панели слоев), я буду нажмите наРаспределить Горизонтальные центров опции в панели параметров :
Распределить по горизонтали опцию центров в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на Распределить Горизонтальные центры опции.
Photoshop снова смотрит на трех блоках, смотрит на котором блок слева и где блок справа есть, то перемещает центральный блок в положение для создания равный объем между ними. Блоки по обе стороны не двигаться. Только преткновения между ними перемещается:
Распределение блоков по горизонтали в документе. Image © 2011 Photoshop Essentials.com
Блоки будут на равном расстоянии друг от друга по горизонтали.
С трех верхних настоящее время на месте, я включу в середине слева и внизу слева, слоев, нажав на их значки видимости в панели слоев:
Включение в середине слева и внизу слева, слоев. Image © 2011 Photoshop Essentials.com
Нажатие на иконку видимость для средней левой и нижней левой слоев.
Это превращает эти две новые блоки на в документе. Синий блок "Т" в середине слева слоя и оранжевой «Н» в левом нижнем углу слоя:
Средний левый и нижний левые блоки появляются в документе. Image © 2011 Photoshop Essentials.com
Еще два блока появляется в документе.
Я хочу, чтобы выровнять левые края этих двух новых блоков с левого края "P" блок в верхнем левом углу, так что первое, что мне нужно сделать, это выбрать эти три слоя в панели Layers. Я начну, нажав в левом верхнем углу слоя, чтобы выделить его, а затем я буду держать вниз мой Ctrl / (Win) Команда ключ (Mac), как я нажимаю на средней левой и нижней левой слоев. Это позволит выбрать все три слоя сразу:
Выбор в верхнем левом углу, слева в середине и внизу слева, слои в панели слоев. Image © 2011 Photoshop Essentials.com
Выбор в верхнем левом углу, слева в середине и внизу слева, слои.
С трех слоев выбран, я нажму на Align Left Edges опцию в панели параметров:
Выровнять левые края опцию в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на Выровнять левые края вариант.
Photoshop смотрит на трех блоках, выясняет, какой из них ближе к левой стороне документа, а затем перемещает две другие блоки слева, чтобы выровнять по левому края всех трех:
Выравнивание по левому края трех блоках. Image © 2011 Photoshop Essentials.com
Левые края блоков теперь выровнены.
Мне еще нужно исправить расстояние между тремя блоками, но я вернусь к ним через минуту. Я собираюсь включить центре нижней и правом нижнем слоях, нажав на их значки видимости:
Включение центре нижней и правом нижнем слоях в документе. Image © 2011 Photoshop Essentials.com
При нажатии на значок видимости для нижней Центра и правом нижнем слоях.
Это включает голубой "O" (внизу в центре) и красный "P" (внизу справа) блоков по дну:
Три нижних блоков появляются в документе. Image © 2011 Photoshop Essentials.com
Два новых блоков по дну теперь видны.
Я выбрать все три слоя сразу, щелкнув сначала в левом нижнем углу слоя в палитре Layers, затем, удерживая мою Shift, ключ и нажав в правом нижнем углу слоя. Все три слоя, в том числе нижний слой центра между ними, будут выделены:
Выбор из трех слоев сразу в панели слоев в Photoshop. Image © 2011 Photoshop Essentials.com
Выбор нижнего левого, нижнего Центра и правом нижнем слоях.
Я хочу, чтобы выровнять нижние края этих слоев, так что я буду нажмите на Align Bottom Edges опции в панели параметров:
Совместите нижний края опция в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
Нажатие на нижний края опции Align.
Photoshop определяет, какие из трех блоков ближе к нижней части документа, затем переходит на другие два блока вниз, чтобы выстроить нижние края всех трех:
Выравнивание нижние края трех блоков в документе. Image © 2011 Photoshop Essentials.com
Нижние края блоков теперь выровнены.
Теперь, когда "H" блок в левом нижнем углу на месте, я пойду назад и исправить расстояние между блоками вдоль слева. Опять же, я выберу в левом верхнем углу, слева в середине и внизу слева, слои в панели слоев:
Выбор в верхнем левом углу, слева в середине и внизу слева, слои в панели слоев. Image © 2011 Photoshop Essentials.com
Выбор в верхнем левом углу, слева в середине и внизу слева, слои.
С трех слоев выбран, я нажму на Распределить Вертикальные центры опции в панели параметров:
Распределить вариант Вертикальные центры в панели параметров. Image © 2011 Photoshop Essentials.com
При нажатии на Распределить Вертикальные центры опции.
Photoshop смотрит на позиции верхней и нижней блоков, то перемещает средний блок, чтобы создать такое же количество пространства между ними по вертикали:
Интервалы между трех левых блоков по вертикали. Image © 2011 Photoshop Essentials.com
В трех кварталах вдоль левого теперь на равном расстоянии.
 
Все идет нормально. Я включу слоя в середине справа в документе, щелкнув на его значок видимости:
При нажатии на иконку видимость для слоя в середине справа. Image © 2011 Photoshop Essentials.com
Включение слоя в середине справа.
Это включает зеленый "S" блока по правой стороне:
Блок на слой в середине справа становится видимым. Image © 2011 Photoshop Essentials.com
Зеленый "S" блока на слое в середине справа становится видимым.
Выстроить правильные края трех блоков вдоль правого ("O", "S" и "P" блоков), я сначала выбрать в правом верхнем углу, Ближний праве и нижний правый слои в панели слоев:
Выбор в верхнем правом углу, Ближний праве и нижний правый слои в панели слоев. Image © 2011 Photoshop Essentials.com
Выбор в верхнем правом углу, Ближний праве и нижний правый слои.
Тогда я нажму на кромками правому краю опции в панели параметров:
Выровнять по правому краю Края опцию в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
Нажатие по краям опции правому краю.
Photoshop определяет, какой из трех блоков ближе к правой стороне документа, а затем переходит на другие два блока вправо, чтобы выстроить правый края всех трех:
В правые края трех блоков теперь выровнены. Image © 2011 Photoshop Essentials.com
В правые края трех блоков теперь выровнены.
Мне также нужно пространстве в трех кварталах в равной степени друг от друга, так что я буду нажмите наРаспределить Вертикальные центры опции в панели параметров, как я сделал, когда я поправил расстояние трех блоков вдоль слева:
Распределить вариант Вертикальные центры в панели параметров. Image © 2011 Photoshop Essentials.com
Повторное нажатие на Распределить Вертикальные центры опции.
А теперь три блока справа равномерно распределены:
Правильные блоки теперь на равном расстоянии. Image © 2011 Photoshop Essentials.com
Блоки после нажатия Распределить Вертикальные центры вариант.
Наконец, я включу слоя Ближнего Центр, нажав на его иконку видимости в палитре слоев:
Включение слоя Ближнего центр в документе. Image © 2011 Photoshop Essentials.com
Включение слоя Средний Center.
Это включает красный "O" блока в центре:
Блок в середине центра становится видимым в документе. Image © 2011 Photoshop Essentials.com
"O" блок в центре теперь видна.
Центр блок должен быть выровнен с блоками по обе стороны от него, так что я выберу в середине слева, Ближний центр и среднее право слои в панели слоев:
Выбор в середине слева, Ближний центр и среднее право слои в панели слоев. Image © 2011 Photoshop Essentials.com
Выбор три средних слоев.
Тогда я нажму на кромками Align Top опции в панели параметров:
Выровнять верхние края опция в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на опции Выровнять верхние края.
Photoshop перемещает средний блок вверх, чтобы выровнять его верхний край с верхнего края "Т" и "S" блоков рядом с ним, и с тем, "сетка" картина завершена, все благодаря Align в Photoshop и распространение вариантов:
Блоки уже были выровнены и распределены в документе. Image © 2011 Photoshop Essentials.com
Варианты Выравнивание и распределение сделал это легко переставить блоки.
Конечно, есть еще одна проблема остается. Блоки могут быть выровнены и распределили между собой, но в целом проект все еще ​​должно быть центрировано в документе. Чтобы сделать это, нам нужен способ, чтобы двигаться и выравнивания блоков, как единое целое, и самый простой способ сделать это, поместив их все внутри группы слоев , которые мы рассмотрели в предыдущем уроке .
Для размещения блоков внутри группы, я в первую очередь необходимо выбрать все слои, мне нужно, поэтому я начну, нажав на верхнем слое левой в верхней части стека слоев, то я буду держать вниз мойShift, ключ и нажмите В правом нижнем углу слоя непосредственно над фоновым слоем. Это выберите слой левом верхнем углу в нижнем правом слой, плюс каждый слой между:
Выбор все слои блоков в панели Layers. Image © 2011 Photoshop Essentials.com
Выбор всех блоков слоев одновременно.
При всех блоков слои выбран, я нажму на значок меню в верхнем правом углу панели Layers (значок меню будет выглядеть маленькой стрелкой в старых версиях Photoshop)
Значок меню панели Layers в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на иконку меню в верхнем правом углу панели слоев.
Я выберу новую группу из слоев из меню, которое появляется:
Выбор новую группу из слоев из меню панели Layers. Image © 2011 Photoshop Essentials.com
Выбор новую группу из слоев из меню панели Layers.
Photoshop будет поп открыть диалоговое окно с запросом мне название для новой группы слоев. Я назову его "блоки", то я буду нажмите OK, чтобы закрыть из диалогового окна:
Называя новую группу слоев. Image © 2011 Photoshop Essentials.com
Называя новую группу слоев.
Если мы посмотрим на панели Layers, мы видим, что все блочных слоев теперь вложены в сторону внутри группы слоев с именем "блоки":
Блокирует все слои теперь внутри группы слоев имени блоков. Image © 2011 Photoshop Essentials.com
Выбранные слои теперь внутри группы слоев.
Одна из приятных вещей о групп слоев, помимо того, что отличный способ сохранить ваш палитре слоев глядя чистыми и организованы, в том, что они позволяют нам двигаться все слои внутри них, как если бы они были одного слоя. Группа Блоки уже выбран на панели Слои, так что я буду держать вниз мой ключ Shift, как я нажимаю на фоновый слой под ним. Это выбирает как группу слоев и фоновый слой сразу:
Выбор группу слоев и фоновый слой в один раз. Image © 2011 Photoshop Essentials.com
Выбор группу слоев и фоновый слой в один раз.
Как мы узнали в фоновый слой уроке , фон слои фиксируется на месте, а это значит, что они не могут передвигаться внутри документа. Единственное, что я выбрал, что может двигаться в группу слой. Я нажмите на Выровнять по вертикали центров опции в панели параметров:
Опция Выровнять по вертикали центры в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на опции Вертикальные центры Align.
Photoshop выравнивает слои блоков внутри группы слоев вертикально с фоновым слоем:
Блоки будут выровнены по вертикали с фоновым слоем. Image © 2011 Photoshop Essentials.com
Блоки внутри группы слоя выровнены, как если бы они были на одном уровне.
И, наконец, я нажму на Align Горизонтальные центров опции в панели параметров:
Опция Align Горизонтальные центры в панели параметров в Photoshop. Image © 2011 Photoshop Essentials.com
При нажатии на опции Горизонтальные центров Align.
Это выравнивает блоки по горизонтали с фоновым слоем, центрирования дизайна в документе:
Блоки будут располагаться горизонтально фонового слоя и по центру в документе. Image © 2011 Photoshop Essentials.com
Группа слой сделал это легко для центрирования блочную конструкцию с документом.
 

Выравнивание и распределение слоев в Photoshop
сделать закладку в соцсетях

Категория: Базовые | Просмотров: 22 | Добавил: Гость

Photoshop, слоев, распределение, Выравнивание
Всего комментариев: 0
Добавление комментария
к материалу
Код *:
Добавить комментарий

Вход на сайт

Поиск


дерево на прозрачном фоне


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп

На этом сайте наша команда собрала материал уроки фотошоп, которые дадут возможность очень скоро овладеть разными инструментами этой программы. Если вы считаетесь начинающим либо желаете повысить качество уже имеющиеся знания, бесплатные уроки фотошоп разрешат приобрести изобилие нужных сведений и обучат рисованию наиболее различных частей и изображений. Уроки Photoshop, уготованные про начинающих, посодействуют выучиться обладать обилием приборов данного растрового редактора. Изучив наиболее обыкновенные технической рисования, вам можете преступить к наиболее трудным урокам, выучиться делать с разными красками, творить коллажи, производить фото. При стремлении с помощью уроков разрешено начинать специалистом, в безукоризненности обладающим програмкой и разрабатывающим личные технической. Задачи Фотошоп – наверное неповторимые которые были использованы, рассказанные в лично легкодоступной фигуре, которые станут удобные и понятные абсолютно всем.
Copyright © 2010-2015 Все права защищены. Создать бесплатный сайт с uCoz. Лучшая подборка уроков