Создать группу слоев в фотошопе. Как объединить слои в "фотошопе" в единое изображение, сохранив при этом каждый из них. Работа со слоями в фотошопе
Всем приветик. Из прошлого урока мы с вами узнали об основных операциях со слоями: создание, копирование, объединение и удаление, а в этом уроке мы рассмотрим виды слоев, их блокировку и группирование. Этот рисунок является самым ярким примером того, как правильно организованная работа может облегчить работу с множеством слоев.
Виды слоев
Но сначала давайте разберемся, какие бывают слои. Условно их разделяют на обычные и фоновые. Отличие их заключается в том, что над обычными слоями можно выполнять любые операции перемещения и изменения, а фоновый слой фиксируется неподвижно. Фоновый слой, от обычных, отличает изображение замка на слое.
Все слои при необходимости можно легко трансформировать из обычного в фоновый, а из фонового в обычный, используя вкладку меню Слои / Новый / Преобразовать в задний план. На преобразованном слое сразу появляется замочек фонового изображения. Что бы перевести слой в обычный – два щелчка по замку и он снова обычный слой, который можно редактировать.
Блокировка слоев используют для закрепления слоя в нужных условиях. Активация панели возможна только при активном слое. Описываю справа на лево.
- Сохраняет прозрачность пикселей. Блокирует все операции на прозрачном фоне.
- Сохранить цвета пикселей. Блокирует рисование на слое, изменение его цвета и градиента.
- Закрепить положение. Фиксирует положение слоя на макете.
- Сохранить все. Применяет все предыдущие операции.
Что бы работа с множеством слоев была удобной, слои можно объединять в группы, тем самым облегчая поиск нужных слоев и классифицировать по нужному признаку. Так же это облегчит работу, если с вашим макетом будут работать другие люди.
И, так, приступим к выделению слоев для добавления их в группу. Что бы выделить все слои выделяем первый слой, зажимаем клавишу SHIFT и по последнему слою, который нужно добавить в группу. Если нужно добавить в группу выборочные слои, то их выделяем клавишей CTRL. Сама же группа создается во вкладке меню Слои / Группа или Группа слоев. При первой команде создается просто группа, а при второй в созданную группу сразу добавляются выделенные слои.
Так же можно создавать папки с неограниченной вложенностью, но задумайтесь над тем, удобно ли вам будет с ними работать. Оптимальный вариант это вложенность 2 – 3 паки.
В папки так же можно самостоятельно перетягивать слои с помощью мышки.
Так же создать группу можно с помощью значка папка внизу панели слоев.
И так, подошел урок к концу, давайте подведем его итоги. Мы освоили виды слоев, группировку и блокировку слоев. Практика остается на вашей совести.
Причина, по которой я поместил эти пять слоёв в группу под названием "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.
Дублирование групп слоёв
Для того, чтобы дублировать (клонировать) группу, надо всего-лишь в Панели слоёв перетащить её с помощью мыши на значок создания нового слоя:
Сгруппировать слои или, говоря другими словами, объединить их в группы по каким-то признакам, можно несколькими способами. Рассмотрим эти самые способы.
Сейчас я создам холст и нарисую несколько цветных кругов и квадратов, которые будут служить примером, а затем приступим к группировке слоёв (объединению в группы):
Предположим, что мы решили создать две группы. Первая группа будет называться «Круги», а вторая группа «Квадраты».
Объединение слоёв в группы, представляет собой создание папки и размещением в ней выбранных слоёв. Эта процедура очень схожа с процедурой создания папок на рабочем столе компьютера или каких-то своих именных папок, с последующим размещением их в основных папках: Мои документы, Видео, Избранное, Библиотеки и т.д. Разница лишь в том, что в Фотошопе папка группы представляет собой не просто папку, а папку-слой, хранящий в себе выбранные нами слои, вместо различных файлов и располагается группа – слой среди прочих слоёв в окошке работы со слоями.
Подходить к объединению слоёв в группы мы можем по-разному. У нас есть выбор. Мы можем сначала создать папку группы и присвоить ей название, а затем поместить в неё определённые слои. А можем выбрать (выделить) все слои будущей группы и, дав команду создать группу, получить сразу папку группы с помещёнными в неё выбранными (выделенными) слоями. Такой подход - мой любимый. Простите мне мою бестактность, но давайте начнём с моего любимого подхода к созданию группы слоёв.
Создадим группу «Круги». Групповая папка-слой появляется над слоем выделенным синим цветом (сказал на всякий случай).
Наведём курсор-ладошку на слой «Красный круг» и сделаем обычный щелчок мышкой (левой кнопкой). Слой выделился синим цветом (готов исполнить любые наши желания):
Теперь нажмём клавишу Shift и, продолжая её удерживать, поведём курсор вверх и сделаем щелчок левой кнопкой мышки на последнем слое, который относится к кругам - «Жёлтый круг»:
Такими действиями мы предупредили программу, что собираемся поработать со всеми выделенными слоями одновременно.
Отпустим клавишу Shift и нажмём сочетание клавиш Ctrl+G :
Вот таким образом, мы одновременно и папку группы создали, и слои в неё поместили. Для удобства, группе, да и слоям вообще, лучше присваивать имена (названия). Это позволить избежать путаницы и поможет лучше ориентироваться в слоях, когда их много или очень много.
Давайте теперь подпишем папку уже известным нам именем, то есть «Круги». С этой целью, наведём курсор на появившуюся в автоматическом режиме надпись «Группа 1» и сделаем двойной щелчок, левой кнопкой мышки, вызвав строку ввода с одновременным выделением надписи синей подсветкой:
Подведём курсор к цифре «1» и щелчком левой кнопки мыши установим его перед единицей и, продолжая удерживать левую кнопку, сделаем выделение «1»:
Отпустим левую кнопку мыши и по выделенной единице начнём писать слово «круги»:
По окончании написания названия нажмём клавишу Enter или сделаем обычный щелчок мышкой в любом месте, но за пределами строки, в которой вводили имя группы. И вот, что у нас получилось в результате:
Само собой разумеется, имя присваиваем на своё усмотрение и техники выделения и удаления ненужных символов, используем привычные и удобные.
А давайте проверим, действительно ли слои-круги находятся в групповой папке. Щёлкнем мышкой по стрелочке, чтобы открыть папку. Для хорошего обозрения я немного подниму окошко вверх, частично закрыв фигуры и слегка, растяну его по вертикали:
Все слои-круги, действительно, являются членами одной группы, которую мы назвали «Группа КРУГИ». Об этом свидетельствует не только тот факт, что свернув папку, слои-круги вновь в ней «спрячутся», но и некоторое смещение вправо относительно расположения слоёв-квадратов.
В результате повторения всех тех действия по группировке, что мы проделали со слоями-кругами, но теперь в отношении слоёв-квадратов, мы получим вот такой вид палитры слоёв (окна слоёв):
При необходимости и желании, уже созданные группы, мы, таким же образом, можем объединять в более общие группы. Давайте так и сделаем.
Щелчком левой кнопки мыши выделим группу «Круги»:
Теперь нажмём клавишу Ctrl и, удерживая её, щёлкнем левой кнопкой мышки по слою-группе «Квадраты», сделав, таким образом, выделение синим цветом:
До сих пор, того самого третьего «мышиного щелчка» сделано не было. Вместо него была использована комбинации из двух клавиш - Ctrl+G . На примере объединения уже имеющихся двух групп в одну общую группу, сделаем это самый третий щелчок.
Итак, два слоя-группы готовы к объединению в общую группу. Теперь в главном верхнем меню нажмём кнопку «Слои» и в открывшемся окошке наведём курсор на первый пункт с названием «Новый». В момент наведения курсора появилось ещё одно новое окошко, в котором мы сделаем выбор пункта «Группа из слоёв»:
После такого выбора, перед нашими глазами появилось окно настроек:
Давайте в строке ввода имени группы введём, например, имя «Фигуры» и больше никаких настроек делать не будем:
А нажмём кнопку «Ок» и посмотрим на окно (палитру) со слоями:
И вот и объединились группы «Круги» и «Квадраты» в одну группу «Фигуры». Если мы будем нажимать стрелочку за стрелочкой, раскрывая папки-слои одну за другой, то увидим всё их содержимое:
Соединить слои в Фотошопе означает объединить два и более слоя в один. Чтобы понять, что такое «склеивание» и для чего его нужно использовать, разберем простой пример.
У вас есть изображение - это А . Есть другое изображение - это Б . Все они находятся на разных слоях, но в одном документе. Каждое из них можно редактировать в отдельности друг от друга. Затем вы склеиваете А и Б и получается новое изображение - это В, которое также можно будет редактировать, но эффекты будут равномерно накладываться на оба изображения.
Например, Вы в коллаже нарисовали грозовую тучу и молнию. Затем объединяете их вместе, чтобы в цветокоррекции добавить темных оттенков и какой-нибудь эффект мрачности.
Давйте разберемся, как склеить слои в Фотошопе.
Нажмите правой кнопкой мыши по слою на одноименной палитре. Появится выпадающее меню, где в самом низу вы увидите три варианта действий:
Объединить слои
Объединить видимые
Выполнить сведение
Если правой кнопкой мыши нажать на только один выделенный слой, то вместо первого варианта будет «Объединить с предыдущим» .
Мне кажется, это лишняя команда и мало кто ей будет пользоваться, поскольку ниже я опишу другую - универсальную, на все случаи жизни.
Перейдем к разбору всех команд.
С помощью этой команды можно склеить два и более слоя, которые Вы выбрали мышью. Выбор осуществляется двумя способами:
1. Зажмите клавишу CTRL и кликайте по тем миниатюрам, которые нужно объединить. Этот способ я бы назвал самым предпочтительным, из-за своей простоты, удобства и универсальности. Такой способ выручает, если нужно склеить слои, находящиеся в разных местах на палитре, вдалеке друг от друга.
2. Если нужно объединить группу слоев, стоящих рядом друг с другом - зажмите клавишу SHIFT , кликните мышкой на начальный слой во главе группы, затем, не отпуская клавиши, по последнему в этой группе.
Объединить видимые
Вкратце, видимость - это возможность отключить/включить отображение изображения.
Команда «Объединить видимые» нужна для того, чтобы одним щелчком мыши объединить все видимые слои. При этом те, где отключена видимость, останутся не тронутыми в документе. Это важная деталь, на ней построена следующая команда.
Выполнить сведение
Данная команда одним щелчком мыши склеит сразу все слои. Если были невидимые, Фотошоп откроет окно, в котором спросит подтверждение действий по их полному удалению. Если Вы все объединяете, то зачем нужны невидимые?
Теперь Вы знаете, как объединить два слоя в Фотошопе CS6.
Главное не то, как ты группируешь слои, а правила работы, о которых ты договариваешься.
Регулярно в интернете всплывают статьи о том, что нужно всё тщательно группировать. Например вот эта:
Суть всех подобных статей в том, что мы текст кнопочки с формой кнопочки засовываем в папочку, папочку с кнопочкой в папочку с подписью, папочку с папочкой кнопочки и подписью в папочку с фоном и так далее.
Сразу вспоминается старый номер про «Открывает кошёлку, достает сумочку, закрывает кошёлочку, открывает сумочку, достает кошелёк, закрывает сумочку, открывает кошелёк…»
Конечно, это может быть оправдано, если у вас команда из двадцати дизайнеров, все из которых работают над одним проектом.
Но, у большинства дизайнеров, особенно в маленьких студиях, с макетом работает всего 2 человека: дизайнер и верстальщик. Иногда, конечно, этот макет достаётся другому дизайнеру, но такое бывает редко.
Я уверен, что не стоит тратить уйму времени на работу, которая не принесёт пользы, а вместо этого стоит оптимизировать рабочие процессы.
Бесконечные группировки и переименования слоёв - не наш путь, наш путь - договориться с человеком, с которым мы будем работать.
Это не значит, что не нужно группировать совсем, это значит, что не нужно зацикливаться на такой фигне.
У меня очень простой и эффективный способ работы в фотошопе с не сгруппированными слоями, который подходит именно мне. Я объяснил это верстальщикам, с которыми работаю, и теперь у нас не возникает вопросов о том, как работать с исходником, а работа движется быстрее.
Ещё раз подчеркну, что самое главное - удобство и скорость работы, а не правила. Договаривайтесь и работайте так, как вам удобно, а не так, как написал кто-то в интернете.
У меня всего несколько правил, благодаря которым работа пошла быстрее, я стал чувствовать себя лучше, скинул 20 килограмм, а мои волосы стали длинными и шелковистыми.
Работать со слоями, как с объектами в иллюстраторе
Для этого нужно поставить пару галочек у инструмента Move Tool (V). Хочешь передвинуть кнопку - выдели её мышкой и перетащи, вот и всё. Не нужно постоянно дёргаться к панели слоёв.
Теперь мы можем просто нажать на объект, чтобы выделить его
Фон страницы всегда снизу и заблокирован
Так как мы выделяем и двигаем объекты через V, то при выделении будет захватываться фон страницы. По этому все фоновые слои мы передвигаем в самый низ документа при помощи хоткея ⌘+shift+[ и ставим на нём Lock position (серый замочек).
Таким образом мы можем двигать элементы сколько захотим, не боясь случайно зацепить фон страницы. Перед тем, как отдать макет верстальщику замки можно снять, но я обычно так не делаю.
Фон внизу
Скрытые группы с всплывающими элементами всегда сверху
Скрытые группы вверху и верстальщику сложно их пропустить
Попапы, тултипы и прочие всплывающие элементы я группирую, переименовываю и размещаю сверху. Никаких других скрытых элементов в исходнике нет, только нужые вещи. Так всем легче их найти.
Группировка перед передачей верстальщику
Группировать элементы, безусловно, нужно, чтобы у другого человека было представление о том, как устроен документ. Но для понимания структуры достаточно всего нескольких папок и создать их можно в конце, просто выделив нужные элементы мышкой и нажав ⌘+G.
Перед отправкой файла слои выглядят примерно вот так:
Пример финальной группы слоёв
Таким образом, во время работы я не отвлекаюсь на создания групп, применяя группировку только при необходимости и в самом конце работы.
Я очень не люблю отвлекаться на всякие мелочи во время работы и меня раздражает постоянно возвращаться к панели слоёв, чтобы дать название квадратику или создать очередную группу в группе. По этому я просто двигаю объекты в макете и практически не обращаю внимания на панель слоёв.
Ещё раз напоминаю, что это то, что помогает мне работать быстрее. Вы же можете найти свой путь, если начнёте думать своей головой, пробовать различные методы и брать в практику то, что подходит именно вам.
