Домой / Видео / Стили слоя (Layer Style) в Photoshop. Стили слоя в фотошопе: описание, применение

Стили слоя (Layer Style) в Photoshop. Стили слоя в фотошопе: описание, применение

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

Ранее, мы уже публиковали подобную статью с другими 5 приемами недеструктивной работы.

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

1. Применение стилей слоя к нескольким слоям
Настройка и применение одного и того же стиля слоя к множеству слоев – процесс довольно нудный. Хотя этот процесс можно ускорить, кликнув ПКМ на слое готовым стилем, выбрать “скопировать стиль слоя” (copy layer style), после чего применить этот стиль к нескольким нужным слоям.

Еще более быстрый способ – преобразовать ваши слои в смарт-объект.

Давайте рассмотрим конкретный пример:

Допустим, вам нужно применить стиль слоя Тень ко множеству слоев с текстом. У вас есть фоновый слой и несколько слоев, содержащих текст. Ваша структура слоев выглядит примерно вот так:

Выделите все слои, к которым намерены применить стиль слоя.

Ниже вы можете видеть как ваши слои будут выглядеть после преобразования в смарт-объект:

Теперь, кликните ПКМ по этому смарт-объекту на палитре слоев и выберите пункт “Параметры наложения” (blending options). Примените нужные стили слоя, и посмотрите что станет с вашими слоями с текстом. В данном конкретном примере я применил стиль слоя Тень:


2. Недеструктивное клонирование
Раньше, работая над ретушированием фотографий, я всегда испытывал трудности при клонировании участков, и делать это недеструктивно я тогда не умел. Мне приходилось создавать резервные копии на тот случай, если бы допустил ошибку. Как оказалось, существует более эффективный - обратимый способ применения инструмента штамп.

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

Создайте новый слой и назовите его “Инструмент штамп”. Активируйте инструмент Штамп (clone stamp tool), после чего, на панели опций в верхней части окна программы найдите и поставьте галочку на пункте “Выравн. Образец” (aligned sample). После него располагается выпадающее меню. По умолчанию в нем выставлено значение “Активный слой” (current layer). Измените это значение на “Все слои” (all layers).

Таким образом, ваш инструмент будет клонировать пиксели ниже лежащих слоев, но эти клонированные пиксели будут отображаться только на новом слое, в нашем случае на слое “Инструмент штамп”.

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

Вы так же можете использовать опцию “образца от всех слоев” (sample all layers) и при работе с другими инструментами, такими, как например, Восстанавливающая кисть (healing brush).

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

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

При активном инструменте выделения кликните по опции “Уточнить край” (refine edge) на панели в верхней части окна программы.

В результате откроется окно настроек уточнения краев. Как вы можете заметить, область, которую вы намерены извлечь, отображена на белом фоне. Введите нужные вам параметры.

Здесь важно в пункте “Вывод в” (output to) задать значение “Новый слой со слоем-маской” (new layer with layer mask):

Кликнув OK, вы заметите что ваше выделенная область окажется скопированной на новый слой, а фон будет замаскированным.

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

4. Маскирующие смарт-фильтры
Многим пользователям Photoshop уже приходилось использовать смарт-фильтры. Если вы сами не сталкивались с ними, то могу вас заверить, это тоже один из прекрасных приемов для применения фильтров к вашему изображению.

Теперь маскировать можно выборочные области смарт-фильтров.

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

1. Открываем портретное фото
2. Дублируем слой с портретом
3. Применяем к дубликату фильтр гауссовского размытия
4. Стираем центральную часть продублированного слоя, проявляя оригинальный не размытый слой
5. Ваш портрет с размытыми гранями готов, но его центральная часть слишком резка

Все это можно сделать недеструктивно при помощи смарт-фильтров. Как? Самое замечательное – вам достаточно будет одного единственного слоя – слоя с портретом.

Открываем портретное фото:

Пройдите в меню Фильтр > Преобразовать для смарт-фильтров (filter>convert for smart filters). Нажмите OK. Таким образом, ваше фото будет преобразовано в смарт-объект, что позволит вам применять фильтры недеструктивно.

Теперь пройдите в меню Фильтр > Размытие > Гауссовское размытие (filter>blur>gaussian blur). Примените гауссовское размытие интенсивностью (strength) 10 пикс.:

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

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

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

5. Недеструктивная обрезка фотографий
Кадрирование – еще один инструмент Photoshop, который мы, обычно, не рассматриваем в контексте недеструктивной работы. Совершенно напрасно!

Выберите инструмент Рамка (crop tool) на панели инструментов. Затем, на панели опций в верхней части окна программы включите пункт “Скрыть” (hide) вместо установленного по-умолчанию “Удалить” (delete).

Это просто скроет участки вне рамки, вместо того, чтобы безвозвратно удалить их.

Ниже вы можете видеть правильные установки кадрирования и предварительный результат:

Вот такое прекрасное, аккуратно кадрированное изображение получится в итоге:

Теперь, если вы захотите снова отобразить скрытые в процессе кадрирования области, у вас есть два пути. Либо через меню Изображение > Показать все (image>reveal all):

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

Рассмотрим каждый из этих способов подробнее.

Применение готового предустановленного стиля слоя

Откройте или создайте документ Photoshop и дублируйте фоновый слой . Пройдите по вкладке главного меню Окно --> Стили (Window --> Styles), чтобы открыть палитру стилей слоя и прости нажмите на одну из предустановленных миниатюр в этой палитре. Вы сразу увидите, как стиль автоматически применится к слою. Кстати, белый прямоугольник, перечёркнутый красной полосой, который самый верхний левый, удаляет стиль у слоя, если, он, конечно, был. На рисунке показан предустановленный набор в Photoshop CS6:

Создание и добавление стиля слоя вручную

Откройте или создайте документ Photoshop и дублируйте фоновый слой. К фону стили применять нельзя, подробности читайте в руководстве по фоновому слою .
В Панели слоёв кликните дважды кликните левой клавишей мыши по слою (но не по названию!), либо нажмите на иконку в виде стилизованных букв fx внизу палитры и выберите строку "Параметры наложения" (Blending Options):

В любом случае после этого откроется диалоговое окно стилей слоя:

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

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

Как загружать пресеты (наборы со стилями слоёв)

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

После того, как Вы скачали файл со стилями (он обязательно должен иметь расширение ASL!), сохраните его в какую-нибудь папку на вашем компьютере.

Откройте палитру стилей в Photoshop и просто перетащите мышью файл ASL из папки на вашем компьютере в это окно:

После чего в палитре сразу появятся иконки находящихся в перемещённом наборе стилей:

Как сохранять готовые пресеты

Если вы создали собственные пресеты или хотите собрать все стили, имеющиеся у Вас на палитре в один файл, вы можете их легко сохранить из этой палитры.
Для сохранения нажмите на кнопку в верхнем правом углу палитры, в открывшемся меню выберите строку "Сохранить стили" (Save Styles). Вам будет предложено выбрать имя набору и папку на Вашем компьютере, после этого затем просто нажмите кнопку "Сохранить" (Save).

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

2. Вы можете увеличить размер миниатюр в палитре стилей. Для этого надо кликнуть на кнопку в правом верхнем углу палитры и в открывшемся списке выбрать один из пунктов: "Только имена", "Маленькие миниатюры", "Большие миниатюры", "Маленькие миниатюры и имена", "Большие миниатюры и имена" (Text Only, Small Thumbnail, Large Thumbnail, Small List, and Large Lis).

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

4. Готовые стили слоя сами могут быть изменены.

5. Вы можете скопировать стиль с одного слоя и вставить в другой в одном и том же или разных документах. Для копирования крикните правой клавишей мыши по слою и выберите пункт "Скопировать стиль слоя" (Copy Layer Style). Для вставки повтоите эти действия, но выберите пункт "Вклеить стиль слоя" (Paste Layer Style).

6. Вы можете скрыть содержимое слоя, показывая только эффекты. Выберите слой в палитре и измените его параметр "Заливка" (Fill) до 0%, . Таким образом создаются прозрачные капли, эффекты на стекле, и т.д.

Метод стилей слоя введён в Photoshop еще с 6-й версии (не путать с CS6!), как неразрушающий изображение способ добавлять эффекты к слою без необходимости создавать их вручную.

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

На рисунке ниже показан пример. Текст сверху без применённых к нему эффектов, а к двум тестовым надписям под ним применены золотые стили слоя :

Как применять стили слоя

Есть два способа их применения:
1. Применить готовый предустановленный
2. Создать с нуля и применить

Рассмотрим каждый из этих способов подробнее.

Применение готового предустановленного стиля слоя

Откройте или создайте документ Photoshop и дублируйте фоновый слой . Пройдите по вкладке главного меню Окно --> Стили (Window --> Styles), чтобы открыть палитру стилей слоя и прости нажмите на одну из предустановленных миниатюр в этой палитре. Вы сразу увидите, как стиль автоматически применится к слою. Кстати, белый прямоугольник, перечёркнутый красной полосой, который самый верхний левый, удаляет стиль у слоя, если, он, конечно, был. На рисунке показан предустановленный набор в Photoshop CS6:

Создание и добавление стиля слоя вручную

Откройте или создайте документ Photoshop и дублируйте фоновый слой. К фону стили применять нельзя, подробности читайте в руководстве по фоновому слою .
В Панели слоёв кликните дважды кликните левой клавишей мыши по слою (но не по названию!), либо нажмите на иконку в виде стилизованных букв fx внизу палитры и выберите строку "Параметры наложения" (Blending Options):

В любом случае после этого откроется диалоговое окно стилей слоя:

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

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

Как загружать пресеты (наборы со стилями слоёв)

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

После того, как Вы скачали файл со стилями (он обязательно должен иметь расширение ASL!), сохраните его в какую-нибудь папку на вашем компьютере.

Откройте палитру стилей в Photoshop и просто перетащите мышью файл ASL из папки на вашем компьютере в это окно:

После чего в палитре сразу появятся иконки находящихся в перемещённом наборе стилей:

Как сохранять готовые пресеты

Если вы создали собственные пресеты или хотите собрать все стили, имеющиеся у Вас на палитре в один файл, вы можете их легко сохранить из этой палитры.
Для сохранения нажмите на кнопку в верхнем правом углу палитры, в открывшемся меню выберите строку "Сохранить стили" (Save Styles). Вам будет предложено выбрать имя набору и папку на Вашем компьютере, после этого затем просто нажмите кнопку "Сохранить" (Save).

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

2. Вы можете увеличить размер миниатюр в палитре стилей. Для этого надо кликнуть на кнопку в правом верхнем углу палитры и в открывшемся списке выбрать один из пунктов: "Только имена", "Маленькие миниатюры", "Большие миниатюры", "Маленькие миниатюры и имена", "Большие миниатюры и имена" (Text Only, Small Thumbnail, Large Thumbnail, Small List, and Large Lis).

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

4. Готовые стили слоя сами могут быть изменены.

5. Вы можете скопировать стиль с одного слоя и вставить в другой в одном и том же или разных документах. Для копирования крикните правой клавишей мыши по слою и выберите пункт "Скопировать стиль слоя" (Copy Layer Style). Для вставки повтоите эти действия, но выберите пункт "Вклеить стиль слоя" (Paste Layer Style).

6. Вы можете скрыть содержимое слоя, показывая только эффекты. Выберите слой в палитре и измените его параметр "Заливка" (Fill) до 0%, . Таким образом создаются прозрачные капли, эффекты на стекле, и т.д.

Инструкция

В последних версиях программы имеются несколько видов готовых к применению стилей. Они расположены на панели Styles - «Стили». Для вызова этой панели откройте меню Window - «Окно» и выберите соответствующую строку. Перед вами откроется палитра, на которой будут показаны образцы загруженных стилей. Стили применяются не ко всему изображению, а к отдельным слоям. Использовать готовые стили достаточно просто. Находясь на нужном слое, дважды щелкните мышкой по значку с выбранным образцом.

Чтобы увидеть все доступные наборы стилей, нажмите на крохотный треугольник в правом верхнем углу палитры. Перед вами появится окно с опциями, в нижней части которого находится список загруженных стилей. Щелкните по названию нужного набора, например, Abstract Style - «Абстрактный стиль». Откроется диалоговое окно с вопросом: Replace current style with the style from Abstract Style? - «Хотите ли вы заменить установленный стиль на «Абстрактный стиль?». Чтобы согласиться с предложением программы, нажмите OK. Если нужно добавить новый набор, сохранив при этом предыдущие, нажмите кнопку Append.

Изменяя эффекты слоя, вы можете редактировать готовые стили, а также создавать новые. Щелкните на значке fx в нижней левой части палитры Layers - «Слои». Откроется диалоговое окно Layer Style - «Стиль слоя», в левой части которого вы увидите список разделов. Первый из них Styles - «Стили» предназначен для выбора и управления готовыми стилями. Следующий раздел Blending Options: Default - «Параметры наложения по умолчанию» применяется для настройки режима наложения слоя. Остальные разделы используются для выбора и настройки отдельных эффектов.

Применяя эти эффекты в различных сочетаниях и экспериментируя с настройками, вы можете создавать свои неповторимые стили. Для выбора эффекта нажмите на строку с его названием. Настраиваемые параметры будут показаны в правой части окна. Настроив все выбранные эффекты, сохраните созданный стиль. Для этого нужно нажать кнопку New Style - «Новый стиль» и присвоить ему подходящее название в открывшемся окошке. Теперь щелкните по кнопке OK и ваш стиль будет добавлен последним в загруженный набор. Вы сможете использовать его в любое время.

Для имитации объема, создания фасок и рельефов используйте эффект Bevel and Emboss - «Тиснение». Он хорошо подойдет для обработки текстовых слоев и фигур. Если вам нужно создать цветную или градиентную обводку, примените эффект Stroke - «Обводка». Параметр Inner Shadow - «Внутренняя тень» создает тень от границ в пределах самого объекта. Применение этого эффекта создает впечатление, будто объект вырезан из фона. Для имитации света, исходящего изнутри объекта, воспользуйтесь Inner Glow - «Внутреннее свечение».

Для создания впечатления размытости и шелковых бликов, совместно с другими эффектами, примените функцию Satin - «Глянец». Эффекты группы Overlay - «Наложение» перекрывают содержимое слоя цветом, градиентом или узорной заливкой. Эффекты данной группы можно использовать совместно. Если вам нужно выделить текстовую надпись, сделанную на многоцветном фоне, используйте эффект Outer Glow - «Свечение». Примените эффект Drop Shadow - «Тень» для имитации тени от объекта на плоскости.

Вернемся к работе со слоями. Речь пойдет о диалоговом окне Стиль слоя и тех эффектах и настройках, которые предлагает это окно.

Стили слоя обратимы и остаются доступными для редактирования до тех пор, пока вы сохраняете документ как файл PSD. По мере изменения содержимого слоя, стили также изменяются.

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

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

Примечание

Параметры наложения

Сразу перейдем к самому интересному и «вкусному»…

Готовые специальные эффекты фотошопа

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

Photoshop CS5 предлагает к использованию такие эффекты:

Тень

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

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

Название говорит само за себя. Объект, как будто светится. Можно настроить, чтобы свечение было не одним цветом, а градиентом от одного к другому. Настраивается размер, размах свечения, а также его качество.

Аналогично, как с внутренней тенью. В настройках есть только одно отличие: можно указать источник свечения (Из центра или На краях)

Тиснение (Контур, Текстура)

Заслуженно считается самым мощным и адаптируемым стилем слоя в фотошоп. Традиционное использование — преобразование плоского объекта в объёмный, трёхмерный, но это только малая часть возможностей этого стиля. Кроме этого, с помощью «Тиснения» можно создавать металлические эффекты, хромовые и золотые поверхности, имитацию отражения, стекло и многое другое. Более .

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

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

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

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

Обводит по контуру все изображение. Редактируется цвет и положение (Снаружи, Внутри, Из центра). Полезный параметр — тип ободки, где есть градиент. Вообще градиенты всегда только украшают изображение.

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

В завершении урока, посмотрим как в итоге выглядит слой со специальными эффектами:

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

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