Стили слоя: введение. Стили слоя в фотошопе: описание, применение Как пользоваться стилями в фотошопе

Последние две недели мы разбирали, как , а в ближайшие дни рассмотрим и Photoshop brushes (кисти). Сегодня мы поговорим о таком занимательном и полезном инструменте, как layer styles (стили слоя) в Фотошоп. Мы разберем, как установить стили в Фотошоп, что это такое на самом деле, почему так полезен этот инструмент, и как его можно применять в дизайне.

Функции инструмента вполне соответствуют его названию - это стилистические эффекты, которые изменяют отображение слоя. Хотя основной областью его применения является текст, он также с успехом применяется к любым слоям. Среди пресетных есть такие узнаваемые, как Drop Shadow (тень), Stroke (удар), Inner Glow (сияние) и так далее.

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

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

1 . Если у вас еще не установлено никаких стилей, вы можете с нашего сайта.

2 . Скачайте и распакуйте zip-файл со стилями. В полученном каталоге будет содержаться файл с расширением.ASL.

3 . Самый простой метод установить стили - перетащить этот файл прямо в окно . Можно также использовать один из слеюующих:

Перейти Edit > Presets > Preset Manager , выбрать Styles в выпадающем меню, нажать кнопку Load и выбрать нужный ASL-файл.

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

Это все, теперь стили готовы к использованию, можно начинать экспериментировать с ними.

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

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

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

Важно:

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

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

После знакомства с основами 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 (Тип обводки) позволяет заполнять обводку цветом, градиентом или узором. По умолчанию обводка заполнена цветом.

Всем привет! Мы продолжаем изучать основы работы в программе Фотошоп. Сегодня я подготовил для вас урок на тему Как установить стили в Фотошоп . В прошлых уроках мы уже научились загружать в Фотошоп: градиенты , кисти , текстуры , шрифты и экшены . Если вы ещё не успели посмотреть эти уроки то вот ссылки:

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

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

Шаг №1

Открываем наш любимый Фотошоп, идём в главное меню программы, которое находится в самом вверху. Открываем вкладку как показано внизу на скриншоте: Редактирование /Наборы /Управление наборами …

Идём в меню Редактирование/Наборы/Управление наборами

Шаг №2

Появляется окно «Управление наборами», в нём, в выпадающем меню выбираем тип набора «Стили ». Чтобы было понятно, где находится выпадающее меню, я указал место его нахождения красной стрелочкой на скриншоте ниже.

Выбираем тип набора «Стили»

Выбрали? Отлично, вот такое окошко должно появиться перед вами.

Теперь нажимаем кнопочку «Загрузить «.

Шаг №3

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

Любуемся результатом, теперь в диалоговом окошке «Управление наборами» в конце набора, вы видите новые стили, которые мы только что загрузили.

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

ВНИМАНИЕ : Если стилей очень много и вы не видите свои только что загруженные стили, тогда опустите в самый низ полоску прокрутки и в самом конце списка вы увидите свои новые стили.

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

P.S. Понравился урок? Считаете его полезным? Тогда прямо сейчас поделитесь ссылкой на этот урок со своими друзьями в соц. сетях, пусть другие люди тоже получают пользу от этого материала!

Кстати, если вы ещё не ознакомились с моим новым бесплатным видео-курсом «Ф отошоп Б ыстрый С тарт», тогда заберите его прямо сейчас по этой .

Спасибо за внимание, увидимся в следующих уроках!

Инструкция

В последних версиях программы имеются несколько видов готовых к применению стилей. Они расположены на панели 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 - «Тень» для имитации тени от объекта на плоскости.

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

Расскажем и покажем общие принципы

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

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

Как применить выбранный стиль

Запустив графический редактор, следует открыть в нём любое изображение, которое следует подкорректировать. Далее, воспользовавшись инструментом «Текст», необходимо написать любое поздравление, призыв, лозунг, прочее.

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

С правой стороны от основного экрана Adobe Photoshop cs6 должна быть расположена палитра стилистических эффектов. Если её нет, значит, следует её отобразить. Проделать это совершенно несложно, достаточно в верхней панели кликнуть по параметру «Окно», а затем установить возле пункта «Стили» галочку. После этого палитра стилистических эффектов отобразиться с правой стороны основного окна.

В приложении уже есть предустановленные наборы

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

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

Можно обмениваться стилями между слоями либо полностью удалять

Установка новых стилистических разновидностей

Графический дизайнер инсталлирует Adobe Photoshop cs6 единожды, когда только начинает работать в этой программе. Однако с течением времени появляются обновления, важные дополнения, а также создаются новые наборы инструментов, при помощи которых эффективность работы повышается в несколько раз. Может случиться так, что пользователь захочет применить такой стилистический вариант, которого нет в наличии в установленном графическом редакторе. По этой причине следует знать, как установить стили в Фотошоп, если их предварительно загрузить и сохранить на компьютере.

Правила установки закачанных наборов

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

Теперь, когда все готово к процессу установки стилей, следует запустить Adobe Photoshop, ознакомиться с дальнейшими рекомендациями, как установить стили в Фотошоп.

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

Первоначально следует найти в верхней части параметр «Редактирование», кликнуть по нему, а затем перейти в пункт «Наборы», а затем в подпункт «Управление наборами».

Выбираем скачанный ранее файл с набором

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

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

В примере использованы стили в виде морской воды

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

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