Слои в Фотошопе — Панель слоев. Как объединить слои в фотошопе

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

Итак, начнем сначала.

Создавайте слои
Старайтесь не лепить всё в один слой (особенно в слой Background). Возьмите за правило создавай новый слой каждый раз когда хочется добавить что-то новое. Для каждого отдельного объекта (даже простой линии) обязательно нужно создавать новый слой. В дальнейшем будет проще двигать, корректировать, применять фильтры, прозрачность, временно отключать слой. Некоторым слоям рекомендуется давать понятный вам идентификатор (в отличие от Layer10), чтобы легче было их потом находить. Ну вы сами разберетесь каким именно слоям важно иметь название когда начнете их искать и не находить.

Чтобы создать новый слой кликните по иконке во вкладке Layers. Удерживайте Alt чтобы иметь возможность задать сразу имя. Также вы можете создать слой нажав Ctrl+Shift+Alt+N (или Ctrl+Shift+N чтобы вас попросили задать имя).

Группируйте слои
Как только вам захочется двигать одновременно несколько элементов, то скорее всего вы оперируете с какой-то новой сущностью, не ленитесь сгруппировать эти слои и понятно обозвать. Это тоже должно войти в привычку. Группы позволяют быстро двигать составные элементы, быстро скрывать, а также (что немаловажно) быстро клонировать их. Чтобы создать пустую группу нужно кликнуть по иконке во вкладке Layers. Аналогично со слоями удерживайте Alt чтобы задать сразу новое имя.

Но обычно пустые группы не создают, а объединяют в них уже существующие слои/группы. Чтобы мгновенно сгруппировать уже существующие объекты: выделите нужные во вкладке Layers и кликните по удерживая Shift (или просто нажмите Ctrl+G). В результате все выделенные слои автоматически попадут в новосозданную группу. По аналогии со слоями, если зажать еще и Alt, то вас попросят ввести имя для группы. Если слоям названия не помешали бы, то для групп они уже довольно важны. Особенно важно назвать группу до ее клонирования (меньше будет мороки позднее).

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

В результате Layers уже выглядит как набор папок в вашей файловой системе. И такое структурирование очень удобно для перемещения и клонирования связанных объектов. Еще раз настою на том, чтобы вы сразу старались называть папки говорящими именами. Будет удобно изменять исходник даже через полгода, не говоря уже про ближайшие полчаса.

Выбирайте слои/группы
Прежде чем делать что-нибудь со слоем (или группой) нужно выделить его во вкладке Layers. Однако, когда количество слоев зашкаливает за сотню искать там становится проблематично. К счастью есть другой, очень простой метод выбора нужного слоя. Перейдите в режим (нажав V), а далее кликаем по какой-нибудь области рисования:
Ctrl + Left Click - моментально выбрать группу (если нет, то слой) к которой относится область.
Alt + Right Click - моментально выбрать слой под курсором (самый верхний если их несколько).
Накрайняк, если вы не можете никак зацепить нужный слой (например он глубоко под всеми) используйте:
Ctrl + Right Click - вызвать меню-список всех слоев которые относятся к точке под курсором (вот здесь грамотные названия очень вам пригодятся). Выбираем нужный из списка и voila.

Двигайте/клонируйте объекты
После того как вы выбрали слой/группу (например по методу выше), как известно, вы можете перемещать его методом драг-н-дроп. Чтобы клонировать группу/слой при перемещении удерживайте Alt (зажав его еще перед перемещением). Вы можете также удерживать Shift чтобы перемещение/клонирование происходило точно по вертикали/горизонтали/диагонали от начального положения (зажимать и отжимать Shift можно когда угодно).

Изменяйте меньше, накладывайте больше
Photoshop это растровый редактор, поэтому чем больше вы меняете оригинал тем (необратимо) хуже он становится. Неплохо было бы использовать принцип «семь раз отмерь» при работе с клипартами. Однако некоторые вещи можно делать над слоем и не изменяя оригинала:

