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

В этой статье вашему вниманию предлагается список наиболее часто используемых горячих клавиш программы Adobe Photoshop СС.

Для удобства клавиатурные сокращения сгруппированы по функциональной принадлежности (общие, работа со слоями, работа с текстом и так далее). К каждой комбинации даны краткие пояснения.

1. Общие клавиши

CTRL+N - создать новый документ. Открывается диалоговое окно, в котором можно задать параметры создаваемого документа.

CTRL+O - открыть. Появляется диалоговое окно выбора файла для открытия в программе.

ALT+SHIFT+CTRL+O - открыть как. Можно изменять атрибуты файла при открытии.

CTRL+K - настройки программы. Открывается диалоговое окно настроек программы. Здесь можно задать основные параметры.

CTRL+P - печать. Открывается диалоговое окно выбора принтера и настройки профилей и параметров печати.

CTRL+Z - отменить

ALT+SHIFT+CTRL+S - сохранить для веб и устройств. Открывается диалоговое окно, в котором можно оптимизировать параметры сжатия и сохранения файла для уменьшения его объема. Обычно применяется для подготовки изображений к размещению на различных веб-ресурсах.

CTRL+A - выделить все. Выделяет содержимое слоя

CTRL+SHIFT+Z - шаг вперед. Переход вперед на одно действие.

CTRL+ALT+Z - шаг назад. Переход назад на одно действие.

CTRL+C или F3 - копировать. Копирует выделенную область в буфер обмена.

CTRL+V или F4 - вставить. Вставляет объект из буфера обмена с созданием нового слоя.

CTRL+X - вырезать в буфер обмена. Из изображения вырезается выделенная область, но не удаляется безвозвратно, а сохраняется в буфере обмена.

CTRL+W или CTRL+F4 - закрыть изображение

CTRL+Q или ALT+F4 - выход из программы.

F - выбор режима отображения окон.

CAPS LOCK - переключение вида курсора между перекрестием и пиктограммой текущего инструмента. Удобно, когда необходимо точное позиционирование инструмента.

TAB - отобразить/скрыть палитры. Удобно использовать, когда необходимо работать с изображением при 100% увеличении, так как изображение можно просматривать на весь экран.

CTRL+ (+)/(-) - увеличение/уменьшение изображения.

CTRL+0 (ноль) - по размеру окна

ALT+CTRL+0 (ноль) - реальный размер

2. Работа со слоями.

SHIFT+CTRL+N - создать новый слой. Открывается диалоговое окно выбора параметров создаваемого слоя.

ALT+SHIFT+CTRL+N - создает слой с установками по умолчанию, без открытия диалогового окна.

F7 - отобразить/скрыть палитру слоев.

ALT+] - перейти на один слой вверх

ALT+ [ - перейти на один слой вниз

SHIFT+ALT+] - добавление верхнего к выделенному слою на панели «Слои»

SHIFT+ALT+ [ - добавление нижнего к выделенному слою на панели «Слои»

CTRL+ J - дублировать слой или скопировать выделенную область на новый слой.

SHIFT+CTRL+J - вырезать выделенную область на новый слой

CTRL+ ] - передвинуть слой вверх в палитре слоев.

SHIFT+CTRL+] - установить слой сверху

CTRL+ [ - передвинуть слой вниз в палитре слоев.

SHIFT+CTRL+ [ - установить слой внизу.

CTRL+E - слияние слоя с нижележащим

SHIFT+CTRL+E - слияние видимых слоев.

ALT+SHIFT+CTRL+E - создать новый активный слой из содержимого всех видимых слоев. Важно, что все слои остаются без изменений.

CTRL+G - создать группу слоев (предварительно слои нужно выделить).

SHIFT+CTRL+G - разгруппировать слои

SHIFT+ALT+буква - активировать режим смешивания. Каждому режиму соответствует определенная буква, как правило, это первая буква названия режима (например Multiply - M, т.е. умножение)

SHIFT+(+) или (-) - смена режимов смешивания (при активном инструменте выделения)

3. Каналы и маски

От CTRL+1 до CTRL+9 - переключение между независимыми каналами цветов и масок.

Создать маску слоя из контура выделения - щелчок на пиктограмме маски внизу палитры слоев

Q - переключение между режимом быстрой маски и обычным режимом

4. Фильтры

CTRL+ALT+F - повтор последнего фильтра с теми же настройками.

CTRL+ щелчок и ALT+ щелчок - масштабирование в окне предварительного просмотра фильтра

ALT+ щелчок на кнопке Cancel - сброс параметров в диалоговых окнах команд (работает практически со всеми командами и фильтрами)

5. Кисти

[ и ] - уменьшить или увеличить диаметр кисти на 25%

Ввод одной цифры при активном инструменте кисть - регулировка непрозрачности кисти с шагом 10.

Быстрый ввод двух цифр - точная регулировка непрозрачности.

Желаю творческих успехов!

Запустив программу Photoshop, любой версии (ведь все они схожи по функциям), загрузите необходимый графический файл, который вы желаете отредактировать. Зачастую, необходимая далее функция находится палитра «Слои», находится в правом, нижнем углу программы. В случае, когда палитра «Слои» закрыта, необходимо её открыть. Для этого, в разделе «Окно» строку «Слои» , для быстрого открытия, просто нажать на клавиатуре кнопку F7.

В первой вкладке вы увидите содержание палитры. Все слои отображающиеся в загруженном документе, на данный момент, будут показаны именно в первой вкладке. Для выбора отдельного слоя, достаточно, всего лишь, нажать на него правой кнопкой мыши. При необходимости, выделить сразу несколько последовательных слоёв, вы должны нажать и удерживая клавишу Shift, щёлкнуть мышью по первому и последнему слоям. Слоя, стоящие в разных местах палитры, можно выделить. Зажмите на клавиатуре Ctrl и выбирая мышью необходимые с помощью мыши. Ошибочно или случайно, выбранный слой, можно убрать, нажав ещё раз на него, при зажатой клавише Ctrl. Для удобства, ели вы постоянно обращаетесь к одной группе слоёв, вы можете создать им отдельную папку. Выбирайте нужные объекты, внизу палитры «Слои» из ряда небольших значков и нажимайте на значок папки. В результате чего, в окне палитры будет создана папка «Группа 1», нажимая на неё, будут представлены выбору все помещённые туда слои. При необходимости выбора всех слоёв, можно сделать это – нажав в меню «Выделение» строку «Все слои». Все однотипные слои, к примеру - текстовые, при необходимости.

Выберите один из нужных слоёв и в меню «Выделение» выберите строку «Подобные слои». Для отмены отдельно, выделенных слоёв, зажмите Ctrl и нажимайте правой клавишей мыши, на ненужные. Для снятия выделения, со слоёв существует два способа. Зайдите в меню «Выделения» выберите, среди предложенных «Отменить выделение слоёв». Второй способ: нажмите левой кнопкой мыши на палитру «Слои», но не нажимая, ни одного из представленных объектов.

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

Инструкция

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

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

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

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