Яркая светящаяся надпись в Photoshop. Светящиеся буквы в фотошопе

Световые эффекты – очень хороший способ сделать надпись на вашем дизайне более интересной. Данный урок по фотошопу описывает метод создания текста с маленькими огоньками по всей его поверхности. В процессе работы будут использованы слои-фигуры, кисти, стили слоя и корректирующие слои. Итак, приступим!

Подготовка к выполнению урока

Откройте изображение с текстурой RustPaint0147 в фотошопе и пройдите в меню Редактирование > Определить узор (Edit > Define Pattern). Укажите эту текстуру в качестве вновь создаваемого узора

Чтобы загрузить контуры, пройдите в меню Редактирование > Наборы > Управление наборами (Edit > (Presets) > Preset Manager), и в выпадающем списке Типов наборов (Preset Type) выберите Контуры (Contours). Затем кликните по маленькой стрелке правее от выпадающего списка с типом наборов, и в нижней части раскрывшегося меню выберите пункт Контуры (Contours). После появления диалогового окна с запросом на подтверждение действия нажмите Добавить (Append)

Чтобы загрузить узоры, пройдите в меню Редактирование > Наборы > Управление наборами (Edit > (Presets) > Preset Manager) и выберите пункт Узоры (Patterns) в выпадающем списке с типами узоров. Затем кликните по маленькой стрелке правее от выпадающего списка с типом ноборов, и выберите пункт Узоры (Patterns). После появления диалогового окна с запросом на подтверждение действия нажмите Добавить (Append)

1. Создание фона и текста

Шаг 1
Создайте новый документ размером 1200x1600 пикселей, с разрешением 300. Основной цвет: #35383f, а Фоновый: #1d1e23. Выберите инструмент Градиент (Gradient tool), задайте тип градиента: От основного к фоновому (Foreground to Background) и кликните по иконке Радиального градиента. Поставьте галочку на пункте Дизеринг (Dither), чтобы эффект получился более мягким.
Кликните по центру холста и протащите указатель мыши на направлении одного из углов холста, накладывая, таким образом, градиент.

Шаг 2
Поместите на свой холст поверх фонового слоя стоковое изображение с пейзажем. Затем сместите его так, чтобы холмы оказались в нижней части холста. Установите этот слой в Режим наложения (Blend mode) – Умножение (Multiply).

Шаг 3
Пройдите в меню Изображение > Коррекция > Обесцветить (Image > Adjustments > Desaturate), затем в меню Изображение > Коррекция > Уровни (Image > Adjustments > Levels), установите величину Гаммы: 1,15

Шаг 4
Наберите ваш текст шрифтом Code Bold. Шрифт и его размер имеют здесь принципиальное значение, так как исходя из данных параметров, в дальнейшем, будут настраиваться кисти. Поэтому вам следует либо использовать аналогичные шрифт и размер, либо, в случае использования какого-то иного шрифта и размера, корректировать настройки кистей.
В данном случае использован размер 60pt, цвет: #422915, Трэкинг (Tracking):100, и Кернинг (Kerning) – Оптический (Optical).

Шаг 5
Продублируйте этот слой

2. Применение к тексту стилей слоя

Выделите на палитре слоев дубликат слоя с текстом и примените к нему следующие стили слоя.

Размер (Size): 1
Режим подсветки (Highlight Mode): Умножение (Multiply)
Непрозрачность (Opacity): 70%
Непрозрачность (Opacity): 70%

Шаг 2: Контур (Contour)

Поставьте галочку на пункте Сглаживание (Anti-alias)
Диапазон (Range): 90%

Расстояние (Distance): 0
Размер (Size): 10

Цвет (Color): #ffeed5
Метод (Technique): Точный (Precise)

Стягивание (Choke): 25
Размер (Size): 37

Шаг 5: Наложение узора (Pattern Overlay)
Режим наложения (Blend mode): Экран (Screen)
Непрозрачность (Opacity): 25%
Узор (Pattern): Облака (Clouds)

Шаг 6
В результате к нашему тексту будет применен показанный ниже эффект свечения. Наложение узора (Pattern Overlay) помогает добиться определенной игры яркости, тогда как Внутреннее свечение (Inner Glow) делает свет по центру текста более интенсивным. Этим светом, впоследствии, можно будет пользоваться в качестве ориентира при обработке поверхности тектс кистью.

3. Создание собственной кисти

Шаг 1
Создайте документ с размером холста 500x500 пикселей. Выберите инструмент Многоугольник (Polygon Tool (U)), задайте на панели опций в верхней части окна программы количество сторон (Sides): 7, и создайте семигранник размером 320x320, как показано на изображении ниже.

Шаг 2
Пройдите в меню Редактирование > Определить кисть (Edit > Define Brush Preset), и введите в текстовое поле название новой кисти. Теперь этот документ можно закрыть и вернуться к своему основному документу.

Шаг 3
Выберите инструмент Кисть (Brush tool) и пройдите в меню Окно > Кисти (Window > Brush). Выберите только что созданную кисть и уменьшите ее размер как показано на изображении ниже:

Шаг 4
Создайте поверх всех существующих слоев новый слой и назовите его “Кисть”. Установите Основным цветом (Foreground color) – белый цвет. Теперь нужно прокрасить ранее созданной кистью прямые и диагональные элементы букв.
Чтобы прокрасить вертикальные и горизонтальные элементы, кликните в начале отрезка, и, удерживая Shift, кликните еще раз в его конце. Отпустите Shift. Так линия получится идеально ровной.
Точно так же и с диагональными элементами.
Главное, помните, что первый раз нужно кликнуть до нажатия клавиши Shift, и отпустить ее только после клика по той точке, где кончается прокрашиваемый элемент.

Шаг 5
Вы всегда можете отменить создание последней линии, если она вас не устраивает, и прочертить ее заново. Данный шаг потребует некоторого времени и усидчивости, но конечный результат стоит того.

4. Окрашивание остальных букв

Остальные буквы мы окрасим методом обводки рабочего контура.

Шаг 1
В случае с буквой О можно просто воспользоваться инструментом Эллипс (Ellipse Tool), активировав на панели опций в верхней части окна программы режим Контур (Path). Создайте с его помощью рабочий контур с центром, совпадающим с центром буквы О.

Шаг 2
Для остальных букв придется использовать инструмент Перо (Pen tool) в режиме Контуры (Path).
Кликните по букве, чтобы создать первую опорную точку, затем, немного в стороне кликните еще раз и сместите указатель мыши, создавая кривую требуемой формы. Вы можете ориентироваться по световому эффекту, созданному ранее при помощи стиля слоя Внутреннее свечение (Inner Glow). Вовсе не обязательно, чтобы контуры имели идеальную форму.

Шаг 3
Очень важно создать рабочие контуры для каждой из букв (не обработанных ранее кистью), прежде чем выполнить обводку хотя бы одного из контуров. Создаваемые на этом шаге контуры, позже будут использованы еще раз, поэтому желательно, чтобы они были созданы в один общий этап.
Для того, чтобы отделять один контур от другого, кликните за пределами текущего контура при нажатой клавише Command/Ctrl. Этот создаст новый контур, отдельны от того, над которым вы работали ранее.

Шаг 4
После того как будут созданы все необходимые контуры, выберите инструмент Стрелка (Direct selection Tool) и подкорректируйте их форму.
Для этого можно перемещать указателем мыши опорные точки, либо одну из контрольных точек на концах линий-манипуляторов. Так можно менять положение кривой, изгибая ее в различных направлениях, варьируя, таким образом, степень ее кривизны.
При необходимости можно так же добавлять или удалять опорные точки.

Шаг 5
Когда все контуры будут иметь требуемую форму, снова выберите инструмент кисть, убедитесь, что на палитре слоев активен слой “Ксить”, и нажатием Enter/ Return, выполните обводку контура.
Затем, при помощи инструмента Ластик (Eraser Tool) подотрите неудачные участки, там где появились лишние, перекрывающиеся семигранник. При необходимости, семигранники можно добавить при помощи все той же кисти.
В конце выделите рабочий контуры при помощи инструмента Стрелка (Direct selection Tool) и нажмите Enter/Return.

Шаг 6
После того как вы подправите обводку, уменьшите величину Заливки (Fill) слоя с кистью до 0 и продублируйте его.

5. Применение стилей слоя к огонькам
Примените к оригинальному слоя с семигранниками следующие стили:

Шаг 1: Тиснение (Bevel and Emboss)

Размер (Size): 3
Контур глянца (Gloss Contour): Перевернутый конус (Cone – Inverted)
Поставьте галочку на пункте Сглаживание (Anti-alias)

Режим тени (Shadow Mode): Умножение (Multiply)
Непрозрачность (Opacity): 0%

Шаг 2: Контур (Contour)
Контур (Contour): Перевернутый конус (Cone – Inverted)
Поставьте галочку на пункте Сглаживание (Anti-alias)

Шаг 3: Внутренняя тень (Inner Shadow)
Режим наложения (Blend mode): Линейный свет (Linear Light)
Цвет (Color): #ffe1a5
Расстояние (Distance): 0
Размер (Size): 3

Шаг 4: Внутреннее свечение (Inner Glow)
Режим наложения (Blend mode): Линейный свет (Linear Light)
Цвет (Color): #fffffd
Источник (Source): Из центра (Center)
Размер (Size): 7

Шаг 5: Внешнее свечение (Outer Glow)
Режим наложения (Blend mode): Жесткий свет (Hard Light)
Непрозрачность (Opacity): 100%
Цвет (Color): #ffeac7
Размер (Size): 1

Шаг 6
Вот результат применения стилей слоя к нашим семигранникам

Шаг 7
Выделите на палитре слоев дубликат слоя с семигранниками, и примените к нему следующие стили слоя

Тиснение (Bevel and Emboss)
Снимите галочку с пункта Глобальное освещение (Use Global Light)
Угол (Angle): 105
Высота (Altitude): 48
Поставьте галочку на пункте Сглаживание (Anti-alias)
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity): 100%
Режим тени (Shadow Mode): Умножение (Multiply)
Непрозрачность (Opacity): 0%

Шаг 8: Контур (Contour)
Контур (Contour): Перевернуты конус (Cone – Inverted)
Поставьте галочку на пункте Сглаживание (Anti-alias)

Шаг 9
Вот что получится в результате:

6. Отражение

Шаг 1
Выберите инструмент Кисть (Brush tool), перейдите в меню настроек и раскройте выпадающее меню, кликнув по показанной ниже иконке. Выберите набор с Квадратными кистями (Square Brushes) в нижней части списка. Нажмите Добавить (Append), чтобы эти кисти были добавлены к существующим кистям.

Шаг 2
Выберите квадратную 3 пиксельную кисть, и, открыв палитру кистей, задайте следующие установки. Здесь придется немного потрудиться. Нам нужно пройтись этой кистью по центрам семигранников, поэтому, возможно, величину Интервалов (Spacing) придется корректировать несколько раз.
Для данного урока подошло значение 700. Если в ваше случае оно не сработает, попробуйте подобрать нужную величину самостоятельно.

Шаг 3
Создайте новый слой поверх существующих слоев и задайте Основным цветом (Foreground color) ярко-красный. Затем повторите процесс, когда на поверхность текста были нанесены семигранники. На этот раз уже по центрам семигранников нужно распределить красные прямоугольники.
Кликните по центру первого семигранника, и протащите указатель мыши (наконечник кисти) в нужном направлении.

Шаг 4
Теперь, чтобы вернуть наш ранее созданный рабочий контур, пройдите в меню Окно > Контуры (Window > Paths), и кликните по вкладке Рабочий контур (Work Path).

Шаг 5
Вернитесь на палитру слоев и выполните обводку контура. Затем подкорректируйте возникшие проблемные места, точно так же как было сделано при обводке контура семигранниками.

Шаг 6
После того, как красные квадратики будут расставлены, установите Основным цветом (Foreground color) - #fff5e9, выберите инструмент Заливка (Paint Bucket Tool (G)), снимите галочку с пункта Смежные пиксели (Contiguous) на панели опций в верхней части окна программы, установите курсор в одном из красных квадратиков, и залейте их Основным цветом (Foreground color).
Это не самый аккуратный метод изменения цвета, но зато он создает небольшие вариации.
Если вам нужен более точный результат, вы можете использовать стиль слоя Наложение цвета (Color Overlay), задав цвет #fff5e9, и растрировать после этого слой.

7. Создание отражений

Шаг 1
Расположите слой с красными квадратиками сразу под слоем с семигранниками (слой “Кисть”) Назовите его “0”. Создайте дополнительно 3 копии этого слоя, и назовите их соответственно “90”, “45”, и “-45”. Данные величины будут обозначать угол, использованный при применении размытия в движении к каждому из этих слоев.

Шаг 2
Выделите на палитре слоев слой “0” и пройдите в меню Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Задайте Угол (Angle): 0, и Расстояние (Distance): 30.

Шаг 3
Повторите процесс для каждого из слоев, изменяя значение угла на соответствующее названию очередного слоя.
Затем выделите на палитре слоев все слои с размытием в движении и пройдите в меню Слои > Объединить слои (Layer > Merge Layers). Переименуйте объединенный слой в “Свет”.

Шаг 4
Выберите инструмент Палец (Smudge tool), затем выберите 5-пиксельную мягкую кисть и задайте Интенсивность (Strength), равную 100. Заполните с помощью этого инструмента все пустующие углы.

Шаг 5
Кликните, удерживая Command/Ctrl, по иконке слоя с текстом, чтобы создать выделенную область.

Шаг 6
Затем пройдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract), сожмите выеденную область на 1 пиксель.

Шаг 8
Продублируйте слой со светом и измените Режим наложения (Blend mode) копии на Перекрытие (Overlay). Создайте дубликат копии.

Шаг 9
В результате, свет на отражающих участках станет более интенсивным.

8. Создание металлических полос

Шаг 1
Задайте Основным цветом (Foreground color) - #151414, выберите инструмент Прямоугольник (Rectangle Tool) и начертите под слоем с текстом прямоугольник высотой 11 пикселей. Под каждой строчкой текста нужно расположить по два таких прямоугольника: один ближе к верхней части текста, другой – ближе к нижней. Прямоугольники должны превышать длину строчек текста, выступая справа и слева.
Чтобы все прямоугольники оказались на одном слое, нужно на панели опций в верхней части окна программы включить режим объединения фигур (Combine Shapes).

Шаг 2
Переименуйте этот слой с прямоугольниками в “Горизонтальные”, и убедитесь в том, что он находится под слоем с текстом. Затем создайте под этим слоем еще один слой и назовите его “Вертикальные”.

Шаг 3
Создайте два вертикальных прямоугольника шириной 15 пикселей. Расположите каждый из них ближе к окончаниям горизонтальных линий. Нижние концы вертикальных прямоугольников должны касаться нижнего каря холста.

Шаг 4
Создайте между слоями с горизонтальными и вертикальными линиями еще один слой и назовите его “Центр”. Прочертите примерно посередине горизонтальных линий еще две вертикальные линии шириной 11 пикселей.

9. Стили слоя для металлических полос

Выделите на палитре слоев слой с горизонтальными линиями и примените к нему следующие стили слоя:

Шаг 1: Тиснение (Bevel and Emboss)
Метод (Technique): Жесткая огранка (Chisel Hard)
Размер (Size): 1
Поставьте галочку на пункте Сглаживание (Anti-alias)
Режим подсветки (Highlight Mode): Жесткий свет (Hard Light)

Шаг 2: Контур
Контур (Contour): Мелкая выемка (Cove – Shallow)
Поставьте галочку на пункте Сглаживание (Anti-alias)

Шаг 3: Глянец
Цвет (Color): #e1c543
Контур (Contour): Скругленные ступени (Rounded Steps)

Шаг 4: Наложение градиента (Gradient Overlay)
Режим наложения (Blend mode): Яркий свет (Vivid Light)
Непрозрачность (Opacity): 60%
Стиль (Style): Радиальный (Radial)
Масштаб (Scale): 150%
Используйте градиент от прозрачного к черному (с черным цветом по обеим сторонам градиента)

Шаг 5: Наложение узора
Режим наложения (Blend mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Узор (Pattern): RustPaint0147

Шаг 6
Вот как в результате должны выглядеть горизонтальные перекладины:

Примените к слою с вертикальными линиями следующие стили слоя:

Шаг 7: Тиснение (Bevel and Emboss)
Метод (Technique): Жесткая огранка (Chisel Hard)
Размер (Size): 1
Поставьте галочку на пункте Сглаживание (Anti-alias)
Режим подсветки (Highlight Mode): Перекрытие (Overlay)

Шаг 11
Теперь кликните ПКМ по слою с центральными перекладинами и выберите пункт Вклеить стили слоя (Paste Layer Style)

10. Наложение теней

Шаг 1
Удерживая Command/Ctrl, кликните по иконке слоя с центральными перекладинами, чтобы создать выделенную область. Затем, удерживая Command/Ctrl, кликните по слою с вертикальными перекладинами, чтобы добавить к созданной выделенной области еще одну.

Шаг 2
Создайте новый слой поверх слоя с центральными перекладинами, и назовите его “Тень”. Установите этот слой в Режим наложения (Blend mode): Умножение (Multiply). Установите Основным цветом (Foreground color) - #959595, и выберите мягкую круглую кисть размером примерно 100-125 пикселей.
Кликните по местам, где соприкасаются вертикальные и горизонтальные линии. Затем снимите выделение: Выделение > Снять выделение (Select > Deselect).

Шаг 3
Примените к слою с тенью стиль слоя Тень (Drop Shadow):
Непрозрачность (Opacity): 100%
Расстояние (Distance): 0
Размах (Spread): 20
Размер (Size): 30

Шаг 4
Пройдите в меню Слои > Стили слоя > Образовать слой (Layer > Layer Style > Create Layer). В результате эффект с тенью будет выделен на отдельный слой. Удалите оригинальный слой с текстом.

Шаг 5
Кликните, удерживая Command/Ctrl, по иконке слоя с горизонтальными линиями. Затем, убедитесь, что слой с тенью все еще активен, и пройдите в меню Выделение > Инверсия (Select > Inverse). Теперь нажатием Delete, обрежьте тени, выходящие за поверхность перекладин.

Шаг 6
Пройдите в меню Выделение > Снять выделение (Select > Deslect) и назовите слой с эффектом тени “Тень текста”.

11. Добавление света

Шаг 1
Создайте новый слой под слоем с тенью текста и назовите его “Свет от текста”. Установите его в Режим наложения (Blend mode) – Мягкий свет (Soft Light) при непрозрачности 50%. Установите Основным цветом (Foreground color) - #c0b99d.

Шаг 2
Выберите 250-пиксельную мягкую круглую кисть и добавьте немного света позади текста.

Шаг 3
Установите Основным цветом (Foreground color) - #c9b47d, увеличьте размер кисти примерно до 1800 пикселей. Создайте поверх всех существующих слоев новый слой и назовите его “Перекрытие света”. Установите этот слой в Режим наложения (Blend mode) - Перекрытие (Overlay) и уменьшите его Непрозрачность до 70%.
Кликните один раз по центру документа, накладывая, таким образом, свет. Этот усилит яркость общего света, сделает текстуры более детальными, и улучшит вид композиции.

Шаг 4
Кликните по кнопке Создания нового корректирующего слоя или слоя-заливки (Create new fill or adjustment layer) в нижней части палитры слоев, и выберите пункт Карта Градиента (Gradient Map).

Шаг 8
Выберите вариант заливки: от прозрачного к черному (Transparent to Black), с белым цветом в левой части и черным цветом – в правой. Измените стиль градиента на Радиальный и поставьте галочку на пункте Дизеринг (Dither).
Расположите этот корректирующий слой сразу под слоем с текстом и установите его в Режим наложения (Blend mode) – Перекрытие (Overlay), уменьшив Непрозрачность (Opacity) до 25%.

Заключение
В этом уроке вы узнали как создать светящийся текст, используя для этого различные опции и инструменты фотошопа. Надеюсь, вы научились чему-то новому и сможете использовать полученные знания в своих собственных проектах.

ilovegraphics; Переводчик: Руслан Гильзидинов.

Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.

Начинаем работу. Создайте документ, выставив необходимые вам настройки. Не скупитесь на размер, чтобы при переносе текста в вашу основную работу, не испортилось качество текста. Я взял такие настройки:

Следующий шаг - создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:

Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав CTRL+SHIFT+N . Используя большую мягкую кисть, нарисуйте большое пятно по центру на новом слое. Установите значение Opacity (Непрозрачность) на 55%, это создаст хороший эффект свечения для нашего фона.

Теперь мы готовы к работе над текстом. Напишите нужное слово в центре нашей работы. Выберите шрифт, который вам по душе.

Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень ). Выставляем настройки, как показано ниже:

Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет #f0ebc5 ):

Satin (Глянец). Настройки (цвет #f5ca2d ):

И последнее - градиент. Настройки следующие (градиент от #952e2f к белому):

Ну что, у нас получился красивый текст. Выглядит неплохо, да? Уже хотите вернуться к вашему проекту и применить этот текст там? Не торопитесь, наша работа ещё не закончена.

Теперь сделаем ещё одну вещь. Создайте новый слой и назовите его, как хотите, главное - убедитесь, что этот слой будет располагаться за слоем с текстом. Теперь, удерживая CTRL, щелкаем по слою с текстом - таким образом, мы создаем выделение в виде текста:

Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5 .

Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже:

Повторяем предыдущий шаг, только выставляем значение Angle (Угол) не 90, а 0.

Меняем Blend Mode (Режим наложения) слоя на Vivid Light (Яркий свет).

Откройте ржавую текстуру в Фотошопе и перейдите в меню Edit ? Define Pattern, чтобы сохранить JPG файл в качестве текстуры.
Загрузите все контуры через меню Edit ? Preset Manager. Выберите Contours для Preset Type и нажмите на маленькую стрелку, выберите пункт Contours. На вопрос о замене и добавлении ответьте кнопкой Append.
Чтобы добавить узоры, сделайте то же самое, только выберите Patterns.

1. Создание фона и текста

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1200х1600 пикселей с разрешением 300 пиксель/дюйм. Установите основной цвет на #35383f , а фоновый - на #1d1e23 . Выберите инструмент Gradient Tool (G): Foreground to Background. Протяните радиальный градиент из центра холста к одному из углов.

Шаг 2

Вставьте фотографию гор в наш документ и расположите так, чтобы вершина горы была у нижнего края холста. Установите режим наложения Multiply.

Шаг 3

Обесцветьте фотографию гор (Ctrl + Shift + U), а затем примените коррекцию Levels (Ctrl + L).

Шаг 4

Выберите инструмент Horizontal Type Tool (T) и напишите текст шрифтом «Code Bold» цветом #422915 . Откройте панель Character (Window ? Character) и настройте шрифт, как показано ниже.

Шаг 5

Создайте копию текстового слоя (Ctrl + J).

2. Стилизация текста

Кликните дважды на копии текстового слоя, чтобы открыть окно стилей. Примените стили, показанные ниже.

Шаг 1. Bevel and Emboss

Шаг 2. Contour

Шаг 3. Inner Shadow

Шаг 4. Inner Glow

Шаг 5. Pattern Overlay

Используйте облачный узор.

Шаг 6

Стили создадут на тексте базовое свечение. Стиль Pattern Overlay поможет создать вариацию яркости, а стиль Inner Glow усилит свет в середине букв. Эти же светлые линии станут направляющими для размещения лампочек.

3. Создание кисти

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 500х500 пикселей. Выберите инструмент Polygon Tool (U) и в настройках установите количество сторон на 7. Создайте фигуру размером 320х320 пикселей.

Шаг 2

Перейдите в меню Edit ? Define Brush Preset. Введите имя кисти и нажмите ОК. Закройте текущий документ и вернитесь к предыдущему.

Шаг 3

Выберите инструмент Brush Tool (B) и откройте панель кистей (F5). Выберите кисть, которую только что создали. Она будет в конце списка.

Шаг 4

Создайте новый слой (Ctrl + Shift + Alt + N) на самом верху и назовите его «Brush». Выберите белый цвет в качестве основного. Нам нужно заполнить середину букв семиугольными фигурами. Для того, чтобы рисовать узоры строго по вертикали или горизонтали, используйте клавишу Shift.

Для рисования горизонтальных и вертикальных линий семиугольников, кликните на начальной точке (не отпускайте кнопку мыши), зажмите клавишу Shift и оттяните мышь в сторону.

Для рисования диагональных линий сначала поставьте семиугольник в начальную точку одиночным кликом. Затем зажмите клавишу Shift и кликните на конечной точке. У вас получится линия семиугольников.

Шаг 5

Используйте сочетание клавиш Ctrl + Z, чтобы отменить изменения.

4. Заполнение других букв

Шаг 1

Остальные буквы будут заполнены при помощи обводки контура. Выберите инструмент Ellipse Tool (U) в режиме Paths и создайте круглый контур внутри буквы О.

Шаг 2

Для букв более сложной формы, используйте инструмент Pen Tool (P) в режиме Paths. Сначала поставьте первую опорную точку, а затем вторую и, не отпуская кнопки мыши, потяните в сторону, чтобы создать кривую.

Шаг 3

Когда поставите последнюю опорную точку контурной линии, зажмите клавишу Ctrl и кликните где-нибудь на холсте, чтобы не продолжать ту же линию.

Шаг 4

После создания контурных линий выберите инструмент Direct Selection Tool (A). Поправьте форму линий, используя рычажки опорных точек. При необходимости добавьте или удалите опорные точки.

Шаг 5

Выберите инструмент Brush Tool (B) и нажмите Enter, чтобы обвести контур. Инструментом Eraser Tool (E) сотрите наложение семиугольников. Чтобы удалить контур, выделите его инструментом Direct Selection Tool (A) и нажмите Enter.

Шаг 6

Когда все контуры будут обведены, уменьшите заливку слоёв «Brush» до 0%.

5. Стилизация лампочек

К слюо «Brush» примените следующе стили:

Шаг 1. Bevel and Emboss

Шаг 2. Contour

Шаг 3. Inner Shadow

Цвет #ffe1a5 .

Шаг 4. Inner Glow

Цвет #fffffd .

Шаг 5. Outer Glow

Цвет #ffeac7 .

Шаг 6

Стили создадут светящуюся часть лампочек.

Шаг 7. Bevel and Emboss

Шаг 8. Contour

Последние стили создали стеклянную часть лампочек.

6. Кисть для отражений

Шаг 1

Выберите инструмент Brush Tool (B) и через верхнюю панель загрузите набор кистей «Square Brushes». В появившемся диалоговом окне нажмите на кнопку Append, чтобы добавить новый набор кистей, а не заменить им текущий.

Шаг 2

Откройте панель кистей (F5), выберите квадратную кисть размером 3 пикселя. Установите Spacing на 700%. Когда мы будем рисовать кистью, квадратный узор будет помещён прямо в центр лампочки.

Шаг 3

Создайте новый слой на самом верху и выберите светло-красный цвет. Расположите центр внутри лампочки, зажмите кнопку мыши и оттяните мышь в сторону.

Шаг 4

Для букв сложной формы мы снова воспользуемся обводкой контура. Перейдите в панель Paths (Window ? Paths) и выберите рабочий контур.

Шаг 5

Вернитесь к панели слоёв и обведите контур.

Шаг 6

Когда закончите рисовать квадратики, выберите инструмент Paint Bucket Tool (G) и выберите цвет #fff5e9 . На верхней панели выключите Contiguous. Расположите курсор мыши внутри светло-красного-квадрата и залейте его выбранным цветом. Это не самый точный способ изменить цвет объекта, но Вы получите небольшую цветовую вариацию. Если Вы хотите полностью изменить цвет, примените стиль Color Overlay: #fff5e9 .

7. Создание отражений

Шаг 1

Опустите слой с квадратной кистью под слой «Brush» и переименуйте его в «0». Создайте три копии этого слоя и назовите их «90», «45», «-45». Эти цифры обозначают значение параметра Angle в настройках фильтра Motion Blur, который мы сейчас применим.

Шаг 2

К слою «0» примените фильтр Motion Blur (Filter ? Blur ? Motion Blur).

Шаг 3

Примените этот же фильтр к каждой копии, изменяя значения угла в соответствии с названием слоя. После этого выберите все четыре слоя с размытием и объедините их в один слой (Ctrl + E), назовите его «Light».

Шаг 4

Выберите инструмент Smudge Tool и настройте его, как показано ниже. Размажьте сияния, чтобы заполнить пустые углы.

Шаг 5

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя).

Шаг 6

Сожмите выделение на 1 пиксель через меню Select ? Modify ? Contract.

Шаг 7

Инвертируйте выделение (Select ? Inverse) и нажмите Delete. Уберите выделение (Ctrl + D).

Шаг 8

Создайте копию слоя «Light» и смените её режим наложения на Overlay. Затем создайте ещё одну копию и тоже измените режим наложения.

Свет станет ярче.

8. Металлические панели

Шаг 1

Инструментом Rectangle Tool (U) создайте прямоугольники высотой 11 пикселей цветом #151414 позади каждого слова. Все прямоугольники должны быть на одном слое. Используйте функцию Combine Shapes на верхней панели.

Шаг 2

Слой с полосками назовите «Horizontal» и опустите его под текстовый слой. Под слоем «Horizontal» создайте новый слой «Vertical».

Шаг 3

Создайте две вертикальные полоски шириной 15 пикселей. Нижняя часть этих полоска должна касаться основания холста.

Шаг 4

Между слоями «Horizontal» и «Vertical» создайте новый слой «Center». Добавьте две вертикальные 11-пиксельные полоски в середине.

9. Стилизация металлических панелей

Шаг 1. Bevel & Emboss

К слою «Horizontal» примените следующие стили:

Шаг 2. Contour

Шаг 3. Satin

Цвет #e1c543 .

Шаг 4. Gradient Overlay

Шаг 5. Pattern Overlay

Текстура ржавчины из секции ресурсов урока.

Шаг 6

Горизонтальные панели после применения стилей:

Шаг 7. Bevel & Emboss

Стили для слоя «Vertical».

Шаг 8. Contour

Шаг 9. Pattern Overlay

Шаг 10

Кликните правой кнопкой мыши на слое «Vertical» и выберите пункт Copy Layer Style.

Шаг 11

Кликните правой кнопкой мыши на слое «Center» и выберите пункт Paste Layer Style.

10. Добавление теней

Шаг 1

Выделите слой «Center», а затем добавьте в область выделения слой «Vertical».

Шаг 2

Создайте новый слой над слоем «Center» и назовите его «Shadow». Установите режим наложения Multiply. Выберите мягкую кисть размером 100-125 пикселей цветом #959595 . Сделайте одиночный клик в том месте, где пересекаются вертикальные и горизонтальные панели. Уберите выделение (Ctrl + D).

Шаг 3

К оригинальному текстовому слою примените стиль Drop Shadow.

Шаг 4

Перейдите в меню Layer ? Layer Style ? Create Layer. Стиль Drop Shadow будет вынесен на отдельный слой. Оригинальный текстовый удалите.

Шаг 5

Выделите слой «Horizontal», инвертируйте выделение (Ctrl + Shift + I) и, находясь на слое с эффектом Drop Shadow нажмите на клавишу Delete. Тень за пределами горизонтальных панелей будет удалена.

Шаг 6

Уберите выделение и переименуйте слой с эффектом Drop Shadow в «Text Shadow».

11. Добавление света

Шаг 1

Создайте новый слой «Text Light» под слоем «Text Shadow». Установите для него режим наложения «Soft LIght» и уменьшите непрозрачность до 50%. Выберите цвет #c0b99d .

Шаг 2

Выберите мягкую кисть размером 250 пикселей и нарисуйте свет позади текста.

Шаг 3

Увеличьте размер кисти до 1800 пикселей и выберите цвет #c9b47d . На самом верху создайте новый слой «Light Overlay». Установите для него режим наложения Overlay и уменьшите непрозрачность до 70%. Кликните один раз в центре холста, чтобы добавить свет. Это освещение поможет выделить текстуры и детали.

Шаг 4

Создайте корректирующий слой Gradient Map.

Правовая информация ».

Переведено с сайта design.tutsplus.com , автор перевода указан в начале урока.

Доброго времени суток уважаемые пользователи программы Фотошоп. Хочу представить вашему вниманию очередной урок по работе с текстом в графическом редакторе Adobe Photoshop .

Давайте представим ситуацию когда для вашей работы, например постера или открытки, понадобится яркая надпись, заголовоксловом то что добавит в неё изюминку.

Начнём работу с создания фона.

Создаём новый документ. Заходим Файл - Создать.. . или CTRL+N и в открывшемся окне установим такие параметры как на скрине (с размерами документа рекомендую не скупиться).Обратите внимание что в параметре Содержимое фона я установил значение - Цвет фона , попробую объяснить. Для того чтобы создать контраст для текста нам нужен будет черный фон, так вот перед тем как создавать новый документ в панели инструментов установите фоновый цвет черный т.е. созданный новый документ уже будет черного цвета, то что нам нужно:

а основной цвет в панели инструментов устанавливаем #1f1d00 , как показано ниже:

Создаём ещё один слой, нажав сочетание CTRL+SHIFT+N или с помощью иконки внизу панели слоев. Используя большую мягкую кисть, нарисуем большое пятно по центру изображения ярким желтым цветом. Установим Непрозрачность (Opacity) на 55%, это придаст эффект лёгкого свечения фону:

Приступаем к работе над текстом

Шаг 1.

Подбираем себе подходящий шрифт и пишем нужный текст (в уроке используется шрифт Dosis-Extra Bold ). На скрине также указан цвет, которым пишется текст (ну тут уже как в поговорке, сами знаете):

Дальше начинается самое интересное, будем колдовать со Стилями слоя (Layer Style ). Кликаем дважды по текстовому слою, тем самым открывая рабочее окно Стилей слоя (Layer Style) . Начнем по порядку с Тени (Drop Shadow) , настройки которой показаны ниже:

Настройки Тиснение (Bevel and Emboss) устанавливаем примерно как на скрине. Отдельно хочу уделить внимание на изменение контура. В программе Photoshop по умолчанию контуров установлено всего двенадцать штук, так вот для того чтобы расширить разнообразие контуров достаточно проделать вот такую манипуляцию как показано на изображении:

Настраиваем Глянец (Satin ):

И напоследок у нас – Наложение градиента :

Ну вот и всё ! Получили красивый текст, можно вставлять его в свой проект....думаете вы. Но! Вот это вечно не дающее покоя но. Работа ещё не закончена!

Шаг 3.

Сделаем ещё одну такую вещь. Создаём новый слой. Расположим его нужно под слоем с текстом и удерживая клавишу CTRL, кликаем по слою с текстом, тем самым создадим выделение текста:

Далее заходим Выделение - Модификация - Расширить (Select - Modify - Expand) , устанавливаем значение в 8 пикс.(можете попробовать другое значение) и жмём ОК. Теперь, активировав новый слой, зальем выделение вот таким цветом - #f0ebc5 :

Ещё раз переходим в Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur) , только выставляем значение Угол (Angle) не 90, а 0:

Меняем Режим наложения (Blend Mode) слоя на Яркий свет (Vivid Light) :

И применяем последний фильтр, это Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur) и выставляем значение примерно в 27 пикселей (опять же в моём примере):

Вот теперь всё! Хотя ваше но потянет может быть ещё дальше.

Желаю успехов!

Всегда для Вас: сайт

У Вас возникло желание показать результаты Ваших трудов? Выложите свои работы на наш форум !

Уважаемые посетители сайта , потратившие время на просмотр этого урока. Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий. Заранее спасибо.

Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень ). Выставляем настройки, как показано ниже:

Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет # f0 ebc5 ):

Satin (Глянец). Настройки (цвет #f5ca2d ):

И последнее - градиент. Настройки следующие (градиент от #952e2f к белому):

Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5 .

Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже.