Надпись на стекле фотошоп
В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только стили слоя.
Сложность урока: Легкий
Стеклянные эффекты входят в число популярных эффектов и никогда не выйдут из моды. В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только Стили слоя (Layer Styles) программы Photoshop.
В данном уроке вы найдёте пару подсказок, которые помогут улучшить эффект при использовании других типов и размеров шрифтов.
Итоговый результат
Исходные материалы:
Шаг 1
Подбор изображения с задним фоном при создании эффекта стеклянного текста очень важный процесс, необходимо, чтобы задний фон делал эффект великолепным. Нужно убедиться, чтобы задний фон дополнял эффект стеклянного текста, но в то же время, он не должен перекрывать текст или делать его менее заметным или прозрачным.
В данном уроке используется задний фон с текстурой Боке, но вы можете использовать любое другое изображение на своё усмотрение, принимая во внимание, что некоторые настройки, возможно, необходимо будет изменить в зависимости от изображения, которое вы выбрали.
Итак, начнём с создания нового документа 850 x 550 px. Переместите текстуру Боке на наш рабочий документ, расположив поверх слоя с задним фоном. Примените масштабирование к текстуре Боке при необходимости, а затем вы можете объединить слой с текстурой Боке и слой с задним фоном.
Выбор шрифта – ещё одна важная часть процесса, если вы хотите получить потрясающий результат. Полужирный изящный шрифт определённо наилучшим образом продемонстрирует данный эффект.
Итак, напишите текст заглавными буквами, используя шрифт Rialto, размер шрифта 220 pt.
Уменьшите Заливку (Fill) слоя с текстом до 0 %, а затем трижды продублируйте слой с текстом, таким образом, у вас получится всего 4 слоя с текстом.
Шаг 2
Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss)
Размер (Size): 27
Уберите галочку в окошке Глобальное освещение (Use Global Light)
Угол (Angle): 149
Высота (Altitude): 58
Контур глянца (Gloss Contour): Cone – Inverted
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 100%
Режим тени (Shadow Mode) – Непрозрачность (Opacity): 3%
Вы можете уменьшить значение непрозрачности режима подсветки, если вы захотите создать более нежный эффект.
Контур (Contour)
Поставьте галочку в окошке Сглаживание (Anti-aliased).
Обводка (Stroke)
Размер (Size): 1
Тип обводки (Fill Type): Градиент (Gradient)
Угол (Angle): 90
Градиент (Gradient): stainless steel 10x – но вы также можете попробовать другие градиенты, выбрав из набора градиентов CHROMES.grd.
Внутренняя тень (Inner Shadow)
Непрозрачность (Opacity): 25%
Увеличивая значение Непрозрачности (Opacity) сделает эффект более характерным.
Тень (Drop Shadow)
Непрозрачность (Opacity): 19%
Уберите галочку в окошке Глобальное освещение (Use Global Light)
Угол (Angle): -143
Смещение (Distance): 18
Поиграйте с параметром Угол (Angle), чтобы изменить угол положения тени. Вы также можете щёлкнуть мышкой по тени + удерживая кнопкой мыши тень + потянуть тень в нужное направление, до того, как нажать кнопку OK.
Теперь вы можете увидеть, как начинает формироваться эффект, тем не менее, он всё ещё выглядит слишком простым.
Шаг 3
Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss)
Размер (Size): 10
Уберите галочку в окошке Глобальное освещение (Use Global Light)
Угол (Angle): 63
Высота (Altitude): 69
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 100%
Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%
Вы можете потянуть за маленький крестик или кружок внутри маленького кружка, чтобы изменить значения опции Угол (Angle) и Высота (Altitude) и вы можете сразу увидеть, какие изменения появляются. Выберите значения, которые вам понравятся, а затем нажмите OK.
Это простой шаг, он добавляет больше блеска на верхние края текста.
Шаг 4
Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss)
Глубина (Depth): 150%
Размер (Size): 15
Уберите галочку в окошке Глобальное освещение (Use Global Light)
Угол (Angle): -129
Высота (Altitude): 58
Контур глянца (Gloss Contour): Log
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 100%
Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%
Примечание переводчика: если у вас нет в наборе соответствующего контура глянца, то вы можете самостоятельно отредактировать контур.
Контур (Contour)
Контур (Contour): Half Round
Поставьте галочку в окошке Сглаживание (Anti-aliased).
Данный шаг добавляет блеск и глянец на нижние края, а также добавляет к тексту ощущение 3D.
Шаг 5
Дважды щёлкните по третьему дубликату слоя с текстом, чтобы применить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss)
Размер (Size): 21
Уберите галочку в окошке Глобальное освещение (Use Global Light)
Угол (Angle): -135
Высота (Altitude): 69
Поставьте галочку в окошке Сглаживание (Anti-aliased)
Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 100%
Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%
Контур (Contour)
Контур (Contour): Cone – Asymmetrical
Поставьте галочку в окошке Сглаживание (Anti-aliased).
Данный шаг добавляет блеск в центр текста. Поиграйте с различными значениями настроек Угол (Angle) и Высота (Altitude) параметра Тиснение (Bevel and Emboss), чтобы получить отличительный результат.
Шаг 6
Данный шаг выборочный, но он завершает эффект. Создайте новый корректирующий слой Градиент (Gradient) через нижнюю панель инструментов.
Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Линейный затемнитель (Linear Burn), непрозрачность слоя 30%.
Подсказка: Данный эффект 100% масштабируется. Поэтому, вы можете зайти в меню Изображение – Размер изображения (Image > Image Size), не забудьте поставить галочку в окошке Масштабировать стили (Scale Styles), а затем изменить размеры изображения, сделав его либо большим, либо маленьким на своё усмотрение.
Для более больших размеров, вы можете скачать полный размер текстуры Боке, а затем поменять задний фон, чтобы избежать пикселизации.
В этом уроке Вы узнаете, как сделать эффект запотевшего стекла.
Сложность урока: Легкий
Хотели бы Вы создать текст на запотевшем окне в Photoshop? Если да, то этот урок для Вас!
Используйте изображения, найденные через Google или любые другие веб-сайты, чтобы найти соответствующее изображение окна с водными подтёками либо вы можете использовать мою картинку.
Откройте картинку и примените Image > Adjustments > Desaturate (Изображение – Коррекция - Обесцветить), чтобы сделать её черно-белой.
После этого я хотел бы уменьшить яркость с помощью Image > Adjustments > Levels (Изображение – Коррекция – Уровни) с настройками как на рисунке:
Ваш результат должен выглядеть так:
После этого я добавил еще одно изображение – ночной город, который и стал видом из окна. Используйте свой картинный ресурс снова, чтобы найти соответствующее изображение или используйте мою картинку.
Перенесите фото с городом в наш документ, подгоните масштаб изображения города с помощью Edit > Free Transform (Редактировать - Свободное трансформирование (Ctrl+T)). Преобразуйте так, как показано на моей картине ниже:
Добавим реалистичности Filter > Blur > Gaussian Blur (Фильтры – Размытие – Размытие по Гауссу) с подобными параметрами настройки:
Режим наложения слоя изменяем на Overlay (Перекрытие) и установите opacity (непрозрачность) до 80 %. Смотрите, что мы имеем теперь:
Хорошо, теперь двигаемся к главной части урока. Выберите инструмент Brush Tool (Кисть), я выбрал кисть из стандартной галереи кистей Photoshop:
Установите размер кисти примерно 30 пикселей и пишем текст черным цветом на новом слое.
Уменьшите размер кисти до 8 пикселей добавьте подтёки в некоторых местах.
Чтобы подчеркнуть акцент на тексте, создадим новый слой и заполним его белым цветом. Применим к нему режим наложения Soft Light (Мягкий Свет), fill (заливка) 67 %, но вы можете поэкспериментировать и применить свои настройки.
Вот мы закончили урок! Я надеюсь, что Вам понравился этот совсем несложный урок.
В этом очень простом уроке вы узнаете, как с помощью фильтров и стилей слоя создать стеклянный текст на красочном фоне.
Сложность урока: Легкий
В этом очень простом уроке вы узнаете, как с помощью фильтров и стилей слоя создать красочный, искрящийся стеклянный текст.
Материалы для урока:
Шаг 1
Создаём новый документ (Файл - Создать) со следующими параметрами: Ширина: 1250, Высота: 750 px, разрешение 300.Далее нам необходимо залить созданный нами документ чёрным цветом. Дублируем слой нажатием клавиш (Ctrl+J).
В палитре цветов установите следующие цвета: передний план: чёрный (000000) цвет фона: (ffffff). Теперь мы должны создать небольшое “Северное Сияние” на котором будет располагаться наш текст. Переходим в Фильтр - Рендеринг - Волокна (Filter – Render - Fibers) и настраиваем его. Несовпадения 20 и интенсивность 5.
Переходим в Фильтр - Размытие - Размытие в движении (Filter – Blur - Motion Blur), изменяем угол на 90 градусов и Смещение на 1000.
Измените режим наложения на “Линейный затемнитель” (Linear Burn). В итоге наш слой останется пустым, черным цветом но это не беда цвета мы добавим позже.
Шаг 2
С помощью инструмента “Горизонтальный текст (T)” (Type tool) и шрифта “Playball” (ссылка на скачивание доступна в предисловии) латинскими буквами напишите любое слово или предложение.
Стоя на текстовом слое измените значение “Заливки” до 0 и дублируйте слой нажатием клавиш (Ctrl+J).
Шаг 3
Дважды кликните по оригинальному текстовому слою и примените следующие параметры:
Тиснение: Стиль-Внешний скос, Метод-Жесткая огранка, Контур глянца-Перевёрнутый конус, ставим галочку возле “Сглаживание” Режим подсветки-Линейный свет, Режим тени-Умножение, Цвет-Серый (b5b5b5).
Контур: Перевёрнутый конус, и ставим галочку возле “Сглаживание”.
Обводка: Размер-7пикс, Положение-Снаружи, Режим наложения-Нормальный, Непрозрачность-0%, Тип обводки-Цвет, Цвет-Белый (ffffff).
Тень: Режим наложения-Умножения, Цвет-Тёмно-серый (474747), Непрозрачность-75%, Ставим галочку на “Глобальном освещении”, Смещение - 11пикс, Размах - 0%, Размер - 8пикс.
И вот мы создали первый слой стеклянного текста.
Шаг 4
Дважды кликните по копии текстового слоя и примените следующие параметры:
Тиснение: Стиль - Внутренний скос, Метод - Плавное, Глубина - 100%, Направление - Вверх, Размер - 13пикс, Смягчение 0 пикс, Контур глянца - Волнистый нисходящий уклон, Ставим галочку возле “Сглаживание”.
Контур: Контур – Инверсия по Гауссу, и ставим галочку воле “Сглаживание”.
Внутреннее свечение: Режим наложения - Перекрытие, Непрозрачность - 75%, Шум - 100%, Цвет - Белый (ffffff), Метод - Мягкий, Источник - Из Центра, Стягивание - 0% Размер - 20пикс.
И вот мы создали второй слой стеклянного текста, пора нам разукрасить наш созданный ранее фон.
Шаг 5
Используйте инструмент “Кисть (B) ” (Brush Tool) Выберите большую мягкую кисть и создайте новый слой между копией и оригиналом фонового слоя и назовите его “Цвет” и раскрасите задний план любыми цветами на ваш вкус .
Из этого небольшого урока вы узнаете, как создать текст на запотевшем стекле.
Откройте изображение с запотевшим стеклом в Photoshop и подкорректируйте цвета, зайдя в меню Image > Adjustments > Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность). В диалоговом окне поменяйте такие настройки Hue (Цветовой тон) 10 и Saturation (Насыщенность) до 35.
Далее нам необходимо обесцветить картинку с запотевшим стеклом, сделать это можно при помощи коррекции Desaturate (Обесцветить).
Теперь нам нужно изменить размерность изображения с запотевшим стеклом, для этого зайдите во вкладку Image > Image Size (Изображение - Размер изображения). Я установил ширину 600 пикселей, но вы можете установить значение отличное от моего. Всё зависит от текста, который вы хотите создать.
Откройте картинку с хаммером - Hummer H2 Night City Car в Photoshop и поместите его над слоем с запотевшим стеклом. Активируйте команду Free Transform (Свободное трансформирование), чтобы изменить размер этого изображения. Для этого удерживая клавишу Shift, чтобы сохранить пропорции, переместите один из угловых маркеров внутрь.
После того, как вы подгоните картинку с автомобилем, нажмите ОК.
Для слоя с автомобилем режим смешивания измените на Overlay (Перекрытие) и непрозрачность понизьте до 80%.
Перейдите во вкладку Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и размойте картинку с автомобилем, установив радиус размытия 5,5 пикселей.
Поверх всех слоёв создайте новый слой и назовите его Text. Цвет переднего плана смените на чёрный, возьмите инструмент Brush Tool (B) (Кисть). В наборе кистей возьмите кисть Rough Round Bristle. Размер выберите на своё усмотрение, я установил 30 пикселей.
Откройте панель кистей F5 и уберите галочку возле Transfer (Передача).
Теперь на запотевшем стекле напишите текст при помощи настроенной кисти. Это довольно непросто, так что не торопитесь, вы всегда можете отменить, неудачно написанную, букву.
После того, как вы напишите текст, уменьшите диаметр кисти и добавьте потёки для каждой буквы для создания большей реалистичности.
Поверх слоя с текстом создайте новый слой, заполните его белым цветом и измените режим наложения для заливочного слоя на Soft Light (Мягкий свет), так же уменьшите значение непрозрачности до 55%.
И в заключении выберите слой, на котором написан текст, и измените значение непрозрачности примерно до 85%.
Освоив основные навыки, вы сможете создавать интересные уникальные эффекты, просто изменяя стили слоя. Например, если увеличить прозрачность, то получится текст с глянцевым эффектом. Так же данный текстовый эффект подходит практически к любому фону, будь то градиент, какая-либо текстура или просто заливка. Давайте начнем!
Шаг 1. Для начала создайте новый документ любого размера. На панели инструментов выберите Horizontal Type Tool (Горизонтальный текст) и введите любой текст, я ввел Glass. Шрифт я выбрал Lobster, цвет - не имеет значения, так как нам нужно понизить Fill (Заливка) для этого слоя до 0%.
Шаг 2. Продублируйте текстовый слой пять раз. К первому слою примените следующие стили: Inner Shadow (Внутренняя тень) и Bevel and Emboss (Тиснение), нажав на значок Add a layer style (Добавить стиль слоя) в нижней части панели слоев. Настройки для стилей смотрите ниже.
Затем к этому же слою примените стиль Gradient Overlay (Наложение градиента) с такими параметрами, как на изображении ниже. Цвет для градиента не имеет значения.
Шаг 3. Ко второму слою с текстом примените стили Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение) и Bevel and Emboss (Тиснение) с такими настройками:
Шаг 4. Для третьего слоя примените такие стили: Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Inner Glow (Внутреннее свечение) и Bevel and Emboss (Тиснение) с параметрами, как на изображении ниже.
Шаг 5. К четвертому текстовому слою нужно применить только стиль Bevel and Emboss (Тиснение). Настройки смотрите ниже.
Шаг 6. К последнему пятому слою так же примените стиль Bevel and Emboss (Тиснение) с такими параметрами:
Шаг 7. Создайте новый слой выше всех текстовых слоев и назовите его Horizontal Liquid. Воспользуйтесь инструментом Ellipse Tool (Эллипс) и создайте семь узких овалов внутри букв, смотрите изображение ниже.
Не обращайте внимания на то, что овалы выходят за пределы границ самих букв - сейчас мы это исправим. Создайте выделение любого слоя с текстом, нажав Ctrl + клик по миниатюре текстового слоя, и к слою с овалами добавьте маску, нажав на значок Add layer Mask (Добавить слой-маску) в нижней части панели слоев.
Шаг 8. Воспользуйтесь специальными кистями и добавьте блики на текст.
Ниже представлен еще один вариант стеклянного текста. Включайте свое воображение и создавайте интересные уникальные текстовые эффекты.
Читайте также: