Стили слоя (Layer Style) в Photoshop. Использование стилей слоя в фотошоп

Оставьте комментарий 6,950

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Министерство образования РФ

Мурманский филиал Петровского колледжа

Реферат на тему:

«Эффекты слоев в Photoshop 6»

Студентки: II курса 223 группы

Тимониной Зои.

г. Мурманск

2002 г.

Введение.

Особое место среди продуктов фирмы Adobe занимает Photoshop. Это одна из первых разработок Adobe, прошедшая долгий путь развития. На всем его протяжении она оставалась наилучшим выбором для профессионалов.

Photoshop, наряду с Illustrator, Acrobat и In Design, образует основу пакета издательских программ Adobe. Разработчики с большим вниманием относятся к обеспечению совместимости и интеграции всех программ пакета. Комплексное использование этих программ обеспечит удобство в работе и позволит избежать проблем переноса документов и неожиданностей при печати.

Развитие Интернета стимулировало рост числа документов, предназначенных исключительно для электронного распространения. Большинство профессиональных разработчиков и множество любителей приняло Photoshop как основное средство подготовки графики для таких публикаций. Последними версиями своей программы специалисты Adobe откликнулись на проявление нового круга пользователей. Image Ready, новый компонент Photoshop, дает в руки Web-дизайнера все необходимые средства для создания современного и привлекательного графического решения любого Web-сайта. Новые фильтры импорта и экспорта PDF пригодятся тем, кто готовит документы в формате Adobe Acrobat.

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

Задание эффектов.

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

Чтобы вызвать окно эффектов, выполните одно из следующих действий:

Щелкните дважды на названии слоя в палитре Слои ;

Нажмите кнопку с буквой «f» внизу палитры Слои и выберите эффект в открывшемся списке;

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

Окно Стиль слоя имеет 14 вкладок, список которых находится слева. Первая вкладка служит для выбора и управления стилями (сохраненными комплектами слоев), вторая предназначена для работы с режимом наложения слоя. На остальных вкладках размещены элементы управления эффектами. Результат применения эффектов отображается в поле просмотра окна Стиль слоя , а при установленном флажке Просмотр – и в окне документа.

Диалоговое окно Стиль слоя, вкладка Падающие тени.

Тень.

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

1. Установите флажок в строке Падающая тень окна эффектов.

2. Список Режим смешивания позволяет выбрать режим наложения тени. Как правило, это Умножение .

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

Использование Падающей тени. Использование Внутренней тени.

4. Ползунок Непрозрачность регулирует непрозрачность тени.

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

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

7. Ползунок и поле Размер позволяют задать размер тени. С ростом этой величины тень растет, как и степень растушевки ее краев.

8. Ползунок и поле Разброс определяют, насколько размытыми будут края увеличенной тени. Эффект работает только при ненулевом значении в поле Размер . Чем больше Разброс , тем больше тень и резче ее края.

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

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

11. Щелкните на образце. В окне Редактор контура можно его отредактировать. Форма задается градационной кривой. Ее горизонтальная ось соответствует краю объекта, то есть расстоянию от начала растушевки до полной прозрачности. По вертикальной оси отложены значения непрозрачности тени.

12. Переместите крайнюю правую опорную точку кривой вверх. Тогда профиль прозрачности измениться.

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

Список профилей.

14. Полезный флажок Тень с вывороткой включает режим удаления тени под областью объекта. Этот флажок работает для всех режимов наложения, кроме Обычный и Рассеяние . Если он снят то сквозь полупрозрачные области просвечивает тень, и цвет слоя становится темнее.

Внутренняя тень.

Следующий эффект – Внутренняя тень – делает

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

Диалоговое окно Редактор контура с кривой профиля.

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

Свечение.

Свечение, как и тень, - прекрасный способ выделения объектов на темном фоне. Этот эффект также очень применяется в Web-дизайне. Для создания внешнего свечения предназначена вкладка Внешнее свечение .

1. Откройте вкладку Внешнее свечение . В раскрывающемся списке Режим наложения обычно выбирается режим Осветление . Параметры Шум и Непрозрачность действуют так же, как для эффекта тени.

2. Свечение может иметь однородный цвет или градиентную растяжку. Соответствующие переключатели находятся под ползунком и полем Шум . Левый переключатель с образцом цвета около него задает свечению однородный цвет. Правый переключатель присваивает объекту свечение по градиенту, образец которого показан рядом. Щелкнув на образце или на треугольной стрелке справа от него, вы можете выбрать другой градиент или отредактировать текущий.

3. Действие ползунков Расширение и Размер такое же, как и для эффекта тени. Раскрывающийся список Способ позволяет выбрать форму края свечения. В варианте Мягкий эффект более мягкий и прозрачный, а в варианте Точный – более точно соответствует форме профиля свечения и заметно ярче.

4. Для градиентного свечения важны параметры Диапазон и Дрожание . Первый определяет

Использование Внешнего свечения.

внешнее смещение ореола, второй – наличие и степень случайного распределения пикселов в градиентном свечении.

Элементы управления вкладки Внешнее свечение окна Стиль слоя.

Внутреннее свечение.

Эффекты Внутреннее свечение создает свечение во внутренней области слоя – по краям или центра. Параметры внешнего и внутреннего свечения одинаковы, за исключением одного – направления. Оно задается в группе Источник двумя переключателями: Центр и Края .

Иллюзия объема.

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

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

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

Метод стилей слоя введён в 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%, . Таким образом создаются прозрачные капли, эффекты на стекле, и т.д.

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

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

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

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

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

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

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

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

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

В Фотошопе к слою можно применить следующие специальные эффекты: 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 (Стиль слоя), которые действовали до его открытия.