Как сделать лед надпись
Как сделать ледяной текст в фотошопе
ледяной текст в фотошопе
Сегодня мы будем создавать ледяной текст.
Однажды, в студеную зимнюю пору… мы возьмем и заморозим текст!
Сначала мы создадим новый документ, создадим новый градиент и зальем им фоновый слой.
Затем установим шрифт из папки с исходниками и напишем текст.
Далее применим стили слоя к текстовому слою.
После этого мы создадим отражение от текста – повернем копию текстового слоя и при помощи градиента скроем часть слоя.
В завершение урока «Как сделать ледяной текст в фотошопе» мы подкорректируем расположение слоев.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые оттенки. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.
Создаем градиент с такими параметрами:
Левая нижняя Контрольная точка (позиция 0%) – оттенок # 89dcff;
Правая нижняя Контрольная точка (позиция 100%) – оттенок # 108ac9.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
В верхней панели настроек инструмента Градиент выбираем линейный тип градиента.
Зажимаем клавишу Shift и проводим градиент сверху вниз, как показано на картинке ниже.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем «2021». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.
В панели слоев дважды щелкаем по текстовому слою, чтобы открыть стили слоя.
Во вкладке Тиснение кликаем по «треугольнику» у строки выбора контура и из выпадающего списка выбираем контур, как показано ниже. Меняем оттенок режима подсветки на # 93d9f9, а оттенок режима тени на # 1b76c9. Также вводим настройки, как на скриншоте.
Во вкладке Текстура кликаем по «треугольнику» у окна выбора текстур, затем – по «шестеренке» справа и из выпадающего списка выбираем «Скалы». Из добавленного набора текстур выбираем первую текстуру. Вводим настройки, как на рисунке ниже.
Во вкладке Внутреннее свечение меняем оттенок на # ffffff и вводим настройки, как на рисунке ниже.
Во вкладке Внешнее свечение используем оттенок # ffffff и меняем настройки на следующие.
Результат после применения стилей слоя.
В панели слоев понижаем заливку текстового слоя.
В панели слоев создаем два дубликата текстового слоя (Ctrl+J). Верхнюю копию переименовываем в «Отражение». В панели слоев перетаскиваем слой «Отражение» ниже остальных слоев с текстом.
Переходим в меню Редактирование-Трансформирование-Отразить по вертикали, чтобы повернуть слой «Отражение». При помощи инструмента Перемещение располагаем слой «Отражение», как на рисунке ниже.
В панели слоев добавляем к слою «Отражение» маску слоя.
Переходим к инструменту Градиент и создаем черно-белый градиент. Для этого в верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем градиент с такими параметрами:
Левая нижняя Контрольная точка (позиция 0%) – оттенок # ffffff;
Правая нижняя Контрольная точка (позиция 100%) – оттенок # 000000.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
В верхней панели настроек инструмента Градиент выбираем линейный тип градиента.
В панели слоев активируем маску слоя слоя «Отражение», зажимаем клавишу Shift и проводим градиент, как показано ниже. Градиент проводим на маске слоя, не на самом слое!
В панели слоев при помощи клавиши Ctrl выделяем все слои с текстом и с помощью инструмента Перемещение располагаем их, как на картинке ниже.
Ледяной текст готов! Урок «Как сделать ледяной текст в фотошопе» завершен.
Создаем ледяной эффект для текста
Dec 2, 2019 · 8 min read
1. Создаем и выравниваем текст на полотне
Шаг 1
Открываем файл Background.psd.
Шаг 2
Пишем слово FrozE, используя шрифт Cinzel OT1. Первая и последняя буква должны быть заглавными.
Шаг 3
Активируем Move Tool (V) (Перемещение), выбираем слой с текстом и фоновый, затем на верхней панели жмем на кнопки Align Horizontal Center (Выравнивание центров по горизонтали) и Align Vertical Center (Выравнивание центров по вертикали).
2. Заменяем букву «о»
Для создания правдоподобного эффекта нам нужно заменить центральную букву «о». Для этого мы воспользуемся заранее подготовленным рисунком.
Шаг 1
Удаляем букву «о» и трижды жмем клавишу Пробел, чтобы освободить место для нового символа.
Шаг 2
Открываем фай л o-shape.psd и перемещаем слой «О-shape» на основной документ. Выбираем все три слоя на панели слоев и выравниваем, как на скриншоте ниже.
3. Создаем изгиб на тексте
Выбираем только текстовый слой, активируем Type Tool (T) (Текст), на верхней панели жмем на кнопку Create Warped Text (Создать деформированный текст) и настраиваем параметры, как показано ниже.
4. Создаем шероховатый край
В этом разделе мы добавим шероховатые края на тексте, чтобы создать эффект льда.
Дважды кликаем по слою «O-shape» и применяем стиль слоя Stroke (Выполнить обводку). Настраиваем его, как показано ниже.
Теперь повторяем это с текстовым слоем. Кликаем правой кнопкой по слою «O-shape» и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем правой кнопкой по слою с текстом и выбираем Paste Layer Style (Вставить стиль слоя). Или можно зажать клавишу Alt и перетянуть значок fx на слой с текстом.
5. Создаем 3D-эффект
Шаг 1
Выделяем оба слоя, кликаем по ним правой кнопкой мышки и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Теперь эти два объекта стали одним целым и дальше мы будем работать с объединенный слоем.
Дублируем этот слой (Ctrl+J). Называем оригинал «Froze A», а копию — «Froze B».
Шаг 2
Отключаем видимость слоя «Froze A» и 8 раз дублируем слой «Froze B». С помощью этих копий мы создадим 3D-эффект.
Шаг 3
Выбираем первую копию «Froze B» и активируем свободную трансформацию (Ctrl+T). На верхней панели жмем на значок цепи, чтобы включить пропорциональное масштабирование, и настраиваем масштаб.
Жмем Enter, чтобы применить трансформацию.
Шаг 4
Эти же манипуляции повторяем со всеми копиями слоя по очереди, каждый раз уменьшая масштаб на 0,5% больше.
Это связано с тем, что текст имеет мелкие детали, а 3D-эффект должен быть плавным и аккуратным.
6. Применяем основные стили слоя
Выше мы создали основу, для которой будем применять стили.
Шаг 1
Включаем видимость слоя «Froze A» и выбираем его. Дважды кликаем по нему левой кнопкой, чтобы открыть стили слоя.
Применяем стиль Pattern Overlay (Наложение узора), жмем на кнопку выбора узора и в списке выбираем «FrozeA». Это основа для текстового эффекта.
Шаг 2
Далее мы создадим градиентную заливку, которая добавит сказочный эффект льда. Снова открываем стили слоя и применяем Gradient Overlay (Наложение градиента) со следующими настройками.
Жмем по кнопке выбора градиента и настраиваем его цвета.
Совет: чтобы добавить новый цвет на градиенте, нужно кликнуть под градиентной полосой. Если выбрать любую из контрольных точек, то можно настроить ее цвет и позицию.
Создаём Простой Текст изо Льда в программе Photoshop
В этом уроке я покажу вам, как с помощью стилей слоя, а также простых фигур и текстур, создать простой текст изо льда.
Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте GraphicRiver, например, этот набор стилей слоя 3D Ice Cool, Freeze and Snow Effects Styles.
ОК. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
1. Создаём Задний фон
Шаг 1
Создайте новый документ со следующими размерами 1000 x 650px.
Шаг 2
Выберите инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник, закрывающий нижнюю половину рабочего холста. Назовите слой с этим прямоугольником Основание (Ground). Примечание переводчика: 1. Создайте новый слой 2. В настройках инструмента Прямоугольник (Rectangle Tool), выберите режим Выполнить заливку пикселов (Fill Pixels) 3. Цвет фигуры любой.
Шаг 3
Создайте ещё один прямоугольник, закрывающий верхнюю половину рабочего холста. Назовите этот слой с прямоугольником Фон (Back).
2. Применяем Стилизацию к Основанию
Дважды щёлкните по слою Основание (Ground), чтобы применить следующие стили слоя:
Шаг 1
Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Шаг 2
Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:
Шаг 3
Щёлкните по значку ‘ + ‘ справа от вкладки Наложение градиента (Gradient Overlay), чтобы добавить ещё один стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:
Шаг 4
Щёлкните ещё раз по первой вкладке Наложение градиента (Gradient Overlay), а затем щёлкните по холсту, и удерживая кнопку мыши, сместите градиент таким образом, чтобы световой эффект был расположен ближе к верхней половине прямоугольника.
Нижний прямоугольник должен выглядеть, как на скриншоте ниже.
3. Копируем и Вклеиваем Стили Слоя
Шаг 1
Щёлкните правой кнопкой мыши по слою Основание (Ground) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем щёлкните правой кнопкой мыши по слою Фон (Back) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).
Дважды щёлкните по слою Фон (Back), чтобы убрать галочку в окошке Инверсия (Reverse) для второго стиля слоя Наложение градиента (Gradient Overlay).
Шаг 2
Таким образом, мы стилизовали верхний прямоугольник. При необходимости, сместите любой градиент, как мы это проделывали ранее.
4. Проводим Коррекцию Заднего Фона
Шаг 1
Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).
Шаг 2
Поменяйте значение Цветового тона (Hue) на -3, Насыщенности (Saturation) на -25, и Яркости (Lightness) -20.
Шаг 3
Добавьте слой-заливку Градиент (Gradient fill). Установите градиент от прозрачного к цвету переднего плана, используйте чёрный цвет на обоих концах градиента.
Далее, поменяйте Стиль (Style) на Радиальный (Radial), Масштаб (Scale) на 200, а также поставьте галочку в окошке Дизеринг (Dither).
Шаг 4
Поменяйте режим наложения для слоя с заливкой градиента на Мягкий свет (Soft Light).
Шаг 5
Откройте исходное изображение с Цветной Текстурой. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите этот слой с текстурой Текстура Заднего фона (BG Texture). Примените масштабирование при необходимости.
Шаг 6
Далее, идём Изображение – Коррекция- Обесцветить (Image > Adjustments > Desaturate), а затем поменяйте режим наложения для слоя Текстура Заднего фона (BG Texture) на Мягкий свет (Soft Light).
5. Создаём Текстовые Слои
Шаг 1
Создайте текст заглавными буквами, используя шрифт Kornik.
Шаг 2
Продублируйте слой с текстом, уменьшите значение Заливки (Fill) для дубликата слоя до 0, а затем продублируйте дубликат слоя.
6. Стилизуем Оригинальный Слой с Текстом
Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Шаг 2
Добавьте следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
Шаг 3
Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:
Шаг 4
Добавьте стиль слоя Глянец (Satin). Установите следующие настройки для данного стиля слоя:
Шаг 5
Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:
Шаг 6
Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:
Шаг 7
Уменьшите значение Заливки (Fill) для данного слоя с текстом до 20%.
7. Стилизуем Первый Дубликат слоя с Текстом
Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Шаг 2
Добавьте следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
Шаг 3
Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Итак, мы стилизовали второй слой с текстом.
8. Стилизуем Второй Дубликат слоя с Текстом
Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Шаг 2
Добавьте следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
Шаг 3
Добавьте следующий стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:
Шаг 4
Добавьте следующий стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:
Шаг 5
Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:
Таким образом, мы завершили создание эффекта льда.
9. Создаём Отражение
Шаг 1
Продублируйте все три слоя с текстом, которые у вас есть, а затем идём Слой – Объединить слои (Layer > Merge Layers), назовите объединённый слой Отражение (Reflection). Примечание переводчика: не забудьте выделить дубликаты слоёв, перед тем, как объединить слои.
Шаг 2
Находясь на объединённом слое Отражение (Reflection), нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode), а затем щёлкните правой кнопкой мыши по области трансформации и в появившемся окне, выберите опцию Отразить по вертикали (Flip Vertical).
Шаг 3
Сместите отражение текста вниз, расположив ниже оригинального текста. Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 4
Щёлкните правой кнопкой мыши по слою Отражение (Reflection) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Расположите слой с отражением ниже слоя с оригинальным текстом.
Шаг 5
Далее, идём Фильтр – Размытие – Размытие в Движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на 90, а Смещение (Distance) на 10.
Шаг 6
Щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить слой-маску к слою с отражением текста.
Шаг 7
Выберите инструмент Градиент (Gradient Tool), установите цвет переднего и заднего плана на чёрно-белый. Далее, щёлкните по миниатюре слой-маски слоя Отражение (Reflection), чтобы она стала активной.
В панели управления данного инструмента, установите тип градиента От цвета переднего плана к прозрачному, а также нажмите на значок Линейный градиент (Linear Gradient).
Теперь удерживая клавишу (Shift), потяните градиент с верхней кромки оригинального текста вниз, чтобы скрыть нижнюю часть отражения текста.
Возможно, вам понадобится повторить этот шаг ещё пару раз, чтобы получить результат, который вам нравится.
10. Добавляем Простую Тень
Шаг 1
Продублируйте оригинальный слой с текстом, сместите дубликат слоя вниз, расположив ниже оригинального слоя с текстом. Назовите этот дубликат слоя Тень (Shadow).
Шаг 2
Щёлкните правой кнопкой мыши по слою Тень (Shadow) и в появившемся окне, выберите опцию Растрировать текст (Rasterize Type).
Нажмите клавиши (Ctrl+T), уменьшите масштаб текста по вертикали, чтобы создать базовую форму тени.
Шаг 3
С помощью инструмента Перемещение (Move Tool), расположите тень прямо под текстом.
Шаг 4
Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия на 10.
Шаг 5
Поменяйте режим наложения для слоя Тень (Shadow) на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) до 70%.
11. Добавляем Снег
Шаг 1
Откройте исходное изображение с текстурой Снега. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите этот слой с текстурой Текстура Снега (Snow Texture), поменяйте режим наложения на Осветление (Screen). Примените масштабирование при необходимости.
Шаг 2
Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool), а затем в панели управления данного инструмента, уберите галочку в окошке Образец со всех слоёв (Sample All Layers).
С помощью мягкой круглой кисти, прокрасьте лишние фрагменты снега, чтобы избавиться от них.
Поздравляю! Мы завершили урок!
В этом уроке мы создали простой задний фон, используя фигуры, стили слоя и корректирующие слои. Далее, мы создали три слоя с текстом, а затем стилизовали их, чтобы получить ледяной эффект.
После этого, мы создали отражение текста, а также добавили тень к тексту. В заключение, мы добавили текстуру снега, чтобы завершить итоговый эффект.
Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы.