Как создать перламутровый эффект в фотошопе
В этом первом уроке из серии уроков по эффектам слоя я расскажу все, что нужно знать для работы с эффектами и стилями слоя в программе Photoshop CC 2020. Мы начнем с определения разницы между эффектом слоя и стилем слоя, далее мы рассмотрим, как использовать готовые наборы стилей слоя и как добавлять одним нажатием кнопки мышки эффекты на изображение. Также мы изучим новые стили слоя, которые появились в версии программы Photoshop CC 2020, и я покажу вам, где можно найти стили слоев более ранних версий программы.
Помимо этого, вы рассмотрите, как добавлять и редактировать свои собственные эффекты слоя и как применять новые удивительные градиенты и узоры программы Photoshop CC 2020. Я покажу вам даже, как добавить несколько копий эффекта на один и тот же слой, как увеличить размер эффекта, чтобы он подошел к масштабу изображения, как сохранить ваши эффекты в виде готового стиля слоя и многое другое!
Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.
Нам нужно многое изучить, поэтому давайте начнем!
Настраиваем документ
Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:
Исходный документ с текстом на слое заднего фона. На панели слоев видно, что текстура расположена на фоновом слое, а каждое слово - на отдельном слое:
На панели слоев отображены три слоя
Что такое эффекты слоя в программе Photoshop
Эффекты слоя – это набор неразрушающих, редактируемых эффектов, которые можно применить почти к любому типу слоев. В программе представлены 10 различных эффектов слоя, которые можно сгруппировать в три основные категории «Тени и блики», «Наложения» и «Обводки». Эффекты слоя напрямую связаны с самим слоем. Поэтому если вы вносите изменения в содержимое слоя, любые эффекты, которые вы применяли к данному слою, также мгновенно обновятся.
Что такое стили слоя?
Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.
Какие преимущества дает нам применение эффектов слоя?
Эффекты слоя простые в применении, полностью редактируемые и неразрушающие содержимое слоя. Также они не добавляют веса к общему размеру документа в Photoshop. Эффекты слоя чаще всего применяют к текстовым слоям, однако их можно использовать и при работе с изображениями и векторными фигурами для добавления реализма или креатива способами, которые без эффектов слоя было бы трудно или практически невозможно применить.
Вы также можете добавлять множественные эффекты к одному и тому же слою, включать или отключать эффекты, редактировать настройки и удалять эффекты слоя без внесения постоянных изменений на изображение. Вы даже можете добавлять эффекты слоя к целой группе слоев, чтобы применить эффект сразу к нескольким слоям за раз. И вы можете сочетать эффекты слоя с текстом, чтобы создавать невероятные текстовые эффекты, не внося изменений в сам текст.
Где найти эффекты слоя?
Вы можете найти список эффектов слоя в двух основных местах.
Раздел «Слои»
Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:
В этом уроке, мы с вами увидим, как в фотошопе создать глянцевый и блестящий текстовый эффект. Мы будем использовать простые методы смешивания (blending) и эффекты стиля слоя. Урок может показаться большим и не понятным, но на самом деле если вы решите его пройти, то убедитесь что все очень просто!
Кое-какие приемы работы мы с вами также рассматривали в уроке по фотошопу Как сделать стильный сияющий текст в фотошопе. Создать такой глянцевый блестящий текст иногда необходимо для рекламных макетов, или например, для имитации текста на красном дереве, или оформить перламутровый эффект на объекте для акцентирования внимания и для многих других целей. И так, цель поставлена, давайте приступим, тем более, что сами вы увидите, что этот урок по фотошопу для новичков на самом деле действительно простой!
Создайте новый документ Photoshop 1024 х 768 px. Настройки, которые мы будем применять отлично выглядят при размере шрифта примерно 220px (240px для заглавной буквы). Если вы используете другой шрифт, попробуйте поэксперементировать с настройками. Вы можете изменить конечный размер изображения без потери эффектов после слияния (Flatten) всех слоев.
Для создания фона, создайте новый слой и залейте его любым цветом.
Создайте новый пустой слой выше фона с градиентом. На нем мы разместим шаблон с линиями.
Сделаем его самостоятельно. Для этого создадим новый документ размерами 40х40px, увеличим максимально полотно и начнем рисовать диагональные линии. Линия в центре должна получиться шириной 8 пикселей, по краям должны быть треугольники с вершиной по 4px.
Определим нашу заготовку как pattern.
Применяем Filter> Distort> Twirl> 200 °.
Выберем режим наложения Overlay и выставим ползунок прозрачности на 10%.
Введите текст, я использовал шрифт Wrexham Script Light, размером шрифта 220px и 240px для заглавной буквы.
Загрузите выделение для текстового слоя – Меню> Select> Load Selection (или зажав Ctrl щелкните по значку текстового слоя). Сделайте текстовый слой невидимым.
Сохраним контур: создайте новый пустой слой, выберите Меню> Edit> Stroke. Создайте внешнюю обводку (Stroke) шириной ~5px.
Сделайте прозрачность заливки Fill = 0% и примените к обводке следующие эффекты слоя Bevel and Emboss.
Вернемся на текстовый слой и продублируем его 3 раза. Растеризуйте каждый дубликат (правая кнопка мыши по слою и выберите> Rasterize). Расположите дубликаты выше слоя с обводкой.
Включим видимость и применим следующие свойства слоя к первой копии текстового слоя:
Для наложения эффекта Pattern Overlay нужно выбрать pattern Satin, который можно найти во вкладке pattern, но находится он не в основном меню, его надо подгрузить из набора, который есть в составе Photoshop. Называется набор, в котором он находится, также просто “pattern”.
Включим видимость и применим следующие эффекты слоя Apply Bevel и Emboss layer и установите заливку Fill 0% ко второй копии текстового слоя.
Подправим немного контур
И также контур у элементов
Включим видимость у третьей копии текстового слоя, сделаем также Fill на 0% и добавим эффект Satin. Он нужен чтобы гламурный глянцевый и блестящий эффект текста был наиболее близок к натуральному.
Вернемся теперь к слою pattern (слой залитый нашими линиями), дублируем его и поместим выше всех созданных слоев.
Загрузите выделение для любого текстового слоя и сделайте активным новый слой картины.
Выберите Filter> Distort> Spherize. Применить размере 50%.
Инвертируйте выделение и очистите внешнее пространство.
Примените эффект Overlay для этого слоя и непрозрачность (Opacity) 20%. Теперь у наших букв появился объем.
Продублируйте последний наш слой, с которым мы сейчас работали, чтобы создать гламурный блестящий эффект блеска текстуры.
Примените режим смешивания Dissolve и прозрачность (Opacity) 14% у дублированного слоя.
Склейте этот слой с новым пустым слоем.
Примените режим наложения Overlay и непрозрачность (Opacity) 80% к получившемуся слою.
Для того, чтобы удалить эффект блеска от буквы к краям, загрузите выделение любого текстового слоя снова, оставаясь на нашем последнем слое, чтобы он был активным (напомню – зажав Ctrl+клик по слою). Перейдите в меню Select > Modify > Contract > 2px, Select > Modify > Feather > 2 px, Select > Inverse. Выберите Правка > Очистить (или просто нажав клавишу Del).
В финале вы можете добавить блестящий эффект “starburst” (звездочка) которую вы можете найти у кисти, загрузив assorted brushes set.
Создайте новый слой наверху и белым цветом ткните на место где хотите расположить звездочку! Вот и все, у нас получился вполне себе очень правдоподобный глянцевый и блестящий эффект текста! Молодцы, если вы прошли этот урок до конца!
В этом уроке я покажу вам, что такое полутона и как добиться эффекта цветового полутона. Я также покажу вам, как сделать свои собственные полутоновые кисти.
Что такое полутона?
Возможно, вы знакомы с полутоновыми рисунками, которые используются при печати. Паттерны — это важнейшая часть каждой конкретной среды, также и полутоновые паттерны придают уникальный вид дизайнерским работам. Полутон — это техника, которая имитирует градацию тона с помощью точек. Эти точки различаются по размеру, расстоянию и иногда даже форме, чтобы создать эффект полутонового градиента. Чем ближе и больше точек на полутоне, тем темнее изображение. Чем меньше точки и, чем больше они разбросаны, тем светлее изображение. Когда это все вместе, эффект полутонов создает иллюзию постепенного перехода тонов, если смотреть издалека.
В настоящее время полутона обычно используются в диджитал среде для создания комиксов, что отражает ностальгию в эпоху цифровых технологий.
В этом уроке я покажу вам, как добиться эффекта полутонов в Photoshop. Вы можете применить эти шаги к любому изображению по своему вкусу, чтобы получить черно-белые полутона или цветные. Мы также рассмотрим, как создавать свои собственные полутоновые кисти в Photoshop, которые помогут вам добавить интересные детали к вашей иллюстрации. Наконец, мы рассмотрим, как создавать полутоновые кисти в Illustrator. Это идеально, если вы только начинаете работать в мире иллюстраций и хотите развивать свои навыки и стиль.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаем полутоновой паттерн в Photoshop
Сначала давайте узнаем, как создать эффект полутонов в Photoshop.
Шаг 1
Перетаскиваем наушники на белом фоне в Photoshop. Мы будем преобразовывать фото в различные полутоновые изображения, чтобы попробовать разные настройки.
Чтобы получить цветное полутоновое изображение в Photoshop, идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона).
Придаем фотографии стильный глянцевый вид в Фотошоп
В этом уроке вы узнаете как получить идеальную кожу и эффект «cross-processing», чтобы создать стилизованную фотографию, достойную глянцевой обложки журнала.
Сложность урока: Средний
Вдохновленная редакционной работой Ньютона 90-х годов, Тигз Райс раскроет методы создания идеальной кожи и эффекта «cross-processing» с градиентами для стильного, стилизованного вида.
В этом уроке вы узнаете, как создать глянцевую модную фотографию в Photoshop – также вы получите советы при подборе стиля, освещения и какими настройками камеры вам пользоваться.
Вдохновленная цветными полароидами более поздних работ Хельмута Ньютона, фотограф Тигз Райс расскажет вам, как подготовить свою съемку, перед тем как работать с изображением в Photoshop.
Она покажет, как в Photoshop получить глянцевую кожу – и как создать эффект «cross-processing» с помощью градиентов, чтобы получить такой финальный результат: более прохладные тона в тенях и более теплые на светлых участках фотографии.
Шаг 1
Сначала давайте взглянем на стиль оформления съемки. Вдохновленная архивом фотографий с женщинами Хельмута Ньютона, Диди одела черное белье с чулками и подтяжками.
Мы также выбрали леопардовую расцветку для верхней части одежды. Насыщенный цвет красной помады завершил образ нашей модели.
Давайте уделим внимание настройке освещения. В 90-х годах было довольно тяжело добиться нужного контраста. Сейчас такой эффект можно легко достичь с помощью вспышки, но здесь я хотела показать вам пример, как подобный эффект можно достичь с помощью естественного источника света.
Диди села рядом с открытым окном, чтобы на фотографии получился жесткий направленный свет с правой стороны.
Шаг 2
Как только вы будете довольны источником света, то тогда фотографируйте. Еще раз черпнув вдохновение из портфолио Хельмута Ньютона, мы выбрали сильную угловатую позу, сделав акцент на ногах Диди. Это изображение было снято с такими настройками: 1/160 секунды на F4, с ISO 200.
Шаг 3
После завершения съемки выберите лучшую фотографию и откройте ее в Photoshop. Если вы снимали в формате RAW, то оно должно автоматически открыться в Adobe Camera RAW. Если нет, то перейдите в Фильтр > Фильтр Camera Raw (Filter > Camera Raw Filter) для доступа к панели настроек.
Примечание: Если вы незнакомы с Camera Raw, то предлагаем вам изучить уроки по работе с этим инструментом.
Во вкладке Основные (Basic) сделайте коррекцию экспозиции и баланса белого, чтобы сбалансировать цвета и в дальнейшем получить такой результат, как на фотографиях Хельмута Ньютона 90-х годов.
Для этого снимка я также изменила настройки в Контрасте (Contrast), Светах (Highlights) и Тенях (Shadows).
Когда вас устроит результат, нажмите Открыть изображение (Open Image) или ОК, чтобы применить настройки и открыть изображение в Photoshop.
Шаг 4
Затем очистите изображение по мере необходимости, удалив любые пятна, ненужные детали и волосы с помощью инструмента Точечная восстанавливающая кисть (Spot Healing Brush Tool)
Сейчас я немного поработала пластикой на ноге, в том месте, где она сплюснута из-за того, что соприкасалась с диваном.
Шаг 5
Далее мы сосредоточимся на очистке кожи. Модели в работах Хельмута 90-х годов обычно имеют безупречную кожу, поэтому вы можете ее сделать немного лучше, чем бы вы сделали для обычного снимка (хотя вы можете смягчить этот модный гламур, чтобы создать свой собственный вариант стиля).
Нажмите комбинацию клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой. В настройках измените режим наложения на Мягкий свет (Soft Light) и поставьте галочку Выполнить заливку нейтральным цветом режима «Мягкий свет» (серым 50%) (Fill with Soft-Light-neutral color (50% grey)). Нажмите OK.
Шаг 6
Выберите инструмент Осветлитель (Dodge Tool), в настройках инструмента выберите Средние тона (Midtones) и установите значение экспозиции около 5-10%. Пройдитесь по любым темным текстурам на коже, чтобы создать приятный ровный тон. Вы также можете использовать инструмент Осветлитель (Dodge Tool), чтобы подчеркнуть яркие места на вашем изображении для усиления контраста.
Шаг 7
Когда вы будете довольны тем, как выглядит ваше изображение, давайте продолжим и добавим эффект «cross-processing». Создайте корректирующий слой, кликнув по значку, который находится внизу панели слоев и выберите Карта градиента… (Gradient Map…).
Шаг 8
Во вкладке Свойства (Properties) нажмите на стрелку, которая находится возле градиента, чтобы открыть палитру градиентов. Нажмите на значок шестеренки, который находится в этом подменю, и в появившемся контекстном меню выберите Фотографическое тонирование (Photographic Toning), чтобы загрузить градиенты тонирования.
Шаг 9
Давайте придадим теням более прохладный тон. Выберите градиент Cobalt-Iron1.
Шаг 10
Этот эффект получится довольно сильным, поэтому измените режим наложения на Перекрытие (Overlay) и уменьшите непрозрачность (Opacity) до 30%.
Шаг 11
Теперь давайте сделаем наоборот и добавим немного теплых тонов.
Шаг 12
Также, поставите галочку Инверсия (Reverse) в панели карты градиента, чтобы применить его к более светлым частям вашего изображения.
Шаг 13
Наконец, добавим немного зернистости. Для этого сначала выделите все слои на панели слоев, кликните правой кнопкой мыши и в контекстном меню выберите Преобразовать в смарт-объект (Convert To Smart Object), чтобы слить все в один смарт-слой.
Шаг 14
Перейдите в Фильтр > Фильтр Camera Raw (Filter> Camera Raw). Перейдите на вкладку Эффекты (Effects). Количество, размер и шероховатость вашего зерна будет полностью зависеть от размера вашего изображения.
Шаг 15
Когда вы будете довольны результатом, нажмите OK, чтобы вернуться в главное окно Photoshop и сохранить файл.
В этом уроке автор покажет, как создать эффект блесток на фото. Полученную текстуру можно использовать на любых снимках. Кроме того, технику из урока можно использовать для создания не только блесток, но и других эффектов.
Сложность урока: Легкий
А вы знаете, как создавать эффекты частиц в Фотошоп? В этом уроке я покажу вам, как создать эффект блесток на фото. Полученную текстуру можно использовать на любых снимках. Кроме того, технику из урока можно использовать для создания не только блесток, но и других эффектов.
Шаг 1
Для начала создаем новый документ File – New (Файл – Создать). Используем размер 3000 х 4000 пикселей.
Шаг 2
С помощью Rectangle Tool (U) (Прямоугольник) заполняем фон тремя прямоугольниками – черным, серым и белым. Они помогут нам настроить эффект под каждый уровень яркости.
Шаг 3
Создаем новый слой (Ctrl+Shift+N). С помощью инструмента Paint Bucket Tool (G) (Заливка) заполняем его черным цветом. Затем применяем к слою Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум).
Шаг 4
Выше добавляем корректирующий слой Layer – New Adjustment Layer – Curves (Слой – Новый корректирующий слой – Кривые). Передвигаем обе опорные точки кривой ближе к «холму» графика. Затем кликаем по кривой между опорным точками, чтобы создать новую. Перемещаем ее вниз, чтобы увеличить контрастность.
Шаг 5
Возвращаемся к слою с шумом и применяем к нему Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Настраиваем радиус так, чтобы превратить слой с шумом в звездное небо.
Шаг 6
Выбираем слой с кривыми и дважды жмем Ctrl+Shift+Alt+E, чтобы создать две объединенные копии всех видимых слоев. Скрываем слои ниже и одну из копий объединенного слоя, нажав на значок глаза на панели слоев.
Шаг 7
Активируем трансформацию (Ctrl+T) и на верхней панели увеличиваем ширину и высоту объединенного слоя до 500%.
Шаг 8
Переходим на панель Window – Channels (Окно – Каналы) и с зажатой клавишей Ctrl кликаем по миниатюре любого из каналов. Затем переходим на панель слоев, создаем новый слой и заливаем его белым цветом. Теперь если удалить нижний слой, то мы увидим, что черного фона больше нет. Называем новый слой «Большие блестки».
Шаг 9
Комбинацией клавиш Ctrl+J дублируем слой «Большие блестки». Применяем к копии фильтр Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, чтобы добавить легкое смазывание.
Шаг 10
Еще раз дублируем слой «Большие блестки» и применяем к копии фильтр Motion Blur (Размытие в движении). В этот раз увеличиваем Distance (Смещение). Уменьшаем непрозрачность слоя, чтобы эффект выглядел естественнее.
Шаг 11
Еще раз повторяем весь процесс с размытием в движении, только в этот раз выбираем противоположное значение угла. Не забудьте каждый раз в конце уменьшать непрозрачность слоя!
Шаг 12
С зажатой клавишей Shift выбираем все слои с блестками и группируем их (Ctrl+G). Называем группу «Большие блестки». Добавляем на нее маску, нажав на кнопку в нижней части панели слоев.
Шаг 13
Переходим Filter – Render – Clouds (Фильтр – Рендеринг – Облака). Это немного разнообразит форму блесток. Чтобы блестки были заметнее, комбинацией Ctrl+L вызываем Levels (Уровни) и белый ползунок тянем вправо.
Шаг 14
Дублируем (Ctrl+J) группу. Кликаем по ней правой кнопкой мышки и выбираем Merge Group (Объединить группу). Затем кликаем правой кнопкой по маске и выбираем Apply Layer Mask (Применить слой-маску). Далее переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем такой радиус, чтобы вокруг блесток появилось небольшое свечение.
Шаг 15
Давайте добавим больше блесток. Включаем видимость второго объединенного слоя. Увеличиваем его в два раза (200%) и таким же образом, как мы делали выше, удаляем черный фон. Называем слой «Маленькие блестки».
Шаг 16
С зажатой клавишей Alt перетаскиваем маску слоя «Большие блестки» на слой «Маленькие блестки». Затем применяем Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). В данном случае, область предпросмотра слева не очень информативна, так что просто поэкспериментируйте с Brightness (Яркость) и Threshold (Порог), чтобы увидеть, какие значения подойдут лучше всего.
Шаг 17
Дублируем этот слой и увеличиваем его в четыре раза. Если эффект плохо видно, попробуйте 1-2 раза продублировать этот слой (Ctrl+J).
Шаг 18
Блестки готовы, но они сливаются с белым фоном. Давайте под блестками добавим слой с черной заливкой. На этот слой добавляем маску и в центре проводим мягкой черной кисточкой (В). Затем уменьшаем непрозрачность слоя до 50%.
Шаг 19
Создание эффекта блесток мы закончили! Теперь просто скрываем фон и текстура готова к использованию.
Шаг 20
Чтобы использовать текстуру, открываем любое фото в Фотошоп, переходим File – Place (Файл – Поместить) и выбираем заранее сохраненный файл с текстурой (формат PSD). При необходимости корректируем его размер. Если дважды кликнуть по миниатюре слоя с текстурой, то откроется его содержимое. Здесь мы можем заново отредактировать любую деталь текстуры и сохранить (Ctrl+S) ее. Изменения автоматически применятся на документе с фото.
Теперь вы знаете, как создавать эффект блесток в Фотошоп. Попробуйте изменить параметры эффекта и создать что-то другое, например, снег, боке или пыль. С Фотошоп все очень просто сделать!
Читайте также: