Как использовать стили в фотошопе cs6. Использование стилей слоя в фотошоп

Посвященных Стилям в Фотошопе. Что такое стили? Зачем они нужны? Что с ними можно сделать? Какие стили существуют и как их применять? На все эти вопросы можно будет найти ответы в этом цикле статей. Я так же пройдусь по каждому из эффектов стилей и разберу все основные настройки.

Что такое стили?

Стили, в целом, созданы исключительно для веб. Этакий аналог символов, только в Фотошопе. Появились стили как ответ на стили в другой, некогда конкурирующей программе Macromedia Fireworks , которая заточена исключительно под веб графику. Затем Adobe купила Macromedia и конкуренция закончилась. А стили остались.

Самое лучшее в стилях то, что они не применяются намертво, как Фильтры. Они «натягиваются» в виде своего рода «кожи» на графические элементы. Стили представляют собой живые эффекты, в которые всегда можно зайти и подкрутить настройки. Стили можно сохранять. Их даже нужно сохранять, в этом их основной смысл: создание стиля, сохранение и последущее применение ко всем однотипным объектам.

Получается аналог Appearance в Иллюстраторе, кроме того, что Styles в Фотошопе появились на лет 10-15 раньше.

Где находятся стили в Фотошопе?

Стили находятся во множестве мест, меню и панелях. Чтобы применить к слою стиль, достаточно зайти в меню Layer > Layer Style и выбрать нужный стиль. В этом же меню находятся и другие настройки стилей о которых я расскажу позже.

Другой и самый частый способ применения стилей — панель слоев Layers , которую можно открыть через Windows > Layers . Как пользоваться? Можно сделать двойной клик средней части слоя, или открыть выпадающее меню на дне панели — иконка с надписью fx. Это ещё один способ воспользоваться стилем.

Воспользоваться стилями можно и из панели стилей Style . Открыть её можно через Windows > Styles . Эта панель содержит все загруженные на данный момент стили Фотошопа. Так же через неё можно создавать новые стили. А старые удалять. Если вы никогда не работали со стилями, то у вас скорее всего в ней содержатся дефолтные стили. Эти коллекции находятся в Фотошопе по умолчанию. Дефолтные стили можно смело удалять, при необходимости вернуть их можно одним кликом из выпадающего меню в этой же панели Стилей.

Ещё один способ управлять стилями — . Это диалоговое окно является менеджером настроек. Не сложно догадаться что оно управляет сохраненными настройками. Например стилями. А так же кистями, фигурами, кривыми и большей частью того, что в Фотошопе можно сохранить как шаблонную настройку. Preset Manager — достаточно древнее диалоговое окно. Его преимущество перед той же панелью стилей Styles в том, что через Preset Manager можно совершать групповые операции. Например выделить группу стилей и сохранить их как единую коллекцию.

Стили содержатся во всех панелях настроек всех . Например в настройках инструмента Rectangle Tool или Custom Shape Tool . Дело в том что Стили как раз и задуманы для использования вместе с этими инструментами. Поэтому они и находятся в их панелях настроек. Можно выбрать инструмент Rectangle Tool и сразу прицепить к нему стиль. Затем начать рисовать кнопочки для сайта. Для этого стили и создавались.

Как пользоваться стилями?

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

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

Самый простой способ воспользоваться стилями: выберите инструмент Type Tool и напечатайте любой текст. Откройте Стили слоев любым из вышеописанных способов. Например из панели слоя — иконка fx. или двойной клик по слою или в меню — Layer > Layer Style . Появится диалоговое окно Стилей слоя Layer Style .

В диалоговом окне 3 области:

  • Меню стилей — левая узкая область. Здесь находится список всех стилей для слоя, а так же настройки наложения слоя и окно стилей.
  • Настройки стилей — средняя крупная область. Здесь находятся настройки для конкретного выбранного стиля.
  • Кнопки — правая узкая область. Здесь можно утвердить слой, сохранить его в стили или отменить результат настроек, а так же небольшое превью окошко, в котором виден итоговый стиль.

Выберите любой стиль, например Drop Shadow — тень, поставьте галочку в левом меню, покрутите настройки, нажмите ОК . И ваш первый стиль готов.

Панель стилей Styles

Поговорим о панели стилей Styles . Возможностей у этой панели, мягко говоря, не много. Она, по сути, красиво отображает загруженные стили, позволяя выбирать и «надевать» нужные на слои в Фотошопе. В дефолтной раскладке панель содержит стандартные стили, и белую перечеркнутую иконку — очищение от стиля Clear Style .

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

В нижней части панели знакомые функции:

  • Clear Layer Style — очищает слой от всех стилей.
  • Create New Style — иконка с листиком создает новый стиль с нуля. Так же стиль можно создать просто кликнув по пустой части панели Стилей.
  • Delete Style — чтобы удалить стиль, по нему нужно щелкнуть и перетянуть на иконку с мусорным ведром.

В верхнем правом углу панели находится иконка выпадающего меню, в котором до кучи разного и полезного. Меню разделено на подгруппы по смыслу.

В первой группе единственная опция — Create New Style , она же создает новый стиль.

Во второй группе способ отображения стилей на панели. Списком, иконками, маленькими или большими.

Третья Preset Manager , которая вызывает , о котором шла речь выше.

В следующей группе операции, управляющие стилями.

  • Reset Styles — возвращает стили к дефолтному состоянию
  • Save Styles — сохраняет стили панели стилей в спец фаил. Этот же фаил можно загрузить назад.
  • Load Styles — загружает стили из спец фаила. Делается это для того чтобы не перегружать стилями панель, а напротив сохранять все однотипное по фаилам.

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

Последняя группа закрывает панель стилей Styles .

Как использовать панель Стилей?

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

Стили в диалоговом окне Layer Styles

Мало кто знает, но стили можно выбрать и из диалогового окна Стилей слоев. Находятся они в верхней части меню. Их легко не заметить, так как вкладка похожа на название списка, а не на один из его разделов. По сути это та же панель стилей, только встроенная в диалоговое окно Layer Styles . Ведет она себя точно так же как и панель стилей. Идентичное все, даже выпадающее меню.

Как добавить стили в Фотошоп

Загрузить готовые стили в Фотошоп очень просто. Во первых, весь инет наполнен подобными коллекциями стилей на все случаи жизни. Во вторых, можно создать собственные стили и сохранить их подобный фаил. Сохраняются стили в формат ASL . Чтобы загрузить стили, откройте панель стилей Style и в верхнем правом углу нажмите иконку выпадающего меню. Из меню выберите Load Styles , чтобы загрузить стили в панель. При нажатии OK стили из панели будут заменены на новые. При нажатии Apprend новые стили будут добавлены к старым.

Второй способ загрузить стили — диалоговое окно стилей слоя Layer Style в вкладке Styles . Этот раздел представляет из себя ту же панель стилей, но встроенную в это диалоговое окно. Load Styles надо опять же выбрать из выпадающего меню.

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

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

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

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


Вот темы, которые мы будем обсуждать:


1. Что такое Стиль слоя?


2. Применение Стилей слоя.


3. Диалоговое окно Layer Style.


4. Тень (Drop Shadow).


5. Внутренняя тень (Inner Shadow).


6. Внешнее свечение (Outer Glow).


7. Внутреннее свечение (Inner Glow).


8. Тиснение, текстуры (Bevel and Emboss (Contour/Texture).


9. Глянец (Satin).


10. Наложение цвета (Color Overlay).


11. Наложение градиента (Gradient Overlay).


12. Наложение узора (Pattern Overlay).


13. Обводка (Stroke).


14. Дополнительные советы по применению стилей слоя. (A few layer type tips).

Что такое стиль слоя?

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


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



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



Кроме этого, возможно отключение видимости каждого эффекта (стиля) в отдельности. На примере ниже выключен эффект «Тень» (Drop Shadow) .


Добавление Стилей слоя.

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


1. Нажатие правой кнопкой мыши по строке слоя и выбор в выпадающем меню опции «Параметры наложения» (Blending Options) .



2. Двойной клик левой кнопкой мыши по строке слоя в панели слоев.



3. Доступ к окну настроек стилей слоя можно получить через верхнюю панель установок окна программы. Находим вкладку Слой-Стили слоя (Layer> Layer Style) , затем выбираем диалоговое окно всех настроек стилей (Blending Options) или какую-нибудь одну опцию из меню стилей (Тень, Глянец, Наложение градиента и т.д.).



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


Диалоговое окно стилей слоя.

Когда вы откроете диалоговое окно стилей, то увидите вверху опцию «Параметры наложения» (Blending Options) . Активировав ее, можно настраивать режим смешивания для слоя и уровень его непрозрачности, количество заливки. Есть и более подробные параметры настройки данной опции, расположенные ниже.



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



Тень (Drop Shadow).

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



Режим смешивания (Blend Mode) позволяет наложить тень на фон по-разному (Перекрытие, Умножение и т.д.). Также можно выбрать цвет тени, используя цветовую палитру (квадрат рядом со строкой режима смешивания). По умолчанию программы цвет тени – черный.


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


Угол (Angle) предусматривает положение тени от объекта относительно источника света.


Расстояние/смещение (Distance) позволяет расположить тень ближе или дальше от объекта.


Размах (Spread) делает тень плотнее.


Размер (Size) увеличивает или уменьшает величину тени.


Опция Качество (Quality) позволяет добавлять шум к вашей тени и изменять ее контуры.

Пример 1:

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


Пример 2:

В следующем примере использованы те же настройки, но с более низкой непрозрачностью и увеличением параметров Смещения, Размаха и Размера (Distance, Spread, Size) . Как видите, тень от фото находится больше в правом нижнем углу, что создает впечатление о том, что источник света находится слева вверху.


Внутренняя тень (Inner Shadow).

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



Все настройки внутренней тени аналогичны предыдущей опции, за исключением смены параметра Размах (Spread) на Стягивание (Choke) . Чем больше стягивание, тем толще тень внутри объекта.

Пример 1:

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


Пример 2:

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


Пример 3:

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


Внешнее свечение (Outer Glow).

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



В настройках опции «Внешнее свечение» можно изменять параметры режимов смешивания, непрозрачности и уровня шума, а также размера и размаха, как и в настройках «Тени». Здесь, в отличие от тени, можно выбрать один из методов свечения: мягкий или точный (Technique) . Мягкое свечение делает свет более тонким и слабым, а точное – расширяет ореол, усиливая его плотность. Опция Диапазон (Range) позволяет изменять толщину свечения. Чем меньше значение опции, тем толще световой край. Установка диапазона, например, в 1 рх, сделает для вашего объекта обводку, а не свечение.

Пример:

В данном примере установлены значения для внешнего свечения голубого цвета:


Внутреннее свечение (Inner Glow).

Действие этого стиля слоя, в отличие от предыдущего, выполняется внутри объекта, а не за его пределами.



Параметры данного эффекта аналогичны предыдущему стилю, кроме еще одного добавленного: Источник (Source) . Он позволяет сделать ваше свечение, исходящим из центра объекта, либо от его краев к центру (по умолчанию).

Пример 1:

На примере внутреннее свечение распространяется от края, подобно действию внутренней тени.


Пример 2:

На следующем примере источник свечения исходит из центра в режиме смешивания Перекрытие (Overlay) , что придает яркости внутренней части фотографии и способствует повышению уровня контрастности.


Тиснение (Bevel and Emboss).

Такой стиль слоя добавляет изображению выпуклую, коническую форму или, наоборот, вдавленную внутрь пространства (Emboss) . В опцию «Тиснение» входят еще два эффекта: контур и текстура (Contour,Texture) .



Активация флажка «Контур» позволяет вам сделать тиснение краев вашей фигуры резче или мягче.



Использование «Текстуры» добавляет объекту узорное покрытие.



При применении стиля «Тиснение» работают следующие условия: чем выше глубина (Depth) , тем резче структура тиснения, чем выше размер (Size) , тем ближе к центру выполняется тиснение. Настройка Затенение (Shading) позволяет вам установить уровень непрозрачности блика и угол падения света на тисненую область объекта.

Пример 1:

На примере ниже использовано сильное тиснение с большим уровнем глубины до 1000%, но малым показателем размера и смягчения (Size, Soften) , что придает резкие очертания выпуклым краям изображения.


Пример 2:

Второй пример похож на предыдущий, но здесь немного уменьшена глубина тиснения и активирована функция «Контур». Применение контура делает края тиснения острее, подобно тонкой линии в 1 рх. Он также подчеркивает освещенность правой и верхней части фотографии.


Пример 3:

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


Глянец (Satin).

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



Диалоговое окно настроек опции «Глянец» имеет те же настройки, как и в изученных ранее стилях. Они очень просты в применении.

Пример 1:

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


Пример 2:

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


Наложение цвета (Color Overlay).

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



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

Пример 1:

Настройка по умолчанию программы использует красный цвет при наложении.


Пример 2:

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


Пример 3:

При использовании черного цвета как основного и установке режима смешивания на Перекрытие (Overlay) с непрозрачностью 100%, можно полностью исключить некоторые цвета на изображении, что может быть полезно при изолировании объекта с фона.


Наложение Градиента (Gradient Overlay).

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



Стиль (Style) градиента может быть линейным, радиальным, зеркальным, угловым и ромбовидным. Масштаб (Scale) градиента увеличивается либо уменьшается в зависимости от размеров объекта изображения.


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


Пример 1:

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


Пример 2:

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


Наложение узора (Pattern Overlay).

Как и все стили с наложением, данный стиль покрывает изображение узором. Этот эффект очень напоминает по своему действию наложение Текстуры в стиле «Тиснение».



Вы можете выбрать любой узор из установленных программой, либо использовать свой собственный.

Пример 1:

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


Пример 2:

При помощи опции Масштаб (Scale) вы можете увеличить или уменьшить разрешение вашего узора.


Пример 3:

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


Обводка (Stroke).

Данный стиль слоя последний в списке эффектов. Обводка создает границу вокруг вашего объекта.



Многие опции в диалоговом окне данного стиля встречались нам уже раньше.

Поговорим о незнакомых параметрах эффекта.


Опция «Позиция» указывает на местоположение обводки: внутри, снаружи или из центра объекта. Толщина обводки регулируется перемещением ползунка в опции «Размер» (Size) . По умолчанию программы используется размер в 3 рх, но чаще применима обводка 1 рх. Опция «Тип обводки» (Fill Type) позволяет заполнять обводку цветом, градиентом или узором. По умолчанию обводка заполнена цветом.

Пример 1:

В этом примере представлен стиль слоя с настройками «по умолчанию».


Пример 2:

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


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


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



Чтобы удалить стиль слоя, нажимте правой кнопкой мыши по строке слоя и выберите «Удалить стиль слоя» (Clear Layer Style) .


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


С применением стилей слоя ваши возможности в освоении программы Фотошоп значительно расширятся.

После знакомства с основами Photoshop, где существует возможность работы со слоями изображения, будет полезно узнать о наборе различных эффектов слоя, которые в последних версиях Photoshop носят названия стили слоя (Layer Style). Стили слоя применяются ко всему изображению на слое и ограничить применение стиля выделением области нельзя. Главное достоинство в стилях то, что они не применяются намертво, как Фильтры. Стили представляют собой эффекты, в настройки которых всегда можно зайти и изменить параметры. Стили можно и нужно сохранять - в этом их основной смысл: применение ко всем однотипным объектам. Воспользоваться образцами стилей можно из .
Для вызова диалогового окна Layer Style нужно дважды кликнуть на строке выбранного слоя в палитре Layers (Слои), либо при помощи иконки fx, которая находится в группе управления слоями в нижней части палитры Layers. Нажав на эту иконку, мы получим доступ к списку всех стилей Layer Style, которые возможно применить к выбранному слою. Другой способ вызова диалогового окна Layer Style - двойной клик левой кнопкой мыши по строке слоя в палитре слоёв или одиночный правый клик в то же место, дополнительно указав в выпадающем меню опции "Параметры наложения" (Blending Options). Доступ к окну настроек стилей слоя можно получить и через верхнее горизонтальное меню программы, зайдя в меню Layer и выбрав сначала Layer Style, затем Blending Options. В этом же меню находятся и другие настройки стилей.

Диалоговое окно Layer Style

Рассмотрим структуру окна Layer Style. Для наглядности в качестве примера напечатаем текс при помощи инструмента Type Tool. Затем откроем Layer Style ("Стили слоев") любым из описанных ранее способов. Диалоговое окно Layer Style ("Стили слоев") состоит из трёх областей. Слева находится список всех стилей для слоя, а так же настройки наложения слоя и окно стилей. Стили можно использовать как по одному, так и в сочетании друг с другом. Что бы применить стиль нужно просто установить флажок рядом с его названием. Настройки стилей - средняя крупная область. Здесь находятся настройки для конкретного выбранного стиля. При помощи правой узкой области можно утвердить стиль слоя, сохранить его или отменить результат настроек, а так же небольшое превью окошко для наглядной демонстрации эффекта от применения выбранного стиля в режиме реального времени. Далее рассмотрим каждый из эффектов.
Blending Options . Первый пункт в списке это так называемые настройки прозрачности и наложения. General Blending - основные настройки слоя. В выпадающем меню Blend Mode вы можете выбрать алгоритм наложения слоя и установить для слоя параметр непрозрачности Opacity Advanced Blending - расширенные настройки свойств слоя. Здесь есть возможность установить параметр Fill Opacity - это тоже самое, что и Fill в палитре Layers и указать те цветовые каналы, которые должны отображаться в этом слое. Blend if - раздел для управления избирательной прозрачностью. Избирательность заключается в том, что мы по собственному желанию можем делать прозрачными тёмные или светлые участки слоя. Для управления такой прозрачностью существует два слайдера, один носит название This Layer (текущий слой) другой носит название Underlying Layer (подлежащий слой).
Drop Shadow (Тень) - одна из наиболее популярных функций в фотошоп. Этот эффект призван отбрасывать тень. Несмотря на огромное количество настроек ничего сложного в управлении этим эффектом нет.
Inner Shadow (Внутренняя тень) . Эффект внутренней тени очень похож на предыдущий, с той лишь разницей, что используется внутри объекта, а не за его пределами. Настройки внутренней тени аналогичны настройкам предыдущего эффекта, за исключением замены параметра Spread (Размах) на Choke (Стягивание). Чем больше стягивание, тем толще тень внутри объекта.
Outer Glow (Внешнее свечение) . По своему действию стиль напоминает эффект тени. Внешнее свечение часто используется для отделения краёв объекта от тёмного фона. В настройках выпадающее меню Technique позволит выбрать тип сияния - Soften (мягкое) или Precise (жесткие). Параметр Spread регулирует мягкость границ сияния в первом случае, во втором практически не оказывает заметного влияния. В разделе Qality можно выбрать тип контура - выпадающее меню Countor. Параметр Range (Диапазон) позволяет изменять толщину свечения. Чем меньше значение переменной, тем толще световой край. Диапазон в 1 рх превратит свечение вашего объекта в обводку.
Inner Glow (Внутреннее свечение) . Действие стиля выполняется внутри объекта, а не за его пределами. Параметры настроек данного эффекта аналогичны предыдущему стилю, кроме еще одного добавленного: Source (Источник) . Он отвечает за направление свечения. Варианта два: из центра объекта или от его краев к центру. Второй вариант является базовой настройкой и стоит по умолчанию..
Bevel and Emboss (Скос и рельеф) . Эффект очень популярен по причине создания иллюзии объема путем добавления света и тени к фигурам слоя. Раздел Structure предназначен для создания структуру у псевдообъёма. Вид объёмного эффекта выбираем в выпадающем меню Style. По умолчанию задан эффект Inner Bevel, создающий кромку вокруг изображения на слое, используя для этого "внутреннею часть" изображения. Размер кромки регулируется параметром Size. Параметр Depth - отвечает за визуальную глубину эффекта. Direction - управление освещением: Up - подсветка сверху, Down - подсветка снизу. Выпадающего меню Technique позволяет выбрать вид кромки - мягкий, смягчённый и резкий. Настройки в разделе Shading позволяют получить подобие эффекта тени. Задать направление освещения и расстояние от источника света до изображения. Меню Gloss Countor придаёт кромке эффект металлического блеска. Воздействуя на Hightlights (освещённые поверхности) и на Shadows (теневые фрагменты) кромки, можно добиться дополнительного эффекта объёма. Все эти настройки заключаются в выборе режима наложения и прозрачности для каждого вида участков. Далее перечислим варианты стилей из выпадающего меню Style. Стиль Outer Bevel имитирует вогнутость изображения на слое. Эффект управляется также как и Inner Bevel. Действие эффекта будет более заметно, если под выбранным слоем находится другой слой Стиль Emboss (Барельеф). По сути это и есть подражание барельефу. Стиль Pillow Emboss создаёт эффект прорези вокруг изображения. Стиль Stroke Emboss работает только в паре со стилем Stroke. Дополнительные настройки - Countor (разные виды создания кромки) и Texture. Изображение можно залить текстурой, выбранной из набора стандартных или загруженных самим пользователем. Параметр Scale управляет размером минимальной ячейки текстуры. Параметр Depth - глубина (объём) самой текстуры.
Satin (Атласный глянец) . Стиль используется довольно редко. Если тщательно подобрать параметры данного эффекта, то можно имитировать рисунок на ткани. Настройки стандартны и уже подробно рассмотрены выше.
Color Overlay (Наложение цвета) . Cтиль слоя невероятно прост в обращении. Функция стиля - покрытие изображения выбранным цветом. Настраивается стиль по трём параметрам: режим смешивания, цвет и непрозрачность. Стиль позволяет быстро менять цвет текста, создаёт определённое удобство при работе в веб-дизайне.
Gradient Overlay (Наложение Градиента) . Отличие от применение стиля Color Overlay в том, что заполнение изображения осуществляется градиентом, а не цветом. Параметр Style (Стиль) может быть линейным, радиальным, зеркальным, угловым и ромбовидным. Масштаб (Scale) градиента увеличивается либо уменьшается в зависимости от размеров объекта изображения. Опция Reverse (Обратно) позволяет поменять местами начало и конец уже заданного градиента, избавляя от необходимости создания нового градиента.
Pattern Overlay (Наложение узора) . Cтиль позволяет покрыть изображение узором. Этот эффект очень напоминает по своему действию наложение текстуры в стиле Bevel and Emboss.
Stroke (Обводка) . Последний стиль в списке эффектов. Обводка создает границу вокруг вашего объекта. Многие опции в диалоговом окне настроек параметров данного стиля встречались раньше. Опция Position (Позиция) указывает на местоположение обводки: Inside (внутри), Outside (снаружи) или Center (из центра объекта). Например, при вёрстке для последующего , наиболее острые углы рамок образуются при выборе параметра Inside. Size (Размер) регулирует толщину обводки. По умолчанию параметр имеет значение в 3 рх, но чаще применима обводка 1 рх. Опция Fill Type (Тип обводки) позволяет заполнять обводку цветом, градиентом или узором. По умолчанию обводка заполнена цветом.
Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Что такое стили?

Стили в фотошопе – это набор эффектов слоя. Из сочетаний этих эффектов и получаются стили. Как правило, этот набор имитирует какой-то материал или эффект, какое-то состояние вещества. Например, сверкающее золото, искрящийся лед, цветное стекло, мозаика и т.п.

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

Некоторое количество стилей есть в фотошопе по умолчанию.

Посмотреть существующие стили можно открыв окно Styles (Стили).

Для этого выполните команду меню Window (Окнo)> Styles (Стили).

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

Создайте какое-то изображение или надпись в отдельном слое, затем выберите в палитре Styles (Стили) какой-нибудь стиль и посмотрите на результат. Если вы хотите рисовать инструментом рисования (карандашом или кистью) сразу же в стиле, то сначала выберите стиль, а затем рисуйте.

Если в коллекции вы не нашли нужного вам стиля, его следует скачать на нашем сайте или в другом месте. Файл стиля должен быть с расширением ASL (файл может быть в архиве rar или zip, нужно распаковать)

Как добавить стили

Файл стилей с разрешением ASL нужно разместить в папке, где хранятся стили и они станут доступными в фотошопе. Если вы установили программу Photoshop на диске C:, то, скорее всего она у вас будет в папке \Program Files\. Возможно, стили находятся в папке C:\Program Files\Adobe\Photoshop CS\Presets\Styles. Но не обязательно, это зависит от версии фотошопа.

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

Но тогда они сами не появятся, и их следует загрузить.

Как загрузить стили

Откройте фотошоп. В правом верхнем углу панели Styles (Стили) есть небольшая кнопка с треугольником.

Нажмите ее и откройте меню, в котором перечислены действия, которые вы можете проделать со стилями. Чтобы загрузить новый набор, нажмите Load Styles (Загрузить стиль), выберите файл с расширением ASL, нажмите ОК.

Или другой способ: Команда меню Edit (Редактирование)>Preset Manager (Менеджер настроек), нажать кнопку Load (Загрузить).

Как изменить стиль

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

Обратите внимание – в панели Layers (Слои) на изображении слоя, в котором вы применили стиль, появились символы f x и под слоем появился перечень эффектов, из которых скомпонован стиль (Если не видите перечня эффектов, нажмите треугольную кнопку рядом с символами).

Щелкните два раза на этом слое в панели Layers (Слои) и откройте диалоговое окно с настройками Layer style.Сверху справа есть команда Styles открывающая окно, в котором можно выбрать или сменить стиль

Поэкспериментируйте с эффектами и получите новый стиль.

Как сохранить стиль в программе фотошоп

Если эксперимент прошел удачно и стиль вам нравится, то следует сохранить изменения с помощью кнопки New Style (Новый стиль), расположенной в правом верхнем углу панели Layer style, сразу под OK и Cancel. Нажмите на нее, и в панели Styles появится новый стиль.

Как сохранить стиль в отдельном файле

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

Нужно помнить, что

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

Если стиль при применении отображается не совсем адекватно, то измените разрешение у файла, с которым работаете. Меню Image (Изображение)>Image Size (размер изображения), в окне с параметрами обратите внимание на строку Resolution (Разрешение). Некоторые стили не корректно работают при разрешении 300 dpi, а если изменить значение на 72 dpi, то все будет нормально.

При изменении размера изображения, масштабируются и элементы стиля.

Чтобы избежать этого, есть простой способ: добавьте новый прозрачный слой и объедините слой со стилем с этим новым прозрачным слоем (Команда контекстного меню Merge (Объединить)). После этого трансформируйте, как хотите.

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

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

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

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

Примечание

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

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

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

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

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

Тень

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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