Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



Текст из светящихся нитей


Ресурсы урока:



Оранжевая текстура частиц (от natureflowerstock)
Набор контуров (от jen-ni)
Кисти сияний (от redheadstock)
Эффект «Bokeh» (от ExposeTheBeauty)
Шрифт «Сomfortaa» (от Johan Aakerlund)

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 1280х1024 пикселей. Установите основной цвет на #361d17, а фоновый – на #010101. Выберите инструмент Градиент (Gradient Tool): Стиль (Stlye) – Радиальный (Radial). Залейте фон из центра холста к одному из углов.

Текст из светящихся нитей


Вставьте изображение эффекта «Bokeh» в наш документ и измените его размер при помощи инструмента Свободно трансформирование (Free Transform). Текстура должна полностью покрыть холст. Установите Режим наложения слоя на Перекрытие (Blending Mode – Overlay).

Текст из светящихся нитей


Шаг 2


Добавьте шрифт «Comfortaa-Regular» в общую библиотеку (инструкция по установке шрифта). Инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите слово «So Bright». Откройте окно Символ (Окно > Символ) (Window > Character). Введите значения, показанные на скриншоте. Интерильяж (Leading) может быть между 270pt и 300pt.

Текст из светящихся нитей


Понизьте Заливку (Fill) текстового слоя до 0% и создайте его копию (Ctrl + J).

Текст из светящихся нитей


Шаг 3


Кликните дважды на оригинальном текстовом слое, чтобы открыть окно стилей. Примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Мягкий свет, Режим тени – Умножение.

Текст из светящихся нитей


Контур:

Текст из светящихся нитей


Внутреннее свечение: Режим – Осветление, Цвет - #ffce81, Метод – Точный.

Текст из светящихся нитей


Глянец: Режим – Перекрытие.

Текст из светящихся нитей


Внешнее свечение: Режим – Осветление, Метод – Мягкий.

Текст из светящихся нитей

Текст из светящихся нитей


Шаг 4


К копии текстового слоя примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Мягкий свет, Режим тени – Умножение.

Текст из светящихся нитей


Внутреннее свечение: Режим – Осветление, Цвет - #e2b452, Метод – Точный.

Текст из светящихся нитей

Текст из светящихся нитей


Шаг 5


Выберите инструмент Перо (Pen Tool) и в настройках установите режим Контуров (Path), а также включите Оптимизацию (Auto Add/Delete).

Текст из светящихся нитей


Поставьте первую якорную точку внутри буквы S.

Текст из светящихся нитей


Если в настройках Вы включите Просмотр (Rubber Hand), то сможете увидеть линию контура до того, как поставите следующую якорную точку (нововведение CS6).

Текст из светящихся нитей


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

Текст из светящихся нитей


Нужно нарисовать линию, повторяющую форму буквы «S». Когда поставите последнюю якорную точку, зажмите клавишу Ctrl и кликните в любом месте за пределами линии. Нарисованный контур останется на холсте, а у Вас будет возможность создать ещё один.

Текст из светящихся нитей


Не стоит уделять много времени созданию идеальной S-формы. Форму линии мы поправим при помощи инструмента Стрелка (Direct Selection Tool). Выберите его и подвигайте якорные точки и их рычажки, чтобы изменить форму контура.

Текст из светящихся нитей


Рычажки изменяют направление линии. От расстояния, на котором расположена точка рычажка, зависит степень кривизны линии.

Текст из светящихся нитей


При помощи инструментов Добавить точку привязки (Add Anchor Point Tool) и Удалить точку привязки (Delete Anchor Point Tool) Вы сможете добавлять и удалять якорные точки.

Текст из светящихся нитей


Шаг 6


Инструментом Эллипс (Ellipse Tool) создайте круглый контур внутри буквы «O». Чтобы получить круг, удерживайте клавишу Shift при создании.

Текст из светящихся нитей


Остальную часть контура дорисуйте инструментом Перо (Pen Tool).

Текст из светящихся нитей


Шаг 7


Сейчас мы настроим кисть для обводки контуров. Выберите инструмент Кисть (Brush Tool) размером 20 пикселей с мягкими краями.

Текст из светящихся нитей


Перейдите в палитру кистей (F5) и увеличьте Интервалы (Spacing) до 200%.

Текст из светящихся нитей


Установите основной цвет на #ffb94a, создайте новый слой поверх остальных и назовите его «Light». Выберите инструмент Стрелка (Direct Selection Tool) и кликните где-нибудь на холсте, чтобы снять выделение со всех контуров.

Текст из светящихся нитей


Кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).

Текст из светящихся нитей


В появившемся окне выберите пункт Кисть (Brush).

Текст из светящихся нитей


Линии будут обведены кистью, которую мы настроили ранее.

Текст из светящихся нитей


Шаг 8


Выберите инструмент Ластик (Eraser Tool) размером 30-40 пикселей. С его помощью мы сотрём точки, которые залезают друг на друга.

Текст из светящихся нитей


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

Текст из светящихся нитей


Когда огоньки на буквах будут готовы, расположите слой «Light» между двумя текстовыми.

Текст из светящихся нитей


Создайте две копии слоя «Light» и скройте их.

Текст из светящихся нитей


Шаг 9


К оригинальному слою «Light» примените следующие стили:

Внутреннее свечение: Режим – Линейный свет, Цвет - #fffcf8, Метод – Мягкий.

Текст из светящихся нитей


Внешнее свечение: Режим – Яркий свет, Метод – Мягкий.

Текст из светящихся нитей


Отбрасывание тени: Режим – Перекрытие, Цвет - #ffe8a3.

Текст из светящихся нитей


Огоньки станут светлее и красивее после применения стилей.

Текст из светящихся нитей


Шаг 10


Сделайте видимой первую скрытую копию.

Текст из светящихся нитей


Примените к этому слою фильтр Размытие в движении (Motion Blur Filter).

Текст из светящихся нитей


Сделайте видимой вторую копию.

Текст из светящихся нитей


Примените тот же фильтр размытия, только измените Угол (Angle).

Текст из светящихся нитей


Выберите обе копии (удерживая Ctrl, кликните по именам слоёв). Затем объедините их (Ctrl + E).

Текст из светящихся нитей


Установите Режим наложения полученного слоя на Осветление (Screen).

Текст из светящихся нитей


Шаг 11


Огонькам не хватает сияния. Создайте новый слой поверх остальных и назовите его «Sparkles». Установите Режим наложения на Перекрытие (Overlay) и выберите цвет #fffdef.

Текст из светящихся нитей


Установите кисти сияний, предоставленные в начале урока (инструкция по установке кистей). Откройте палитру кистей (F5) и настройте кисть сияний 714.

Форма отпечатка кисти:

Текст из светящихся нитей


Динамика формы:

Текст из светящихся нитей


Благодаря этим параметрам при каждом клике будут появляться сияния разного размера под разным углом. Добавьте сияние не несколько точек.

Текст из светящихся нитей


Вставьте оранжевую текстуру частиц поверх всех слоёв. Растяните её на весь холст и установите Режим наложения на Замена светлым (Blending Mode – Lighten), а Непрозрачность (Opacity) – на 20%.

Текст из светящихся нитей


Перейдите к коррекции Уровни (Levels) и затемните текстуру.

Текст из светящихся нитей


Шаг 12


Этот шаг не обязателен, Вы можете пропустить его.
Создайте новый слой поверх слоя «Sparkle» и назовите его «Sparkle Lines».

Текст из светящихся нитей


К новому слою примените стиль Внешнее свечение: Режим – Линейный свет, Метод – Мягкий.

Текст из светящихся нитей


Выберите 1-пиксельную кисть цветом #fffdef. Её мы будем использовать для обводки контура. Инструментом Перо (Pen Tool) нарисуйте линию поверх букв.

Текст из светящихся нитей


Обведите линию 1-пиксельной кистью и нажмите Enter, чтобы удалить контур.

Текст из светящихся нитей


Шаг 13


Выделите текстовый слой (Ctrl + Click).

Текст из светящихся нитей


Выберите инструмент Ластик (Eraser Tool) и в настройках установите Непрозрачность (Opacity) на 85%. Сотрите участки светящейся нити в пределах выделения, которые должны проходить позади букв. Когда закончите, верните непрозрачность инструмента к 100%.
85% непрозрачность не сотрёт искрящуюся нить полностью, так как буквы должны быть полупрозрачными. Поэтому важно не тереть один и тот же участок дважды.

Текст из светящихся нитей


Если нужно будет вернуть какие-то участки светящейся нити, используйте кисть.

Текст из светящихся нитей


Выберите кисть сияний 42. Настройте её так:

Форма отпечатка кисти:

Текст из светящихся нитей


Динамика формы:

Текст из светящихся нитей


Одиночным кликом нарисуйте искры на конце нити.

Текст из светящихся нитей


Конечный результат:



Текст из светящихся нитей

Текст из светящихся нитей




Обсудить данный урок на форуме




Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: