Как сделать в фотошопе светящийся текст: PhotoshopSunduchok — Эффект свечения текста
PhotoshopSunduchok — Эффект свечения текста
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Всем привет!
Сегодня мы будем создавать эффект свечения текста.
Если вам нужно сделать светящийся текст в фотошопе, то этот урок для вас.
Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.
Сначала мы откроем фотографию с дорогой из папки с исходниками, установим шрифт и при помощи инструмента Текст напишем текст.
Затем создадим дубликат слоя с текстом, отразим дубликат по вертикали и трансформируем его, тем самым создадим отражение от текста.
Далее при помощи корректирующих слоев Цветовой тон/Насыщенность и Экспозиция затемним фон и уменьшим его яркость, чтобы эффект светящегося текста выглядел более выигрышно.
После этого создадим дубликат фонового слоя, при помощи обтравочной маски «прикрепим» его к текстовому слою и добавим к текстовому слою стили слоя.
В завершение мы создадим дубликат отражения текста и с помощью маски слоя и инструмента Градиент частично скроем видимость слоя.
Открываем в фотошоп (Ctrl+O) изображение «Фото» из папки с исходниками.
Активируем инструмент Рамка. Тянем за верхний ползунок вниз. Для применения кадрирования нажимаем клавишу Enter или жмем на «галочку» в верхней панели настроек инструмента Рамка.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкаем по имени слоя в панели слоев, вводим новое имя и нажимаем клавишу Enter.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Свет». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем оттенок на белый (# ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по иконке панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.
В панели слоев щелкаем ПКМ по текстовому слою и выбираем «Растрировать текст».
В панели слоев переименовываем слой с текстом в «Текст».
В панели слоев создаем дубликат слоя «Текст» (Ctrl+J). Переименовываем дубликат слоя в «Текст 2». Перетаскиваем слой «Текст 2» ниже слоя «Текст» в панели слоев.
Активируем слой «Текст 2» и переходим в меню Редактирование-Трансформирование-Отразить по вертикали. При помощи инструмента Перемещение располагаем слой «Текст 2», как на рисунке ниже.
Переходим в меню Редактирование-Трансформирование-Перспектива и, потянув за нижние уголки рамки, добиваемся примерно такого эффекта, как на скриншоте.
Переходим в меню Редактирование-Трансформирование-Искажение и тянем вверх за нижний центральный ползунок.
При помощи инструмента Перемещение сдвигаем слой «Текст 2» на пару пикселей вниз.
Выше слоя «Фон» в панели слоев создаем корректирующий слой Цветовой тон/Насыщенность и вводим настройки, как на рисунке ниже.
Выше корректирующего слоя Цветовой тон/Насыщенность создаем корректирующий слой Экспозиция и меняем настройки на следующие.
Создаем дубликат слоя «Фон». Переименовываем дубликат слоя в «Фон 2» и перетаскиваем в панели слоев выше всех слоев и, главное, выше слоя «Текст». В панели слоев кликаем ПКМ по слою «Фон 2» и выбираем «Создать обтравочную маску». После этого слой «Фон» будет виден в пределах слоя «Текст».
В панели слоев дважды щелкаем по слою «Текст», чтобы открыть стили слоя.
Во вкладке Обводка используем белый оттенок (# ffffff) и вводим настройки, как на рисунке ниже.
Во вкладке Внутреннее свечение меняем оттенок на # eff3e3 и вводим следующие настройки.
Во вкладке Внешнее свечение используем оттенок # ffffff и меняем настройки на следующие.
Результат после применения стилей слоя.
В панели слоев меняем режим наложения слоя «Текст 2» на Перекрытие.
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Текст 2».
В панели слоев создаем дубликат слоя «Текст 2» и переименовываем дубликат в «Текст 3». Слой «Текст 3» должен располагаться выше слоя «Текст 2» в панели слоев.
Добавляем к слою «Текст 3» маску слоя.
Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент от черного к белому. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой Контрольной точки (позиция 0%) оттенок # 000000, для правой (позиция 100%) – оттенок # ffffff. Для верхних Контрольных точек устанавливаем 100% прозрачность. В верхней панели настроек инструмента Градиент выбираем линейный тип градиента. Зажимаем клавишу Shift и проводим градиент на маске слоя «Текст 3» (именно на маске слоя, не на самом слое!), как показано ниже. Поскольку черный цвет на маске слоя скрывает видимость слоя, мы частично скрыли видимость слоя «Текст 3», создав плавный переход.
Урок «Эффект свечения текста» завершен. Светящийся текст готов!
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Понравилось? Поделитесь:
Вконтакте
Одноклассники
Добавить комментарий
Яркий светящийся текст в Фотошоп / Creativo.one
Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.
Начинаем работу. Создайте документ, выставив необходимые вам настройки. Не скупитесь на размер, чтобы при переносе текста в вашу основную работу, не испортилось качество текста. Я взял такие настройки:
Следующий шаг – создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:
Далее жмём Filter -> Render -> Clouds (Фильтр -> Стилизация -> Облака). Это позволит создать хорошую динамику фона для нашей работы.
Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав
Теперь мы готовы к работе над текстом. Напишите нужное слово в центре нашей работы. Выберите шрифт, который вам по душе.
Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень). Выставляем настройки, как показано ниже:
Далее настройки Bevel and emboss (Тиснение). Снова так, как ниже (цвет #d5b900):
Satin (Глянец). Настройки (цвет #f5ca2d):
И последнее – градиент. Настройки следующие (градиент от #952e2f к белому):
Ну что, у нас получился красивый текст. Выглядит неплохо, да? Уже хотите вернуться к вашему проекту и применить этот текст там? Не торопитесь, наша работа ещё не закончена.
Теперь сделаем ещё одну вещь. Создайте новый слой и назовите его, как хотите, главное – убедитесь, что этот слой будет располагаться за слоем с текстом. Теперь, удерживая CTRL, щелкаем по слою с текстом – таким образом, мы создаем выделение в виде текста:
Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5.
Теперь переходив в Filter ->
Повторяем предыдущий шаг, только выставляем значение Angle (Угол) не 90, а 0.
Меняем Blend Mode (Режим наложения) слоя на Vivid Light (Яркий свет).
Теперь жмём Filter -> Blur -> Gaussian Blur (Filter -> Blur -> Gaussian Blur) и выставляем значение в 20 пикселей.
Всё почти готово! Любуемся:
Ну и добавим ещё немного текста, чтобы наша работа выглядела, как настоящий постер:
Всё готово!
Автор: ilovegraphics
Создаём в Фотошоп светящийся текст / Creativo.one
В этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию.
Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market.
ОК. Давайте приступим!
Итоговый результат:
Скачать архив с материалами к уроку
Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES.grd.
1. Создаём задний фон и текст
Шаг 1
Создайте новый документ со следующими размерами 1280 x 720 px. Залейте задний фон цветовым оттенком #0c0101.
Шаг 2
Добавьте текст, цвет шрифта белый, шрифт Indira K.
Оригинальный шрифт, который использовался в сериале — Benguiat (https://www.myfonts.com/fonts/itc/benguiat/). Это альтернативный вариант, который вы тоже можете использовать.
Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно – Символ (Window > Character).
Шаг 3
Установите значение Трекинга (Tracking) на -100.
Шаг 4
Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.
2. Меняем дизайн букв
Шаг 1
Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.
Шаг 2
Далее, нам необходимо изменить значение Смещение базовой линии (Baseline Shift), чтобы сместить большую букву вниз, при этом верхний уровень всего текста должен остаться на том же уровне.
Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.
Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву.
Шаг 3
Проделайте то же самое с последней буквой из первой строчки текста или любой другой буквой, которая вам нравится.
3. Корректируем Кернинг
Шаг 1
Расположите курсор между двумя первыми буквами, а затем поменяйте значение Кернинга (Kerning) на значение, при котором, на ваш взгляд эффект будет лучше смотреться.
Шаг 2
В зависимости от вашего текста, а также от результата, который вы хотите получить, откорректируйте Кернинг (Kerning) для остальных букв вашего текста. Не обязательно корректировать все буквы, откорректируйте те буквы, для которых на ваш взгляд необходимо это сделать.
Шаг 3
Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0.
4. Применяем стилизацию к слою с текстом
Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
- Стиль (Style): Обводящее тиснение (Stroke Emboss)
- Глубина (Depth): 220
- Размер (Size): 3
- Уберите галочку в окошке Глобальное освещение (Global Light)
- Угол (Angle): 156
- Высота (Altitude): 37
- Контур глянца (Gloss Contour): Перевёрнутый конус (Cone – Inverted)
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 35%
- Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%
Шаг 2
Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
- Контур (Contour): Глубокая выемка (Cove – Deep)
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
- Размер (Size): 3
- Положение (Position): Внутри (Inside)
- Цвет: #ce1725
Шаг 4
Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:
- Непрозрачность (Opacity): 50%
- Шум (Noise): 5%
- Цвет: #ea0f0f
- Размер (Size): 17
Шаг 5
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
- Непрозрачность (Opacity): 50%
- Шум (Noise): 5%
- Цвет: #ea2314
- Размер (Size): 12
- Диапазон (Range): 60%
Шаг 6
Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).
5. Создаём прямоугольные фигуры
Шаг 1
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) в панели управления данного инструмента, установите Радиус (Radius) на 2. Щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольник над текстом, расстояние между текстом и прямоугольной линией должно быть примерно 7 px.
Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift).
Далее, щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольники в начале и в конце второй строки текста, или в любом другом месте, где вы хотите добавить их. Старайтесь сохранять расстояние между любой прямоугольной линией и текстом, чтобы они были одинаково удалены от текста.
Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart-object).
Шаг 2
Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0.
6. Применяем стилизацию к прямоугольным фигурам
Щёлкните правой кнопкой мыши по любому слою с прямоугольником и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим тот же самый стиль слоя, который мы скопировали у слоя с текстом.
После этого, дважды щёлкните по стилизованному слою с прямоугольником для изменения некоторых настроек:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Шаг 2
Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
- Размер (Size): 2
- Положение (Position): Снаружи (Outside)
Шаг 3
Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:
Шаг 4
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
Шаг 5
Теперь щёлкните правой кнопкой мыши по стилизованному слою с прямоугольником и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).
Шаг 6
Выделите остальные слои с прямоугольниками, которые у вас есть, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся меню выберите опцию Вклеить стиль слоя (Paste Layer Style).
Шаг 7
Сгруппируйте слой с текстом, включая слои с прямоугольниками в одну группу. Назовите эту группу Текстовый эффект (Text Effect).
7. Применяем стилизацию к группе
Дважды щёлкните по слою с группой, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
- Поставьте галочку в окошке Дизеринг (Dither)
- Режим наложения (Blend Mode): Мягкий свет (Soft Light)
- Стиль (Style): Зеркальный (Reflected)
- Угол (Angle): 135
- Установите цвета градиента #fbe7c2 слева и #e69f99 справа
Шаг 2
Добавьте ещё раз стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
- Поставьте галочку в окошке Дизеринг (Dither)
- Режим наложения (Blend Mode): Перекрытие (Overlay)
- Стиль (Style): Зеркальный (Reflected)
- Угол (Angle): 135
- Используйте градиент faucet 10
Шаг 3
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
- Непрозрачность (Opacity): 20%
- Цвет: #de1b22
- Размер (Size): 34
- Диапазон (Range): 60%
Таким образом, мы усилили эффект.
8. Добавляем световые блики
Шаг 1
Установите цвет переднего плана на #451d08, а затем создайте новый слой поверх всех остальных слоёв, назовите этот слой Свет (Light), а также поменяйте режим наложения на Осветление основы (Color Dodge).
Шаг 2
Выберите инструмент Кисть (Brush Tool), установите большую мягкую круглую кисть. Далее, щёлкните несколько раз по различным буквам, чтобы добавить световые блики.
Вы можете поменять размер кисти и поиграть со значением непрозрачности кисти для варьирования интенсивности световых бликов, которые вы добавляете.
Шаг 3
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).
Шаг 4
Установите значение Насыщенности (Saturation) на 35, а значение Яркости (Lightness) на 15, или установите другие настройки, которые вам нравятся.
9. Проводим цветовую коррекцию
Шаг 1
Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect).
Установите цвета градиента #5c456e справа, #b26b73 в центре, и #fda982 слева. Поменяйте Стиль (Style) на Зеркальный (Reflected), Угол (Angle) на 155, а Масштаб (Scale) на 55%.
Шаг 2
Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Цветность (Color), а также уменьшите значение Непрозрачности (Opacity) слоя до 35%.
Поздравляю! Мы завершили урок!
В этом уроке мы создали текст, а затем изменили настройки текста в панели настроек Символ (Character). Далее, мы стилизовали текст, создали прямоугольники, а также стилизовали их.
После этого, мы сгруппировали все слои и добавили ещё один стиль слоя. В заключение, мы добавили световые блики, а также корректирующий слой Градиент (gradient) для коррекции цвета заключительного результата.
Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы.
Итоговый результат:
Автор: Rose
Создаем текст с эффектом сияния в Photoshop
В этом уроке я покажу вам приемы, которые использую, чтобы создать сияющий текст в Photoshop. Это руководство сделано для начинающих и снабжено большим количеством советов по эффективной манипуляции текстом. Приступим.
По ходу дела я приведу несколько примеров по созданию самого эффекта. И того, как сделать так, чтобы дизайн в целом выглядел профессионально, а также примеры использования инструмента «Обрезка», чтобы создать свои собственные насадки для кисти.
Так будет выглядеть готовый эффект: (нажмите, чтобы увеличить):
Для выполнения всех шагов в этом руководстве, Вам потребуется следующее:
Создайте новый документ (размер не имеет значения) и заполните фоновый слой градиентом как показано ниже:
Создайте новый слой поверх фонового слоя, нарисуйте или сделайте облака по центру и снизу — это будет основой эффект для текста:
Совет: не рисуйте слишком много облаков, иначе эффект будет слабовыраженным.
Вы можете использовать опцию перспективы с помощью комбинации клавиш Ctrl + T (или правой кнопки мыши) по облаку, чтобы скорректировать их фигуру:
Используя шрифт, который вы скачали в начале урока, введите текст в центре холста: (я использовал цвет желтого оттенка)
Примените следующие параметры стилей слоя:
Отбрасываемая тень
Внутреннее свечение
Тиснение
Штрих
В итоге получится похожий эффект:
Продублируйте слой с текстом дважды и ненамного сдвигайте каждый дублированный слой в сторону верхнего левого угла, уменьшив непрозрачность слоев до 15% и 40% соответственно — это действие создаст многоуровневый эффект:
Теперь давайте перейдем к созданию полосатой насадки для кисти.
Создайте новый документ с таким же размером, как наш документ с текстом, добавьте новый слой поверх фонового слоя.
Выберите инструмент «Обрезка» (Slice) на панели инструментов:
Щелкните правой кнопкой мыши на холсте инструментом среза, выберите «разделить части» (divide slice):
Отметьте «Разделить по вертикали на» и введите «10» в текстовом поле, после нажмите «OK«:
Затем с помощью прямоугольного выделения выберите каждый второй срез: (убедитесь, что вы держите нажатой клавишу «Shift» для выбора нескольких срезов):
Залейте выделение черным цветом:
и у вас будет следующий эффект:
Сделайте фоновый слой невидимым и в меню Редактировать > Задать настройки кисти (Edit> Define Brush Preset) выберите вертикальный набор кистей:
Немного повернем слой с полосами и определим другой набор кистей:
Теперь мы можем использовать этот набор для отрисовки узоров на верхней части текста: (убедитесь, что вы уменьшили размер кисти и непрозрачность к значениям, близким к 30%):
Подготовим базу для текстового эффекта. Создайте новый слой под текстовым слоем и, используя кисть с вертикальными полосами, нарисуйте такой рисунок:
В меню Фильтр > Искажение > Вращение (Filter> Distort> Twirl) примените следующие настройки:
Нажмите Ctrl + F и примените фильтр искажений повторно:
Используйте инструмент «Свободная трансформация» (Free Transform), чтобы сжать рисунок. Затем уменьшите непрозрачность слоя примерно до 30%, и, используя мягкий ластик, удалите его края. Эффект теперь выглядит следующим образом:
Создайте новый слой поверх базового слоя. Используйте мягкую черную кисть, чтобы нанести немного теней под текстом:
Сейчас мы сделаем еще один абстрактный узор с помощью насадки для кисти, созданной нами ранее. Создайте новый слой и примените выделение эллиптическим инструментом, выберите кисть в виде вертикальных полос (уменьшите размер наконечника кисти) и закрасьте внутри выделения: (Убедитесь, что вы установили непрозрачность кисти равную 50%):
Дублируем этот слой один раз и поворачиваем его на 90 градусов по часовой стрелке:
Объедините эти два слоя. Эффект приобрел следующий вид:
С помощью инструмента деформации изменим форму, как показано ниже:
После этого продублируйте образец этого слоя несколько раз и измените размер каждого из них, располагая их по холсту, как показано ниже:
Мы почти закончили! В завершении я добавил новый слой поверх всех предыдущих, и, используя маленькую мягкую кисть, нарисовал блестящие точки вокруг текста, как показано ниже:
Затем создал еще один слой, установил режим смешивания «Наложение» (Overlay), и, используя мягкую белую кисть, добавил эффект свечения по краям текста:
С помощью фильтра «Блик» (Lens Flare) я добавил немного цвета к тексту, чтобы в дальнейшем подчеркнуть некоторые его части:
Я также добавил эффект частиц вокруг текста.
Так эффект выглядит в завершенном варианте:
Надеюсь, вам понравился этот урок! До следующей встречи! Хорошего дня.
Данная публикация представляет собой перевод статьи «Create Abstract Shining Text Effect with Groovy Font in Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру
Как сделать свечение текста в Photoshop
Выбираем для надписи фон в виде фотографии. Пусть это будет Венеция с ее красивыми каналами и яркими постройками.
Берем инструмент «Прямоугольник» и подбираем цвет для заливки. Это может быть чисто черный тон или темно-коричневый.
Полностью затеняем фотографию черным прямоугольником.
Уменьшаем непрозрачность данного фона до 60%.
В центре вставляем надпись и подбираем для нее шрифт, цвет и размер.
Теперь кликаем 2 раза правой кнопкой мыши на слой с текстом в правой стороне. Откроется окошко со стилями слоя. Выбираем «Обводку», где размер выставляем на 3 пикс. и цвет обводки ставим белой. Нажимаем «Ок».
Создаем новый слой, где выбираем «Кисть» среди инструментов и закрашиваем одним движением всю надпись. Выбираем ее подходящего размера, чтобы она закрывала всю надпись. Также очень важно подобрать мягкую кисть. Цвет пусть будет любой.
Переносим верхний слой с закрашенной линией вниз. Уменьшаем заливку до 0%.
В стиле слоя выбираем «Наложение цвета», где режим выставляем «Линейный свет».
Также здесь подбираем цвет для свечения. Он может быть любого цвета. Например, приятного теплого оттенка оранжевого или желтого.
Ставим непрозрачность на 27% и нажимаем на «Ок».
Объединяем два слоя в один, а именно – фон в виде фотографии и черное затемнение. Разблокируем замочек и выбираем в стиле слоя «Обводка». Пусть размер будет 2 пикс., а положение – внутри. Цвет для обводки выбираем белый.
Вновь возвращаемся в свечение за надписью, чтобы скопировать цвет.
В стиле слоя фона выбираем «Внутреннее свечение». Режим наложения пусть будет «Линейный осветлитель». Непрозрачность ставим 54%. Вставляем нужный цвет в следующей графе. Также корректируем размер, оставив его на 84 пикс.
В итоге получим вот такой результат со свечением текста и картинки.
Светящийся летний эффект текста в Adobe Photoshop
В этом уроке мы будем создавать эффект для текста в Adobe Photoshop. Это абстрактный эффект, ассоциирующийся с летом и солнцем, однако вы можете использовать его в ином контексте. Все воздействия на текст будут производиться при помощи стилей слоя и палитры символов, поэтому после выполнения урока вы сможете менять текст, не переделывая эффект.
Результат
Исходники
Для выполнения урока вам понадобятся следующие файлы:
1. Создание фона
Шаг 1
Для начала нам нужно установить паттерн ‘green_metal_pattern’. Для этого просто кликните дважды по его иконке.
Шаг 2
Создайте новый документ (File > New/Файл>Новый). Укажите Width/Ширину документа в 600 px и Height/Высоту в 500 px. Также укажите разрешение в 72 ppi.
Шаг 3
Выберите фоновый слой и дублируйте его (выберите в меню Layer > Duplicate Layer > OK/Слой>Дублировать слой>Ок). Переименуйте копию в Background Pattern.
Шаг 4
Чтобы добавить текстуру мы используем стили слоя.
В меню выберите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие паттерна, выберите ‘green_metal_pattern‘ из списка и настройте стиль как показано ниже.
Шаг 5
Чтобы осветлить центр изображения, переключитесь на вкладку Inner Shadow/Внутренняя тень и укажите следующие параметры.
Шаг 6
Теперь добавим отсвет. Переключитесь на вкладку Bevel & Emboss/Тиснение и укажите следующие параметры.
2. Создание текста
Шаг 1
Введите ваш текст, в нашем случае это слово Shine. Используйте шрифт Amaz Obitaem Ostrov Italic размером в 180 pt. Для лучшего качества укажите шрифту режим Sharp/Резкость. Переименуйте слой в Shine Top.
Шаг 2
Дважды дублируйте текст и переименуйте копии в Shine Mid и Shine Bot как показано на картинке ниже. На время скройте оба слоя, чтобы было удобнее работать.
3. Стили для верхнего слоя
Шаг 1
Выберите слой Shine Top и в меню выберите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора. Выберите наш паттерн green_metal_pattern из списка и настройте параметры стиля как показано ниже.
Шаг 2
Добавьте стиль слоя Drop Shadow/Тень, настроив его следующим образом.
Шаг 3
Добавьте слою стиль Gradient Overlay/Перекрытие градиента:
Шаг 4
Чтобы добавить глянцевости тексту, добавьте стиль Bevel & Emboss/Тиснение. Используйте указанные ниже параметры.
Шаг 5
Еще один стиль для этого слоя — Satin/Глянец и настройте как показано ниже.
Шаг 6
Теперь мы добавим тексту металлический блеск. Укажите слою стиль Inner Glow/Внутреннее свечение. Настройте эффект так:
Шаг 7
Добавьте стиль Stroke/Обводка.
Шаг 8
Чтобы создать эффект заднего света, добавляем стиль Outer Glow/Внешнее свечение.
4. Стили для среднего слоя
Шаг 1
Теперь начнем работу со слоем Shine Mid. Сделайте его активным. Нам нужно создать видимость перспективы с центральной точки. Для этого откройте палитру Character/Символ и укажите в параметре Tracking/Трекинг значение в -60.
Укажите слою следующие стили:
Шаг 2
Gradient Overlay/Перекрытие градиента, чтобы приблизить слои по цветовой гамме.
Шаг 3
Inner Shadow/Внутренняя тень.
Шаг 4
Чтобы отделить текст от фона, Drop Shadow/Тень и Outer Glow/Внешнее свечение.
5. Стили для нижнего слоя
Теперь начнем работу над слоем Shine Bot. Откройте окно символов и увеличьте параметр vertically scale/вертикальный масштаб до 115%, а baseline shift/Отклонение от базовой линии уменьшите до -10 pt. Затем смените цвет текста, как показано ниже.
Результат
Автор урока Enrique Elicabe
Перевод — Дежурка
Смотрите также:
Потрясающие текстовые эффекты и стили Photoshop
Получите невероятные и потрясающие текстовые эффекты с этими готовыми высококачественными стилями Photoshop и текстовыми эффектами. Потрясающие текстовые эффекты огня, ретро-текст, гранж-текст, винтажный текст, 3D-текст, металлические текстовые эффекты, шоколадный текст, валентинский текст, элегантный золотой и серебряный текст, текст на стекле, светящийся текст, текстовые эффекты под дерево, текст с конфетами, тисненый текст и многое другое ! Используйте эти потрясающие стили текста в брошюре, флаере, плакате или другом графическом дизайне или дизайне веб-сайтов.
Действия с текстом в стиле ретро
7 премиальных текстовых стилей
5 потрясающих текстовых эффектов и стилей слоев
Гранж-революция — текстовые эффекты
Премиум стили 3D-текста
Эффект ретро текста
Красивые синие текстовые эффекты
Кинематографические 3D-экшены
Создавайте потрясающие 3D-эффекты всего за несколько кликов.
Эффект и стили светящегося текста
9 стилей слоя светящегося света, объединенных для создания трех светящихся текстовых эффектов, которые вы видите в предварительном просмотре.
Многие стили прекрасно смотрятся сами по себе, и есть много других хороших комбинаций, которые вы легко можете создать.
Создатель текста Real Fire
Техно и танцевальные текстовые эффекты
Классические металлические текстовые эффекты
5 классических металлических текстовых эффектов — блестящий металл со скошенной кромкой, мягкий металл, жидкое серебро, потертый металл, резной металл
Эффект шоколадного текста
Элегантные текстовые эффекты и стиль из стекла
8 прозрачных стилей слоя и 3 элегантных эффекта «стеклянный текст», созданных с помощью их комбинации.Также отлично работает для значков и кнопок!
Элегантные золотые и серебряные текстовые стили
Новые стили 3D-текста
Эффект реалистичного деревянного текста
11 различных стилей праздничных слоев
Стили винтажного текста 2
Стили текста и слоев ко Дню святого Валентина
Прессованные и тисненые стили
Средневековые текстовые эффекты в Photoshop
8 стилей Photoshop PREMIUM
Золотые эффекты, эффекты конфет и текстовые эффекты кубика льда Стили Photoshop!
Эффект светящегося текста
Этот пакет содержит 5 полупрозрачных светящихся стилей текста, которые отлично подходят для добавления современного ночного свечения к вашим текстам.
Фруктовые текстовые стили
Эффект 3D-текста: Metal Edition
Вкусные стили слоя
Надеюсь, вам понравилась эта потрясающая коллекция классных текстовых эффектов и стилей Photoshop. Поделитесь этим ресурсом с другими дизайнерами Photoshop.
Создайте уникальный светящийся текст с космическим фоном в Adobe Photoshop CS5
В этом уроке я покажу вам шаги, которые я предпринял для создания этого уникального светящегося текста с космическим фоном в Adobe Photoshop CS5.Мы будем использовать такие методы, как наложение слоев, эффект фильтра, настраиваемые кисти и инструменты преобразования, чтобы создать этот текстовый эффект. Это учебник по Photoshop для начинающих и среднего уровня, давайте приступим! Многослойный файл PSD включен.
Предварительный просмотр окончательного изображения
Начните работу с создания нового документа ( Ctrl + N ) в Adobe Photoshop CS5 с размером 1280 пикселей на 1024 пикселей (цветовой режим RGB ) с разрешением 72 пикселей / дюйм .Используйте инструмент Paint Bucket Tool (G) , чтобы заполнить черным цветом , цвет нового фонового слоя .
Затем нам нужно набрать слово «ПРОБЕЛ» на холсте. Выберите инструмент Horizontal Type tool (T) . Выберите шрифт, размер и цвет на панели символов . Я использовал этот шрифт VAL от FontFabric, закругленный шрифт VAL идеально подходит для любого типа графического дизайна — веб, печати, анимированной графики, логотипов, пиктограмм.
Щелкните холст и введите «ПРОБЕЛ».Нажмите Введите , чтобы применить текст.
Нажмите Добавьте значок стиля слоя из нижней части панели Layers и выберите Inner Shadow .
Добавить Ход :
Мы получили следующий результат:
Создайте новый слой и выберите кисть Soft Round из инструмента Brush Tool (B) .
Используйте эту кисть, чтобы нарисовать над текстом цветом # AC009F , как показано.
Удерживая нажатой Alt (Windows) или Option (Mac OS) , щелкните между слоем кисти и слоем текста на панели слоев , чтобы создать обтравочную маску .
Мы получили следующий результат:
Создайте новый слой и выберите кисть Soft Round , чтобы прокрасить слой с текстом слева.
Цвет кисти: # 00B6FF (установите непрозрачность на 60% на панели параметров ).
Удерживайте нажатой Alt (Windows) или Option (Mac OS) , как мы делали раньше, и щелкните между слоями на панели Layers , чтобы создать обтравочную маску .
Мы получили следующий результат:
Создайте следующий новый слой и выберите кисть Soft Round , указанную в предыдущем примере, чтобы закрасить текстовый слой с правой стороны цветом # CA1472 .
Удерживая нажатой Alt (Windows) или Option (Mac OS) , щелкните между слоями на панели Layers , чтобы создать обтравочную маску .
Мы получили следующий результат:
Объедините в группу все слои, составляющие текст, и слои кисти (нажмите кнопку CTRL , чтобы выбрать необходимые слои, и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на . Создайте новую группу. Значок из нижней части панель Layers ).
Давайте растеризуем полученную группу (выберите группу на панели Layers и нажмите CTRL + E от до Merge Down )
Создайте новый слой и выберите кисть Soft Round , чтобы закрасить фон, как показано.
Поместите слой под слой с текстом.
Установите Fill на 50% для этого слоя и установите режим наложения на Lighten .
Создайте новый слой и вставьте несколько белых пятен, которые в конечном итоге станут нашими звездами, применив кисть Hard Round цвета white . Выберите другой размер и другое значение непрозрачности для кисти.
Поместите слой под слой с текстом.
Вставьте маску на последний созданный слой, выбрав Добавить маску слоя в нижней части панели слоев и выберите кисть Soft Round черного цвета (установите непрозрачность на 70% в Панель параметров ).
Закрасьте маску этой кистью, чтобы плавно скрыть элементы звезд.
Создайте новый слой и выберите мягкую круглую кисть , чтобы продолжить рисование звезд, поместив слой под слоем с текстом.
Мы получили следующий результат:
Удерживая нажатой Alt (Windows) или Option (Mac OS) , щелкните между слоями на панели Layers , чтобы создать обтравочную маску .
Установите режим наложения для этого слоя на Linear Light .
Как добавить узоры в текст в Photoshop CC
Использование узора для текста — на самом деле один из самых простых способов стилизовать текст в Photoshop.Например, в логотипе «Создание интернет-магазина», который я использую сейчас, на самом деле используется узор, как вы можете видеть ниже:
Конечно, вы можете использовать любой тип узора для своего текста и даже можете добавлять к тексту дополнительные стили, такие как контуры, текстуры, контуры и многое другое. В этом уроке я покажу вам, как сделать все это в Photoshop CC, но те же шаги можно предпринять для Photoshop CS6 и более старых версий.
Определите свой шаблон:
Откройте изображение, которое вы хотите использовать в Photoshop.
Затем перейдите к «редактировать> определить шаблон», как показано на изображении ниже:
Далее вам нужно будет дать вашему шаблону имя. Вы можете использовать имя по умолчанию или добавить свое и нажать кнопку «ОК».
Используйте свою выкройку:
После того, как вы определили свой узор, вы можете использовать его в тексте, просто дважды щелкнув текстовый слой в окне слоев, как показано ниже:
В столбце «стили» отметьте галочкой «наложение рисунка» и затем щелкните стрелку раскрывающегося списка в окне рисунка, как показано ниже:
Затем просто выберите новый шаблон, щелкнув его в окне выбора, как показано ниже:
Разместите выкройку как хотите.Вы можете поиграть со всеми вариантами. Например, я использовал «привязку к исходной точке», чтобы расположить текст, как показано ниже:
Затем я уменьшил его, как показано ниже, чтобы он выглядел как настоящий флаг:
Ниже вы можете посмотреть мое видео, чтобы увидеть, как я все это делал шаг за шагом. В видео я использовал следующие шаблоны:
- Углеродное волокно
- Блеск
- Золото
- Бриллианты
- Британский флаг
- Флаг США
Не можете просмотреть видео? Смотрите на YouTube
Изображения, которые я использовал:
Углеродное волокно любезно предоставлено Бреттом Джорданом на Flickr.
Glitter любезно предоставлено Eve Paloma на Flickr.
Отличный! любезно предоставлено Filter Forge на Flickr.
Lovells Diamonds предоставлено Lovells Loose Threads на Flickr.
Британский флаг любезно предоставлен Кевином Патриком2 на Flickr.
Американский флаг любезно предоставлен Beverly & Pack на Flickr.
