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

Главное не то, как ты группируешь слои, а правила работы, о которых ты договариваешься.

Регулярно в интернете всплывают статьи о том, что нужно всё тщательно группировать. Например вот эта:

Суть всех подобных статей в том, что мы текст кнопочки с формой кнопочки засовываем в папочку, папочку с кнопочкой в папочку с подписью, папочку с папочкой кнопочки и подписью в папочку с фоном и так далее.

Сразу вспоминается старый номер про «Открывает кошёлку, достает сумочку, закрывает кошёлочку, открывает сумочку, достает кошелёк, закрывает сумочку, открывает кошелёк…»

Конечно, это может быть оправдано, если у вас команда из двадцати дизайнеров, все из которых работают над одним проектом.

Но, у большинства дизайнеров, особенно в маленьких студиях, с макетом работает всего 2 человека: дизайнер и верстальщик. Иногда, конечно, этот макет достаётся другому дизайнеру, но такое бывает редко.

Я уверен, что не стоит тратить уйму времени на работу, которая не принесёт пользы, а вместо этого стоит оптимизировать рабочие процессы.

Бесконечные группировки и переименования слоёв - не наш путь, наш путь - договориться с человеком, с которым мы будем работать.

Это не значит, что не нужно группировать совсем, это значит, что не нужно зацикливаться на такой фигне.

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

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

У меня всего несколько правил, благодаря которым работа пошла быстрее, я стал чувствовать себя лучше, скинул 20 килограмм, а мои волосы стали длинными и шелковистыми.

Работать со слоями, как с объектами в иллюстраторе

Для этого нужно поставить пару галочек у инструмента Move Tool (V). Хочешь передвинуть кнопку - выдели её мышкой и перетащи, вот и всё. Не нужно постоянно дёргаться к панели слоёв.

Теперь мы можем просто нажать на объект, чтобы выделить его

Фон страницы всегда снизу и заблокирован

Так как мы выделяем и двигаем объекты через V, то при выделении будет захватываться фон страницы. По этому все фоновые слои мы передвигаем в самый низ документа при помощи хоткея ⌘+shift+[ и ставим на нём Lock position (серый замочек).

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

Фон внизу

Скрытые группы с всплывающими элементами всегда сверху

Скрытые группы вверху и верстальщику сложно их пропустить

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

Группировка перед передачей верстальщику

Группировать элементы, безусловно, нужно, чтобы у другого человека было представление о том, как устроен документ. Но для понимания структуры достаточно всего нескольких папок и создать их можно в конце, просто выделив нужные элементы мышкой и нажав ⌘+G.

Перед отправкой файла слои выглядят примерно вот так:

Пример финальной группы слоёв

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

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

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

Доброго всем времени суток, мои дорогие друзья! Сегодня мы продолжаем нашу обширную тему, поэтому я расскажу вам как объединить слои в фотошопе в один или же соединить их в группу, используя разные способы. Представьте, что у вас есть документ со множеством слоев, и их настолько много, что можно просто запутаться. Или же вам нужно сделать одни и те же эффекты. Вот для таких вот случаев и понадобится объединение и группировка.

Итак, давайте посмотрим каждый способ в отдельности. Я буду вам все показывать на знакомых из изображениях аиста и неба, а также добавлю орла и альбатроса.

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

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

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

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

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

Связывание без слияния

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

Связать изображения без объединения очень просто. Ва нужно опять же выделить все слои, как это было рассказано в первом способе. После этого нажмите на любой из выделенных миниатюр правой кнопкой мыши (только не на миниатюре изображения, а где нибудь на имени). Ну а дальше просто выберете пункт «Связать слои» и вы увидите, что в конце каждого из них появился значок связки.

Отменить связь вы можете аналогично. Нажимаете правую кнопку мыши на выделенный слоях и выбираете «Отменить связь» .

Объединение в группы

Вот это очень интересный способ. Суть его заключается в том, что вы создаете в панели отельную папку, после чего закидываете туда определенные по вашему мнению слои. Например, если вы рисуете человека, то можете создать группу «лицо», а внутри создать или переместить из вне рисунки типа «глаза», «рот», «нос» и т.д. Суть ясна, я надеюсь?

Давайте разберемся, в чем состоит удобство того чтобы объединить слои в фотошопе в группы:

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

Давайте попробуем. Я выделяю всех имеющихся птиц на панели (орел, альбатрос и аист), затем нажимаю на на них правой кнопкой мыши и выбираю «Группа из слоев» . После этого вам предложат назвать как-нибудь группу. назовем ее «Птицы» . Также можно объединить их в группу с помощью комбинации горячих клавиш CTRL+G . Суть такая же: сначала выделяете, а потом жмете на клавиши.

После этого вы увидите, что в панели появилась папка (группа) «Птицы», и если нажать на маленькую стрелочку, то группа раскроется и вы увидите все, что в ней есть.

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

Если вы хотите работать со всей группой одновременно (увеличить, уменьшить, наложить фильтры и т.д.), то выделите саму папку левой кнопкой мыши. После этого вся группа будет в вашем распоряжении. А если вы хотите работать с отдельным слоем, то раскройте группу и выделите конкретно то, что вам нужно. Всё очень просто.

Ну а чтобы убрать сори из группы, выделите папку, нажмите правую кнопку мыши и выберете «Разгруппировать слои» . Очень удобно, правда?

Как объединить слои в один

Если вы уверены, что с какими-то слоями вы работу закончили и больше работать с ними не собираетесь, что вы можете их объединить (слить). Суть этого способа состоит в том, что вы навсегда объединяете несколько слоев в один и обратно их уже не разъединить, так как они уже являются одним изображением (только если вернуться в истории на несколько шагов назад). Поэтому убедитесь, что вам не понадобится работать с каждым из соединенных по отдельности.

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

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

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

Как соединить только видимые слои

Суть этой функции такая же, как и у предыдущей. Только вы можете не выделять изображения, которые хотите слить, а убрать видимость (нажать на глазик) только там, где вы не хотите участвовать в объединении. Т.е. глаз у вас должен быть активным только там, где вы хотите соединить картинки.

Ну и потом нажать правую кнопку мышки на любом из них и выбрать пункт «Объединить видимые» . Ну и как вы поняли, сольются только те изображения, которые были видимые в данный момент.

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

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

Зайдите на сайт online-fotoshop.ru и либо откройте откройте несколько изображений в одном документе, либо просто создайте несколько разных слоев, чтобы было с чем работать. Сразу хочу сказать, что здесь нельзя соединять в группы, связывать и даже просто выделять несколько миниатюр сразу. Эб этих фишках забудьте.

Теперь, давайте нажмем правой кнопкой мыши на любой миниатюре в панели и рассмотрим доступные функции, которых в нашем случае всего лишь три:

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

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

Теперь вы видите сколько удобных способов приготовил для нас фотошоп? Просто замечательная программа. И в жизни очень пригодится знать его на зубок. Поэтому я рекомендую вам настоятельно пользоваться этой фишкой, чтобы не замусоривать вашу панель и потом не биться в конвульсиях из-за того, что не можете найти ту или иную миниатюру.

Также, я настоятельно рекомендую вам посмотреть и изучить отличный видеокурс по работе в фотошопе . Всё рассказано великолепно и смотрится на одном дыхании. Уроки построены четко и нет никакой воды. Разобрано всё самое необходимое вплоть до мелочей. В общем посмотрите обязательно.

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

С уважением, Дмитрий Костин.

Всем приветик. Из прошлого урока мы с вами узнали об основных операциях со слоями: создание, копирование, объединение и удаление, а в этом уроке мы рассмотрим виды слоев, их блокировку и группирование. Этот рисунок является самым ярким примером того, как правильно организованная работа может облегчить работу с множеством слоев.

Виды слоев

Но сначала давайте разберемся, какие бывают слои. Условно их разделяют на обычные и фоновые. Отличие их заключается в том, что над обычными слоями можно выполнять любые операции перемещения и изменения, а фоновый слой фиксируется неподвижно. Фоновый слой, от обычных, отличает изображение замка на слое.

Все слои при необходимости можно легко трансформировать из обычного в фоновый, а из фонового в обычный, используя вкладку меню Слои / Новый / Преобразовать в задний план. На преобразованном слое сразу появляется замочек фонового изображения. Что бы перевести слой в обычный – два щелчка по замку и он снова обычный слой, который можно редактировать.

Блокировка слоев используют для закрепления слоя в нужных условиях. Активация панели возможна только при активном слое. Описываю справа на лево.

1. Сохраняет прозрачность пикселей. Блокирует все операции на прозрачном фоне.
2. Сохранить цвета пикселей. Блокирует рисование на слое, изменение его цвета и градиента.
3. Закрепить положение. Фиксирует положение слоя на макете.
4. Сохранить все. Применяет все предыдущие операции.

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

И, так, приступим к выделению слоев для добавления их в группу. Что бы выделить все слои выделяем первый слой, зажимаем клавишу SHIFT и по последнему слою, который нужно добавить в группу. Если нужно добавить в группу выборочные слои, то их выделяем клавишей CTRL. Сама же группа создается во вкладке меню Слои / Группа или Группа слоев. При первой команде создается просто группа, а при второй в созданную группу сразу добавляются выделенные слои.

Так же можно создавать папки с неограниченной вложенностью, но задумайтесь над тем, удобно ли вам будет с ними работать. Оптимальный вариант это вложенность 2 – 3 паки.

В папки так же можно самостоятельно перетягивать слои с помощью мышки.

Так же создать группу можно с помощью значка папка внизу панели слоев.

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

Веб-дизайн*

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

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

Понимание принципа работы в фотошопе у большинства новичков начинается с вникания зачем нужна панель слоев (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. Нужные слои сами будут включаться и отключаться.