Как в фотошопе наложить эффекты: Эффекты и стили слоев в Adobe Photoshop

Как делать эффекты в Фотошопе

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

Основы создания эффектов

Photoshop имеет огромное количество эффектов и возможностей их применения

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

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

Простые эффекты

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

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

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

Несмотря на это, опытные пользователи всё-таки выделяют фильтр, с которого лучше всего начинать освоение Фотошопа. При помощи фильтра Nick Collection (Color Efecs Pro 4) можно научиться менять стиль, контраст, яркость изображения, а также делать всевозможные креативные эффекты.

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

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

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

Создание сложных эффектов

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

Как создать 3D-изображение

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

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

После того как основа для создания 3D-фото подготовлена, пользователь может приступать к практическим действиям. Сначала следует обе полученные фотографии загрузить и поместить рядом, условно называя первый снимок левым, а второй — правым.

Правый снимок следует скопировать, после чего открыть левый снимок и вставить скопированный правый снимок. Получится два слоя, в которых важно не запутаться – слоем 1 считается правый снимок, а Background — левый.

Кликнув двойным щелчком по первому слою, следует вызвать Layer Style Box, после этого перейти в Advanced Blending, затем сразу же обнаружить и перейти в Channels. Там уже установлена в маленьком окошке галочка, которую следует снять. Это позволит устранить с правого изображения все красные оттенки, в результате чего на фото начнут проявляться стереоэффекты.

Следующий шаг предусматривает открытие Background, переименование его в слой 0, а затем выбор Move Tool. Приблизительно в центре фото следует выбрать условную точку фокусировки, относительно которой следует немного сдвинуть правую фотографию. Лишние края 3D-изображения обрезаются. Отредактированное 3D-фото сохраняется, после этого надеваются 3D-очки и визуально оценивается результат работы.

Проделав единожды такие корректировочные действия, впоследствии делать 3D-изображения будет совершенно несложно.

Создание VHS эффекта

Отдельные пользователи активно интересуются тем, как сделать VHS эффект в Photoshop?

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

Затем, чтобы добавить VHS, необходимо поработать над каждым из трёх созданных дублей. Открыв первый дубль, вызывают меню «Уровни», в котором устанавливают нулевой показатель на красном и зелёном канале, поэтому изображение станет синим.

Во втором дубле убирают синий и красный каналы, а в третьем — синий и зелёный.

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

Эффект VHS будет обеспечен, если пользователь также применит фильтр «Шум», установив показатель 16%, убрав галочку напротив «Монохромный», а также установив параметр «Внешнее свечение».

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

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

Эффект наложения в Photoshop – PhotoDrum.com – сайт дизайнера

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

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

Откройте Photoshop и создайте новый документ. Я буду использовать формат A4. После этого возьмите фотографию человека, которого вы хотите использовать для вашей композиции. Я использую Shutterstock . К примеру, возьмем портрет молодой красивой блондинки в модных очках (здесь).

 

Вырежем девушку от фона. Для этого я использовал Quick Selection Tool

. И Refine Edges для волос, чтобы получить более аккуратный результат.

Теперь, давайте добавим второе изображение для нашего эксперимента двойного экспонирования. Изображение под названием Силуэт дерева (здесь). Опять удаляем фон, чтобы просто использовать одни ветви.

Дублируйте изображение ветвей, чтобы получить более мелкие детали ветвей.

Теперь положите оба изображения на один лист для дальнейшего их совмещения. Выделите ветви (нажмите на иконку слоя удерживая Ctrl (для Windows) или Command (для Mac).

Не снимая выделения с ветвей – перейдите на слой с девушкой и создайте маску Add Layer Mask

.

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

Скопируйте все слои и объедините их в один, задав ему режим смешивания Screen.

Вот и все! Теперь, можете окончательно объединить слои нашей композиции. Вы также можете добавить фото-фильтр, Layer> New Adjustment Layer> Photo Filter. Можете использовать глубокий синий или оранжевый, чтобы добавить действительно стильный результат в окончательном варианте.

Автор здесь.

Похожие уроки и статьи

Оценка посетителей

[Всего: 1 Среднее: 5]

Как наложить эффект на видео в фотошопе, сделаем два эффекта и отрендерим.

Посмотреть видео-урок

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

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

1. Эффект масляной краски на видео

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

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

Теперь воспользуемся фильтром «Camera RAW». Выбираем в верхнем меню «Фильтр»-«Фильтр Camera RAW», или нажимаем комбинацию клавиш «Shift + Ctrl + A». С помощью данного фильтра мы сделаем видео более контрастным, чтобы при наложении стиля масляной краски хорошо прорисовались мелкие детали.

Чтобы сделать изображение более контрастным можно поиграться тут с настройками, попробуем понизить тень, убрать белый, текстуру выставим на 100%, четкость тоже на 100%, тени тоже прибавим, а то картинка тёмной получается.

Теперь выбираем «Фильтр»-«Стилизация»-«Масляная краска». И здесь уже настройки выставляем на глаз, в зависимости от того, какой эффект вас устроит.

Настроек тут не много, поэтому просто по очереди настраиваем параметры до получения нужного эффекта.

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

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

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

Рендеринг будет длиться достаточно долго, всё зависит от длительности видео, ну и мощности вашего компьютера. У меня компьютер не самый мощный, но и не слабый. На рендеринг данного видео у меня ушло примерно 7 минут.

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

2. Эффект карандашного рисунка на видео

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

Первым делом нужно сделать копию слоя с видео и преобразовать его в смарт-объект. Для этого, удерживая «Alt» на клавиатуре левой кнопкой мыши перетаскиваем слой видео вниз или вверх и получается его копия.

Затем, кликаем правой кнопкой мыши по получившейся копии слоя и в открывшемся меню выбираем «Преобразовать в самт-объект».

Первый слой, таким же образом, преобразуем в смарт-объект. Следующим шагом зададим верхнему слою параметр наложение «Осветление основы».

Теперь применим к этому слою инверсию, для этого в верхнем меню выбираем «Изображение» — «Коррекция» — «Инверсия».

Далее выбираем «Фильтр» — «Размытие» — «Размытие по Гауссу»

и размоем этот слой примерно на 8%.

Сделаем изображение чёрно-белым. Для этого создаём корректирующий слой «Цветовой тон/Насыщенность», кликнув в нижней части панели слоёв по соответствующему значку.

и выкручиваем «Насыщенность» на ноль.

Далее создаём еще один корректирующий слой «Уровни» и настраиваем его так, чтобы изображение было по-контрастнее.

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

Здесь во вкладке «Штрихи» выбираем фильтр «Перекрёстные штрихи» и настраиваем его на глаз, у меня вот такие значения настроек получились.

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

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

Эффекты слоев

Эффекты Drop Shadow и Inner Shadow
Эффекты Outer Glow и Inner Glow
Эффект Bevel and Emboss
Эффект Satin
Эффект Color Overlay
Эффект Gradient Overlay
Эффект Pattern Overlay
Эффект Stroke

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

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

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

Сочетание набора эффектов называют стилем слоя. Подробнее: Стили слоев

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

При изменении слоя эффект автоматически распространяется на внесенные изменения.

Как вызвать диалоговое окно для настройки эффектов слоя?

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

Эффекты Drop Shadow и Inner Shadow

Команды Drop Shadow (Отбросить тень) и Inner Shadow (Внутренняя тень) предназначены для создания теней внешней

и внутренней.

Настройки для этих эффектов очень похожи:для внешней тени:

для внутренней тени:

Меню Blend Mode (Режим смешивания) позволяет выбрать режим смешивания. Подробнее – режимы смешивания. Обычно используют Multiply(Умножение).

Цвет для тени выбирают на панели выбора цветов.

Параметр Opacity (Непрозрачность) задает уровень непрозрачности тени.

Angle (Угол) определяет угол падения тени относительно фигур исходного слоя. Флажок Use Global Light (Использовать глобальное освещение) помогает сделать одинаковым освещение нескольких слоев.

Параметра Distance (Расстояние) задает расстояние (в пикселах) от тени до фигуры исходного слоя или ширину для внутренней тени.

Значение параметра Spread (Распространение) для эффекта Drop Shadow определяет степень размытости тени. При 100% тень абсолютно четкая, неразмытая. Для эффекта Inner Shadow (Внутренняя тень) выберите значение параметра Choke (Размытие внутрь)

Размер тени задают при помощи ползунка Size (Размер). При значении параметра Spread (Распространение) равном 0% увеличение размера размывает тень.

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

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

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

Флажок Anti-aliased (Сглаживание) смягчает границы между тенью и другими частями изображения.

Установите уровень шума с помощью параметра Noise (Шум), чтобы отрегулировать степень хаотичности на границе тени.

Флажок Layer Knocks Out Drop Shadow (Запретить просвечивание тени) для того, чтобы сквозь прозрачные области слоя не было видно тень.

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

Эффекты Outer Glow и Inner Glow

Команды Outer Glow (Внешнее свечение) и Inner Glow (Внутреннее свечение) предназначены для создания свечения – внешнего:

и внутреннего:

Настройки, подобно настройкам тени, похожи:

внешнее свечение

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

Меню Blend Mode (Режим смешивания) позволяет выбрать режим смешивания. Обычно

Цвет для свечения выбирают в квадрате выбора цветов. Можно задать градиентное свечение. Переключатель позволяет переключиться с цвета на градиент.

Параметр Opacity (Непрозрачность) задает уровень непрозрачности свечения.

Параметр Noise (Шум) определяет уровень случайного шума, влияющего на характер свечения.

Technique (Техника) представляет два варианта — Softer (Мягче) использует технику размытия и Precise (Точно) для большей детализации.

Переключатели Center (Центр) и  Edge (Граница) определяют направление свечения от центра или исходящее внутрь от границ объекта.

Степень размытости свечения устанавливают в поле Spread (Распространение), для эффекта Outer Glow (Внешнее свечение)

Для эффекта Inner Glow (Внутреннее свечение) этот параметр называется Choke (Размытие внутрь).

Размер свечения устанавливают при помощи параметра Size (Размер).

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

Параметра Range (Диапазон) используют для управления уровнем свечения и распределением по профилю.

Ползунок Jitting (Дрожание) используют для настройки градиентного свечения. Он обеспечивает распределение цветов и прозрачности в градиенте.

Эффект Bevel and Emboss

Эффект Bevel and Emboss (Скос и рельеф) добавляет фаски и рельефы, создавая тем самым иллюзию объема. Служит для создания иллюзии выпуклости, вдавленности, разнообразных объемных текстур.

Меню Style (Стиль) предоставляет на выбор разные варианты сочетаний фасок и рельефов: Outer Bevel (Внешний скос), Inner Bevel (Внутренний скос), Emboss (Рельеф), Pillow Emboss (Выпуклый рельеф) или Stroke Emboss (Рельефная кайма).

Из всплывающего меню Technique (Техника) выберите вариант Smooth (Смягчение) – размытие на границе, Chisel Hard (Твердый резец) – жесткие границы или Chisel Soft (Мягкий резец) – нечто среднее.

Ползунок Depth (Глубина) для того, чтобы указать глубину фаски, смещения светлых участков и тени от фигур слоя.

Переключатели Up (Вверх) и Down (Вниз) позволяют поменять местами положение света и тени.

Параметр Size (Размер) задает размер теневой области.

Ползунок Soften (Смягчить) – размытие границ служит для смягчения эффекта.

В группе Shading (Светотень) представлены элементы, определяющие параметры тени и света: параметры Angle (Угол) и Altitude (Высота) определяют положение источника света, что влияет на распределение бликов и теней; Gloss Contour (Контур глянца) предлагает на выбор варианты распределения блеска; параметры Highlight Mode (Света), Shadow Mode (Тени) и Opacity (Непрозрачность)  определяют цвета и режимы наложения для светлых и темных областей изображения соответственно.

В подразделах задается:  Contour Editor (Правка контура) с выбором встроенных контуров в меню Preset (Образец) и возможностью создать свой контур, двигая кривую, а также Texture (Текстура) – дает возможность выбрать декоративную заливку и настроить ее свойства.  

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

Эффект Satin

Эффект Satin (Глянец, иногда переводят Атлас) позволяет создать иллюзию глянцевой поверхности для слоя.

Параметр в поле Blend Mode (Режим смешивания) позволяет выбрать режимы смешивания.

Цвет глянца выбирают на панели выбора цвета.

Параметра Opacity (Непрозрачность) задает степень непрозрачности эффекта.

Angle (Угол) определяет угол освещения. Для этого эффекта угол не зависит от значения параметра Global Light (Глобальное освещение).

Ползунки Distanсе (Расстояние) и Size (Размер) позволяют отрегулировать размер эффекта и расстояние от объекта.

В поле Contour (Контур) можно выбрать нужный профиль границы эффекта на всплывающей панели.

Например, профиль Ring-Double:

Флажок Anti-aliased (Сглаживание) включает смягчение резкой границу между эффектом и нижележащей фигурой.

Флажок Invert (Инвертировать) меняет местами светлые и темные области эффекта.

Эффект Color Overlay

Эффект Color Overlay (Наложение цвета) – самый простой и понятный эффект.

Параметр Blend Mode (Режим смешивания) задает режим смешивания слоев.

Цвет выбирается щелчком на цветном поле.

Ползунок Opacity (Непрозрачность) определяет непрозрачность эффекта.

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

Эффект Gradient Overlay

Эффект Gradient Overlay (Наложение градиента) предназначен для заливки слоя градиентом.

Параметры Blend Mode (Режим смешивания), Opacity (Непрозрачность) настраиваются так же, как и для других эфектов.

Открывающийся список Gradient (Градиент) дает возможность выбрать готовый градиент из коллекции, а щелчок на изображении градиента позволяет вызвать редактор градиентов.

Флажок Reverse (Обратить) служит для изменения направления градиента.

Поле Style (Стиль) предназначено для выбора стиля градиента: Linear (Линейный), Radial (Радиальный), Angle (Угловой), Reflected (Отраженный) или Diamond (Ромбовидный).

Флажок Align with Layer (Выровнять со слоем) для того, чтобы выровнять градиент относительно слоя.

Параметр Angle (Угол) настраивает угол распространения градиента.

Scale (Масштаб) определяет положение срединной точки градиента.

Эффект Pattern Overlay

Заливать слой можно не только цветом или градиентом, можно заполнить узором — эффект Pattern Overlay (Наложение узора).

Узор выбирают в поле Pattern (Узор) из коллекции готовых паттернов. Если нет нужного фона, его можно скачать и добавить в фотошоп.

Кнопка Snap to Origin (Привязать к началу координат) для выравнивания узора относительно верхнего левого угла изображения.

Выберите значение параметра Scale (Масштаб) для узора. При изменении масштаба узорная заливка изменяется неузнаваемо.

Поставьте флажок Link with Layer (Связать со слоем), чтобы связать узор со слоем.

Если был загружен пользовательский узор, щелкните по кнопке Create new preset (Создать новый образец), чтобы добавить узор к остальным образцам.

Эффект Stroke

У эффекта Stroke (Обводка) широкий диапазон применения – создание каймы, создание контура, имитация тени и др.

Параметр Size (Размер) задает ширину каймы.

Меню Position (Положение) определяет, как именно будет располагаться кайма по отношению к границам фигуры: Outside (Снаружи), Inside (Внутри) или Centered (По центру).

Параметры Blend Mode (Режим смешивания) и Opacity (Непрозрачность) применяются и для этого эффекта.

Заливка обводки может быть разной: Color (Цвет), Gradient (Градиент) или Pattern (Узор). Выбирается как вариант Fill Type (Тип заливки).

Эффект старого фото в Фотошоп

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

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

Результат

Для выполнения урока вам нужны следующие файлы:

---

Создаем винтажный вид фото

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

В новый слой над предыдущим поместите гранж-текстуру. Укажите этому слою режим наложения Overlay/Перекрытие.

Добавьте корректирующий слой Gradient Map/Карта градиента используя цвета: #2f2e2c (положение 0%), #90805b (положение 38%) и #fffdf5 (положение 90%). Снизьте opacity/непрозрачность слоя до 87%.

Добавьте в новый слой текстуру старой бумаги и снизьте opacity/непрозрачность до 52%.

Укажите слою с текстурой старой бумаги маску. Дублируйте слой с фотографией ретро и поместите копию поверх всех остальных слоев. Активируйте маску слоя старой бумаги и выберите в меню Image > Apply Image/Изображение>Применить изображение.

В меню выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни и настройте как показано ниже, чтобы высветлить изображение.

Добавьте маску копии слоя с ретро фотографией. Нажмите Control-I чтобы инвертировать маску. Возьмите Brush/Кисть белого цвета. Используйте гранж-кисти и в маске в некоторых местах проявите оригинальные цвета. Укажите кисти opacity/непрозрачность в 55%.

Скачайте гранж-рамку PNG и поместите поверх всех слоев. Укажите слою режим наложения Screen/Осветление. Нажмите Control-I чтобы инвертировать цвета рамки.

Снова добавьте текстуру старой бумаги. Разместите ее поверх всех слоев и укажите этому слою режим наложения Darker Color/Темнее. Снизьте opacity/непрозрачность до 65%.

Обрезаем скругленные углы

Некоторые старые фотографии со скругленными углами. Давайте сделаем и для нашей фотографии такие. Для начала выделите все слои, кликните по ним правой кнопкой и выберите Merge Layers/Объединить слои. Масштабируйте слой примерно до 98%.

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

В меню выберите Select > Refine Edge/Выделение>Уточнить край укажите настройки как показано ниже.

Нажмите на иконку Add Layer Mask/Добавить маску слоя.

Кликните дважды по слою, и укажите ему стили слоя Drop Shadow/Тень, Bevel and Emboss/Тиснение и Inner Glow/Внутреннее свечение.

Результат:

Статьи по теме

Узнать больше интересного:

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Эффект мягкого свечения на фото с помощью Photoshop

Шаг 1: Дублируйте фоновый слой

Открываем исходное изображение в Photoshop, в настоящее время в панели слоёв имеется единственный слой — фоновый.

Первое, что нам нужно для создания эффекта мягкого свечения — это сделать копию фонового слоя, и самый простой способ добиться этого — нажать комбинацию клавиш Ctrl+J. После применения данной комбинации, в панели слоёв должно быть два слоя — фоновый и его копия, у меня Photoshop автоматически именовал копию «Слой 1».

Шаг 2: Переименование нового слоя

Хорошим тоном считается давать слоям в панели слоёв осмысленные имена. Давайте дадим нашей копии описательное имя. Чтобы переименовать слой, просто дважды щелкните непосредственно по его имени в панели слоев, имя слоя выделится, после чего введите собственное название. Давайте переименуем этот слой в «Soft Glow». Нажмите Enter, чтобы принять изменение названия:

Слой «Слой 1» теперь переименован в «Soft Glow».

Шаг 3: Применение фильтра «Размытие по Гауссу» (Gaussian Blur Filter)

Для того, чтобы создать реальный эффект мягкого свечения, сначала следует несколько размыть слой «Soft Glow», для этого мы применим фильтр «Размытие по Гауссу» (Gaussian Blur Filter). Пройдите по вкладке главного меню Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur), после чего откроется диалоговое окно фильтра, где мы сможем задать степень размытия, перемещая ползунок «Радиус» (Radius). Чем дальше вы перетащите ползунок вправо, тем сильнее будет эффект размытия. Photoshop дает нам возможность предварительного просмотра действия фильтра в самом документе, так что, чтобы судить о результатах, отслеживайте изменение изображения во время перемещения ползунка.

Не следует размывать изображение так сильно, чтобы картинка стала неузнаваемой. После применения фильтра должны просматриваться основные детали картинки! Мы просто пытаемся немного смягчить детали, так что более низкие значения «Радиуса», как правило, работают лучше всего. Однако, имейте в виду, что величина размытия зависит от конкретного изображения, его размеров и т.п. Как правило, для тонкого эффекта свечения, значение «Радиуса» где — то до десяти пикселей должно подойти.

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

Подп.под.рис.Эффект размытия с радиусом 3 пикселя.

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

Ниже я показал, как выглядит эффект размытия с радиусом 8 пикселей. Мы все еще ​​можем разглядеть детали на фото, но размытость, безусловно , на этот раз сильнее. Выбор нужного значения размытия — это ваш личный выбор, и будет зависеть от изображения. В моем случае, я думаю, что 8 — это слишком много , так что я остановлюсь на трёх пикселях. Когда вы будете удовлетворены результатом, нажмите кнопку OK , чтобы закрыть диалоговое окно фильтра:

Значение радиуса размытия 20 пикселей.

Шаг 4: Изменение режима наложения слоя на «Мягкий свет» (Soft Light)

Теперь, когда мы размыли слой «Soft Glow», давайте изменим метод его взаимодействия с исходным изображением в фоновом слое, расположенном под ним. Мы делаем это, изменив его режим наложения. По умолчанию, режим наложения любого слоя установлен на «Обычные» (Normal). В верхней части панели слоёв нажмите на кнопку со словом «Обычные» (Normal), это откроет меню других режимов наложения, где выберете из списка «Мягкий свет» (Soft Light) из списка.

Режим «Мягкий свет» (Soft Light) производит в Photoshop две вещи — повышает общий контраст в изображении и усиливает цвета, делая их более яркими. Вот как выглядит моё изображение после изменения режима наложения на «Мягкий свет» (Soft Light), создающего теплое, тонкое свечение:

Эффект лёгкого тёплого свечения, создаваемый режимом наложения «Мягкий свет» (Soft Light).

Для более сильного эффекта, вместо «Мягкого света» попробуйте применить режим «Перекрытие» (Overlay). Действие «Перекрытия» очень похоже на «Мягкий свет», «Перекрытие» также повышает контрастность и цвет, но делает эффект более интенсивным. Вот как выглядит мой результат с режимом наложения «Перекрытие». «Перекрытие» может лучше работать с другими изображениями, но в моём случае эффект слишком сильный, так что я вернусь обратно на «Мягкий свет»:

Эффект, полученный при изменении режима смешивания «Мягкий свет»на «Перекрытие».

Шаг 5: Настройка непрозрачности слоя

Для точной регулировки эффекта просто уменьшите непрозрачность слоя. Эта опция расположена в правом верхнем углу панели слоев, прямо напротив опции режима наложения. Значение непрозрачности по умолчанию составляет 100%. Чем сильнее вы понизите это значение, тем больше сквозь слой «Soft Glow» будет просматривается расположенный под ним слой с оригиналом фото. Другими словами, при понижении непрозрачности мы увидим больше исходного изображения и меньше размытого изображения.