Во-первых используя Blending Options (дважды кликнуть не по названию слоя), что вы, скорее всего, уже знаете и используете. Там есть разнообразные визуальные эффекты и очень удобно что их всегда можно поправить или вовсе отключить.

Во-вторых, поправить гамму, контраст, яркость, скорректировать баланс белого и всё такое прочее можно создав Adjustment Layer (из меню Layers->New Adjustment Layer или кликнув по во вкладке Layers). Все изменения, которые вы таким образом сделаете, можно будет отменить просто удалив Adjustment Layer с текущего слоя. Кроме того вы всегда сможете поправить настройки впоследствии и это не отразится на качестве, т.к. оригинальный слой при этом остается нетронутым. Если вы вдруг решите поменять цветовую гамму макета вам не придется переделывать его заново.

Также вы можете откадрировать клипарт или сделать невидимой/видимой любую его область (хоть градиентно, хоть в виде звезды, хоть в виде текста) создав Layer Mask (кликнув по ). Теперь рисуя в этой области (или применяя к ней любые интрументы/фильтры) вы можете влиять на степень видимости слоя к которому применили. Черные области скрывают части оригинала, серые делают полупрозрачными, чем светлее тем меньше прозрачность. Чтобы вернуться к оригиналу просто удалите Layer Mask.

В случаях когда вам приходится изменять оригинал (например при уменьшении его размеров), рекомендую делать это над клонированным слоем. Оригинал же оставить и сделать невидимым. Таким образом, если окажется что вы немного переборщили с изменениями, вы всегда сможете начать с оригинального изображения.

Всякие мелочи

Основной способ навести порядок в палитре слоев — это разложить слои по папкам. В фотошопе такая функция называется группа слоев .

Группа слоев представляет из себя папку, расположенную на палитре слоев. В нее можно поместить любое количество слоев и даже другие папки (об этом ниже по тексту). Затем эту группу слоев можно сворачивать (для компактного отображения) и, соответственно, разворачивать, чтобы показать ее содержимое.

Обратите внимание на скриншот выше. Стрелочка около папки нам показывает в открытом или закрытом состоянии находится папка. Открытая папка — означает, что на палитре слоев станет видно ее содержимое. Закрытая папка — это свернутая группа слоев. Удобно для компактного отображения содержимого палитры. Это актуально, когда слоев в проекте набралось немало, например, 100. Чтобы систематизировать весь этот объем, предполагается, что пользователь будет объединять однородные слои по группам.

Итак, иконка стрелочки, указывающая вниз, говорит о том, что папка открыта. Содержимое папки показывается с небольшим левым отступом от края палитры. Это важно запомнить, поскольку именно так вы будете отличать принадлежит ли слой папке или нет.

Как уже отметил выше, внутри группы слоев можно поместить еще одну папку, а в нее другую и так далее. Возможна многоуровневая вложенность. Одни говорят, что она отграничена 5 уровнями, но это не так и пример ниже тому подтверждение.

Этот список можно и дальше продолжить. Надо учитывать, что у палитры нет горизонтального скролла. А значит, чтобы видеть все содержимое палитры, которое стремится уйти вправо, нужно расширять ее область. Это отнимает драгоценное место от рабочего пространства.

С группами слоев можно совершать те же действия, что и с обыкновенными слоями: , удалять, переименовывать, объединять и так далее.

Чтобы удалить группу — выберите ее и нажмите кнопку Delete или Backspace .

Если удалить папку, то вместе с ней удалятся и все вложенные слои. Будьте аккуратней!

Чтобы переименовать группу, с небольшой задержкой сделайте два клика по имени папки. Появится поле для ввода имени.

Объединение группы слоев — это процесс, при котором все слои, входящие в данную группу объединяться в один единый слой. Чтобы это сделать, выберите папку, нажмите по ней правой кнопкой мыши. Появится контекстное меню, в котором самым последним пунктом идет команда Объединить слои . Процесс обратной силы не имеет.

