Эффект глянца в фотошопе: Эффекты и стили слоев в Adobe Photoshop
Как в фотошопе сделать глянцевую фотографию
Придаем фотографии стильный глянцевый вид в Фотошоп
Вдохновленная редакционной работой Ньютона 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
Сейчас я немного поработала пластикой на ноге, в том месте, где она сплюснута из-за того, что соприкасалась с диваном.
Глянцевый вид в фотошоп
Шаг 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
Теперь давайте сделаем наоборот и добавим немного теплых тонов.
Повторите шаги 8-10, вместо этого выберите градиент Sepia 5.
Глянцевый вид в фотошоп
Шаг 12
Также, поставите галочку Инверсия (Reverse) в панели карты градиента, чтобы применить его к более светлым частям вашего изображения.
Глянцевый вид в фотошоп
Шаг 13
Наконец, добавим немного зернистости. Для этого сначала выделите все слои на панели слоев, кликните правой кнопкой мыши и в контекстном меню выберите Преобразовать в смарт-объект(Convert To Smart Object), чтобы слить все в один смарт-слой.
Глянцевый вид в фотошоп
Шаг 14
Перейдите в Фильтр > Фильтр Camera Raw (Filter> Camera Raw). Перейдите на вкладку Эффекты(Effects). Количество, размер и шероховатость вашего зерна будет полностью зависеть от размера вашего изображения.
Глянцевый вид в фотошоп
Шаг 15
Когда вы будете довольны результатом, нажмите OK, чтобы вернуться в главное окно Photoshop и сохранить файл.
Готовый результат
Автор урока: Tigz Rice
Похожее
Как сделать фото глянцевым в Фотошопе?
В сказке про аленький цветочек средняя дочь просила отца, чтобы он привез ей чудесное зеркало, глядя в которое, видела бы себя девица всегда молодой и красивой. Сегодня ей бы достаточно было попросить: «Привези мне, батюшка, компьютер с установленным графическим редактором Adobe Photoshop». Почти из любого изображения с помощью этого редактора можно сделать фотографию для глянцевого журнала.
Инструкция
Эффект глянца в Adobe Photoshop
В этом уроке я попытаюсь кратко изложить как сделать эффект глянца, с помощью фотошопа, это на мой взгляд один из самых полезных уроков, его очень часто используют при изготовлении шаблона сайта, логотипов и т.п.
Шаг 1) Создайте изображение (CTRL+N) размера больше 1000x1000px. Выберите инструмент Custom Shape Tool,
и в нем вкладку Rounded Rectangle Tool со значением Radius ~20px выберите для объекта вам удобный цвет, только не слишком темный, и не слишком светлый и нарисуйте прямоугольник: Затем переходим в главном меню и растеризуем слой с прямоугольником Layer>Rasterize>Layer.Эффект: добавляем фотографии глянец
Из этого урока вы узнаете как можно придать фотографии глянцевый эффект.
Что нужно сделать? Открываем фотографию и двойным щелчком по слою снимаем фиксацию (замочек)
Идем в Image -> Canvas size и проставляем все как на картинке:
Создаем новый слой (Ctrl+Shift+N) и переносим его под слой с кошкой.
Выбираем инструмент Rectangular Marquee (M) и делаем выделение чуть больше фотографии. Это будет рамка.
Нажимаем сначала на кнопочку D, X, затем на кнопочки Alt + Backspace.
Снимаем выделение, затем жмем на верхнем слое и Ctrl + E
Идем в Image -> Rotate canvas -> 90 CW.
Применяем фильтр: Filters -> Distort -> Shear, в окне сдвигаем среднюю точку вправо на 1/4 квадрата.
Поворачиваем: Image -> Rotate Canvas -> 90 СCW.
Создаем новый слой и выбираем инструмент Lasso (L). Выделяем примерную треугольную область блика.
Идем в Selection -> Feather и указываем значение 50. Затем нажимаем Alt + Backspace, чтобы залить выделение белым цветом.
Меняем непрозрачность слоя с бликом на 60%.
Дублируем слой с бликом Ctrl + J. Нажимаем на Ctrl + T и уменьшаем блик по горизонтали, удерживая Ctrl + Alt.
Меняем непрозрачность слоя с бликом на 30%.
Теперь можно нажать на Ctrl + E (с выделенным верхним бликом), чтобы обьеденить слои с бликами.
Создаем еще один слой.
С выделенным слоем №3 нажимаем на иконку слоя №1, где видно маленькую кошку
Выбираем инструмент кисть (B), кликаем правой кнопкой на кошке и из списка выбираем кисть с мягкими краями, там же задаем размер пикселей — 800.
Выбираем в качестве Foreground Color очень темный синий.
Меняем непрозрачность кисти на 10% и проверьте что выделение все еще активно.
В противоположной от блика стороне нарисуйте тень.
Нажимаем Ctrl + D, выделяем слой №3 и жмем Ctrl + E дважды.
Создаем еще один слой и переносим его под слой с фоткой.
Жмем на Ctrl + Backspace.
Выделяем слой с кошкой, идем в Layer -> Layer Style -> Drop shadow и заполняем, как на картинке:
Объединяем все слои, кроме фона.
Жмем Ctrl + T и немного поворачиваем картинку, затем с зажатым Ctrl меняем перспективу.
Все, можно сохранять.
Результат:
Источник: Мир фотошопа
Глянцевый черный логотип на черном матовом фоне
Мне нечего добавить о технологии УФ-печати. Но вот кое-что о макете.
Сделайте свой логотип черным на прозрачном и нанесите его отдельным слоем на слой, который имеет некоторую правдоподобную версию матовой поверхности при неравномерном освещении. Фото настоящей вещи было бы отлично. У меня была затемненная фотография серой двери. Градиент также может быть использован. Избегайте полностью черного и белого, диапазон яркости должен быть макс. От 20% до 80%
Скопируйте логотип на маску слоя матовой поверхности. Сначала скопируйте его в буфер обмена. После установки маски удерживайте нажатой клавишу Alt и щелкните значок маски, чтобы отобразить маску на экране. Вы можете вставить черный логотип.
Слой логотипа пригодится позже как 50% серый. С помощью инструмента уровней или кривых отрегулируйте черный цвет до 50% серого. Скройте 50% серый логотип.
Глянцевый слой должен быть вставлен ниже. Снова можно использовать градиент. Он должен быть от черного к белому, и он предпочтительно должен быть более сложным, чем один склон. Возможно, лучшего результата можно добиться на случайной фотографии, на которой больше света в тех же областях, что и на искусственной матовой поверхности. Пример:
После обесцвечивания, размытия, вставки контраста (= кривые) и размытия снова, чтобы удалить полосу:
Глянцевый слой вставляется:
Края логотипа легко исчезают, если изменить затенение на менее агрессивное. Этого можно избежать, добавив к 50% серому логотипу режим наложения = жёсткий свет и добавив эффект усиления краев Слой> Стиль слоя> Наклон и тиснение. Примечание: свет идет вверх, а усиленный край тонкий. Отрегулируйте непрозрачность краевого повышающего слоя, чтобы сделать эффект более тонким.
Яркость блеска должна легко регулироваться. Вставьте корректирующий слой для него. Здесь полутона немного приподняты:
Градиенты обычно могут быть слишком чистыми, чтобы быть правдоподобными. Можно добавить немного зерна. Добавьте 50% серый слой с зернистой или другой текстурой. Установите режим смешивания = жесткий свет. Глубина эффекта может быть отрегулирована непрозрачностью.
Сохраните работу, продублируйте все слои, объедините дубликаты и сделайте пару копий. Теперь пришло время вписать результат во что-то. Вы должны добавить фоновое изображение и настроить результат, чтобы соответствовать ему. Вы можете
- искажать перспективу
- добавить толщину (= покрасить вертикальные края)
- настроить кривые блеска
- раскрасить с помощью Image> Adjustments> Hue / Saturation> Colorize
- настроить общий свет
Вы не можете сделать все это до окончательной формы без фонового изображения. Таким образом, следующее является лишь тестовым примером.
ADDENDUM: эта работа невозможна в низком разрешении. По крайней мере, 2000 х 3000.
Изучаем стиль слоя Satin (Глянец) | Уроки Photoshop
Стили слоя являются популярным способом добавить эффектов, не разрушая целостность слоя. Имея достаточно знаний, можно добиться любого результата. Однако, для этого нужно понимать для чего предназначен каждый параметр и какой эффект он производит.
В этом уроке вы узнаете все о настройках стиля слоя Satin (Глянец) и примеры его применения. Начнем!
Применение Satin (Глянец)
Глянец один из самых непонятных стилей слоя, но если вы знаете, как им пользоваться, то сможете создать несколько совершенно разных эффектов.
Например, для создания эффекта шелка или сатина, придания дополнительной глубины и реалистичности металлическим и стеклянным поверхностям.
Диалоговое окно
Satin (Глянец) создает две копии вашего слоя, затем смещает и размывает их, чтобы выдать финальный результат. Это сложно представить, но легко понять, увидев в действии.
В диалоговом окне этого стиля слоя не так много параметров и вы уже видели большинство из них. Все, что нам остается сделать, это посмотреть, как они взаимодействуют друг с другом.
Режим смешивания
Параметр Blend Mode (Режим смешивания) позволит вам выбрать режим наложения для вашего эффекта, а цветовое поле, естественно, цвет.
Лучше всего начать с Linear Burn (Линейный затемнитель) и черного цвета, или Linear Dodge (Add) (Линейный осветлитель (Добавить)) с белым цветом. Это позволит нам увидеть, как работает Глянец, и в то же время создать очень реалистичный эффект.
На примере ниже видно, что применение белого цвета и Linear Dodge (Add) (Линейный осветлитель (Добавить)) осветляет текст, а использование черного цвета и Linear Burn(Линейный затемнитель) делает его темнее.
Непрозрачность
Небольшое значение создаст более мягкий эффект, а увеличение непрозрачности сделает его более выраженным.
На примере ниже вы можете увидеть разницу.
Угол
Параметр Angle (Угол) отвечает за угол смещения эффекта Глянец. Вы можете ввести числовое значение или мышкой потянуть за линию.
Следующий пример может быть не самый красивый, но он четко показывает, как коррекция угла может изменить вид вашего стиля. Использовав его в сочетании с другими эффектами, Angle (Угол) может помочь вам добиться более реалистичного результата.
Расстояние
Параметр Distance (Расстояние) отвечает за расстояние смещения эффекта. Это дополнительная помощь, когда вы пытаетесь создать отражение для стекла.
На следующем примере вы можете увидеть, как небольшое увеличение Distance (Расстояние) может придать более выраженное отражение на стеклянном тексте.
Размер
Параметр Size (Размер) устанавливает размер размытия Глянца. Чем больше значение, тем больше уровень размытия. Как правило, небольшое значение дает наиболее реалистичный результат.
На следующем примере низкое значение Size (Размер) делает границы освещенных участков более жесткими.
Контур
Контурные кривые отвечают за спад эффекта Satin (Глянец). Для начала линейная или S-кривая подойдут лучше всего. Более динамичный контур позволит вам добиться интересных эффектов отражения.
Чекбокс Anti-aliased (Сглаживание) сглаживает жесткие края, а чекбокс Invert (Инвертировать) переворачивает контур вверх ногами.
На следующем примере вы видите, как смена контура создает более яркие блики и отражения.
Сохранение и загрузка настроек по умолчанию
Вы можете сохранить и загрузить стандартные параметры для каждого стиля слоя. Кликнув на кнопку Make Default (Использовать по умолчанию), Фотошоп сохранит текущие значения как новые стандартные для данного эффекта.
Кликнув Reset to Default (Восстановить значение по умолчанию), Фотошоп загрузит любые последние сохраненные параметры. Это позволит вам экспериментировать и легко возвращать стандартные настройки, если вы хотите начать все сначала.
Автор: John Shaver
Переводчик: Макс Енин
Эффект Тиснение. Эффект Глянец
Эффект Тиснение
При помощи Тиснения создается иллюзия рельефности.
Выделите слой с разными формами, выберите в списке эффектов пункт Тиснение.
Параметры данного эффекта делятся на две основные группы: Контур и Текстура.
Опция Стиль фактически отвечает за тип действия эффекта. Здесь можно выбрать варианты: Внешний скос, Внутренний скос, Тиснение, Контурное тиснение, Обводящее тиснение.
Метод позволяет указать метод осуществления тиснения. Здесь нам доступны три варианта: Плавное, Жесткая огранка, Мягкая огранка.
Глубина отвечает за глубину создаваемого рельефа, фактически — за насыщенность добавляемых элементов, например, тени.
С помощью Направление
Размер определяет размер тени при создании иллюзии объема.
Смягчение позволяет сгладить добавляемый элемент.
В группе Затемнение находятся параметры Угол, Высота, Глобальное освещение, позволяющие настроить общее направление тени.
Опция Контур глянца позволяет выбрать вариант контуров создаваемого глянца.
Режим подсветки и Режим тени позволяют соотносить режимы смешивания цветов подсветки и теней с общим изображением.
На рисунке показаны образцы разнообразных элементов с эффектом Тиснения.
Эффект Тиснение, подчеркивая форму элемента и создавая иллюзию рельефа, позволяет избежать применения трехмерной графики.
Эффект Глянец
Эффект Глянец позволяет имитировать глянцевую поверхность путем добавления специфической внутренней тени.
Выберите слой с каким-нибудь элементом, в списке эффектов войдите в пункт Глянец.
В появившемся окне настроек можно настроить прозрачность добавляемой тени при помощи параметра
Данный эффект позволяет преобразовывать фигуры следующим образом.
Эффект Глянец позволяет интересно преобразовать внешний вид элемента, находящегося на слое.
32 страниц
Понравилась статья или раздел сайта — порекомендуйте их друзьям.
Глянцевый черный логотип на матовом черном фоне
Мне нечего добавить о технологии УФ-печати. Но вот что-то о макете.
Сделайте свой логотип черным на прозрачном и поместите его как отдельный слой на слой, который имеет некоторую правдоподобную версию матовой поверхности в неравномерном свете. Фотография настоящей вещи была бы превосходной. У меня была затемненная фотография серой раскрашенной двери. Можно использовать градиент. Избегайте полного черно-белого цвета, диапазон яркости должен быть макс. От 20% до 80%
Скопируйте логотип на маску слоя матовой поверхности. Скопируйте его сначала в буфер обмена. После вставки маски удерживайте клавишу Alt и щелкните значок маски, чтобы получить маску на экране. Вы можете вставить черный логотип.
Слой логотипа будет полезен позже как 50% серый. С помощью инструментов уровней или кривых отрегулируйте черный до 50% серого. Скрыть 50% серый логотип.
Глянцевый слой должен быть вставлен ниже. Снова можно использовать градиент. Он должен быть от черного до белого и предпочтительно должен быть более сложным, чем один наклон. Возможно, лучший результат может быть достигнут из случайной фотографии, которая имеет больше света в тех же областях, что и поддельная матовая поверхность. Пример:
После обесцвечивания, размытия, вставки контраста (= кривые) и размытия снова для удаления полосы:
Глянцевый слой вставлен:
The edges of the logo easily vanish, if you change the shading to less agressive. It is prevented by giving to the 50% grey logo the blending mode = hard light and adding the edge boosting effect Layer > Layer Style > Bevel&Emboss. Note: The light comes upwards and the boosted edge is thin. Adjust the opacity of the edge boost layer smaller to keep the effect subtle.
Яркость блеска должна быть легко регулируемой. Вставьте для него корректирующий слой. Здесь средние тона немного подняты:
Градиенты обычно могут быть слишком чистыми, чтобы быть правдоподобными. Его можно добавить немного зерна. Добавьте 50% серый слой с зернистой или другой текстурой. Установите режим наложения = жесткий свет. Глубина эффекта можно отрегулировать по непрозрачности.
Сохраните работу, дублируйте все слои, объедините дубликаты, сделайте пару копий. Теперь пришло время подвести результат во что-то. Вы должны добавить фоновое изображение и отрегулировать результат, чтобы он поместился в него. Ты можешь
- distort the perspective
- add some thickness (=paint vertical edges)
- adjust the gloss light curves
- colorize with Image > Adjustments > Hue/Saturation > Colorize
- adjust the general light
Вы не можете сделать все это до окончательной формы без фонового изображения. Таким образом, это всего лишь тестовый пример.
ADDENDUM: This job is impossible in low resolution. Have at least 2000 x 3000.
Как сделать зеркальное отображение в Photoshop
Как сделать зеркальное отображение в Photoshop на русском
Откройте Adobe Photoshop и загрузите в него выбранную картинку, для которой хотите сделать отражение. Найдите пункт «Файл» -> «Открыть…»
Затем скопируйте слой с открытым изображением. Для этого кликните левой кнопкой мыши на слой и выберите команду «Создать дубликат слоя», либо используйте команду клавиш «Ctrl + J».
После скопированный слой нужно перевернуть по вертикали или горизонтали. Это зависит от того, с какой стороны предмета вам нужно отражение. Например, отражение предмета должно быть под ним. Тогда на главной панели выбираем «Редактирование» -> «Трансформирование» -> «Отразить по вертикали».
Получившееся «отражение» с помощью инструмента «Перемещение» нужно аккуратно расположить под изначальным изображением.
Далее выберите слой с перевернутым изображением и нажмите на значок маски, который находится под всеми слоями.
Кликнете на маску и выберите слева на панели команд «Инструмент градиент».
Выбранный цвет при этом должен быть черным. Наверху в настройках нужно выбрать параметр «Линейный градиент». Удерживая клавишу Shift, левой кнопкой мыши снизу вверх накладываем градиент до достижения желаемого эффекта.
Выберите слой с перевернутым изображением и найдите над слоями настройку «Непрозрачность». Выставите этот параметр на нужные для вас значения в зависимости от желаемого результата.
Не забудьте сохранить полученное изображение!
Как сделать зеркальное отображение в Photoshop на английском
Если у вас английский интерфейс Adobe Photoshop и вы не хотите его изменять на русский, то следуйте следующей инструкции.
Откройте программу и загрузите в нее файл с изображением с помощью File -> Open.
Затем скопируйте слой с картинкой с помощью клавиш «Ctrl + J».
На главной панели выберите Image -> Image Rotation -> Flip Canvas Vertical или Flip Canvas Horisontal, в зависимости от желаемого результата.
С помощью инструмента Move Tool расположите полученное «отражение» около предмета. Выберите слой с перевернутым изображением и нажмите на значок маски. Кликнете на маску. Чтобы наложить градиент, найдите инструмент Gradient и выберите настройку Linear Gradient. Удерживая клавишу Shift, левой кнопкой мыши наложите градиент до достижения желаемого эффекта.
После этого над слоем с «отражением» предмета найдите настройку Opacity и выставите нужную прозрачность изображения.
Читайте также:
Фото: компании-производители
Видео: CHIP
Текстовый эффект в восточном стиле в Adobe Photoshop
В этом уроке мы будем создавать интересный текстовый эффект в Photoshop. Мы начнем с создания паттерна с красивой цветочной текстуры в восточном стиле. После этого мы используем ее для создания тисненого красного фона, а также для оформления текста. Мы используем стили слоя, режимы наложения и фильтры, чтобы добиться финального результата.
Результат
Исходники
Для выполнения этого урока вам понадобятся следующие исходники:
Создаем узор из текстуры
Откройте китайскую цветочную текстуру из исходников в Photoshop. Убедитесь что вы скачали самый большой вариант файла.
Выберите в меню Edit > Define Pattern/Редактировать>Определить узор.
Создаем восточный красный фон
Красный цвет очень популярен в китайской культуре. Он символизирует удачу, счастье и радость. Вот почему мы сделаем наш фон красным.
Создайте новый файл PSD, создайте новый слой и назовите его Asian Background. Залейте слой белым цветом. Кликните по нему дважды, чтобы открыть стили слоя и укажите стили Color Overlay/Перекрытие цвета (цвет #7e0404) и Bevel and Emboss/Тиснение.
Включите подпункт Texture/Текстура в стиле слоя Тиснение, и выберите наш китайский цветочный узор. Scale/Размер текстуры настройте под размер вашего документа.
Новым слоем добавьте гранж-текстуру и укажите слою режим наложения Soft Light/Мягкий свет, на opacity/непрозрачности в 58%.
Текст в японском стиле
Используйте шрифт из исходников, чтобы ввести ваш текст. Назовите его Asian Text. Нажмите Control-J чтобы создать копию текста и назовите копию Asian Text 1. Нажмите Control-J еще раз и назовите копию Asian Text 2.
Укажите следующие стили для слоя Asian Text 1.
Для стиля Inner Glow/Внутреннее свечение используйте цвета #ffffbe .
Для стиля Bevel and Emboss/Тиснение используйте цвета #ffffff и #f5f0ea .
Стиль Satin/Глянец и цвет #1749d7 .
Stroke/Обводка — цвет #ed2024 .
Вот что должно получиться:
Укажите слою Asian Text 2 следующие стили слоя:
Укажите слою Fill/Заливку в 0%.
Результат должен выглядеть так:
Кликните правой кнопкой по слою Asian Text и выберите Rasterize Text/Растрировать текст. В меню выберите Filter > Other > Minimum/Фильтр>Другой>Минимум.
Кликните правой кнопкой по слою Asian Text 2 и выберите Copy Layer Style/Копировать стиль слоя. Кликните правой кнопкой по слою Asian Text и выберите Paste Layer Style/Вставить стиль слоя.
Вы можете открыть окно со стилями слоя и изменить стиль Drop Shadow/Тень, увеличив параметры distance/дистанция, size/размер, opacity/непрозрачность и пр.
Нажмите Shift-Control-Alt-E чтобы создать слой-копию всех видимых слоев. В меню выберите Filter > Other > High Pass/Фильтр>Другое>Цветовой контраст.
Укажите слою режим наложения Soft Light/Мягкий свет.
Результат
Автор урока psddude
Перевод — Дежурка
Смотрите также:
20+ лучших глянцевых эффектов Photoshop, глянцевые наложения, текстуры, текст и многое другое
Нет недостатка в количестве визуальных стилей, которые вы можете использовать в Photoshop. Фактически, эта реальность часто представляет собой палку о двух концах, из-за которой сложно точно выбрать, в каком эстетическом направлении вы хотите развивать свои проекты.
Тем не менее, один из самых традиционных и надежных способов улучшить качество ваших дизайнов — это использование глянцевого эффекта. Эффекты блеска в Photoshop — отличный способ привнести нотку пикантности в ваш дизайн, не отрываясь от того, что отображается на экране.
Мы составили список лучших глянцевых эффектов для Photoshop, включая все, от глянцевых наложений, текстур до текстового дизайна. Если вы когда-нибудь задумывались, как добавить блеск в Photoshop, то в нашем списке есть все, что вам нужно. В нашем обзоре есть как премиальные, так и бесплатные варианты, чтобы гарантировать, что есть что-то для всего.
Читайте наш список лучших глянцевых текстурных эффектов Photoshop!
Получите все необходимое для ускорения рабочего процесса Photoshop.Всего за 16 долларов вы получите неограниченный доступ к тысячам экшенов Photoshop, предустановкам Lightroom, шаблонам, графике, шрифтам и фотографиям.
Найти экшены Photoshop
Этот текстовый плагин отлично справляется с глянцевыми эффектами при слабом освещении. Если вы создаете проект визуального дизайна с ограниченными источниками света и хотите, чтобы эффект блеска выделялся, тогда не ищите ничего, кроме этого смелого черного глянцевого эффекта для Photoshop.
Вы когда-нибудь задумывались, как сделать в Photoshop что-нибудь глянцевое, что обычно не бывает глянцевым? Это дополнение пытается ответить именно на этот вопрос, предлагая более пятидесяти различных кистей с улучшенным блеском для брызг крови, которые вы можете использовать в своих проектах.Отличный ресурс как для новичков, так и для профессионалов.
Создайте глянцевую текстуру в Photoshop в стиле этого текстового эффекта. Он предоставляет вам красиво оформленный зеленый пастельный дисплейный шрифт и накладывает на него глянцевый эффект в металлическом стиле. Если вы когда-нибудь запутаетесь, как добавить блеск в Photoshop, этот текстовый эффект — идеальное решение.
Этот текстовый эффект представляет собой простой, но эффективный трехцветный глянцевый дизайн. Он отлично подходит для улучшения дизайна шрифтов в металлическом стиле, и хотя он не стремится создать уникальную глянцевую текстуру, иногда более минималистичный и традиционный подход — это то, что действительно выделяется.Используйте этот эффект Photoshop с глянцевым текстом, чтобы ваши дизайны сияли насквозь.
Придайте своим фотографиям невероятный глянцевый эффект с помощью экшена Photoshop «Город и сияние». Это придаст вашему визуальному дизайну классическую блестящую эстетику и привнесет нотку индивидуальности в каждый затененный уголок вашей работы. Стоит попробовать потрясающий экшен Photoshop с наложением глянцевого изображения!
Создайте в Photoshop поистине впечатляющий эффект разбитого стекла в сочетании с легким блеском.Этот эффект предоставляет вам организованные и редактируемые слои, неограниченное количество цветных фильтров, а также пошаговые видеоуроки, которые помогут вам максимально эффективно использовать эффект.
Никогда больше не удивляйтесь, как добавить глянцевый эффект в Photoshop с помощью простого в использовании текстового надстройки Gold n ’Blue. Этот эффект сочетает в себе стиль шрифта 3D-дисплея с красивой рамкой с синей окантовкой и классическим трехцветным глянцевым эффектом.
Превратите свои изображения в сферу с помощью этого удивительно уникального эффекта глянцевого эффекта Photoshop.Этот экшен разработан для создания реалистичного эстетического блеска, избегая при этом чрезмерно глянцевого блеска.
Добавьте игристое веселье в свой дизайн с эффектом «Розовый серебристый глянцевый текст». Он позволяет превратить ваш дизайн шрифта в яркий и веселый розовый эстетический оттенок, одновременно окунув его в мягкое прикосновение двухцветного глянцевого покрытия. Отличный выбор для тех, кто хочет подражать этому блестящему пластиковому стилю.
Liquify — это пример более уникального глянцевого фильтра для Photoshop.Он превращает весь ваш визуальный дизайн в жидкость, а затем добавляет на него легкий намек на эффект блеска. Несмотря на более конкретный стилизованный дизайн, этот экшен будет превосходно выполнять внешний вид, который многие люди будут искать.
Этому экшену Photoshop удается как имитировать стиль шрифта 3D-дисплея, так и при этом создавать великолепно оформленную эстетику черного. Кроме того, этот эффект отлично подходит для создания универсальной глянцевой текстуры в Photoshop без использования слишком большого количества источников отражения.Он поставляется с тремя стилями глянцевого эффекта, что позволяет вам выбрать тот, который лучше всего соответствует вашему стилю и настроению.
Создайте стильный дизайн с помощью экшена Photoshop Dripping Gold. Это более минималистичный подход к глянцевому фильтру в Photoshop, но он обеспечивает красивый глянцевый золотой эффект, который обязательно произведет впечатление.
Создайте голографический стиль 80-х с помощью этого плагина Photoshop. Этот эффект предоставляет вам ряд великолепно разработанных голографических экранных шрифтов и варианты глянцевого наложения, которые сделают ваш дизайн действительно заметным.Когда у вас есть доступ к одному из лучших дополнений Photoshop с глянцевым наложением, не нужно беспокоиться о том, как добавить глянцевый эффект в Photoshop.
Кристалл, пиксель, магия, алмаз, гладкая, спиральная и полосатая голографические текстуры — в этой коллекции Photoshop есть все стили, которые могут вам понадобиться для придания глянцевого волшебного эффекта вашим текстовым дизайнам, логотипам и формам.
Создайте уникальную эстетику для своих проектов с помощью текстового эффекта Purple Gloss.Эта глянцевая накладка обеспечивает баланс между сияющим пластиком и эффектом холодного металла. Есть несколько вариантов настройки на выбор и красивый курсивный шрифт для вашего удовольствия.
Если вы хотите создать более реалистичный эффект блеска, тогда вам стоит попробовать это дополнение Photoshop. Этот эффект не дает вам чрезмерных глянцевых стилей, как многие другие ресурсы, но он обеспечивает более приглушенный подход к наложению глянца.Идеально подходит для многих проектов.
Если вы зациклились на том, как добавить глянцевый эффект в Photoshop, чтобы эффект не отвлекал слишком много внимания от ваших дизайнов, тогда вам понадобится Beauty Box. Этот экшен имитирует более приглушенный и профессиональный классический стиль с золотым блеском. Если вам нужно добавить немного блеска губам или щекам, это дополнение будет очень кстати.
Хотите знать, как сделать что-нибудь глянцевым в Photoshop, сохранив при этом художественную индивидуальность дизайна? Эффект 3D Gradient Colorful Gloss — это именно то, что вам нужно.Это веселый и игривый глянцевый стиль, который обязательно сделает заявление.
Предлагая широкий спектр эффектов Photoshop с глянцевой текстурой, эта коллекция золотых и серебряных стилей позволяет создать что-то поистине волшебное. Благодаря такому количеству глянцевых наложенных эффектов Photoshop на кончиках ваших пальцев вам никогда не придется тратить время на размышления о том, как сделать что-то глянцевым в Photoshop.
Бесплатные эффекты блеска для Photoshop
Может быть легко задаться вопросом, как добавить блеск в Photoshop бесплатно.Тем не менее, к счастью, есть много ресурсов, готовых помочь. Давайте теперь взглянем на плагины с глянцевыми фильтрами для Photoshop.
Создавайте невероятные глянцевые рисунки на любой поверхности шрифта с помощью эффекта трехмерного градиентного текста. Это бесплатный ресурс, который обеспечивает впечатляющую гибкость в применении и при этом обладает ярким глянцевым дизайном.
Этот экшен Photoshop является более уникальным дополнением к этому списку. Он предоставляет вам инструменты для улучшения и скрытия ваших личных изображений с помощью нескольких простых нажатий кнопки.Неудивительно, что это один из лучших экшенов Photoshop с глянцевым фильтром в нашем списке.
Слепите очаровательные глянцевые надписи с помощью этого бесплатного подарка. Этот плагин предоставляет вам курсивный шрифт для отображения, а также гладкий и блестящий эффект глянца, который обязательно впечатлит вашу аудиторию.
Создавайте удивительные дизайны с помощью этих глянцевых эффектов Photoshop уже сегодня!
Создавать великолепные глянцевые дизайны еще никогда не было так просто. Благодаря нашему выбору глянцевых ресурсов Photoshop у вас есть все необходимое для легкого создания потрясающих проектов визуального дизайна с лаконичным дизайном.
«Чрезвычайно глянцевый и блестящий текстовый эффект. Файл PSD доступен для загрузки.»
В этом уроке Photoshop мы увидим, как создать чрезвычайно глянцевый и блестящий текстовый эффект с блестящей текстурой. Мы будем использовать простые техники наложения и эффекты стиля слоя. Файл в формате psd и выкройка прилагаются. Вы можете найти бесплатный PSD-файл ниже.
- Создайте новый документ Photoshop 1024 * 768 пикселей, разрешение 72 пикселей / дюйм.Настройка стиля слоя работает правильно только для размера шрифта 220 пунктов (240 пунктов для первой буквы). Если вы используете другой шрифт, поиграйте с настройками. Вы можете изменить окончательный размер изображения без потери эффектов после объединения всех слоев.
- Чтобы создать фон, залейте первый слой любым цветом.
- Примените к этому слою следующий эффект наложения радиального градиента.
- Создайте новый пустой слой над градиентным фоном, разместите узор линий.
- Вы можете создать его самостоятельно, просто залейте новый слой рисунком диагональных линий и примените Filter> Distort> Twirl> 200 ° .
- Примените режим наложения Overlay к слою с узором и непрозрачность 10%.
- Создайте новый пустой слой и нарисуйте большое пятно цвета # ff0096 с помощью мягкой круглой кисти диаметром 500 пикселей в центре композиции.
- Введите текст, я использовал шрифт Wrexham Script, размер шрифта 220 пт и 240 пт для первой буквы.
- Загрузить выделение для текстового слоя — Меню> Выбрать> Загрузить выделение. Сделайте текстовый слой невидимым.
- Не снимая выделения, создайте новый пустой слой, перейдите в Menu> Edit> Stroke. Создайте внешнюю обводку шириной 3 пикселя.
Эффект реалистичного хрома и глянцевого пластика — Дорожная карта Photoshop
Эффекты хрома создать очень сложно, потому что хром совсем не имеет цвета.Все дело в размышлениях. Глянцевый пластик немного проще, но и сложнее. Итак, давайте узнаем, как с помощью некоторых продвинутых стилей слоя Photoshop можно создать потрясающий хромированный и пластиковый текстовый эффект.
Для этого эффекта я использовал шрифт Helvetica Rounded Bold, но вы можете использовать любой закругленный шрифт, какой захотите, например, бесплатный шрифт Simply Rounded. Этот эффект будет лучше смотреться на закругленных шрифтах, но использование других шрифтов также может принести некоторые интересные результаты.
• У вас еще нет Photoshop? Загрузите бесплатную пробную версию, чтобы следовать этому руководству!
• Получите 10 бесплатных изображений из Adobe Stock здесь…
Светоотражающий эффект хрома
Для простоты в этом руководстве будет использоваться только пара букв, чтобы проиллюстрировать процесс. Позже вы можете воссоздать этот эффект, используя более длинное слово или логотип, как вы решите.
Начните с рабочей области 290 × 230. Нарисуйте синий (# 0080FF) и черный градиент, как показано на изображении ниже, чтобы подчеркнуть технический вид эффекта:
Теперь введите две буквы размером 200 пикселей (в данном примере «TE»).
Выберите текстовый слой и примените к нему COLOR OVERLAY LAYER STYLE .
Мы используем средний серый цвет в качестве основного цвета хрома. Конечно, хромированный объект не имеет цвета, это 100% отражающая поверхность. Нарисовать его серым — это все равно что усреднить все цвета, которые он может отражать при окружающем свете. Позже мы добавим искажения, тени и блики:
Это одна из самых важных частей эффекта. Здесь мы придадим буквам округлый объем.Используя почти вертикальный источник света и очень резкий GLOSS CONTOUR PROFILE , мы получим некоторые реалистичные искаженные глянцевые блики. Чтобы создать этот контур, вы должны нажать на образец профиля GLOSS CONTOUR и начать играть с редактором кривых. Поскольку объяснение здесь слишком длинное, вы можете загрузить контур и загрузить его в PRESET MANAGER , выполнив следующие действия:
1) Перейдите к РЕДАКТИРОВАТЬ> УПРАВЛЕНИЕ ПРЕДУСТАНОВКАМИ…
2) Щелкните раскрывающееся меню ПРЕДУСТАНОВЛЕННЫЙ ТИП и выберите КОНТУРЫ .Группа контуров загрузится в окно PRESET MANAGER .
3) Нажмите кнопку ЗАГРУЗИТЬ и найдите файл контуров (PRChrome.shc), который вы только что скачали, загрузите его и затем нажмите ГОТОВО .
4) Перейдите в окно стиля слоя BEVEL AND EMBOSS и щелкните маленькую стрелку слева от образца GLOSS CONTOUR . Появится раскрывающееся окно с новым загруженным профилем. Просто выберите его, и вы готовы перейти к следующему шагу.
Добавление тени всегда обязательно при моделировании трехмерных объектов.
А теперь позвольте волшебству начаться. Эффект SATIN отлично подходит для имитации отражений. С помощью этих настроек мы имитируем искаженное отражение по краям каждой буквы.
Предыдущего шага было бы достаточно, чтобы хром выглядел красиво, но давайте добавим еще пару уточнений. Это резкое внутреннее свечение помогает затемнить обратную сторону букв, как если бы оно отражало нижележащую тень.
И, наконец, вишенка наверху: отражение фона, на котором расположены буквы.
Это приятный штрих, потому что он позволяет вам согласовать цвет фона (в данном случае синий # 0080FF), чтобы лучше интегрировать буквы в окружение.
Эффект глянцевого пластика
Для эффекта пластика нам нужно продублировать слой с эффектом хрома, чтобы пластиковые буквы находились в том же положении, что и хромированные буквы:
1) Дублируйте хромированный текстовый слой.
2) Щелкните глазком видимости слоя, чтобы скрыть слой хрома. Выделите новые повторяющиеся слои и перейдите в меню СЛОЙ> СТИЛЬ СЛОЯ> ЧИСТЫЙ СТИЛЬ СЛОЯ.
3) Выберите новый дублирующий слой и перейдите в меню СЛОЙ> РАСТЕРИЗОВАТЬ> ТИП. Текст на слое будет преобразован в графику и больше не будет доступен для редактирования.
4) Переименуйте новый слой по своему усмотрению. Теперь у вас должен быть слой BACKGROUND , слой с текстовым эффектом Chrome (сейчас скрыт) и новый растеризованный текстовый слой.
Нажмите CTRL KEY ( COMMAND KEY на Mac) и щелкните указателем мыши на миниатюре предварительного просмотра нового слоя, чтобы загрузить выделение:
Теперь перейдите в меню EDIT> STROKE и установите ШИРИНУ : 4px , ЦВЕТ: # 000000 (ЧЕРНЫЙ) , МЕСТО: ЦЕНТР и нажмите OK. Перейдите в меню ВЫБРАТЬ> ВЫБРАТЬ , чтобы деактивировать выбор. Мы увеличили толщину букв на два пикселя (два пикселя внутри выделения и два пикселя вне выделения), чтобы придать этому эффекту инкапсулированный вид.
Дублируйте новый слой и переименуйте его в TE SHADOW или как вам угодно. Затем переставьте слои так, чтобы слой TE SHADOW располагался ниже слоя TE PLASTIC .
Выберите слой TE PLASIC . Перейдите в меню СТИЛИ СЛОЯ и выберите ЦВЕТ НАДПИСИ . Используйте светло-серый цвет, чтобы имитировать отражение окружающей среды на белых буквах.
Теперь добавьте BEVEL AND EMBOSS , используя настройки, показанные на изображении ниже.Обратите внимание на то, что блики белые или почти белые, а остальная часть тела буквы — светло-серая, но буквы по-прежнему выглядят как чисто белые. Если бы мы закрасили буквы в чистый белый цвет, а не в светло-серый, объем букв был бы незаметен, что привело бы к плоскому мутному освещению.
Перейдите в окно КОНТУР , расположенное прямо под флажком BEVEL AND EMBOSS , и скопируйте настройки, показанные на изображении ниже. Стиль слоя CONTOUR очень полезен для точной настройки бликов.
Последний шаг — добавить небольшой стиль слоя INNER SHADOW . Это добавит эффекту немного больше объема.
Эффект пластики закончен. Поскольку на следующем шаге мы разрежем фигуру пополам, тень нужно будет создать с использованием другой техники, чтобы избежать неестественного вида.
Создание инкапсулированного эффекта
Теперь у нас есть эффекты Хрома и Пластика на двух разных слоях. Следующим шагом будет создание инкапсулированного вида эффекта.Здесь нет больших загадок, просто вырежьте половину пластикового текста и поместите ее над хромированным текстом.
К сожалению, мы не можем просто вырезать его, потому что эффекты существующего слоя будут применяться к новой форме. Придется это замаскировать. Взгляните на изображение ниже, чтобы увидеть разницу между обрезкой и маскированием в готовом эффекте.
Обратите внимание, что при обрезке изображения эффект скоса и тиснения изменяется, отражая новую форму. Вместо этого маскирование или скрытие верхней половины букв оставляет нетронутым эффект фаски и тиснения.
Узнайте, как замаскировать пластиковые буквы на следующем шаге
Начнем с процесса маскировки. Сначала щелкните значок с хромированным текстом LAYER VISIBILITY , чтобы он снова стал видимым, и выберите слой TE SHADOW .
С помощью инструмента RECTANGULAR MARQUEE выделите верхнюю половину букв и перейдите в меню РЕДАКТИРОВАТЬ> ОЧИСТИТЬ.
Перейдите в меню ВЫБРАТЬ> ВЫБРАТЬ , чтобы деактивировать выбор.
На предыдущем шаге слой TE SHADOW был обрезан наполовину.Теперь давайте воспользуемся этим слоем, чтобы создать маску для окончательного эффекта: выберите слой TE PLASTIC и перейдите в меню СЛОЙ> СОЗДАТЬ МАСКУ ДЛЯ ОБРЕЗКИ.
Пластиковый текст замаскирован с помощью слоя TE SHADOW .
Пока что пластиковые буквы не имеют тени. Вы видите тень от хромированных букв. Поскольку они больше, пластиковые буквы должны иметь большую тень.
Выберите слой TE SHADOW .Перейдите в окно стиля слоя DROP SHADOW и установите параметры, показанные на изображении ниже:
Давайте добавим несколько штрихов к этому эффекту. Крошечный скос сделает этот эффект более реалистичным.
Добавьте новый слой и назовите его TINY BEVEL или как хотите.
Установите ЦВЕТ ФОНА на белый. Затем выберите инструмент КАРАНДАШ и кончиком в 1 пиксель нарисуйте линию на верхней границе пластикового текста:
С помощью КИСТИ вы можете нарисовать небольшой блик в нижней части буквы E:
.Хотите верьте, хотите нет, но мы закончили этот бесконечный учебник.Проверьте изображения ниже, чтобы увидеть некоторые образцы этой техники, использованной для различных форм.
Другие примеры, созданные с этим эффектом.
Свежий глянцевый текстовый эффект — Planet Photoshop
Этот туториал покажет вам простой способ создать крутой, свежий, глянцевый текстовый эффект, используя стили слоя и пару изображений.
Учебные материалы
1. Шрифт Franks
2. Water Splash 3 от Moonglowlilly
3. Капли воды от Gex78
4. Gradient-Shapes для Photoshop от ilnanny (Загрузите файл CHROMES.grd файл)
ШАГ ПЕРВЫЙ: Создайте новый документ размером 850 × 550 пикселей с разрешением 72 ppi. Щелкните образец цвета переднего плана и установите цвет переднего плана на # 22272d, затем установите цвет фона на # 101115. Выберите инструмент «Градиент» (G), щелкните миниатюру градиента на панели параметров, чтобы открыть редактор градиентов, щелкните градиент от переднего плана к фоновому и нажмите кнопку «ОК». Теперь щелкните значок радиального градиента на панели параметров. Щелкните и перетащите от центра документа к одному из углов, чтобы создать фоновый градиент.
Выберите инструмент «Текст» (T) и, используя шрифт Franks с размером 230 пунктов, введите слово «FRESH» белым цветом в центре документа. Измените значение Заливки текстового слоя на 0%, затем дважды нажмите Command-J (ПК: Ctrl-J), чтобы сделать две копии.
ШАГ ВТОРОЙ: Дважды щелкните справа от имени исходного текстового слоя, чтобы открыть диалоговое окно «Стиль слоя». Нажмите Bevel & Emboss в списке стилей слева. Установите размер 27 пикселей, снимите флажок «Использовать глобальный свет», установите угол 149 ° и высоту 58 °.Щелкните стрелку вниз рядом с миниатюрой Gloss Contour и выберите Cone — Inverted. Установите флажок «Сглаживание», измените режим выделения на «Наложение», установите непрозрачность режима выделения на 100% и измените непрозрачность режима тени на 0%.
Теперь щелкните Контур в списке стилей и установите флажок Сглаживание.
Щелкните Обводка в списке стилей. Установите размер 1 пиксель. Измените Тип заливки на Градиент и установите Угол на 90 °. Теперь щелкните миниатюру градиента, чтобы открыть редактор градиента.Нажмите кнопку «Загрузить» справа, перейдите к фигурам градиента для загрузки Photoshop, найдите файл CHROMES.grd и нажмите «Открыть». Градиенты будут добавлены в конец списка. Выберите градиент 10x из нержавеющей стали и нажмите OK, чтобы закрыть редактор градиентов.
Выберите Inner Glow слева. Измените режим наложения на Мягкий свет и установите Шум на 100%. Теперь щелкните образец желтого цвета, используйте в качестве цвета # c7bf5a и нажмите OK, чтобы закрыть палитру цветов. Установите Источник в Центр и измените Размер на 20 пикселей.
Выберите «Наложение градиента» из списка стилей, затем щелкните миниатюру «Градиент», чтобы открыть редактор градиента. Щелкните по черному ограничителю цвета в нижнем левом углу шкалы градиента, затем щелкните образец цвета, установите цвет на # 016f6e и нажмите OK, чтобы закрыть палитру цветов. Теперь нажмите кнопку цвета в правом нижнем углу, измените цвет на # fee847, нажмите OK, чтобы закрыть палитру цветов, и еще раз нажмите OK, чтобы закрыть редактор градиентов.
Теперь щелкните Drop Shadow.Установите Непрозрачность на 19%, снимите отметку с Use Global Light, измените Угол на -143 ° и сделайте Расстояние 18 пикселей. Нажмите ОК, чтобы закрыть диалоговое окно «Стиль слоя». Это стилизует основной текстовый слой. Если хотите, можете попробовать разные градиентные заливки.
ШАГ ТРЕТИЙ: Дважды щелкните справа от имени первого текстового слоя копии, чтобы открыть диалоговое окно «Стиль слоя». Выберите Bevel & Emboss слева, измените размер на 10 пикселей, снимите флажок Use Global Light и установите угол 63 ° и высоту 69 °.Установите флажок «Сглаживание», измените режим выделения на «Наложение», непрозрачность режима выделения на 100% и непрозрачность режима тени на 0%. Нажмите ОК, чтобы применить стиль слоя. Это добавит к тексту еще один глянцевый слой.
ШАГ ЧЕТВЕРТЫЙ: Дважды щелкните второй текстовый слой с копией, чтобы открыть диалоговое окно «Стиль слоя». Нажмите Bevel & Emboss, установите Size на 21 px, снимите флажок Use Global Light и измените Angle на -121 ° и Altitude на 58 °. Теперь установите флажок «Сглаживание», измените режим выделения на «Наложение», установите непрозрачность режима выделения на 100% и измените непрозрачность режима тени на 0%.
Щелкните Контур в списке стилей. Щелкните стрелку вниз рядом с миниатюрой контура, выберите «Полукруглый» и установите флажок «Сглаживание».
Выберите Outer Glow из списка стилей. Измените режим наложения на Linear Light и установите Noise на 19%. Щелкните образец желтого цвета, выберите цвет # dbffb7, щелкните OK, чтобы закрыть палитру цветов, и измените размер на 7 пикселей. Нажмите ОК, чтобы применить стиль слоя. Это добавляет последний глянцевый слой, а также внешнее свечение, чтобы эффект выглядел более интересным.
ШАГ ПЯТЫЙ: Откройте изображение Water Splash 3, выберите инструмент «Перемещение» (V) и перетащите изображение на рабочий документ в верхней части стопки слоев. Затем перейдите в меню «Правка»> «Свободное преобразование», чтобы изменить его размер и при необходимости переместить, чтобы он покрыл весь имеющийся у вас текст. Нажмите Enter, чтобы подтвердить преобразование.
Дважды щелкните название слоя с брызгами воды, переименуйте его в «Drops», затем измените его значение «Заливка» на 0%. Теперь дважды щелкните справа от имени слоя, чтобы открыть диалоговое окно «Стиль слоя».Выберите Bevel & Emboss из списка стилей, установите флажок Anti-aliased, измените Highlight Mode на Vivid Light и уменьшите непрозрачность Shadow Mode до 10%.
Теперь выберите Contour, измените Contour на Cone — Inverted и установите флажок Anti-aliased.
Щелкните Drop Shadow, уменьшите Непрозрачность до 15%, снимите флажок Use Global Light, измените Угол на 113 ° и установите Расстояние на 7 пикселей. Нажмите ОК, чтобы применить стиль слоя. Это стилизует капли и красиво смешивает их с текстом.
Щелкните эскиз текстового слоя, удерживая клавишу Command (ПК: щелкните мышью, удерживая клавишу Ctrl), чтобы загрузить его в качестве выделения, затем щелкните значок «Добавить маску слоя» (кружок в квадрате) в нижней части панели «Слои». Это избавит вас от лишних капель за пределами текста, но вы все равно сможете удалить маску и повторно применить ее к любому другому тексту, который вы создаете.
ШАГ ШЕСТОЙ: Откройте одно из изображений с каплями воды в папке Gex78 (подойдет любое изображение).С помощью инструмента «Перемещение» перетащите изображение в рабочий файл, а затем перетащите его под исходный текстовый слой. Дважды щелкните имя слоя и переименуйте его в Water BG. В верхней части панели «Слои» измените режим наложения на «Перекрытие». Выберите «Правка»> «Свободное преобразование» и измените размер изображения, чтобы оно немного выступало за текст.
Щелкните значок «Добавить маску слоя» в нижней части панели «Слои» и нажмите D, затем X, чтобы установить цвета переднего плана и фона на черный и белый соответственно.Выберите инструмент «Градиент», щелкните миниатюру градиента на панели параметров, выберите градиент от переднего плана к фоновому, нажмите «ОК», чтобы закрыть редактор градиентов, затем щелкните значок линейного градиента на панели параметров.
Затем поместите курсор немного выше верхнего края изображения с каплями воды, затем щелкните и перетащите его в нижнюю часть текста. Это сотрет верхнюю часть изображения и превратит его в исходный фон. Вы можете отменить и повторить шаг, пока не получите результат, который, по вашему мнению, выглядит хорошо.
ШАГ СЕДЬМОЙ: Выберите верхний слой, затем щелкните, удерживая клавишу «Shift», чтобы выбрать все слои, кроме слоев «Фон» и «Water BG». Выберите «Слой»> «Дублировать слои», нажмите «ОК» в появившемся диалоговом окне, затем выберите «Слой»> «Объединить слои». Дважды щелкните имя дублированного слоя и переименуйте его в «Отражение».
Перейдите в Edit> Transform> Flip Vertical, чтобы перевернуть объединенный слой вверх ногами. Используя инструмент «Перемещение», нажмите и удерживайте клавишу Shift и перетащите отражение вниз, пока оно не коснется нижнего края текста.Выберите Filter> Filter Gallery> Distort> Ocean Ripple и измените оба значения на 9. Это сделает отражение более реалистичным. ( Примечание: Если галерея фильтров неактивна, выберите «Изображение»> «Режим»> «8 бит / канал» и повторите попытку.)
Измените режим наложения слоя «Отражение» на «Жесткий свет» и уменьшите непрозрачность до 65%. Затем следуйте тем же инструкциям в абзацах два и три Шага Шестого, чтобы стереть нижнюю часть отражения и заставить его исчезнуть, используя маску слоя и градиент.Убедитесь, что вы перетаскиваете градиент снизу вверх над неотраженными буквами, чтобы получить правильное затухание.
ШАГ ВОСЬМОЙ: Щелкните значок «Создать новый слой» в нижней части панели «Слои», чтобы добавить слой над слоем отражения. Переименуйте слой Shadow, щелкните образец цвета переднего плана, выберите цвет # 464646 и нажмите OK, чтобы закрыть палитру цветов. Выберите инструмент «Кисть» (B) и откройте панель «Кисть» («Окно»> «Кисть»). С левой выделенной формой кончика кисти установите размер 80 пикселей, округлость 50% и интервал 50%.Теперь нажмите «Динамика формы», измените «Колебание размера» на 30% и убедитесь, что «Контроль» выключен для всех экземпляров.
Измените режим наложения слоя Тень на Умножение и уменьшите Непрозрачность до 30%. Теперь нарисуйте тени под текстом. Вы можете изменить значение непрозрачности, если вам нужно после добавления тени.
Щелкните значок «Создать новый корректирующий слой» (наполовину черный, наполовину белый круг) в нижней части панели «Слои» и выберите «Градиент». В диалоговом окне «Градиентная заливка» щелкните миниатюру «Градиент», дважды щелкните точку цвета в нижнем левом углу, введите # 7c7c7c и нажмите «ОК», чтобы закрыть палитру цветов.Теперь дважды щелкните нижний правый упор, используйте тот же цвет и дважды щелкните OK. Вернитесь в диалоговое окно Gradient Fill, измените Style на Radial, Scale на 500%, отметьте Reverse и нажмите OK.
Наконец, измените режим наложения корректирующего слоя на Linear Burn и уменьшите непрозрачность до 30%. Это завершит текстовый эффект, слегка изменив цвет.
Вот окончательный результат. Основной эффект создается с помощью стилей слоя, но к изображениям добавлены свежие, интересные капли и фон.Надеюсь, вам понравилось это руководство, и вы сочли его полезным.
Применение эффектов освещения и сияния к изображению в Adobe Photoshop CS5
В этом уроке я покажу вам, как добавить эффекты освещения и сияния к изображению с помощью методов Adobe Photoshop CS5. Включен многослойный PSD-файл. Давайте начнем!
Предварительный просмотр окончательного изображения
Создайте новый документ ( Ctrl + N ) в Adobe Photoshop CS5 с размером 768px на 1024px (цветовой режим RGB ) с разрешением 72 пикселей / дюйм .Используйте инструмент Paint Bucket Tool (G) , чтобы заполнить черным цветом новый фоновый слой .
Теперь выберите инструмент Rectangle Tool (U) и изобразите прямоугольник, как показано ниже:
Установите Fill на 0% на панели Layers , щелкните правой кнопкой мыши на этом слое и выберите Blending Options . В разделе Advanced Blending выберите Layer Mask Hides Effects .
Затем добавьте Обводка , как показано ниже:
Убедитесь, что слой прямоугольника активен, и щелкните в нижней части панели «Слои » на Значок «Добавить маску слоя» . Выберите кисть Soft Round Pressure черного цвета из инструмента Brush Tool (B) . Установите размер кисти от до 200 пикселей и жесткость от до 100% дюймов Панель параметров .Используйте эту кисть, чтобы закрасить маску, как показано ниже.
У нас должен получиться результат:
Сделайте копию этого слоя Ctrl + J ( Дублируйте слой ) и измените его размер, применив преобразование объекта Ctrl + T ( Free Transform ).
Найдите стоковую фотографию с изображенной на ней моделью, я использовал это фото с сайта deviantart. Я хотел бы поблагодарить автора этой фотографии, или, если хотите, вы можете заменить аналогичное изображение своим.
Удалите фон с помощью ваших любимых инструментов, таких как Pen Tool (P) , Magic Wand Tool (W) , Magnetic Lasso (L) или даже простой Filter> Extract и вставьте его на новый слой в нашем основном документе.
Создайте новый слой Ctrl + Shift + N и выберите следующую кисть из инструмента Brush Tool (B) с цветом # 8182BD .
Раскрасьте голову девушки, как показано на следующем рисунке:
Давайте создадим обтравочную маску , чтобы сделать содержимое слоя, содержащего мазков кисти , видимым только внутри содержимого слоя, содержащего девушку .Удерживая нажатой Alt (Windows) или Option (Mac OS) , щелкните между слоем с мазками кисти и слоем с девушкой (на панели Layers ).
Измените Режим наложения для этого слоя на Цвет .
Примените ту же процедуру с красным цветом на этот раз # ED1C24 и создайте обтравочную маску .
Измените режим наложения на Hue .
Примените ту же операцию к следующему слою, нарисуйте следующим цветом: # D7941D , создайте обтравочную маску и измените Blending Mode на Hard mix . На этом слое мы должны установить Fill на 40% .
Щелкните Создайте новый слой заливки или корректирующий слой из нижней части панели Layers и выберите Hue / Saturation .
Перетащите ползунок влево, чтобы уменьшить Насыщенность цветового диапазона.Используя эту операцию, мы можем минимизировать интенсивность цвета.
Выберите еще раз Создайте новый слой заливки или корректирующий слой из нижней части панели Layers и щелкните на Curves , чтобы настроить форму кривой, как показано, чтобы внести небольшие корректировки цвета.
Получили следующий эффект:
Выберите следующую кисть Soft Round черного цвета из Brush Tool (B) :
Используйте эту кисть, чтобы нарисовать нижнюю часть девушки на новом слое :
Снова воспользуйтесь мягкой кистью белого цвета .
Затем нам нужно добавить несколько звезд на новом слое , используя другую кисть размером . Вы можете изменить размер кисти с помощью клавиш [ и ] на клавиатуре.
Теперь нам нужно изменить размер кисти на , выбрать цвет # ec008c и уменьшить непрозрачность кисти до 10% .
Изобразим контур вокруг девушки на новом слое с помощью кисти Soft Round :
Следующим шагом мы загрузим набор кистей для Adobe Photoshop с именем: Lep отражения .Выберите тот, который указан на следующем изображении:
Нам нужно настроить нашу кисть на панели кистей (F5) , выберите форму кончика кисти . Щелкните и перетащите любой из ползунков, чтобы изменить размер , угол кисти и интервал кисти , как показано. Окно предварительного просмотра отображает измененный мазок кисти. Установите непрозрачность на 40% и выберите также белый цвет .
На новом слое мы должны изменить размер кисти , чтобы изобразить звезды снизу:
Сделайте копию этого слоя Ctrl + J (Дублировать слой) и перейдите в меню фильтров, чтобы добавить Filter> Blur> Gaussian Blur .
Вот какой эффект мы должны получить для картинки:
Щелкните Создайте новый слой заливки или корректирующий слой из нижней части панели Layers и щелкните на Curves , чтобы настроить форму кривой, как показано, чтобы немного скорректировать контраст.
Мы получили следующий эффект.
Перейдите на панель слоев и переместите слои углов под корректирующий слой Кривые , как показано:
Мы получили следующий результат:
Готово!
Посмотреть полный размер можно здесь.
Загрузите бесплатный многослойный PSD-файл.
Создание уникального глянцевого текста в Photoshop
Текстовые эффекты — вот что выделяет заголовки. Независимо от того, создаете ли вы обложку журнала, разворот, плакат или заголовок для веб-сайта, текстовые эффекты привлекают большое внимание.Сегодня я покажу вам, как создать интересный глянцевый текст в Photoshop, как показано ниже.
Глянцевый текст в Photoshop
Сначала создайте новый документ. Размер моего документа составляет 600 x 450 пикселей. Вы можете сделать все, что захотите. Залейте фон приглушенным синим цветом (# 545f6d).
Далее нам нужно создать хороший шрифт. Мне нравится League Gothic, потому что она смелая, сильная и доминирующая. Выберите свой шрифт и введите сообщение заголовка.Я выбрал # 8a8a8a — средний серый цвет в качестве основного цвета шрифта.
Теперь нам нужно добавить стили слоя, чтобы наш глянцевый текст в Photoshop действительно сиял. Дважды щелкните текстовый слой в Photoshop и выберите Bevel and Emboss. Именно отсюда большая часть формы глянца создается для нашего эффекта, поэтому нам нужно уделить особое внимание этому разделу.
Установите скос на внутренний скос и настройте технику на сглаживание. Установите направление вверх, потому что мы хотим, чтобы текст выглядел приподнятым.Вы хотите установить размер от 80 до 85 пикселей или больше, в зависимости от размера вашего текста и вашего документа. Установите softten на 0px, потому что мы хотим, чтобы эффект фаски был резким. Это то, что даст нам глянцевый эффект, который мы ищем. оставьте затенение с углом по умолчанию 120 ° и установите высоту 30 °.
Контур глянца — это то место, где мы создадим уникальную форму нашего эффекта глянца. Вместо использования предустановки щелкните изображение контура, и вы сможете редактировать точки самостоятельно.Щелкните и перетащите каждую точку, пока она не станет похожей на пример, показанный выше. Уменьшите непрозрачность светлых участков до 60%, но оставьте тени на 100%. Ваш эффект глянцевого текста в Photoshop должен быть похож на показанный ниже:
Затем выберите «Обводка», установите размер 3 пикселя и установите внешнее положение. Установите непрозрачность на 50% (иначе обводка будет слишком резкой. Затем установите для параметра Тип заливки значение «Градиент» и создайте градиент, подобный приведенному ниже. Чтобы добавить точки к градиенту, щелкните непосредственно под самим градиентом.Вы можете дважды щелкнуть каждую точку, чтобы вызвать палитру цветов, чтобы вы могли легко выбрать каждый цвет. Установите угол 90 °.
Затем выберите Inner Shadow. Это поможет добавить четкости между обводкой и фактическим текстом. Установите непрозрачность на 40%, расстояние на 4 пикселя и размер на 10-15 пикселей. Убедитесь, что цвет черный.
Далее мы добавим Inner Glow. Это сделает середину нашего текста более заметной. Наш основной текст будет красным, поэтому цвет выделения должен быть более светлым.Розово-розовый цвет подойдет. Установите режим наложения на Luminosity. Установите дроссель на 2% и размер на 15 пикселей.
Добавление стиля слоя Satin добавит глянцевый эффект. Установите непрозрачность около 40% и белый цвет. Установите угол 45 ° и расстояние 5 пикселей. Это придает красивый внутренний блеск нашему глянцевому тексту в Photoshop.
Затем мы добавим к нашему тексту всплеск цвета. Выберите «Наложение градиента» и выберите градиент от красного к белому.Выберите стиль «Отражение», установите угол 90 ° и увеличьте масштаб до 150%.
Последнее, что нам нужно сделать, это добавить тени к тексту. Следующая часть сбивает с толку многих людей, потому что они думают, что из-за того, что настройка называется Outer Glow, она должна быть светлого цвета. Фактически вы можете использовать темный цвет и комбинировать Outer Glow с Drop Shadow, чтобы получить 2 тени. Выберите Outer Glow и установите непрозрачность около 40%. Установите разброс между 80% — 90%.Установите размер 5 пикселей.
Выберите Drop Shadow и выберите Multiply в качестве режима наложения. Установите темно-красный цвет (# aa0000). Установите Distance на 6px и размер где-то между 15-20px. Нажмите «ОК», и у вас должен получиться очень гладкий глянцевый текст в Photoshop.
Заключение
Достаточно немного поработать и творчески комбинировать стили слоев, и вы сможете создавать потрясающие эффекты в Photoshop. В кратчайшие сроки мы создали очень глянцевый текст в Photoshop.Если вы хотите, чтобы ваш текст был другого цвета, просто измените цвет наложения градиента и цвет тени. Я добавил файл Psd, который вы можете скачать и попробовать сами.
Каким для вас оказался эффект? Вы выбрали другой цвет для своего глянцевого текста в Photoshop. Поделитесь своими вопросами или проблемами в разделе комментариев ниже.
Скачать исходный файл
Профессиональная глянцевая кнопка «Загрузить»
В этом простом пошаговом руководстве я покажу вам, как создать простую, профессиональную и глянцевую кнопку «Загрузить».Я просто использую загрузку в качестве примера здесь, это действительно многоцелевая кнопка 😉 Такие кнопки также часто используются на сайтах Web 2.0 в последнее время, так что не торопитесь! (не серьезно)
1. Создание кнопки
Начните с создания нового документа для кнопки, в противном случае откройте дизайн веб-сайта, над которым вы работали. Я создал небольшой документ размером 400 x 110 , просто чтобы мои кнопки были внутри.
Теперь вам нужно придать форму вашей кнопке, вы можете сделать это либо с помощью инструмента Rounded Rectangle Tool (который является наиболее распространенным), либо вы можете использовать каналы, чтобы создать красивую однородную рамку с закругленными углами.Будет лучше, если вы просто воспользуетесь инструментом «Прямоугольник со скругленными углами».
Для настроек используйте радиус около 10-15 пикселей , вы можете увидеть другие настройки, которые я использовал ниже:
Теперь вытяните пуговицу на холст любым желаемым цветом. (неважно, какой цвет вы используете)
2. Примените стили слоя
Щелкните правой кнопкой мыши слой-кнопку на палитре слоя, затем перейдите в Параметры наложения , щелкните и примените следующие настройки:
- Внутренняя тень
- Наложение градиента
Вы можете использовать любые цвета в приведенных выше стилях слоя, но ваша кнопка все равно должна выглядеть примерно так:
3.Эффект подсветки / сияния
Пришло время добавить кнопке красивый глянцевый блеск. Начните с выделения вокруг вашей кнопки ( Select> Load Selection ), затем уменьшите выделение примерно на 5 пикселей ( Select> Modify> Contract ), теперь у вас должен остаться такой выбор:
Создайте новый слой, затем перетащите градиент от белого к прозрачному от верхнего края выделения к низу, как показано на изображении ниже:
Теперь вам нужно создать извилистый путь с помощью инструмента Pen Tool , превратить ваш путь в выделение, затем удалить нижнюю половину градиента, примерно так:
Я также использовал большую мягкую кисть, чтобы стереть нижние края, это дает очень приятное ощущение гладкости.
4. Текст и подробности
Теперь пора добавить текст на кнопку! Для начала возьмите инструмент Horizontal Type Tool (T) , затем напишите свой текст.
Шрифт, который я использовал выше, называется Myriad Pro , для верхней строки текста я использовал: Black Italic , 24 pt , Sharp , #fff .
Для нижней строки текста я использовал: полужирный курсив , 12 pt , Sharp , #fff .Я закончил, добавив эту Drop Shadow к текстовому слою.
Наконец, для приятного прикосновения я добавил отражение к кнопке и блеклый винтик в нижнем левом углу. Добавьте тень / отражение, продублировав основную кнопку позже, переместив ее ниже слоя с кнопкой, затем сотрите все, кроме верхней.
Вы можете скачать форму зубца, которую я использовал, из: Файл формы зубца.
