Как сделать стеклянные буквы в фотошопе
В этом уроке мы будем работать с фильтрами для создания стеклянной текстуры. Затем добавим несколько стилей для текста, чтобы создать сверкающий текстовый эффект.
Ресурсы урока:
Шаг 1
Создайте новый документ. Файл-Создать (File-New) Ширина: 1000 Высота: 837 Разрешение: 200. Создайте новый слой, и расположите его выше фонового слоя. В цветовой палитре установите цвета по умолчанию (цвет фона белый а цвет переднего плана чёрный) перейдите в : Фильтр-Рендеринг-Облака (Filter > Render > Clouds).
Затем перейдите в Фильтр-Галерея фильтров-Искажение-Стекло (Filter > (Filter Gallery) > Distort > Glass) и настройте следующие параметры:
Искажение: 15 (Distortion)
Смягчение: 3 (Smoothness)
Текстура: Маленькие линзы (Tiny Lens)
Масштаб: 100 (Scaling)
И нажмите ОК
Далее нам необходимо сохранить это изображение как текстуру или узор, перейдите в: Редактирование-Определить узор (Edit > Define Pattern). В появившемся окне введите имя текстуры, например, “Узор стекла”. Вот и всё, вы можете теперь удалить этот слой или сделать его невидимым.
Шаг 2
Измените режим наложения для слоя с текстурой металла на “ Умножение ” (Multiply).
Шаг 3
Дублируйте слой с текстом два раза (CTRL+J) если у вас длина текста более чем в одну строку, то вам придётся разделить его два текстовых слоя (как у автора) то вам необходимо продублировать и второй текстовый слой два раза.
Шаг 4
Дважды кликните левой клавишей мыши по оригинальному текстовому слою и настройте следующие параметры:
Этот стиль слоя вы должны применить к остальным оригинальным текстовым слоям (если они у вас есть). Для этого на уже готовом оригинальном текстовом слое кликните правой клавишей мыши и выберите пункт “ Скопироватьстильслоя ” (Copy Layer Style) перейдите к другому оригинальному текстовому слою и выберите пункт “ Вклеитьстильслоя ” (Paste Layer Style). И так вернёмся к нашему оригинальному текстовому слою, (к которому мы добавляли стиль “Обводка”) перейдите в Слои-Растрировать-Слои (Layer > Rasterize > Layer Style) Если вы используйте более раннюю версию программы, то вам нужно сгруппировать каждый слой по отдельности Слои-Сгруппировать слои (CTRL+G) (Layer > Group Layers)
Шаг 5
Дважды кликните левой клавишей мыши по 1-й копии текстового слоя и примените следующие параметры:
Контур (Contour)
Контур: “Уклон с выемками” (Notched Slope)
Установите галочку на пункте “Сглаживание” (Anti-aliased box)
Обводка (Stroke)
Размер: 7 пикс. (Size)
Тип обводки: “Градиент” (Gradient)
Стиль: Зеркальный (Reflected)
Угол: 45 град. (Angle)
Масштаб 150% (Scale)
Название “Градиента” (stove pipe 60 из Градиента CHROMES.grd)
Тень (Drop Shadow)
Смещение: 10 пикс. ( Distance )
Размах: 10% ( Spread )
Размер: 15 пикс. ( Size )
И вот мы создали вот такую металлическую обводку, не забудьте применить этот эффект к остальным продублированным слоям.
Шаг 6
Если вы вышли из окна стилей для третьей копии текстового слоя то, опять дважды кликните по второй копии текстового слоя и примените следующие параметры:
Контур (Contour)
Контур: “Перевёрнутый конус” (Cone – Inverted)
Установите галочку на пункте “Сглаживание” (Anti-aliased box)
Текстура (Texture)
Узор: Выберите текстуру которую мы создавали в начале этого урока
Масштаб: 50% (Scale)
И вот мы закончили работу со стилями слоёв, скопируйте этот стиль слоя и примените его к остальным копиям слоя.
Перейдите на оригинальный (растрированный) и нам необходимо размыть тень, перейдите в Фильтр-Размытие-Размытие в движении (Filter > Blur > Motion Blur). И настройте следующие параметры:
Угол: -50 (Angle)
Смещение: 90 пикс. (Distance)
Далее измените уровень “ Непрозрачности ” (Opacity) до 50% для этого слоя. А также вы можете при помощи инструмента “ Перемещения ” (Move Tool) и стрелок на клавиатуре переместить тень, так чтобы тень начиналась от краёв текста и касалась нижних частей текста.
И в завершении добавим корректирующий слой “ Картаградиента ” (Gradient Map) этот корректирующий слой должен располагаться выше всех слоёв.
В этом уроке Вы узнаете, как создать букву в виде лабораторной колбы, а в конце наполните её жидкостью, пузырьками и паром.
Сложность урока: Средний
В этом уроке вы узнаете, как создать реалистичный стеклянный текстовый эффект, используя очень простые инструменты и методы такие, как стили слоя и режимы наложения. Этот урок научит применять прозрачную глянцевую текстуру к форме буквы, а также заполнять лабораторную посуду жидкостью, пузырьками воды и паром. Также вы узнаете, как добавить метрическую шкалу на поверхность стекла, как сделать тени и отражение.
Финальное изображение
Задаем размер буквы «В» около 500х500px с разрешением 300px/inch. Это может быть важно, поскольку от размера зависят настройки эффектов стилей слоев для стеклянной текстуры и коррекции жидких эффектов.
Для того чтобы создать более реалистичный стеклянный эффект используйте округлый и жирный шрифт. Из буквы шрифта Val создайте рабочий контур и преобразуйте кривые, этим мы исправим силуэт буквы, придав ему более сферическую форму и объемный вид. Я не использовала типографские шрифты в этом уроке, только векторные формы. Вы можете создать свою собственную форму с помощью Pen (Перо) и Convert Point (Преобразовать точку).
Чтобы создать реалистичный эффект стекла вам понадобится всего лишь два слоя. Примените Fill (Заливка) 0% для созданной формы буквы и добавьте эффекты стиля слоя из скриншотов ниже.
Вы сможете найти коды цветов, контуры и параметры градиентов внутри файла glass_letter_tutorial.psd
Примените радиальный градиент в нижней части формы, чтобы создать эффект стеклянной пробирки.
Используйте по умолчанию Photoshop узор Nebula (Туманность) для создания намека отражения на поверхности стекла. Масштаб текстуры 1000%.
Дублируйте форму буквы. Примените новые стили слоя к нему.
Подведем итог. Стеклянный эффект сделан. Теперь мы можем добавить больше деталей, чтобы создать стиль химической лабораторной посуды. Давайте добавим метрическую шкалу на поверхность стекла. Выберите инструмент Line Tool (Линия). Создайте несколько 2px линий, как показано ниже. Примените следующие эффекты стиля слоя.
Введите число рядом с большой линией. Здесь использовался шрифт “Arial”.
Добавьте несколько эффектов стиля к слою цифры.
Сгруппируйте созданные линии и дублируйте созданную группу несколько раз. Расположите группы друг над другом. Измените значение внутри каждой группы на номер ‘50’, ‘100’, и т.д..
Теперь перейдем к созданию жидкости внутри стеклянной формы. Создайте новый слой ниже слоев со стеклянными формами и поместите его в группу «Жидкость». С помощью инструмента Ellipse Tool (Эллипс) создайте овальную форму.
К овальной форме примените Fill (Заливка) 0%. Добавьте стили слоя.
Возьмите Rectangle Tool (Прямоугольник) и создайте прямоугольник ниже овального слоя. Верхний край прямоугольника должен быть в центре овальной формы.
Вернитесь к слою с овальной формой, сделайте овальный контур активным. Перейдите в меню Edit>Copy (Редактирование>Копировать).
Вернитесь к прямоугольной форме снова и вставьте скопированный овальный контур. Нажмите Subtract from shape area (Вычесть из области фигуры). Овальная область прямоугольника должна быть пустой.
Добавляем градиент к созданной форме.
Дублируйте прямоугольный слой.
Сделайте активным овальный контур скопированного слоя и нажмите на иконку Add to the shape area (Добавить к области фигуры). В этом случае вам надо добавить овальную область к прямоугольной форме.
Примените к данному слою Fill (Заливка) 0% и стиль слоя Overlay Gradient (наложение Градиента).
При создании градиента используйте режим наложения Color (Цветность), чтобы сохранить прозрачность.
Вы можете использовать различные градиенты, чтобы создать жидкость другого цвета. Вот пример использования фиолетового цвета.
Вернемся к нашей первоначальной зеленой/прозрачной жидкости и добавим текстуру пузырьков. Вставьте текстуру “Пузыри”. Расположите его под прямоугольными слоями, но расположите этот слой внутри группы «Жидкость».
Вставьте текстуру “Пар”. Поместите слой с паром выше всех слоев жидкости и оставьте в той же группе «Жидкость»
Выделите фигуру прямоугольника с вычтенной областью
(Ctrl+клик по иконке формы). Перейдите в меню Select>Inverse (Выделение>Инверсия).
Затем нажмите на значок Layer Mask (Слой-маска), чтобы добавить маску слоя к текстуре пара. Вы должны сделать пар внутри жидкой области невидимым.
Загрузите выделение для стеклянной формы «В» (Ctrl+клик по миниатюре формы). Сделайте активной группу «Жидкость».
Перейдите в меню Select>Modify>Contract (Выделение>Модфикация>Сжать). Укажите значение 8px.
Затем нажмите на значок Layer Mask (Слой-маска), чтобы удалить текстуру за пределами выделенной формы буквы.
Если вам хочется создать тень или отражение на букве в виде посуды, следуйте инструкциям ниже. Загрузите выделение формы «В» еще раз. Перейдите в меню Edit>Copy Merged (Редактирование>Скопировать совмещенные данные)
Вставьте созданный объект ниже всех слоев буквы, но выше фона. Преобразуйте объединенную букву в смарт-объект (правый клик мыши по слою, выберите Convert to Smart Object (Преобразовать в смарт-объект)), дублируйте его. Эти слои нам понадобятся для создания тени и отражения нашей буквы.
Теперь давайте создадим эффект тени. Примените стиль Overlay Color (Наложение цвета), режим наложения Color (Цветность) к одному из смарт-объектов, чтобы сделать его черно-белым. Переместите его немного.
Перейдите в меню Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), подберите значение радиуса от 3до10px.
Примените к этому слою режим наложения Linear Burn (Линейный затемнитель) с Opacity (Непрозрачность) 10-15%.
Сделайте активным второй смарт-объект. Перейдите в меню Edit>Transform>Flip Vertical (Редактирование>Трансформирование>Отразить по вертикали). Переместите этот слой вниз.
Поиграйте с настройками непрозрачности слоя.
Добавьте слой-маску к слою «Отражение». Залейте его черно-белым линейным градиентом в нижней части.
Активируйте режим быстрой маски (значок в нижней части скриншота). Выберите черно-белый градиент. Заполните область градиентом, как показано на скриншоте ниже.
Отключите режим быстрой маски и примените размытие по Гауссу к выделенной области.
Затем перейдите в меню Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении)
Добавьте стиль Gradient Overlay (Наложение градиента)
Ниже представлен порядок созданных слоев и групп.
А вот и результат!
Вы можете использовать этот урок для создания изделий из стекла, как показано ниже.
В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только стили слоя.
Сложность урока: Легкий
Стеклянные эффекты входят в число популярных эффектов и никогда не выйдут из моды. В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только Стили слоя (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), а затем изменить размеры изображения, сделав его либо большим, либо маленьким на своё усмотрение.
Для более больших размеров, вы можете скачать полный размер текстуры Боке, а затем поменять задний фон, чтобы избежать пикселизации.
В этом очень простом уроке вы узнаете, как с помощью фильтров и стилей слоя создать стеклянный текст на красочном фоне.
Сложность урока: Легкий
В этом очень простом уроке вы узнаете, как с помощью фильтров и стилей слоя создать красочный, искрящийся стеклянный текст.
Материалы для урока:
Шаг 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) Выберите большую мягкую кисть и создайте новый слой между копией и оригиналом фонового слоя и назовите его “Цвет” и раскрасите задний план любыми цветами на ваш вкус .
Стеклянные эффекты входят в число популярных эффектов и никогда не выйдут из моды. В этом уроке вы узнаете, как создать стильный и элегантный стеклянный текст, используя только Стили слоя (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).
Читайте также: