Эффекты слоев в фотошопе. Эффекты слоя

Если вы хотите стать настоящим профессионалом 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):

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

В Фотошопе к слою можно применить следующие специальные эффекты: Drop Shadow (Отбросить тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Inner Glow (Внутреннее свечение), Bevel and Emboss (Скос и рельеф), Satin (Атлас), Color Overlay (Наложение цвета), Gradient Overlay (Наложение градиента), Pattern Overlay (Наложение узора) и Stroke (Кайма). Эффект(ы) слоя могут быть применены к любому слою, даже к редактируемому текстовому слою, и в любой момент их можно включить/выключить. Эффект слоя автоматически влияет на все непрозрачные точки слоя и обновляется при добавлении, изменении или удалении пикселов со слоя.

Не путайте стили и эффекты. Стиль - это просто сочетание одного или нескольких эффектов слоя.

В Фотошопе эффекты применяются и редактируются с помощью диалогового окна Layer Style (Стиль слоя) (рис. 14.4) или всплывающего меню Add layer style (Добавить стиль слоя), содержащего названия эффектов (рис. 14.5). Галочка рядом с элементом меню означает, что данный эффект уже применен к текущему слою. На палитре Layers (Слои) эффекты отображаются в виде списка под элементом слоя, к которому они применены (рис. 14.6). Эффекты связываются с главным слоем, к которому они были применены, и перемещаются вместе с ним. Эффекты слоя нельзя применить к фону изображения.

Рис. 14.4. Диалоговое окно Layer Style

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

• для того чтобы применить эффект слоя, дважды щелкните по имени слоя. В диалоговом окне Layer Style (Стиль слоя) щелкните по имени какого-либо эффекта (не ограничивайтесь только флажком!) и выберите параметры эффекта.
  

  К одному слою можно применить несколько эффектов. Поставьте флажок Preview (Предварительный просмотр), чтобы предварительно просмотреть результат. в окне изображения. Также к слою можно применить эффект, выбрав слой, а затем элемент из всплывающего меню Add layer style (Добавить стиль слоя), которое вызывается нажатием кнопки, расположенной внизу палитры Layers (Слои);
  

• на палитре Layers (Слои) каждый слой, к которому был применен эффект, снабжен особой пиктограммой. Щелкните по стрелке рядом со значком, чтобы увидеть список эффектов, примененных к данному слою (рис. 14.6). У каждого эффекта есть собственная пиктограмма в виде глаза, используемая для отображения/скрытия эффекта;
• для редактирования существующего эффекта слоя (или для добавления еще одного) или по имени эффекта в списке, расположенном под именем слоя; можно также выбрать эффект из всплывающего меню Add layer style (Добавить стиль слоя), расположенной внизу палитры Layers (Слои);

Рис. 14.5. Меню эффектов слоя

Рис. 14.6. Список эффектов слоя на палитре Layers

Копирование эффекта из одного слоя в другой

Выберите какой-либо слой, содержащий эффект(ы), воспользуйтесь командой Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Копировать стиль слоя), выберите другой слой, а затем выполните команду Layer > Layer Style > Paste Layer Style (Слой > Стиль слоя > Вставить стиль слоя).

Можно также открыть список эффектов слоя и перетащить имя отдельного эффекта на имя другого слоя или на панель Effects (Эффекты) другого слоя.

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

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

  Для того чтобы временно скрыть все эффекты для всех слоев и увеличить быстродействие программы, выберите команду Layer > Layer Style > Hide All Effects (Слой > Стиль слоя > Спрятать все эффекты). Выберите из того же меню команду Show All Effects (Показать все эффекты), чтобы снова отобразить их;
  

• для удаления отдельного эффекта слоя дважды щелкните по имени слоя или имени отдельного эффекта на палитре Layers (Слои), затем снимите флажок рядом с именем эффекта. Или перетащите имя отдельного эффекта на кнопку Delete Layer (Удалить слой) в виде корзины, расположенную внизу палитры Layers (Слои).

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

Для очистки всех эффектов текущего активного слоя выберите команду Layer Style > Clear Layer Style (Стиль слоя > Очистить стиль слоя).

Нажав клавишу Alt , щелкните по кнопке Reset (Восстановить), чтобы восстановить те значения параметров диалогового окна Layer Style (Стиль слоя), которые действовали до его открытия.

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

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

Откройте или создайте документ 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 - «Тень» для имитации тени от объекта на плоскости.

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

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

Ну что же приступим друзья!

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

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

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

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

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

Копировать стили фотошопа можно тремя способами:

1. Скопировать со слоя, у которого есть эффекты при помощи всплывающего меню . Для этого выделим слой со стилем, кликнуть правой кнопкой мыши и в выпавшем меню выбрать скопировать стиль слоя. Далее необходимо выбрать слой, куда мы хотим его скопировать и также вызвать всплывающее меню и нажать вклеить стиль слоя .
2. Копирование через меню слои . Первым делом, как и в предыдущем способе, выделим слой со стилем, после чего идем слой > стиль слоя > скопировать стиль слоя . Выделим слой, к которому нам необходимо применить стиль слоя, затем выберите меню слой > стиль слоя > вклеить стиль слоя .
3. Копируем методом перетаскивания . Для этого нам нужно с зажатой клавишей ALT перетащить эффекты с одного слоя, где они есть на другой.

Первый вариант копирования и вклеивания стиля слоя

Второй вариан копирования и вклеивания стиля слоя

Преобразовать в отдельный слой .

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

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

В окне стилей можно создать следующие эффекты:

• Параметры наложения – основные параметры наложения стиля слоя.
• Тень — добавляет тень, от слоя.
• Внутренняя тень — добавляет тень внутри объекта изображенного на слое тем самым можно добиться эффекта вдавливания.
• Внешнее свечение — добавляет свечение снаружи объекта слоя.
• Внутреннее свечение — добавляет свечение внутри объекта слоя.
• Тиснение – за счет различных освещенностей и затемнений придает объекту на слое тиснение, делает его объемным. Контур — добавляет контур. Текстура – добавляет текстуру тиснению.
• Глянец — добавляет внутреннее затемнение, тем самым придавая глянцевый эффект.
• Наложение цвета — накладывает однотонный цвет на слой.
• Наложение градиента — накладывает градиент на слой.
• Наложение узора — заполняет слой узором.
• Обводка – добавляет обводку к слою (градиентную, цветом, узором).

Удаление стиля слоя.

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

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

Загрузить стили слоя можно в окне стили.

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

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