Как создать группу слоев

Чтобы создать папку в фотошопе существует 3 способа. На способ создания влияет то, как вы хотите туда поместить слои.

Способ 1 Иконка папки в нижней части палитры слоев

Кликните на иконку (пятая по счете от левого края) и папка незамедлительно появится на палитре. По умолчанию она создается пустой. Это означает, что теперь нужно перетащить в нее нужные слои.

Принцип перетаскивания вполне привычный, как работа с файлами на компьютере — зажать мышью слой и, не отпуская клавишу мыши, перетащить его прямо поверх папки. Отпустите клавишу. Должно получиться!

Способ 2 Перетаскивание слоя на иконку группы слоев

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

Главное, смотрите внимательней, когда перетаскиваете на иконку, клавишу мыши надо отпускать тогда, когда увидите, что иконка примет вид вдавленной кнопки.

Способ 3 Через меню программы

По традиции все команды, разбросанные по палитрам и панелям фотошопа, продублированы в меню программы.

Предварительно нужно выбрать нужные слои, после чего переходите: Слои — Сгруппировать слои (Group Layers). В это же мгновение па палитре появится группа, заполненная выбранными слоями.

Там же в меню программы присутствует действие Разгруппировать слои (Ungroup Layers) — это обратный процесс, позволяющий убрать папку и перевести все ее содержимое в каталог выше.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

Понимание принципа работы в фотошопе у большинства новичков начинается с вникания зачем нужна панель слоев (Layers). Если вы в этом разобрались — поздравляю, дальше у вас все пойдет куда проще.

А если все еще смутно себе представляете, зачем вообще нужны слои и что с ними делать, после прочтения этой статьи вы посмотрите на панель Layers другими глазами и у вас не получится использовать ее как-то неправильно.

Работа со слоями в фотошопе

Слои в фотошопе нужны для того, чтобы легко организовывать разные элементы своего макета и при этом вы могли спокойно работать с каждым по отдельности, не затрагивая другие.

На примере ниже: ноутбук и фон — на разных слоях, с ними можно взаимодействовать по отдельности.

О, это очень легко. Чтобы создать новый слой в фотошопе — нажмите сочетание Ctrl+Shift+N. В появившемся окне можете сразу ввести имя слоя или просто нажать OK (Enter). Сможете переименовать и позже. Кстати, для этого кликните 2 раза по слою.

Но чаще вы будете пользоваться сочетанием Ctrl+J, чтобы скопировать (перенести) выделенный слой. Или вырезать из него что-то на новый слой (какую-то область, например).

Как выделить слои в фотошопе

Чтобы выделить слои в фотошопе, нужно зажав Ctrl, щелкнуть по слою. Можете щелкать так выборочно по разным слоям и они будут выделяться. Попробуйте также позажимать Shift — если нужно выделить сразу много слоев.

Чтобы выделить всю область слоя в фотошопе — просто, зажав Ctrl, кликните по слою. Например так вы выделите ноутбук.

Чтобы объединить слои в фотошопе, выделите необходимые и нажмите сочетание Ctrl+Shift+E (англ. раскладка). Они сольются в один слой. Если вы продолжите работу после этого, в последствии вы не сможете подвигать ноутбук, к примеру — он будет слит с фоном. Так что лучшим решением будет не сливать слои без необходимости. Лучше группируйте их.

Чтобы сгруппировать сразу несколько слоев, выделите их и нажмите Ctrl+G.

Иногда полезно визуально выделять какие-то слои или группы слоев. Это легко сделать, добавив им цвет. Видите пиктограммку глаза слева каждого слоя? Нажмите на нее правой кнопкой мыши и выберите цвет, который нравится.

Есть такое интересное понятие как Smart Object. Это такая штука, которая сливает любое количество слоев в 1 слой, но так, что его потом можно открыть и снова увидеть все слои по отдельности и вносить изменения.