Чтобы изменить значение непрозрачности, нажмите на маленькую стрелку справа от текущего значения, а затем перетащите ползунок. Я понизить своё значение до 75% , но опять таки, ваше значение зависит от вашего изображения и художественного вкуса.

Вот как выглядит окончательный результат:

После настройки непрозрачности эффект готов. Но теперь, когда я закончил работу, что делать, если мне очень нравится результат и я хочу его изменить? Я сделал лёгкое свечение, но, у примеру, теперь мне кажется, что более сильное, более «романтическое» свечение смотрелось бы лучше? Как я могу вернуться назад и изменить его? Чтобы изменить степень свечения, нужно изменить количество размытия, которое я сделал с помощью фильтра «Размытие по Гауссу» (Gaussian Blur) в шаге 3. Каким образом это можно сделать?
Ответ один — никаким. Как только мы нажали кнопку OK в диалоговом окне фильтра «Размытие по Гауссу», мы применили эффект размытия к слою. Другими словами, мы сделали постоянное изменение изображения, которое не может быть отменено.
Согласитесь, гораздо лучше создавать эффект (в том числе и с помощью «Размытия по Гауссу»), таким образом, чтобы он был полностью редактируемые даже после того, как вы полностью закончите работу.

И это совсем не трудно сделать, надо всего лишь воспользоваться смарт-объектами (Smart Objects) и смарт-фильтрами (Smart Filters). Начинающему пользователю они могут казаться пугающими, но на самом деле они очень просты в использовании. Смарт-объекты так же легко использовать в качестве обычных слоев и фильтров в Photoshop, но при этом они дают нам гораздо больше гибкости в редактировании.

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

Три режима наложения в Фотошоп, которые вы обязанны понимать

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

 

 

Режимы наложения в Фотошоп: несколько основных режимов для начала

 

В программе Photoshop режимы наложения находятся в выпадающем меню в верхней части панели Слои (по умолчанию это «Обычные»)

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

Adobe упорядочил эти 27 режимов в шести различных категориях.

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

Затемнение (Darken) – эти режимы наложения используют 100% белого как нейтральный, они создают эффект затемнения по всему изображению.

Замена светлым (Lighten) – здесь Photoshop использует 100% черного как нейтральный, они создают эффект осветления по всему изображению.

Перекрытие (Overlay) – в режимах наложения Перекрытие Photoshop смешивает верхний слой и нижний слой таким образом, чтобы добавить контраст. Эффект меняется, исходя из непрозрачности слоя и выбранного типа режима наложения.

Разница (Difference) – этот набор можно отнести к группе инверсии, так как эти режимы наложения часто используются для удаления цветов на слое ниже или их инвертирования.

Цветовой тон (Hue) – здесь Photoshop позволяет быть очень креативным с тоном, насыщенностью и светлотой в слоях.

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

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

 

Первые три режима наложения, которые вам необходимо выучить

 

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

 

Белый, серый, черный слой.

 

Режим наложения Умножение (Multiply)

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

 

 

На слое с 50% серого вы видите, что темные пиксели с серого верхнего слоя помогают затемнить слой под ним.

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

 

Режим наложения Экран (Screen)

Как уже упоминалось выше, группа Замена светлым устанавливает черный в качестве нейтрального, исходя из этого при использовании режима наложения Экран черный слой не меняется, 100% белый остается белым, а 50% серого находится где-то посередине.

 

 

По тому же математическому методу, что и в режиме наложения Умножение, режим Экран умножает светлые пиксели верхнего и нижнего слоев. Как вы видите на примерах выше, при 50% серого светлые пиксели становятся еще светлее, так как яркие пиксели серого слоя умножаются на те, что находятся в слое под ним.

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

 

Режим наложения Мягкий свет (Soft Light)

Здесь формула, используемая Photoshop, представляет собой сочетание режимов наложения Умножение и Экран с эффективностью, разделенной на два. Это означает, что темные пиксели станут темнее, а светлые – светлее, а результат будет разделен на два (или 50% от полной интенсивности). В итоге вы получите увеличенный контраст по всему изображению.

Режим наложения Мягкий свет – это отличный способ добавить контраст изображению. А для более интенсивного эффекта используйте режим наложения Перекрытие.

 

 

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

 

 

 

Примеры использование режимов наложения в Photoshop

 

Оригинал – (в полном размере 750 x 378)

 

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

 

Продублирован с использованием режима наложения Мягкий свет

 

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

 

Корректирующий слой Кривые + режим наложения Умножение, примененный к лицу модели и верхней части туловища, чтобы добавить четкости и деталей в тенях.

 

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

 

 

Автор: John Davenport

Перевод: Татьяна Сапрыкина

Используйте фильтры для добавления эффектов к изображению

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

Применяйте творческие фильтры с помощью галереи фильтров.

Photoshop поставляется с множеством фильтров, которые можно применять в комбинации, чтобы получить практически неограниченное количество разных видов одного и того же изображения.В этом видео вы узнаете, как предварительно просмотреть и применить комбинации фильтров с помощью галереи фильтров. Если вы следуете инструкциям, откройте это изображение из файлов практики для этого урока. У нас только один слой на этом изображении. Если вы работаете с многослойным изображением, выберите слой, к которому вы хотите применить фильтр. Затем перейдите в меню «Фильтр». И если вы дойдете до этой области, вы можете применить один фильтр из любой из этих категорий. Но давайте посмотрим, как мы можем предварительно просмотреть и применить комбинации фильтров.Для этого выберите в этом меню «Галерея фильтров …». Это открывает это большое окно галереи фильтров. Последний фильтр, который вы использовали, применил к открытому изображению. Итак, ваше изображение может немного отличаться от моего. Слева большое превью. А посередине — миниатюры фильтров. Чтобы предварительно просмотреть фильтр на вашем изображении, просто щелкните его миниатюру. И в этих папках вы найдете гораздо больше миниатюр фильтров. Я щелкну стрелку слева от этой папки, чтобы открыть ее. И я нажимаю на один из этих фильтров.Теперь, даже если вам сначала не нравится внешний вид фильтра, дайте ему шанс, потому что вы можете многое сделать в следующем столбце, где вы найдете элементы управления, уникальные для любого фильтра, который вы только что выбрали. И вы можете поэкспериментировать с этими элементами управления. Что действительно особенного в галерее фильтров, так это то, что здесь вы можете предварительно просмотреть комбинации фильтров на своем изображении. Чтобы добавить еще один фильтр, я спущусь в нижнюю часть столбца справа и щелкну значок «Создать новый слой фильтра». Теперь вы можете видеть, что к этому изображению применены 2 копии Diffused Glow.Выбрав верхний, я применю другой второй фильтр. Я собираюсь щелкнуть стрелку слева от папки «Текстуры», немного прокрутить вниз и щелкнуть фильтр «Текстуризатор». С помощью этого фильтра вы можете выбирать различные текстуры для добавления к изображению. И у вас есть элементы управления, которые можно использовать для изменения внешнего вида. Добавим к этой комбинации еще один фильтр. Спустившись в нижнюю часть столбца и щелкнув этот значок, а затем перейдя и выбрав миниатюру другого фильтра. Даже если вам сначала не нравится внешний вид, вы можете вернуться к слоям фильтра, где теперь есть новый слой, и щелкнуть и перетащить этот слой под другой фильтр.И получить совсем другой вид. Вы можете отключить и временно включить эти слои фильтра, щелкнув значок глаза слева от любого из них. Итак, вот как это выглядит без последнего фильтра, а вот как это выглядит с фильтром. Если вам действительно не нравится один из фильтров, вы можете удалить его, выбрав его здесь, а затем спустившись и щелкнув значок корзины. Если вам нравится предварительный просмотр комбинации фильтров, вы можете применить их к изображению, поднявшись в верхнюю часть этого окна и нажав OK.Окно галереи фильтров закрывается и вы возвращаетесь в основное рабочее пространство Photoshop. Применение этих фильтров привело к необратимому изменению этого изображения. Таким образом, независимо от формата, в котором вы сохраняете изображение, фильтры будут запечены и недоступны для редактирования. Если вам не нравятся фильтры, единственное, что вы можете сделать на этом этапе, — это отменить. По мере того, как вы будете совершенствоваться в Photoshop, вы можете решить дать себе больше гибкости, применяя фильтры непостоянным образом в качестве редактируемых интеллектуальных фильтров.Как вы узнаете из следующего видео.

Что вы узнали: использование галереи фильтров

1. Выберите слой, содержащий контент, который нужно изменить.
2. Перейдите в строку меню и выберите Фильтр> Галерея фильтров .
3. Попробуйте разные фильтры и отрегулируйте их настройки для достижения желаемого результата.
4. Поэкспериментируйте с добавлением нескольких фильтров в галерею фильтров и изменением порядка их наложения
   .
5. Нажмите ОК, чтобы закрыть Галерея фильтров и применить выбранные фильтры. Вы также можете отфильтровать после создания выделения, чтобы применить фильтры только к выбранной области.

Примените фильтр размытия в качестве редактируемого смарт-фильтра.

Размытие фонового изображения — отличный способ привлечь внимание к тому, что находится на переднем плане. В этом видео мы применим быстрое размытие к фону.И в качестве бонуса вы узнаете, как применять любой фильтр непостоянно редактируемым способом в качестве интеллектуального фильтра. Попробуйте это изображение из файлов практики для этого урока. Сначала давайте добавим изображение переднего плана. Поднимитесь в меню File, выберите Place Embedded …, перейдите к этому изображению в файлах практики и нажмите Place. Чтобы уменьшить это изображение, удерживайте клавишу Shift, наведите указатель мыши на угол и потяните внутрь. Если вы хотите переместить это изображение, щелкните внутри поля и перетащите туда, где хотите.И вы также можете повернуть его, переместив курсор за пределы одного из углов. И когда курсор станет двухконечной изогнутой стрелкой, перетащите изображение, чтобы немного повернуть его. Чтобы завершить размещение изображения, перейдите на панель параметров и нажмите галочку. Итак, это начало композиции путешествия. Если мы хотим привлечь больше внимания к изображению переднего плана — попробуем размыть фоновое изображение. И мы сделаем это, добавив фильтр. Перейдите на панель «Слои» и выберите фоновый слой.Затем перейдите в меню «Фильтр» и, прежде чем выбрать фильтр, выберите «Преобразовать для смарт-фильтров» и нажмите «ОК». Это превращает фоновый слой в специальный слой, который будет поддерживать редактируемый или интеллектуальный фильтр. Итак, давайте продолжим и применим фильтр размытия в качестве интеллектуального фильтра. Вернитесь в меню «Фильтр», перейдите в «Размытие» и выберите фильтр «Размытие по Гауссу …». В открывшемся диалоговом окне «Размытие по Гауссу» просто перетащите ползунок «Радиус» вправо, чтобы увеличить размытие, или влево, чтобы уменьшить размытие. Установив флажок «Предварительный просмотр», вы увидите предварительный просмотр размытия изображения.Если я сниму флажок, вы можете увидеть, как изображение выглядит без размытия, и если я это проверю: вот как оно выглядит с этим размытием. Когда вы будете удовлетворены, нажмите ОК. Взгляните на панель «Слои», и вы увидите, что у фонового слоя есть подслой под ним. И это умный фильтр. — умный фильтр Gaussian Blur. Таким же образом можно применить любой фильтр. Прелесть использования интеллектуальных фильтров в том, что они остаются редактируемыми. Так что даже если бы я сохранил этот файл и закрывал его, а затем снова открывал, фильтр «Размытие по Гауссу» был бы здесь и ждал, когда я отредактирую его, если я захочу.Единственное, что вам нужно обязательно сделать, это сохранить в формате, который сохраняет слои, например в формате Photoshop или PSD. Если вы действительно хотите отредактировать смарт-фильтр, просто дважды щелкните его имя здесь, на панели «Слои», и он откроется снова. И вы можете внести изменения. Затем нажмите ОК. Итак, в следующий раз, когда вы будете применять фильтр, подумайте, можете ли вы изменить этот фильтр. И если да, то примените его как умный фильтр и сохраните в формате PSD.

Что вы узнали: как использовать смарт-фильтр для размытия фона.

1. Выберите слой, содержащий контент, который вы хотите размыть, например фон.
2. Выберите Фильтр> Преобразовать для смарт-фильтров . Щелкните ОК. Это преобразует выбранный слой в слой
   , который будет поддерживать повторно редактируемые фильтры.
3. Выделив тот же слой, выберите Filter> Blur> Gaussian Blur .
4. В диалоговом окне Размытие по Гауссу настраивайте элемент управления «Радиус», пока не будете довольны степенью размытия в режиме предварительного просмотра в реальном времени.Нажмите OK, чтобы применить фильтр Gaussian Blur.
5. Обратите внимание на смарт-фильтр, который прикреплен к вашему слою изображения на панели «Слои». Это позволяет гибко редактировать настройки фильтра. Для этого дважды щелкните смарт-фильтр «Размытие по Гауссу» на панели «Слои», внесите изменения в открывшееся диалоговое окно «Размытие по Гауссу» и нажмите «ОК».
6. Сохраните изображение в формате Photoshop (PSD), чтобы сохранить слой смарт-фильтра.

Как использовать фильтры и эффекты в Photoshop

Базовые фотофильтры Photoshop

Фильтры похожи на «стили слоя» в Photoshop

. Они имеют различные типы комбинаций и эффектов , которые вы можете применить.

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

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

Примените фильтр из меню «Фильтр».

Посмотрите здесь, в меню «Фильтр». Здесь у вас есть множество разных категорий фильтров.

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

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

Обзор галереи фильтров

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

Вот список фильтров, которые мы уже видели в меню фильтров.

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

Примените фильтры из галереи фильтров.

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

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

Теперь просто нажмите на фильтр, который вы хотите применить к изображению.

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

Попробую фильтр «Края плаката».

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

Просматривайте изменяющиеся эффекты на панели предварительного просмотра, когда я перетаскиваю эти параметры влево и вправо.

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

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

Улучшить работу фильтра

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

Здесь вы можете увидеть набор различных эффектов фильтра размытия. Я выбираю «размытие по Гауссу». Это размывает все изображение.

Установите значение около 3 или 4 и нажмите «ОК».

Теперь измените режим наложения этого размытого изображения на «наложение».

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

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

Ребята, это был последний урок нашего курса «Фотошоп CC для новичков» с «guru99». спасибо за просмотр, и я надеюсь, что вам понравился этот курс. Вы можете посетить наш веб-сайт «www.guru99.com» для получения дополнительных бесплатных образовательных онлайн-курсов.

Растеризация эффектов слоя в Photoshop

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

Эти инструкции применимы к Photoshop CS2 и более поздним версиям. Некоторые элементы меню и команды клавиатуры могут различаться в разных версиях.

Что означает «растеризация»

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

Когда вы растрируете слой, он теряет свои векторные объекты. Вы больше не можете редактировать текст или масштабировать текст и фигуры без потери качества. Перед тем как растрировать слой, продублируйте его, выбрав Layer > Duplicate . Затем, после того как вы растеризуете дублированный слой, у вас будет сохранен оригинал, если вам когда-нибудь понадобится вернуться и внести какие-либо изменения.

Растеризация перед применением фильтров

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

Чтобы растрировать и сгладить все содержимое слоя, создайте новый пустой слой в палитре слоев под слоем с эффектами, выберите оба слоя и объедините их в один слой, выбрав Layers > Merge Layers .Теперь все зависит от фильтра, но вы больше не можете изменять эффекты.

Клавиатурная команда для объединения слоев: Command / Ctrl-E

Альтернатива смарт-объектам

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

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

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

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

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Блог Джулианны Кост | Работа с эффектами слоя и стилями слоя в Photoshop

Вот мои любимые советы, приемы и приемы работы с эффектами слоев и стилями слоев в Photoshop.

10 советов по работе с эффектами слоя и стилями слоя в Photoshop — В этом видео показаны 10 моих любимых техник.

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

• Чтобы свернуть стек эффектов слоя, на панели «Слои» щелкните треугольник раскрытия справа от значка «fx» .

• Option-щелкните (Mac) | Alt-щелкните (Win) треугольник раскрытия на панели «Слои» справа от значка «fx» , чтобы свернуть / развернуть все эффекты слоя в документе. Примечание: при первом нажатии Photoshop увеличивает масштаб до содержимого слоя, при втором использовании ярлыка Photoshop свернет / развернет стопки.

• При добавлении эффектов слоя можно выбрать автоматическое сворачивание стопки на панели «Слои» (для экономии места), выбрав раскрывающееся меню панели «Слои», выбрав «Параметры панели» и сняв флажок «Развернуть новые эффекты».

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

• Чтобы использовать контекстно-зависимые меню, Control -click (Mac) | Щелкните правой кнопкой мыши (Win) значок «fx» на слое с эффектом слоя (на панели «Слои») и выберите «Отключить эффекты слоя».

• Чтобы скрыть эффекты слоя на всех слоях Control — щелкните (Mac) | Щелкните правой кнопкой мыши (Win) значок «fx» на слое с эффектом слоя (на панели «Слои») и выберите «Скрыть все эффекты».

Удаление эффектов слоя — На панели «Слои» перетащите значок «fx» (или слово «Эффекты») в корзину, чтобы удалить эффект слоя.

• Перетащите имя эффекта слоя (Обводка, Тень и т. Д.) В корзину, чтобы удалить отдельный эффект.

• Чтобы использовать контекстно-зависимые меню, Control -click (Mac) | Правой кнопкой мыши (Win)) щелкните значок «fx» (или эффект слоя) и выберите «Стиль ClearLayer».

Перемещение и дублирование эффектов слоя — Вы можете быстро перемещать и / или дублировать эффект слоя с помощью панели «Слои»:

• Чтобы переместить эффект слоя с одного слоя на другой, перетащите значок «fx» (или слово «Эффекты»).Option -drag (Mac) | Alt -drag (Win), чтобы дублировать эффект слоя.

• Чтобы переместить отдельный эффект слоя с одного слоя на другой, перетащите имя отдельного эффекта (Обводка, Тень и т. Д.). Option -drag (Mac) | Alt -drag (Win) имя эффекта для дублирования отдельного эффекта.

Редактирование эффектов / стилей слоя — Дважды щелкните эффект слоя, эффект слов или значок «fx» , чтобы отредактировать эффект слоя.

Сохранение и применение эффектов слоя к нескольким слоям — В этом видео (Добавление эффектов / стилей слоя к нескольким слоям) показаны три простых для сохранения и добавления эффектов / стилей слоя к нескольким слоям, включая:

• Чтобы скопировать и вставить, Control-щелкните (Mac) | Щелкните правой кнопкой мыши (Win) значок «fx» на слое со стилем (на панели «Слои») и выберите «Копировать стиль слоя» в контекстно-зависимом меню.Затем выберите слои, к которым требуется применить стиль слоя, и нажмите Control -click (Mac) | Щелкните правой кнопкой мыши (Win) на слое (справа от имени) и выберите «Вставить стиль слоя».

• Чтобы сохранить эффект слоя на панели «Стили», в диалоговом окне «Стиль слоя» нажмите кнопку «Новый стиль» или на панели «Стили» щелкните значок «плюс» (+). Чтобы применить эффект слоя, перетащите стиль с панели «Стили» на слой в области изображения, перетащите стиль на слой на панели «Слои» или выберите слой (-ы) на панели «Слои» и щелкните нужный Стиль (на панели «Стили»), чтобы применить стиль ко всем выбранным слоям.

• Чтобы сохранить стиль в библиотеке, щелкните значок плюса (+) на панели «Библиотеки» и выберите «Стиль слоя», чтобы добавить стиль слоя в библиотеку. Когда вы сохраняете эффекты слоя на панели «Библиотеки», вы можете не только сгруппировать их в разные библиотеки, к которым легко получить доступ, но и можете добавлять дополнительные элементы, такие как логотипы, стили текста, цвета, фотографии и другие ресурсы для конкретного проекта или клиента. Поскольку содержимое библиотеки хранится в облаке, вы можете получить доступ к стилю слоя в Photoshop на любом компьютере в любом месте, выполнив вход со своим Adobe ID.И вы можете поделиться библиотекой с другими, выбрав параметры «Пригласить людей» или «Получить ссылку» во всплывающем меню панели «Библиотеки». Чтобы применить стиль слоя, выберите слой (и) и щелкните стиль на панели «Библиотеки». В этом видео («Три причины использования панели библиотек в Photoshop») рассказывается о преимуществах использования библиотек в Photoshop.

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

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

Эффекты слоя добавлены к отдельным слоям (Обводка, Тень, Наложение градиента).

Эффекты слоя добавлены к группе слоев (обводка, падающая тень, наложение градиента).

Создание пользовательских стилей слоя По умолчанию — Чтобы настроить параметры по умолчанию для стиля слоя, выберите «Слой»> «Стиль слоя» (или щелкните значок «fx» в нижней части панели «Слои»). В диалоговом окне «Стиль слоя» внесите необходимые изменения и нажмите кнопку «Сделать по умолчанию». В любой момент вы можете вернуться к настройкам Adobe по умолчанию, нажав кнопку «Восстановить значения по умолчанию».

Порядок применения эффектов слоя — Эффекты слоя перечислены в диалоговом окне «Стиль слоя» в том порядке, в котором они применяются к содержимому слоя.Например, эффект Drop Shadow применяется (или будет визуализироваться) под всеми другими эффектами, Bevel и Emboss будут отображаться поверх любых других эффектов. Это должно помочь при визуализации того, как несколько эффектов будут применены к содержимому слоя или группы.

Несколько экземпляров одного эффекта — Несколько эффектов (Обводка, Внутренняя тень, Наложение цвета, Наложение градиента, Наложение узора и Тень) можно добавить несколько раз с разными настройками. В диалоговом окне «Стиль слоя» щелкните значок «плюс» (+) справа от имени «Эффект слоя», чтобы добавить до 10 дополнительных экземпляров каждого эффекта.Используйте стрелки вверх / вниз в нижней части диалогового окна «Стиль слоя», чтобы изменить порядок наложения эффектов (или перетащите имя эффекта на панели «Слои»).

Настройка параметров пользовательского глобального освещения по умолчанию — Чтобы изменить угол и высоту по умолчанию для атрибута глобального освещения (который используют некоторые эффекты), сначала закройте все открытые документы. Затем выберите Layer> Layer Style> Global Light и внесите желаемые изменения. Эти новые настройки станут настройками по умолчанию для всех новых документов.

Изменение размера эффектов слоя — Выбор «Изображение»> «Размер изображения» и изменение размера изображения приведет к масштабированию эффектов слоя, применяемых к слоям в изображении (до тех пор, пока в диалоговом окне «Размер изображения» установлен флажок «Масштабировать стили»), сохраняя Эффекты слоя пропорциональны слоям, к которым они применяются. Однако при использовании «Правка»> «Свободное преобразование» для масштабирования отдельного слоя, к которому применен эффект слоя, Photoshop будет масштабировать эффекты слоя , а не .Например, если вы примените обводку в 6 пикселей к слою, используя «Свободное преобразование» для увеличения или уменьшения изображения, Photoshop не изменит эффекты слоя — слой по-прежнему будет иметь обводку в 6 пикселей. Чтобы масштабировать эффекты слоя, выполните одно из следующих действий:

• Обратите внимание на процент, на который слой был масштабирован с помощью функции «Свободное преобразование», а затем введите это значение в диалоговом окне «Слой> Стиль слоя> Эффект масштабирования». Это намного проще, чем изменять значения в диалоговом окне «Стиль слоя» (особенно, когда было применено несколько эффектов).

• Или, прежде чем использовать свободное преобразование на слое со стилем / эффектом, преобразуйте слой в смарт-объект, а затем преобразуйте.

Преобразование эффектов слоя в слои— Чтобы преобразовать эффект слоя в растровые слои, выберите «Слой»> «Растрировать»> «Стиль слоя».

Использование эффектов слоя для создания прозрачного водяного знака — Чтобы скрыть текст (или любую информацию об изображении на слое), но оставить эффекты слоя видимыми (например, тень), уменьшите величину заливки на панели «Слои». Примечание: уменьшение непрозрачности приведет к уменьшению информации о слое, а также всех примененных стилей слоя. Это видео (Создание прозрачных логотипов для водяных знаков и наложений в Photoshop) демонстрирует, как использовать ползунок «Заливка» на панели «Слои», чтобы скрыть содержимое слоя при сохранении примененных стилей слоя.

Применение эффектов слоя к слоям с масками— При применении эффектов слоя к слоям с масками (маски слоя или векторные маски) выберите «Параметры наложения» (в диалоговом окне «Стиль слоя») и включите «Маска слоя скрывает эффекты» / «Векторная маска» Скрывает эффекты », чтобы ограничить эффект слоя воздействием только на видимую часть слоя.

Добавление размытия цвета к одному слою с использованием эффекта слоя — Чтобы добавить размытку цвета (или наложение цвета) к слою, выберите слой и щелкните значок «fx» в нижней части панели «Слои». В диалоговом окне «Стиль слоя» выберите «Наложение градиента , и режим наложения для цвета» и выберите предустановку градиента, щелкнув маленький обращенный вниз треугольник справа от градиента (или создайте свой собственный градиент, щелкнув градиент. области и с помощью редактора градиентов). Примечание. Стиль слоя должен применяться к слою, а не к фону. Чтобы фон превратился в слой, дважды щелкните слово «Фон».

Расширенные параметры «вытеснения» наложения — Это видео ( 10 советов по работе с эффектами слоя и стилями слоя в Photoshop) демонстрирует, как использовать параметры вытеснения эффектов слоя (мелкие и глубокие), чтобы вырезать отверстие в слое и показать слои ниже в зависимости от их порядка наложения.

Использование ползунков «Наложить если» — Ползунки «Наложить если» в диалоговом окне «Стили слоя» — очень полезный способ выборочного отображения и скрытия частей слоя в зависимости от тональности и цвета изображения.В приведенном ниже примере я хочу смешать облака с первого изображения с небом на втором (каменистом) изображении.

В диалоговом окне «Стили слоя» в разделе «Параметры наложения» я переместил черный ползунок нижележащего слоя вправо, чтобы скрыть темные значения переднего плана изображения облака. Чтобы создать плавный переход, Option + (Mac) | Alt + (Win) щелкните и перетащите черный треугольник, чтобы разделить его на два. Значения слева от разделенного треугольника будут полностью прозрачными, значения между разделенным треугольником перейдут от прозрачного к непрозрачному, а значения справа от второго разделенного треугольника будут полностью непрозрачными.

Ничего страшного, если скала на переднем плане полупрозрачна в этот момент — вам нужно сосредоточиться на «переходных областях» — там, где новое небо (облака) встретится с океаном и вершинами скал.

Чтобы вернуть твердые камни на передний план, я сделал копию слоя с камнями и переместил ее над новым слоем с небом (облаками) на панели «Слои». Затем я добавил маску слоя и закрасил черным цветом, чтобы скрыть тусклое небо и показать облака внизу, сохранив при этом твердые камни.

Поскольку в этом примере достаточно просто замаскировать горизонт, вы можете подумать, что я слишком усложняю этот процесс или технику. Однако ползунки Blend if могут быть чрезвычайно полезны при маскировке детализированных объектов, таких как дерево, на фоне неба. Фактически, вы даже можете изменить параметры «Наложить, если», чтобы смешать отдельные цветовые каналы. Примечание. Если в диалоговом окне «Стиль слоя» в области «Расширенное наложение» были внесены какие-либо изменения, в слое на панели «Слои» отобразится новый значок «Эффекты наложения».

Advanced Blending (1), Blend If (1), Color Overlay (1), Drop Shadow (1), Fill (6), Global Lighting (1), Gradient Overlay (2), Inner Glow (1), Inner Shadow). (1), Нокаут (1), Эффекты слоя (16), Группы слоев (10), Маска слоя, векторная маска (1), Стили слоя (14), Слои (55), Панель библиотек (8), Непрозрачность (3) , Outer Glow (1), Pattern Overlay (2), Rasterize (1), Resize (1), Stroke (3), Styles Panel (2).

---

Как использовать эффекты слоя в Photoshop

Что такое Layer FX?

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

Специальные эффекты для слоев Photoshop

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

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

Какие типы стилей и эффектов доступны?

Когда вы начинаете работать с Photoshop Layer FX, вы можете получить доступ к широкому спектру предустановленных стилей слоя, упакованных в программу. Некоторые из наиболее часто используемых параметров включают «Тень», «Внешнее и внутреннее свечение», «Фаска и тиснение» или «Наложение цвета или рисунка». Вы можете заменить изображения, текст или значки на слое наложением специального узора, определенного цвета или градиента.

Примените один из стилей слоя свечения для создания эффекта сияния вокруг вашего содержимого.Для обведенного слоя вы можете применить эффект «Обводка»; это может быть особенно полезным при работе с текстом на сложном фоне. Есть всевозможные специальные модификации, которые вы можете применить как к предустановленным, так и к пользовательским Layer FX.

Как Layer FX может улучшить ваш проект?

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

Layer FX

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

Чтобы узнать все советы, приемы и подсказки, которые помогут вам максимально эффективно использовать Layer FX в Photoshop и многое другое, просмотрите наши обучающие видео.

Использование эффектов слоя и стилей слоя в Photoshop CC 2020

Узнайте все, что вам нужно знать, чтобы начать использовать эффекты слоев и стили слоев в Photoshop CC 2020, в том числе взгляните на новые предустановки стилей слоев, градиенты, узоры и многое другое в CC 2020!

Автор Стив Паттерсон.

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

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

Это руководство предназначено исключительно для Photoshop CC 2020. Поэтому перед началом убедитесь, что ваша копия Photoshop CC обновлена.

Нам предстоит многое обсудить, так что приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Настройка документа

Если вы хотите продолжить, откройте любое изображение для использования в качестве фона, а затем добавьте текст над ним. Здесь я использую текстуру фона, которую я загрузил из Adobe Stock, и добавил слова «СЛОЙ» и «ЭФФЕКТЫ». В этом уроке я буду работать со слоями шрифтов, но эффекты слоя также можно применять к слоям пикселей и слоям-фигурам:

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

На панели «Слои» мы видим текстуру на фоновом слое, и каждое слово находится на своем собственном слое типа:

Панель «Слои», показывающая три слоя в документе.

Что такое эффекты слоев в Photoshop?

Эффекты слоя — это набор из неразрушающих редактируемых эффектов , которые можно применить практически к любому слою в Photoshop. На выбор предлагается 10 различных эффектов слоя, но их можно сгруппировать в три основные категории: Shadows and Glows , Overlays и Strokes .Эффекты слоя — это живые эффекты, которые напрямую связаны со слоем. Поэтому, если вы внесете изменения в содержимое слоя, любые эффекты, примененные к этому слою, будут мгновенно обновлены.

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

Хотя термины «эффекты слоя» и «стили слоя» часто используются как взаимозаменяемые, эффекты слоя — это сами по себе отдельные эффекты, такие как Drop Shadow, Stroke, Outer Glow и так далее. Слой , стиль — это набор из двух или более эффектов слоя, работающих вместе, чтобы создать более крупный общий вид.Стили слоя также включают любые параметры наложения, примененные к слою, включая режим наложения слоя, а также его текущие параметры «Непрозрачность» и «Непрозрачность заливки».

Каковы преимущества использования эффектов слоя?

Эффекты слоя

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

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

Где я могу найти эффекты слоя в Photoshop?

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

Меню слоя

Первый — перейти к Layer menu в строке меню и выбрать Layer Style . Оттуда вы увидите список всех эффектов слоя, которые вы можете выбрать, включая Bevel & Emboss, Stroke, Inner Shadow и другие. Чтобы добавить эффект, выберите его из списка:

Перейдите в Layer> Layer Style, чтобы выбрать эффект слоя.

Панель «Слои»

Другой, более быстрый способ добавить эффекты слоя — щелкнуть значок fx в нижней части панели «Слои». :

Щелкнув значок FX.

А затем выберите из того же списка эффектов слоя, который мы видели в строке меню:

Добавление эффекта слоя из панели «Слои».

Почему эффекты слоя неактивны?

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

Эффекты слоя недоступны, если активен фоновый слой.

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

Выбор слоя перед добавлением эффектов слоя.

Узнайте все о слоях в нашем руководстве по слоям!

Как использовать предустановки стиля слоя в Photoshop

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

Если вы не видите панель стилей на экране, вы можете открыть ее, перейдя в меню Window в строке меню и выбрав Styles :

Переход к окну> Стили.

Новые стили слоя по умолчанию в Photoshop CC 2020

В

Photoshop CC 2020 представлены совершенно новые стили слоя по умолчанию, а новые стили сгруппированы в один из четырех наборов: Basics , Natural , Fur и Fabric .У каждого набора есть своя собственная папка на панели «Стили», и каждый стиль слоя представлен миниатюрой.

По умолчанию все четыре папки открываются вращением, а размер эскиза установлен на Большой . Итак, чтобы просмотреть все стили, вам нужно прокрутить список вниз:

Макет панели стилей по умолчанию в Photoshop CC 2020.

Настройка панели стилей

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

Открытие меню панели «Стили».

Затем выберите Маленький значок :

Выбор размера маленького эскиза.

И теперь миниатюры стали намного меньше:

Теперь сразу видно больше стилей слоя.

Совет! Как крутить все папки сразу открывать или закрывать

Каждый набор на панели стилей можно открыть или закрыть, щелкнув стрелку слева от значка папки. Или вы можете повернуть все папки одновременно открытыми или закрытыми, удерживая клавишу Ctrl (Win) / Command (Mac) на клавиатуре, когда вы нажимаете одну из стрелок.

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

Удерживая Ctrl (Win) / Command (Mac), чтобы закрыть все папки сразу.

Затем, чтобы открыть только ту папку, которая вам нужна, отпустите Ctrl (Win) / Command (Mac) и щелкните стрелку. Открою папку Natural :

Открытие отдельной папки по стрелке.

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

Чтобы применить один из стилей слоя в папке, просто щелкните его миниатюру.Я выберу новый стиль Sea :

Щелкните стиль слоя, чтобы применить его.

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

Результат после применения одного из предустановленных стилей слоя Photoshop.

А на панели «Слои» все отдельные эффекты слоя, составляющие стиль, отображаются под слоем. Таким образом, этот стиль одного слоя на самом деле является результатом (в данном случае) семи эффектов слоев, работающих вместе:

Стиль одного слоя может включать в себя несколько эффектов слоя.

Создайте текстовый эффект аэрозольной краски с помощью эффектов слоя Photoshop!

Выбор другого стиля слоя

Чтобы выбрать другой стиль, просто щелкните другой эскиз. Я попробую другой стиль из набора Natural, например Wood :

.

Выбор другой предустановки стиля.

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

Новые стили слоя мгновенно заменяют предыдущий.

И эффекты, составляющие новый стиль, появляются под слоем:

В разных стилях слоя используются разные эффекты.

Выбор стилей слоев из другого набора

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

Выбор другого стиля из другого набора.

И на этот раз мой текст заполнен полосами зебры:

Еще один новый стиль слоя по умолчанию в Photoshop CC 2020.

И снова мы видим список эффектов под слоем:

Эффекты, составляющие стиль слоя «Зебра».

Создайте ретро-текст 80-х с эффектами слоя!

Раскрытие и сворачивание списка эффектов слоя

Чтобы освободить место на панели «Слои», вы можете свернуть список эффектов слоя, щелкнув маленькую стрелку рядом со значком fx в дальнем правом углу слоя. Щелкните стрелку еще раз, чтобы развернуть список. Это не включает и не выключает сами эффекты.Это просто способ уберечь панель «Слои» от беспорядка, особенно когда у вас есть несколько слоев с примененными эффектами:

Щелкните стрелку, чтобы развернуть или свернуть список эффектов.

Как загрузить больше стилей слоев в Photoshop CC 2020

На первый взгляд, в Photoshop CC 2020 не так много предустановок стилей слоев. И если вы обновили предыдущую версию Photoshop, вам может быть интересно, что случилось с исходными предустановленными стилями, которые были частью Photoshop в течение многих лет.Все предустановленные стили из более ранних версий по-прежнему доступны в CC 2020, а также еще больше новых стилей. Чтобы получить к ним доступ, все, что нам нужно сделать, это загрузить их в панель «Стили».

Щелкните значок меню панели «Стили» :

Открытие меню панели «Стили».

И выберите старых стилей и многое другое :

Выбор из меню «Устаревшие стили и многое другое».

Это добавляет папку «Устаревшие стили и многое другое» ниже папок по умолчанию:

Появится новая папка «Устаревшие стили и многое другое».

Поверните папку, и вы найдете в ней еще две папки. Папка 2019 Styles содержит больше новых стилей слоев, которые можно опробовать. А папка All Legacy Default Styles содержит все исходные предустановки стилей слоя из более ранних версий Photoshop:

Наборы «Стили 2019» и «Все старые стили по умолчанию».

Стили 2019 года

Стили слоев в папке стилей 2019 разделены на различные наборы, включая гель, стекло, гранж, хром, металлик и 3D.Я открою набор Chrome и выберу стиль Bling :

Выбор одной из новых предустановок стиля слоя в папке Стили 2019.

И, как и следовало ожидать от чего-то, что называется «Bling», мы получаем этот блестящий, неповторимый эффект:

Результат использования стиля слоя «Bling».

И если я открою папку 3D и выберу стиль Duplicates внизу:

Выбор стиля из набора 3D.

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

Результат использования стиля слоя «Дубликаты».

Устаревшие стили по умолчанию

Чтобы использовать любой из стилей слоя из предыдущих версий Photoshop, откройте папку All Legacy Default Styles , и вы найдете все исходные стили, снова разделенные на наборы.

Я выберу стиль Chromed Satin из набора Legacy Default Styles :

Выбор устаревшего стиля слоя.

И вот мы получили классический хромированный эффект Photoshop:

Унаследованный эффект Chromed Satin.

Как включать и выключать эффекты слоя

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

Например, если я отключу Gradient Overlay в стиле Chromed Satin:

Отключение одного из эффектов в стиле слоя.

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

Стиль слоя с выключенным наложением градиента.

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

Повторное включение градиентного наложения.

И снова появляется градиент:

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

Как переключить все эффекты слоя одновременно

Чтобы отключить сразу все эффекты слоя, щелкните основной значок видимости рядом со словом «Эффекты».Нажмите еще раз, чтобы снова включить эффекты:

Включение и выключение всех эффектов слоя.

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

Чтобы скопировать стиль слоя из одного слоя и вставить его на другой слой, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на значке fx на слое, содержащем стиль, который вы хотите копия:

Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу «Control» (Mac) значок «fx».

И выберите Копировать стиль слоя из меню:

Выбор «Копировать стиль слоя».

Затем щелкните правой кнопкой мыши (Win) / Щелкните (Mac), удерживая клавишу Control, на слое, куда вы хотите вставить стиль:

Щелчок правой кнопкой мыши, удерживая клавишу Control, на другом слое.

И выберите Вставить стиль слоя :

Выбор «Вставить стиль слоя».

И теперь к обоим слоям применяется один и тот же стиль:

Результат после копирования и вставки стиля слоя.

Как очистить стиль слоя

Чтобы удалить стиль слоя, очистите его, щелкнув правой кнопкой мыши (Win) / Удерживая нажатой клавишу Control (Mac) на значке fx слоя:

Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу «Control» (Mac) значок «fx».

И выбрав Clear Layer Style :

Выбор «Очистить стиль слоя».

А теперь я вернулся к эффектам, применяемым только к верхнему текстовому слою:

Стиль слоя был удален из нижнего текста.

Как переместить эффекты слоя на другой слой

Если вы просто хотите переместить эффекты на другой слой, щелкните значок fx на слое, содержащем эффекты, перетащите его на другой слой и отпустите кнопку мыши:

Перетаскивание значка «FX» с одного слоя на другой.

Эффекты мгновенно перемещаются из исходного слоя в новый слой:

Эффекты перемещены из верхнего текстового слоя в нижний.

Узнайте 5 простых способов перемещения изображений между документами Photoshop!

Более быстрый способ копирования эффектов слоя

И если вы нажмете и удерживаете клавишу Alt (Win) / Option (Mac) на клавиатуре при перетаскивании значка fx :

Удерживая Alt (Win) / Option (Mac), перетаскивая значок «FX».

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

Эффекты снова применяются к обоим текстовым слоям.

Как редактировать эффект в стиле слоя

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

Например, я хочу отредактировать градиент, поэтому я дважды щелкаю эффект Gradient Overlay effect:

Дважды щелкните эффект, который нужно отредактировать.

Photoshop открывает диалоговое окно Layer Style , и в центре диалогового окна находятся настройки эффекта:

Откроется диалоговое окно «Стиль слоя» с настройками эффекта слоя.

Чтобы перевернуть цвета в градиенте, все, что мне нужно сделать, это выбрать опцию Reverse . Затем я нажимаю ОК, чтобы закрыть диалоговое окно:

Выбор «Обратный» для зеркального отражения цветов градиента.

И теперь цвета градиента в нижнем тексте поменялись местами:

Эффект после инвертирования цветов в Gradient Overlay.

Как удалить стили слоев сразу из нескольких слоев

Ранее мы узнали, как удалить стиль слоя с одного слоя.Чтобы удалить стили сразу с двух или более слоев, щелкните один слой, выберите его, затем удерживайте клавишу Ctrl (Win) / Command (Mac) и щелкните другой слой (слои), чтобы выбрать их:

Выбор сразу двух слоев на панели «Слои».

Затем щелкните правой кнопкой мыши (Win) / Control-щелкните (Mac) на любом из выбранных слоев и выберите Очистить стиль слоя из меню:

Выбор команды «Очистить стиль слоя».

И теперь я вернулся к своим простым белым буквам на синем фоне:

Результат после очистки стилей слоев из обоих текстовых слоев.

Как масштабировать эффекты слоя в Photoshop

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

Например, на панели «Слои» я выберу верхний текстовый слой:

.

Выбор верхнего слоя на панели «Слои».

Затем на панели стилей я открою набор KS Styles (находится в папке All Legacy Default Styles) и выберу стиль Frosted :

Выбор стиля слоя «Матовый».

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

Результат после применения стиля слоя Frosted.

Чтобы исправить это, мы можем масштабировать эффекты. Один из способов масштабирования эффектов слоя — перейти к меню Layer в строке меню, выбрать Layer Style , а затем выбрать Scale Effects :

Перейдите в Layer> Layer Style> Scale Effects.

А другой — , щелкнув правой кнопкой мыши (Win) / Control-щелкнув (Mac) на значке слоя fx :

Щелкните правой кнопкой мыши значок «fx», удерживая клавишу Control.

И выбрав Scale Effects из меню:

Выбор «Масштабировать эффекты» в меню «FX».

Затем в диалоговом окне «Масштабировать эффекты слоя» отрегулируйте значение «Масштаб » на нужную вам величину. Я понижу свой со 100% до 60%. Убедитесь, что установлен флажок Preview , чтобы вы могли предварительно просмотреть результаты при настройке значения. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно:

Регулировка шкалы.

А вот результат с тем же стилем Frosted, масштабированный до 60% от исходного размера.Обратите внимание, что размер самого текста не изменился. Изменились только эффекты, примененные к тексту:

Результат после масштабирования эффектов.

Как изменить размер изображения без потери качества с помощью смарт-объектов!

Стили слоя могут включать не только эффекты

Прежде чем мы продолжим, обратите внимание на панель «Слои», что наряду с эффектами этот стиль слоя также снизил значение Fill слоя со 100% до 56%:

Стиль слоя также изменил значение Заливки слоя.

Мы скоро рассмотрим, что означает значение «Заливка». Но стиль слоя может включать не только эффекты, но и параметры наложения слоя, которые включают значения Непрозрачность и Заливка вместе с режимом наложения :

.

Значения «Режим наложения», «Непрозрачность» и «Заливка» могут быть частью стиля слоя.

Еще один способ очистить стиль слоя

А вот еще один способ очистить стиль слоя в Photoshop CC 2020. Убедитесь, что на панели «Слои» выбран правильный слой.Затем на панели «Стили» откройте папку Basics и выберите стиль по умолчанию — None . Это белый эскиз с красной диагональной линией:

Выбор «Нет» в папке «Основные».

И после очистки стиля я снова вернулся к своему обычному белому тексту. И это основы использования предустановок стиля слоя в Photoshop!

Результат после установки стиля слоя на «Нет».

Загрузите это руководство в виде готового к печати PDF-файла!

Как добавить эффекты слоя в Photoshop

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

Выбор эффекта слоя

Сначала на панели «Слои» выберите слой, к которому вы хотите применить один или несколько эффектов. Я выберу свой верхний текстовый слой:

Выбор верхнего текстового слоя.

Затем щелкните значок Layer Effects (значок fx ):

Щелкнув значок «FX».

И выберите эффект слоя из списка. Начну с Drop Shadow :

Добавление эффекта слоя «Тень».

Диалоговое окно «Стиль слоя в Photoshop»

При выборе любого эффекта открывается диалоговое окно Layer Style . И поскольку я выбрал Drop Shadow, открывается диалоговое окно с настройками Drop Shadow, поэтому я могу настроить внешний вид эффекта:

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

Восстановление настроек эффекта слоя по умолчанию

Диалоговое окно «Стиль слоя» запоминает последние примененные вами настройки. Поэтому, прежде чем вы начнете настраивать эффект, обычно рекомендуется восстановить настройки по умолчанию, нажав кнопку Reset to Default :

Диалоговое окно «Стиль слоя» в Photoshop.

Как настроить эффект слоя

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

Так, например, с помощью Drop Shadow вы можете перетащить ползунок Opacity , чтобы настроить интенсивность тени. Вы можете изменить Blend Mode эффекта (хотя Multiply обычно лучше всего подходит для теней). И вы можете нажать на образец цвета , чтобы выбрать другой цвет для тени. По умолчанию используется черный цвет тени, но иногда лучше подходит другой цвет:

Параметры непрозрачности, режима наложения и цвета падающей тени.

Параметр Угол позволяет настроить направление источника света, и тень будет появляться в противоположном направлении.Таким образом, если свет исходит из верхнего левого угла, тень появится в нижнем правом углу. Вы можете изменить угол, щелкнув и перетащив внутрь радиального диска или введя определенное значение:

Используйте параметр «Угол», чтобы настроить источник света тени.

Используйте Global Light

Параметр Use Global Light позволяет всем эффектам слоя, для которых требуется источник света, использовать один и тот же источник света, так что освещение будет одинаковым во всем эффекте.Вы найдете эту опцию не только в настройках Drop Shadow, но и в настройках Bevel & Emboss и Inner Shadow. В большинстве случаев вы захотите оставить Use Global Light включенным, что по умолчанию:

.

«Use Global Light» сохраняет согласованность источника света с различными эффектами.

Значение Distance определяет, насколько далеко тень простирается от содержимого слоя. Например, при применении тени к текстовому слою «Расстояние» определяет, насколько далеко от букв простирается тень.

И значение Size управляет общим размером тени. Когда значение Spread установлено на 0%, увеличение значения размера смягчает края тени. А увеличение значения Spread заполняет тень и делает ее более непрозрачной:

Параметры «Расстояние», «Распространение» и «Размер».

Я увеличу непрозрачность тени с с до , 40% , расстояние с до 90 пикселей и размер с до 40 пикселей :

Настройка параметров Drop Shadow.

Как принять ваши настройки

Если вас устраивают настройки и это единственный эффект слоя, который вам нужно применить, нажмите OK, чтобы принять ваши настройки и закрыть диалоговое окно Layer Style:

Щелкните OK, чтобы закрыть диалоговое окно.

Создавайте редактируемый размытый текст с помощью Drop Shadows!

Как редактировать эффект слоя

В документе тень появляется за буквами в слове «СЛОЙ»:

Результат после добавления тени к слову «СЛОЙ».

И на панели «Слои» Drop Shadow теперь указан как эффект под слоем. Чтобы отредактировать эффект слоя, дважды щелкните имя эффекта:

Двойной щелчок по слову «Drop Shadow».

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

Я увеличу непрозрачность тени с с до , 50%, и увеличу расстояние с Distance до 100px .Но я пока не буду закрывать диалоговое окно Layer Style, потому что у меня есть другие эффекты слоя, которые я хочу добавить:

Редактирование настроек Drop Shadow.

После редактирования эффекта тень за буквами теперь более заметна:

Результат после редактирования настроек Drop Shadow.

Добавление дополнительных эффектов в диалоговом окне «Стиль слоя»

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

Список эффектов в диалоговом окне «Стиль слоя».

Как показать недостающие эффекты

Если некоторые эффекты слоя отсутствуют в списке, нажмите кнопку fx в нижнем левом углу диалогового окна:

Щелчок по кнопке «FX».

И выберите Показать все эффекты :

Выбор в меню «Показать все эффекты».

Категории эффектов слоя

Как я упоминал ранее, эффекты слоя Photoshop можно сгруппировать в три основные категории. У нас есть эффекты Shadow и Glow , которые включают Bevel & Emboss, Inner Shadow, Inner Glow, Satin, Outer Glow и Drop Shadow.Обратите внимание, что Contour и Texture, перечисленные ниже Bevel & Emboss, являются частью эффекта Bevel & Emboss, поэтому они смещены вправо:

Эффекты слоя «Тени и свечение».

У нас также есть Overlay эффектов (Color Overlay, Gradient Overlay и Pattern Overlay):

Эффекты слоя Overlay.

И у нас есть Stroke , который добавляет контур или границу вокруг содержимого слоя:

Эффект слоя «Обводка».

Порядок наложения эффектов слоев в Photoshop

Обратите внимание на порядок, в котором перечислены эффекты слоя. В самых последних версиях Photoshop эффекты слоев теперь перечислены в порядке их применения снизу вверх. Таким образом, сначала всегда применяется Drop Shadow, а затем над ним будет применено Outer Glow. Затем будут эффекты наложения (узор, затем градиент, а затем цвет), за которыми следуют сатин, внутреннее свечение, внутренняя тень и затем обводка. И эффект Bevel & Emboss всегда применяется последним, поверх любых других эффектов, которые мы применили.

Кроме того, Drop Shadow и Outer Glow — единственные два эффекта слоя, которые появляются на ниже содержимого слоя. Все остальные эффекты появляются на выше содержимого. Знание порядка наложения эффектов слоев может показаться тривиальным, но это может помочь вам понять, почему ваши эффекты не дают ожидаемых результатов:

Эффекты слоя всегда применяются в порядке снизу вверх.

Добавление эффекта второго слоя

Чтобы добавить еще один эффект слоя, щелкните его имя в списке.Я добавлю обводку :

Добавление эффекта слоя «Обводка».

Настройка эффекта обводки

В настройках Stroke я снова начну с нажатия кнопки Reset to Default , чтобы восстановить значения по умолчанию:

Сброс настроек хода по умолчанию.

Затем я изменю цвет обводки, щелкнув образец цвета :

Щелкните образец цвета обводки.

И в палитре цветов я выберу оттенок оранжевого, установив значение Hue ( H ) на 25 , значение Saturation ( S ) на 100 и Brightness. ( B ) значение также на 100 .Затем я нажимаю ОК, чтобы закрыть палитру цветов:

.

Выбор нового цвета обводки.

Параметр Позиция позволяет выровнять обводку по краю Внутри или Снаружи содержимого слоя. Или вы можете Центрировать штрих по краю. Я выберу Outside. А параметр Size — это то место, где мы устанавливаем ширину или толщину штриха. Увеличу размер до 20px :

Установка размера и положения штриха.

Опять же, я оставлю диалоговое окно Layer Style открытым. А вот эффект с оранжевой обводкой и падающей тенью, примененной к верхнему тексту:

Результат с применением обводки и тени.

Как создать золотой текст с эффектами слоя!

Варианты наложения

Помимо выбора и редактирования эффектов, диалоговое окно «Стиль слоя» также дает нам доступ к параметрам наложения слоя. Щелкните категорию Blending Options над эффектами в левом столбце:

Открытие опций наложения.

Отсюда мы можем получить доступ к тем же настройкам Blend Mode , Opacity и Fill , которые находятся на панели Layers. У нас также есть несколько расширенных параметров смешивания, которые мы рассмотрим в других уроках:

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

Как скрыть содержимое слоя и просмотреть только эффекты

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

Если я уменьшу значение Непрозрачность со 100% до 0% :

Понижение значения непрозрачности до 0 процентов.

Исчезают и текст, и эффекты слоя, примененные к тексту:

Понижение непрозрачности сделало слой и эффекты слоя прозрачными.

Но если я установлю непрозрачность обратно на 100%, а затем уменьшу значение Fill (или Fill Opacity в диалоговом окне Layer Style) до 0% :

Понижение непрозрачности заливки до 0 процентов.

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

Результат после уменьшения значения Заливки до 0 процентов.

Смешайте текст с облаками с помощью расширенных параметров наложения Photoshop!

Закрытие диалогового окна «Стиль слоя»

Я закрою диалоговое окно Layer Style, нажав OK:

Щелкните OK, чтобы закрыть диалоговое окно.

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

Панель «Слои», на которой показаны два эффекта слоя и новое значение «Заливка».

Новые градиенты и узоры в Photoshop CC 2020

Наряду с новыми стилями слоев Photoshop CC 2020 также включает новые градиенты и узоры, которые можно применять как эффекты слоя.Но чтобы получить доступ ко всем градиентам и шаблонам, нам сначала нужно посетить панели Gradients и Patterns , которые также являются новыми в CC 2020.

Как загрузить больше выкроек

Сначала переключитесь на панель Patterns . Вы найдете его вложенным в панели Color и Swatches. Как и в случае с панелью «Стили», новые узоры разделены на наборы, которые можно вращать, открывая и закрывая. Но по умолчанию есть только несколько наборов шаблонов на выбор (деревья, трава и вода).

Чтобы загрузить другие узоры, щелкните значок меню панели «Узоры» :

Щелкните значок меню панели «Узоры».

И выберите устаревших шаблонов и многое другое :

Выбор «устаревших шаблонов и других».

Новая папка с именем «Legacy Patterns and More» появляется под наборами шаблонов по умолчанию. И если вы откроете папку, вы найдете внутри нее еще две папки. Один содержит новые узоры из 2019 года, а другой — все оригинальные узоры из более ранних версий Photoshop.Все эти шаблоны теперь будут доступны в диалоговом окне Layer Style:

Теперь доступны все шаблоны Photoshop.

Как загрузить больше градиентов

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

Но если вы также хотите получить доступ к предыдущим градиентам из более ранних версий Photoshop, щелкните значок меню панели «Градиенты» :

Щелкните значок меню панели «Градиенты».

И выберите Legacy Gradients :

Загрузка старых градиентов в Photoshop CC 2020.

Папка «Устаревшие градиенты» отображается под градиентами по умолчанию, и теперь они будут доступны в диалоговом окне «Стиль слоя»:

Устаревшие градиенты загружены.

Добавление эффекта наложения узора

Градиенты и узоры могут применяться к слоям как эффекты наложения. Чтобы добавить узор, щелкните значок fx внизу панели «Слои»:

Щелкните значок «Эффекты слоя».

И выберите Наложение узора :

Добавление эффекта наложения узора.

В диалоговом окне «Стиль слоя» щелкните образец узора :

Щелкните образец в настройках наложения узора.

А затем пролистайте наборы, чтобы выбрать узор. Я открою папку Legacy Patterns and More , затем папку 2019 Patterns , а затем папку Stone и выберу узор Stone Marble , щелкнув его миниатюру.Обратите внимание, что при необходимости вы можете перетащить окно выбора рисунка большего размера:

