Как добавить группу слоев в фотошопе. Группировка перед передачей верстальщику

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Причина, по которой я поместил эти пять слоёв в группу под названием "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.

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

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

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

У вас есть изображение - это А . Есть другое изображение - это Б . Все они находятся на разных слоях, но в одном документе. Каждое из них можно редактировать в отдельности друг от друга. Затем вы склеиваете А и Б и получается новое изображение - это В, которое также можно будет редактировать, но эффекты будут равномерно накладываться на оба изображения.

Например, Вы в коллаже нарисовали грозовую тучу и молнию. Затем объединяете их вместе, чтобы в цветокоррекции добавить темных оттенков и какой-нибудь эффект мрачности.

Давйте разберемся, как склеить слои в Фотошопе.

Нажмите правой кнопкой мыши по слою на одноименной палитре. Появится выпадающее меню, где в самом низу вы увидите три варианта действий:

Объединить слои
Объединить видимые
Выполнить сведение

Если правой кнопкой мыши нажать на только один выделенный слой, то вместо первого варианта будет «Объединить с предыдущим» .

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

Перейдем к разбору всех команд.

С помощью этой команды можно склеить два и более слоя, которые Вы выбрали мышью. Выбор осуществляется двумя способами:

1. Зажмите клавишу CTRL и кликайте по тем миниатюрам, которые нужно объединить. Этот способ я бы назвал самым предпочтительным, из-за своей простоты, удобства и универсальности. Такой способ выручает, если нужно склеить слои, находящиеся в разных местах на палитре, вдалеке друг от друга.

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

Объединить видимые

Вкратце, видимость - это возможность отключить/включить отображение изображения.

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

Выполнить сведение

Данная команда одним щелчком мыши склеит сразу все слои. Если были невидимые, Фотошоп откроет окно, в котором спросит подтверждение действий по их полному удалению. Если Вы все объединяете, то зачем нужны невидимые?

Теперь Вы знаете, как объединить два слоя в Фотошопе CS6.

Веб-дизайн*

Есть множество секретов при работе с 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.

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