Очень полезная вещь, я пользуюсь ей постоянно. Еще такие смарт объекты всегда присутствуют в разных psd мокапах (mockup), которых куча бесплатно есть в интернете — для презентации своих работ.

Например, если открыть смарт объект слоя с ноутбуком на примере, можно будет увидеть все слои, из которых он нарисован, а также открыть еще один смарт объект (экран) — слой с надписью Replace Me — и легко вставить в экран ноута свой макет, например. Я вставила экран со своим адресом блога.

Использование Layer Comps для легкого переключения между вариантами дизайна

Многие дизайнеры не знают об этой функции, но она может быть невероятно полезной.

Иногда вам нужно будет показать несколько вариантов дизайна заказчику (например, в разной цветовой схеме). Вам нужно будет легко переключиться между ними. Знаете, это как поставить рядом и сравнивать, какой лучше. Так вот, примерно это у вас получится делать одним щелчком с помощью Layer Comps, вместо того, чтобы делать 100500 кликов по разным слоям.

В главном верхнем меню откройте Window — Layer Comps. У вас откроется новая панель. Представим, что у нас 2 варианта страницы — в синем цвете и в розовом. Нам нужно легко переключаться между вариантами.

Сначала обозначим, что исходный вариант — синий. На панели Layer Comps кликнем иконку нового слоя Layer Comp и назовем его Blue.

Теперь нам нужно собрать в кучу второй вариант — в розовом цвете. Для этого включаем вместо слоя с синим ipad слой с розовым. Затем я создаю копию слоя с верхней синей полосой и делаю этот слой розовым. Точно так же копирую слои заголовка и т.д. Т.е. на все элементы, которые подвергаются изменениям у нас по 2 слоя, просто предыдущие — скрываем (отключаем глаз).

Когда у меня остались включены все слои для варианта с розовым цветом (а синие — отключены), я создаю новый слой на панели Layer Comps и называю его Pink.

Все, теперь можно в один клик переключаться между двумя вариантами цветовой схемы на панели Layer Comps. Нужные слои сами будут включаться и отключаться.

Причина, по которой я поместил эти пять слоёв в группу под названием "Logo" в том, что эти слои создают дизайн логотипа, расположенного в левом верхнем углу моего документа (зелёненький, с надписью "Bud"s GARDEN CENTER"):

Одним из дополнительных преимуществ использования группы слоёв, помимо упорядочения, является то, что они позволяют легко повернуть, переместить или отключить сразу несколько слоёв в документе. Обычно, чтобы включить или выключить слой, мы нажимаем на находящуюся в Панели слоёв слева иконку видимости этого слоя ("глаз"). Мы можем сделать то же самое с группами слоёв. Каждая группа также имеет свой ​​собственный значок видимости. Путём нажатия на "глаз" я временно отключу группу "Logo":

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

Создание новой группы слоёв

Давайте рассмотрим, как создать новую группу слоёв. Самый быстрый и простой способ для создания новой группы - это кликнуть по значку "Создать новую группу" (Create a New Group), расположенному в нижней части панели слоёв. Этот значок выглядит, как папка:

После клика по значку Photoshop создаст новую группу слоёв, присвоит ей имя по умолчанию, в данном случае, "Группа 1" (Group 1) и разместит её непосредственно над активным в момент нажатия на значок слоем или группой. В моем случае, была активна группа "Logo", так что Photoshop создал новую группу над ней:

Проблема с созданием новой группы таким способом заключается в том, что программа создаёт пустую группу, внутри у неё нет никаких слоёв. Чтобы поместить в неё слои, нам придётся выбрать и перетащить их вручную. Я нажму на клавиатуре комбинацию Ctrl+Z для отмены последнего шага и удаления группы, которую я только что добавил.

Если вы хотите создать группу с тем, чтобы там уже были помещены какие-либо слои из Панели слоёв, лучше применить другой способ.

Следует сначала выделить все слои, которые мы хотим разместить внутри группы. Предположим, что я хочу объединить в группу все текстовые слои, всего их шесть. Я зажимаю клавишу Ctrl и поочерёдно кликаю по нужным слоям, в результате все нужные мне слои стали подсвеченными:

Закончив с выбором, я нажимаю на значок меню в верхнем правом углу Панели слоёв (в более ранних версиях Photoshop иконка меню выглядит как маленькая стрелка):

В открывшемся меню выбираю пункт "Новая группа из слоёв" (New Group from Layers):

После чего открывается диалоговое окно, где мне предлагается ввести имя группы, задать цвет метки в панели слоёв и выбрать режим наложения. Можно ничего не вводить и оставить предложенные Фотошопом по умолчанию (имя - "Группа 1", цвет - "не показывать", режим - "Пропустить"). Я ввёл название "Текст" и цвет метки - оранжевый:

В результате в панели Layers у меня появилась новая группа под названием "Текст" с оранжевой меткой, расположенная под группой "Logo". Как я упоминал ранее, новая группа создаётся закрытой по умолчанию, поэтому вложенные в неё слои в настоящее время скрыты от просмотра:

Если я хочу увидеть слои, находящиеся внутри группы, следует открыть эту группу, нажав на значок треугольника, расположенный слева от её значка:

Я снова закрою группу для уменьшения занимаемого места в панели слоёв.

Так же, как и ранее с "Logo", теперь я могу выключить одновременно все слои внутри группы "Текст", нажав на значок видимости группы.

Кроме включения/выключения видимости, есть ещё несколько вещей, которые мы можем сделать с группой слоёв в Photoshop. Мы можем переместить сразу все слои группы с помощью инструмента "Перемещение" (Move Tool), мы можем одновременно изменить размер всех слоёв с помощью "Свободной трансформации" (Free Transform). Мы даже можем добавить слой-маски для групп.

Существует ещё один быстрый способ создания группы слоёв, читайте про него .

Удаление слоя из группы

Примечание. Имеется ввиду не удаление слоя полностью, а перемещение слоя из группы в стек панели слоёв.

Если, после того как вы сгруппированные слои, вам понадобилось разгруппировать их, самый простой способ сделать это - щелкнуть правой кнопкой мыши в любом месте на группы в Палитре слоёв, после чего откроется меню, где следует выбрать пункт "Разгруппировать слои" (Ungroup Layers).

Это возвратит слои обратно в их первоначальное состояние, а сама группа будет удалена.

Если вам потребовалось удалить из группы один какой-либо слой, откройте группу и перетащите слой мышкой за её пределы.

Группы, вложенные в группы

В группу Photoshop можно поместить не только слои, но и другие группы. Рассмотрим два примера.

Пример 1
Я хочу взять два слоя из группы "Текст" и размещать их внутри еще одной новой группы, которая, в свою очередь, будет размещена внутри "Текста". Группировка внутри группы ничем не отличается от обычной группировки отдельных слоёв.

Во-первых, мы должны выбрать и открыть нужную группу. Затем выбираем нужные слои, нажимаем на значок меню в правом верхнем углу и выбираем пункт "Новая группа из слоёв" (New Group from Layers):

Также открывается диалоговое окно, где я задаю имя "Два слоя". В результате:

Пример 2
Также, я могу поместить обе имеющиеся группы "Logo" и "Текст" верхнего уровня в новую группу, действия будут точно такими же, только для удобства мне следует закрыть открытые группы.
Выделяю, зажав Ctrl, нужные группы, клик по значку меню, выбор пункта "Новая группа из слоёв":

В результате:

Разгруппировать такую группу точно также, как и описано выше про обычную.

И, напоследок. Для быстрой группировки нужно выделить нужные элементы и нажать комбинацию клавиш Ctrl+G, для быстрой разгруппировки - выбрать нужную группу и нажать Ctrl+Shift+G.

Дублирование групп слоёв

Для того, чтобы дублировать (клонировать) группу, надо всего-лишь в Панели слоёв перетащить её с помощью мыши на значок создания нового слоя: