Маленькие хитрости работы со слоями в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Всякие мелочи
    • Начиная с Photoshop 7 появилась возможность назначать цвета группам и слоям. Вы уж сами разберитесь надо ли оно вам. Думаю, что при очень большом количестве групп/слоев цветовое разделение может помочь быстро найти нужный в списке.
      Поменять имя слоя/группы можно дважды кликнув на имени во вкладке Layers
      Быстро выделить (маской) весь слой можно Ctrl+кликнув по его миниатюре
      Чтобы быстро понять что это за слой с названием Layer10 большинство обычно скрывает/показывает его кликая по иконке Visibility. А если кликать по «глазу» удеривая Alt то, с точностью до наоборот, все скроется кроме данного слоя. Разумеется следующий Alt+Click вернет все как было.
      Одним нажатием можно скрыть/показать сразу несколько слоев если кликнув на «глаз» одного слоя провести (не отпуская кнопки мыши) по «глазам» остальных слоев.
      Вместо группировки в группы можно также связать объекты с помощью связывания (Link Layers). Лично мне кажется что это пережитки прошлого и такой группировкой лучше не злоупотреблять (ну как минимум невозможно скрывать/показывать такую группу в один клик).
      Если клик по треугольнику рядом с группой раскрывает/закрывает эту группу, то Ctrl+клик раскроет/закроет все группы текущего уровня.
      Можно создать копию слоя (слоев), переместив его (их) на кнопку создания нового слоя (New Layer).

      Меня всегда удивляли отсутствие закономерностей в комбинациях клавиш Photoshop (в частности модификаторов Shift, Alt и Ctrl), запомнить сразу скорее всего не удастся, но если вы не будете бояться пробовать их, то рано или поздно всё запомнится, что обязательно повлияет на вашу продуктивность.
    Поделиться публикацией
    Похожие публикации
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 55
    • –1
      Для начинающих, статья хорошая. Кстати, спасибо, давно хотел узнать хоткей на создание слоя, но впадлу было смотреть :)
      • +1
        Спасибо, очень полезно :)
        И хорошая картинка прикреплена — нормальные дизайнеры отдают макеты на верстку именно в таком виде.

        p.s. В коде заметки затесался тег <br clear="all">, из-за которого в ФФ получается огромный отступ аж пока не закончится правая колонка (в ИЕ такого нету).
        • 0
          Блин точно. Поменял на <br clear="left"> стало вроде нормально. Спасибо :)
        • 0
          Еще о перемещениях слоев в группу. После выделения нужных слоев хватаем один из них и тащим на кнопку с изображением папки внизу окна layers.
          Так же можно создать копию слоя(-ев), переместив его (их) на кнопку создания нового.
          Мне так удобно.
          • 0
            Век живи век учись. Добавил в топик, спасибо!
          • +1
            Спасибо, мне очень полезно был раздел "Выбирайте слои/группы"
            Особенно про выбор слоя внутри группы. Я для этого использовал smart object, очень странно что про них вообще ни слова.
            • 0
              Ой, действительно, почитал сейчас, попробовал - smart object это то чего мне не хватало! Просто никогда не пробовал, да и появились вроде недавно. Огромное спасибо за наводку.
              • 0
                спасибо и вам за статью, я прочитал все мануалы по hot keys, но так и не встретил то, что вы написали в "Выбирайте слои/группы".. а как обнаружилось это?
                • 0
                  Уже и не вспомню, может и случайно открыл. Вообще, большую часть случайно, когда пробовал модификаторы Alt, Ctrl, Shift у разных инструментов и иконок. А еще из Photoshop CS. Советы знатоков много почерпнул. Правда дорогая, но полноцветная. Не для новичков, много много разных трюков и скрытых возможностей.
            • 0
              Излишняя каталогизация убивает процесс напрочь. Если есть идеи — их надо реализовывать наисрочнейше .) А вот в моменты тупняка, данная статья отличное чтиво — можно разложить всё по папочкаи в макете и по полочкам в мозгу.
              • 0
                В том-то и дело что rapid разработка это всегда сейчас-сейчас-сейчас, лепи всё на бэкграунд, черновик, потом успеешь. А когда из идеи захочется оставить лишь 20% то и начинается тупняк типа "вырежи меня". Не говоря уже что перенести что-то в другое место (ну просто заценить) практически невозможно. А без групп очень долго выбирать объекты.
                • 0
                  Ясен красен всё делать нужно в разных слоях и использовать Fill, a не Opacity =)
                • 0
                  вот вот .. снчала идет идет дикая отрисовка и креатив, а уже потом разгребаются слои, сортируются по папкам, даются понятные имена :))
                  • 0
                    если для себя делаешь, то конечно катологизация не нужна

                    а мне сейчас дали макет на верстку - за сотню слоев, с именами типа layer38 и group21, еще и разбросаны без всякой логики
                    • 0
                      Если вы pro, то нужна. Потому что нарисовав макет по сетке, нужно обязательно подвигать все блоки и перевернуть всё сверх на голову. Иначе, тихий омут быстрой реки.
                  • –2
                    Мой папа хронически не использует слои. Что посоветуете, доктор?
                    • +1
                      Статья не только для новичков, но и для опытных фотошоперов.

                      Мне только один момент показался не знакомым — выделение цветом слоёв. Несомненно удобно! Те же шаблоны сайтов бывают и по 100 слоёв.
                      Только не понял как это сделать, может кто-нибудь подскажет?

                      Кстати, на счёт дублирования слоёв, никогда не использую Ваш метод.
                      Мне одному проще нажать Ctrl+J?
                      • +1
                        Вы ведь все-равно будете его потом переносить куда-нибудь, так почему бы сразу не переносить с зажатым Alt.
                        А Ctrl+J использую только если надо определенную область вырезать.
                        • 0
                          Возможно, тут дело привычки. Чувствую надо переучиваться :)
                          А на счёт выделения слоёв цветами?
                          • +1
                            А, так в Layer Properties (Group Properties) выбирается цвет. Там же где название задается обычно.
                            • 0
                              Спасибо.
                              Не разу не видел, так как слои переименовать можно двойным кликом по названию.
                            • +1
                              О, кстати правой кнопкой по "глазу" клик. Так даже быстрее.
                        • 0
                          Сенки, полезно!!!
                          • +2
                            Возможность назначать цвета группам и слоям появилась еще в 7-м фотошопе ;)
                            • +1
                              Спасибо, полезная статья, добавил в избранное.
                              Еще очень удобная вещь в CS3 — смарт фильтры, которые позволяют применять эффект, не меняя исходного изображения.
                              А по поводу смарт слоев — очень удобно работать с текстом, например когда создаешь текстовый блок, где куча вариаций шрифтов — потом делаешь из всех этих слоев смарт слой. А потом, при неообходимости можно редактировать содержимое этого смарт слоя, без ущерба для производства. Таким образом можно сократить колличество слоев и ускорить поиск необходимого элемента.
                              • 0
                                Если бы все дизайнеры макетов сайтов так делали, мир был бы прекрасен.

                                Также очень неприятно, когда дизайнер отдает макет на верстку с кучей отключенных (ненужных) и пустых слоев.
                                • НЛО прилетело и опубликовало эту надпись здесь
                                • +2
                                  Ну, я бы не называл это "хитростями", а то так хитростями можно назвать цветокоррекцию через кривые и селектив колор, или же инструмент штамп тоже назвать можно хитростью. Это нормальные функции, которые используют абсолютное большинство ПРОФЕССИОНАЛЬНЫХ дизайнеров, причем не только интерактивной среды, но и графические дизайнеры. Другой вопрос, что созданием дизайна сайтов по прежнему часто занимаются те же люди, которые его режут, программят и верстают — для них это, конечно может быть и хитрость, равно как и дизайн вообще. Это я к тому, что каждый должен заниматься своим делом.
                                  • +1
                                    Готов с Вами поспорить, что даже профи не используют достаточно большую часть нововведений в фотошопе.
                                    • 0
                                      Опять же, нововведениями это тоже сложно назвать. Версия ЦС, которая положила начало подобным преимуществам появилась уже давно. Просто с каждой новой версии несколько растет функциональность, для этого, кстати, есть такой топик в хелпе "What's new?", где доходчиво объясняются приемущества новой версии перед старой. Например, в каждой версии ЦСов работа со слоями была выделена отдельным пунктом (и не только в хелпе, но и, естсесвенно, в анонсах и описаниях). Возникает тогда справедливый вопрос: зачем люди переходят на более новые версии, если они не используют новые функции, которых появляется не ахти как много?
                                    • 0
                                      Для широкой аудитории - хитрости, для опытных - тонкости, для профессионалов - рутина :-P
                                    • 0
                                      Выбирайте слои/группы:
                                      В цээс два можно выделять рамкой, если заблокирован самый нижний слой, либо если это просто по умолчанию заблокированный бэкграунд.
                                      Перейдя в режим Move Tool (нажав V), нажав Ctrl и левую кнопку мыши (на заблокированном слое) и не отпуская сдвинув в сторону, мы заметим что все слои которые задело прямоугольником выделены. Правда стоит обратить внимание на то что у инструмента Move Tool по умолчанию стоит Auto Select Croups галочку с которого можно снять только поставив сначала галочку на Auto Select Layers.
                                      Да и кстати, когда открыта окно history такой способ иногда вызывает ошибку, просто нужно следить чтоб это окно было не активно.
                                      • 0
                                        Спасибо большое за статью. Новичкам читать нужно обязательно! Честно скажу, что некоторые вещи из описанного вами не использовал, но теперь буду обязательно.
                                        • 0
                                          по поводу горячих клавиш, в cs2 и выше (а возможно и ниже) их можно определить самостоятельно на любое событие

                                          бывает удобно перевесить дефолтовый вариант с использованием четрыех кнопок - на две или определить событие, для которого дефолтного варианта нет (например, для резки мне было очень удобно show/hide slices повесить на "ctrl + /")
                                          • +1
                                            При выборе слоя в рабочей области (инструмент V: «ctrl+left click») зажав «shift», можно выбрать несколько слоев не прибегая к помощи соответствующей палитры. Бывает удобно, когда место на экране не хватает и палитра скрыта. Однако у этого метода существенный недостаток: если поверх целевого слоя наложены корректирующие слои, то будут выбираться они. То же относится и к слоям с наложениями различного типа (overlay, screen ...), когда верхний слой не видно.

                                            Также у автора есть небольшая неточность: если в палитре слоев выбирать слои, зажав «shift», то буду выбираться все слои между первым и последним выбранными (на которые вы клинкнули мышкой). Для выбора слоев, находящихся в палитре далеко друг от друга нужно выбирать их, зажав «ctrl».

                                            Еще можно добавить, что растровые и векторные маски можно применять не только к слоям, но и к группам.
                                            • +2
                                              Между прочим, есть ограничения на вложенность папок друг в друга.
                                              В PS CS3 можно создать не более пяти уровней вложенности.

                                              • 0
                                                Так как дизайнеру лучше один раз увидеть, чем три раза прочитать, вот картинко для наглядности:
                                                http://desigens.com/habra/ps-limit.gif
                                              • 0
                                                Что касается связей (Link): связать слои можно хоть через один, хоть через десять. В группе все слои идут подряд. Так что иногда (редко, но все же), линковка может оказаться более чем полезной.
                                                • 0
                                                  Спасибо, всегда узнаю что-то новое!
                                                  • 0
                                                    для начинающих статья конечно же, хотя до систематизации в группах и человеческого обзывания слоев в больших проектах, я очень долго шел
                                                    • +1
                                                      >> Быстро выделить (маской) весь слой можно Ctrl+кликнув по его миниатюре
                                                      Вдогонку об использовании Ctrl, Alt, Shift. При работе с выделениями зажимая Shift производим добавление к выделению, Alt соответственно вычитание из выделения. То есть вычесть/добавить маску одного слоя из маски другого можно кликнув с Ctrl по первому, и Ctrl+Alt/Shift по второму в палитре слоев.
                                                      • +1
                                                        Нажав «ctrl+alt+shift» получим пересечение выделений. Очень удобно.
                                                        • 0
                                                          Да, об этом я как-то забыл, спасибо :)
                                                      • 0
                                                        Спасибо, кинул ссылку наших ребятам.
                                                        • 0
                                                          Еще один совет в догонку, бэкграунд лучше сразу убивать если пуст или превращать в обычный слой (alt + двойной клик)без него удобнее работать =) Хорошие советы для новичков, автору спасибо.
                                                          • 0
                                                            А что вам мешает сразу создать файл с прозрачным фоном?
                                                            • 0
                                                              а зачем вам лишний пустой фон? грузить оперативку зазря? попробуйте без него, вам понравится.
                                                              • 0
                                                                сорри за идиотизм=) въехала во фразу только после второго прочтения, ну да если файл новый то можно и так
                                                              • 0
                                                                а смысл? О.о
                                                                • НЛО прилетело и опубликовало эту надпись здесь
                                                                • 0
                                                                  Огроменное спасибо за статью! Я уже давно фотошоплю, но многих мелочей о использовании хоткеев незнал:,)) Думаю, в будущем, мне очень поможет!
                                                                  • 0
                                                                    Хоткеи слишко длинные лично я все основные функции в actions перегнал: Ctrl+Shift+Alt+N -> F2

                                                                    Ctrl+Shift+Alt+N + Ctrl+{ + Alt+} + Ctrl+F -> Shift+F2 Создание подложки для присвоения эффекта слою (создает новый слой - переносит его под слой с эффектом - выделяет слой с эффектом - сводит слои)
                                                                    • НЛО прилетело и опубликовало эту надпись здесь
                                                                      • 0
                                                                        спасибо, чудесная статья, — в том плане, что хочется ее продолжить и поделиться своими хаками
                                                                        • 0
                                                                          Спасибо, использую фотошоп довольно давно, но некоторых фокусов вроде Альт+Глаз не знал

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