Выбор одного из новых узоров в Photoshop CC 2020.

А теперь мой текст залит мраморным узором:

Результат после применения к тексту Pattern Overlay.

Добавление эффекта наложения градиента

Чтобы добавить градиент, при открытом диалоговом окне Layer Style выберите Gradient Overlay в левом столбце:

Добавление эффекта наложения градиента.

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

Щелкните стрелку рядом с образцом градиента.

Затем прокрутите наборы, чтобы выбрать градиент. Я открою папку Oranges и выберу градиент Orange 10 , щелкнув его миниатюру:

Выбор одного из новых градиентов в Photoshop CC 2020.

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

Градиент в настоящее время блокирует узор под ним.

Изменение режима наложения эффекта слоя

Чтобы смешать градиент с узором, перейдите к опции Blend Mode в настройках Gradient Overlay и выберите новый режим наложения из списка.Я выберу Linear Burn :

Установка эффекта «Наложение градиента» на «Линейное затемнение».

И теперь цвета градиента смешиваются с узором под ним:

Наложение градиента теперь сочетается с эффектом наложения узора.

Получите мое полное руководство по режимам наложения слоев, загрузив это руководство в формате PDF!

Как добавить несколько копий одного и того же слоя с эффектом

Если вы посмотрите на эффекты слева от диалогового окна Layer Style, вы заметите, что некоторые эффекты ( Stroke , Inner Shadow , Color Overlay , Gradient Overlay и Drop Shadow ) у каждого есть знак плюс справа.Знак плюс означает, что мы можем добавить несколько копий эффекта на один и тот же слой:

Photoshop позволяет нам добавлять несколько копий определенных эффектов.

Редактирование первого эффекта Stroke

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

Повторный выбор текущего эффекта слоя «Обводка».

Затем я нажимаю на образец цвета обводки :

Изменение цвета первого штриха.

И в палитре цветов я выберу белый :

Выбор белого из палитры цветов.

Я оставлю Положение этого хода установленным на Снаружи :

Оставляем положение штриха на внешнее.

И вот мы видим текст с измененным цветом обводки на белый:

Результат после изменения цвета обводки.

Добавление второго эффекта Stroke

Чтобы добавить вторую обводку к тому же слою, щелкните значок плюс :

Щелкните значок плюса, чтобы добавить еще один штрих.

Photoshop добавляет новый эффект обводки над первым, что означает, что он находится над исходной обводкой в ​​документе:

Добавлен второй ход.

Редактирование второго штриха

На данный момент оба штриха точно такие же. Итак, для второго штриха я изменю его цвет на черный, щелкнув образец цвета :

.

Щелкните образец цвета для второй Обводки.

И выбрав черный из палитры цветов:

Установка для новой Обводки черного цвета.

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

Появляется черная обводка, но теперь отсутствует белая обводка.

Причина в том, что для обоих штрихов Position установлено значение Outside , что означает, что они оба выровнены по внешним краям букв. И поскольку оба штриха имеют одинаковый размер (20 пикселей), второй закрывает первый из вида.

Чтобы исправить это, я изменю Position второго штриха на Inside , чтобы он выровнялся по внутренним краям букв. И я уменьшу размер обводки Size с 20 пикселей до 10 пикселей :

Изменение положения второго штриха на «Внутри» и уменьшение его размера.

И теперь у нас есть белая обводка 20 пикселей по внешней стороне текста и черная обводка 10 пикселей по внутренней стороне. На один слой можно добавить до 10 штрихов:

Теперь вокруг букв видны оба штриха.

Сохранение эффектов как предустановки стиля пользовательского слоя

Наконец, чтобы сохранить эффекты слоя в качестве нового стиля, нажмите кнопку New Style справа от диалогового окна Layer Style:

Щелчок по кнопке «Новый стиль».

А затем дайте вашему пресету имя. Назову свой «2 штриха + апельсин + мрамор». Убедитесь, что установлен флажок Включить эффекты слоя , и, если вы использовали какие-либо пользовательские настройки наложения, также отметьте Включить параметры наложения слоя .Вы также можете добавить новый стиль в свою библиотеку Creative Cloud:

Сохранение новой предустановки стиля слоя.

Нажмите «ОК», чтобы закрыть диалоговое окно «Новый стиль», а затем нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя».

Переключитесь на панель Styles , и вы найдете эскиз нового стиля под папками:

Новый стиль появится на панели «Стили».

Создание собственной папки стилей слоев

Чтобы упорядочить панель «Стили», добавьте свои собственные стили в отдельную папку.Щелкните значок Create New Group в нижней части панели стилей:

Щелкните значок «Создать новую группу».

Затем дайте группе имя, например «Мои стили». Нажмите ОК, чтобы принять:

Присвоение имени новой группе.

Новая папка появится под другими. Щелкните миниатюру своего стиля слоя и перетащите его в папку:

Перетаскивание пользовательского стиля в папку «Мои стили».

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

Чтобы применить любой из ваших пользовательских стилей к слою, сначала выберите слой на панели «Слои»:

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

Затем на панели стилей просто щелкните миниатюру стиля:

Выбор собственного стиля.

И весь эффект моментально применяется к слою:

Результат после применения пользовательского стиля ко второму слою типа.

И вот оно! Это все, что вам нужно знать, чтобы начать использовать эффекты слоев и стили слоев в Photoshop CC 2020! Ознакомьтесь с нашим разделом «Основы Photoshop» для получения дополнительных уроков. И не забывайте, все наши руководства по Photoshop доступны для скачивания в формате PDF!

40 лучших руководств по созданию фотоэффектов в Photoshop

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

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

Цифровой набор инструментов фотографа

Неограниченные загрузки: более 1 000 000 экшенов Photoshop, пресетов Lightroom, стилей слоев, графических шаблонов и многое, многое другое!

1.Как разместить изображения в Instagram с помощью Photoshop

Узнайте, как создать фильтр «Нэшвилл» из Instagram за несколько простых шагов.

Посмотреть руководство

2. Как придать фотографиям эффект винтажного поляроида

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

Посмотреть руководство

3. Как создать классные эффекты акварели в Photoshop

Многие известные дизайнеры, такие как Бруно Фуджи, Марго Мейс, Рафаэль из My Dead Pony, Stina Person, используют эффект акварели в своих иллюстрациях, и это выглядит фантастически. В наши дни вам не нужны акварельные краски, чтобы добавить этот потрясающий эффект к вашему изображению, Photoshop поможет вам выполнить эту задачу.

Посмотреть руководство

4. Как создать фильтры Instagram в Photoshop

Instagram крут, я прав? Еще один отличный урок по созданию фильтра Instagram.

Посмотреть руководство

5. Как быстро разместить фотографии из Instagram в Photoshop

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

Посмотреть руководство

6. Как добавить быстрые эффекты к вашим личным фотографиям

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

Посмотреть руководство

7. Как создать фотоэффект в стиле фильма в Photoshop

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

Посмотреть руководство

8. Как создать модный ретро-фотоэффект

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

Посмотреть руководство

9. Как создать супер крутой эффект акварели за 10 шагов

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

Посмотреть руководство

10. Как создать эффект сдвига и наклона в Photoshop

Из этого туториала Вы узнаете, как создать картинку Tift-Shift.

Посмотреть руководство

11. Как добавить глубину резкости к вашим фотографиям

В Photoshop есть фильтр Lens Blur Filter, он позволяет контролировать глубину. Также вы можете выбрать место на картинке, где она будет нанесена. Все еще не знаете, как это работает? Взгляните на это руководство.

Посмотреть руководство

12. Как создать реалистичный эффект разбитого стекла

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

Посмотреть руководство

13. Как добавить эффект HDR к вашим фотографиям

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

Посмотреть руководство

14. Как создать утечки света и ломо-эффекты с помощью действий

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

Посмотреть руководство

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

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

Посмотреть руководство

16. Работа над картиной «Гроза приближается».

Посмотреть руководство

17.Как придать вашим фотографиям эффект темного обработанного ломо

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

Посмотреть руководство

18. Метод фотографического тонирования и ретуши

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

Посмотреть руководство

19. Как придать вашим фотографиям крутой аналоговый ретро-эффект

Утечки света, размытие цвета, размытие и выцветание — все это распространенные проблемы при обработке пленки.Хотя эти проблемы не так сильно влияют на цифровые камеры, в этом руководстве вам будет показано, как воссоздать эти потрясающие эффекты.

Посмотреть руководство

20. Как придать вашим фотографиям эффект винтажного фото

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

Посмотреть руководство

21. Как создать эффекты стиля Hipstamatic и Instagram с помощью Photoshop

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

Посмотреть руководство

22. Как применить цветовой эффект к фотографии

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

Посмотреть руководство

23. Как улучшить детализацию с помощью коррекции

Хотите добавить к изображению эффект детализации в стиле HDR? Из этого туториала Вы узнаете, как это сделать.

Посмотреть руководство

24. Как имитировать зернистость пленки в изображении с помощью Photoshop

В этом кратком руководстве по Photoshop вы узнаете, как имитировать зернистость пленки.

Посмотреть руководство

25. Как преобразовать портретное фото в цветной эскиз в Photoshop

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

Посмотреть руководство

26. Как воссоздать нашвиллский эффект в Instagram

С помощью этого замечательного урока вы можете воссоздать Instagram Nashville Effect. Для достижения этого стиля вы будете использовать различные корректирующие слои для цветокоррекции.

Посмотреть руководство

27. Как создать эффект полос размытия мертвой зоны с помощью Photoshop

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

Посмотреть руководство

28. Как добавить эффект неразрушающего блика к вашим фотографиям в Photoshop

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

Посмотреть руководство

29. Как раскрашивать изображения градиентами в Photoshop

Из этого урока вы узнаете, как раскрасить изображение с помощью настраиваемых градиентов.Автор этого руководства проведет вас через настройку изображения Gradient Map. Кроме того, в этом уроке вы узнаете, как применять разные цвета к разным уровням яркости изображения.

Посмотреть руководство

30. Как создать сказочный фотоэффект

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

Посмотреть руководство

31.Как создать винтажную игрушечную камеру

Из этого видео-урока вы узнаете, как превратить вашу фотографию в изображение в винтажном стиле.

Посмотреть руководство

32. Как покрасить желтый Lamborghini

Посмотреть руководство

33. Как использовать Photoshop, чтобы превратить день в сумерки

Фотографировать ночью — непростая задача. Поэтому иногда проще преобразовать дневную фотографию в ночную с помощью Photoshop.

Посмотреть руководство

34. Как добавить частичные цветовые эффекты к вашим фотографиям

Научитесь преобразовывать цветное изображение в черно-белое, а затем отображать части изображения с помощью масок слоя.

Посмотреть руководство

35. Как создать эффект «тостера» в Instagram

Это еще один невероятный урок о том, как создать эффект «Тостер» в Instagram.

Посмотреть руководство

36.Как создать простой фотоэффект ломо

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

Посмотреть руководство

37. Как превратить обычную фотографию в картину маслом

Из этой статьи вы научитесь создавать эффект масляной живописи.

Посмотреть руководство

38. Как создать портретный эффект в стиле Dragan

Вы когда-нибудь видели работы Анджея Грагана? Его фотографии отличаются высокой контрастностью и специфической цветовой гаммой.

No related posts.