Уроки | PS | Анимация неонового текста | ★★☆

[♡ Tatyana Fair ♡]

СОЗДАНИЕ АНИМАЦИИ НЕОНОВОГО ТЕКСТА В ПРОГРАММЕ ADOBE PHOTOSHOP
В ЭТОМ УРОКЕ Я ПОКАЖУ КАК МОЖНО СДЕЛАТЬ ГРАФИЧЕСКУЮ ИМИТАЦИЮ НЕОНОВОЙ ВЫВЕСКИ.

НАМ ПОНАДОБЯТСЯ:
ADOBE PHOTOSHOP ( У МЕНЯ ВЕРСИЯ CS6 )
КАРТИНКА ДЛЯ ФОНА [ОРИГИНАЛ]
ШРИФТ KLAXONS [СКАЧАТЬ]

▻ СОЗДАДИМ ДОКУМЕНТ 700Х700 ПИКС. С РАЗРЕШЕНИЕМ 200


▻ ПЕРЕТАЩИМ НАШ ФОН В РАБОЧУЮ ОБЛАСТЬ И ПОДГОНИМ НУЖНЫЙ РАЗМЕР


▻ НА МОЙ ВЗГЛЯД, СТЕНА ВЫГЛЯДИТ СЛИШКОМ ЯРКОЙ И ОРАНЖЕВОЙ, С ПОМОЩЬЮ КОРРЕКЦИИ ЦВЕТОВОГО ТОНА ДЕЛАЮ ДРУГОЙ ОТТЕНОК И ЯРКОСТЬ


▻ ВЫСТАВЛЯЕМ ЖЕЛАЕМЫЕ ПАРАМЕТРЫ И НАЖИМАЕМ ОК
ЦВЕТОВОЙ ТОН -12
НАСЫЩЕННОСТЬ -22
ЯРКОСТЬ -32

▻ С ПОМОЩЬЮ КНОПКИ ПИШЕМ ТЕКСТ ПО СЕРЕДИНЕ ХОЛСТА
ШРИФТ KLAXONS
РАЗМЕР 36ПТ


▻ ДВА РАЗА ДУБЛИРУЕМ СЛОЙ (CTRL + J )
▻ В ОДНОМ УДАЛЯЕМ СЛОВО DIAMOND
▻ ВО ВТОРОМ УДАЛЯЕМ СЛОВО RP
НА СКРИНШОТЕ ПОКАЗАНА ИЕРАРХИЯ СЛОЕВ ДЛЯ УДОБСТВА, РАСТАСКИВАТЬ ПО РАЗНЫМ МЕСТАМ НЕ НАДО


▻ ВЫКЛЮЧАЕМ ДВА ВЕРХНИХ СЛОЯ И НАЧИНАЕМ РАБОТАТЬ СО СЛОЕМ DIAMOND RP
▻ ЭТОТ СЛОЙ БУДЕТ ВЫКЛЮЧЕННОЙ ВЫВЕСКОЙ


▻ ДВА РАЗА КЛИКАЕМ ПО СЛОЮ И ОТКРЫВАЕМ ПАНЕЛЬ СТИЛЬ СЛОЯ
▻ ВЫСТАВЛЯЕМ ПАРАМЕТРЫ
НАЛОЖЕНИЕ ЦВЕТА:
РЕЖИМ НАЛОЖЕНИЯ НОРМАЛЬНЫЙ
ЦВЕТ #797979
НЕПРОЗРАЧНОСТЬ 100%


ТЕНЬ:
РЕЖИМ НАЛОЖЕНИЯ НОРМАЛЬНЫЙ
ЦВЕТ ЧЁРНЫЙ
НЕПРОЗРАЧНОСТЬ 100%
УГОЛ 135 ГРАДУСОВ
ГЛОБАЛЬНОЕ ОСВЕЩЕНИЕ ВЫКЛЮЧЕНО
СМЕЩЕНИЕ 7 ПИКСЕЛЕЙ
РАЗМАХ 6%
РАЗМЕР 6 ПИКСЕЛЕЙ


ТИСНЕНИЕ:
ГЛУБИНА 90%
РАЗМЕР 5 ПИКСЕЛЕЙ
СМЯГЧЕНИЕ 3 ПИКСЕЛЯ
УГОЛ 135 ГРАДУСОВ
ГЛОБАЛЬНОЕ ОСВЕЩЕНИЕ ВЫКЛЮЧЕНО
РЕЖИМ ПОДСВЕТКИ НОРМАЛЬНЫЙ
ЦВЕТ БЕЛЫЙ
НЕПРОЗРАЧНОСТЬ 100%
РЕЖИМ ТЕНИ УМНОЖЕНИЕ
ЦВЕТ ЧЁРНЫЙ
НЕПРОЗРАЧНОСТЬ 100%

КОНЕЦ ПЕРВОЙ ЧАСТИ

 

[♡ Tatyana Fair ♡]

▻ ТЕПЕРЬ БУДЕМ РАБОТАТЬ СО СЛОЕМ DIAMOND


▻ ОТКРЫВАЕМ СТИЛИ СЛОЯ И ВЫСТАВЛЯЕМ СЛЕДУЮЩИЕ ПАРАМЕТРЫ:
НАЛОЖЕНИЕ ЦВЕТА:
РЕЖИМ НАЛОЖЕНИЯ НОРМАЛЬНЫЙ
ЦВЕТ #00DEFF
НЕПРОЗРАЧНОСТЬ 100%


ВНЕШНЕЕ СВЕЧЕНИЕ:
РЕЖИМ НАЛОЖЕНИЯ НОРМАЛЬНЫЙ
НЕПРОЗРАЧНОСТЬ 100%
ЦВЕТ #00A2FF
РАЗМАХ 5%
РАЗМЕР 20 ПИКСЕЛЕЙ


ТИСНЕНИЕ:
ГЛУБИНА 174%
РАЗМЕР 3 ПИКСЕЛЯ
СМЯГЧЕНИЕ 2 ПИКСЕЛЯ
УГОЛ 135%
ГЛОБАЛЬНОЕ ОСВЕЩЕНИЕ ВЫКЛЮЧЕНО
РЕЖИМ ПОДСВЕТКИ НОРМАЛЬНЫЙ
ЦВЕТ БЕЛЫЙ
НЕПРОЗРАЧНОСТЬ 100%
РЕЖИМ ТЕНИ УМНОЖЕНИЕ
ЦВЕТ ЧЁРНЫЙ
НЕПРОЗРАЧНОСТЬ 55%


▻ С ЗАЖАТОЙ КЛАВИШЕЙ ALT ТЯНЕМ ЭФФЕКТЫ НА СЛОЙ RP


▻ ИЗМЕНИМ ЦВЕТ В НАЛОЖЕНИИ ЦВЕТА НА #FF85AA
▻ ИЗМЕНИМ ЦВЕТ ВО ВНЕШНЕМ СВЕЧЕНИИ НА #FF0054


▻ СОЗДАДИМ НОВЫЙ СЛОЙ
▻ ЗАЛЬЁМ ЕГО ЧЁРНЫМ ЦВЕТОМ С ПОМОЩЬЮ ИНСТРУМЕНТА ЗАЛИВКИ (ГОРЯЧАЯ КЛАВИША G)


▻ ВОЗЬМЁМ ЛАСТИК И ПОСТАВИМ СЛЕДУЮЩИЕ ПАРАМЕТРЫ
РАЗМЕР 300 ПИКСЕЛЕЙ
ЖЕСТКОСТЬ 0%


▻ ПРОВЕДЁМ ЛАСТИКОМ ТАМ, ГДЕ ДОЛЖЕН БЫТЬ ТЕКСТ ( ВСЁ ЕЩЁ НАХОДИМСЯ НА ЧЁРНОМ СЛОЕ )


▻ ПОСТАВИМ НЕПРОЗРАЧНОСТЬ СЛОЯ НА 80%


▻ СОЗДАЁМ ДВА СЛОЯ (ДЛЯ УДОБСТВА BLUE И RED)


▻ БЕРЁМ ИНСТРУМЕНТ КИСТЬ ( ГОРЯЧАЯ КЛАВИША B ) И ВЫСТАВЛЯЕМ СЛЕДУЮЩИЕ ПАРАМЕТРЫ
РАЗМЕР 200 ПИКСЕЛЕЙ
ЖЕСТКОСТЬ 0%

КОНЕЦ ВТОРОЙ ЧАСТИ

 

[♡ Tatyana Fair ♡]

▻ НА СЛОЕ BLUE КИСТЬЮ НАРИСУЕМ ПЯТНО, ОНО БУДЕТ ИМИТИРОВАТЬ СВЕЧЕНИЕ DIAMOND
ЦВЕТ #00DEFF


▻ В ПАНЕЛИ СЛОЕВ ПЕРЕКЛЮЧАЕМ РЕЖИМ НАЛОЖЕНИЯ НА МЯГКИЙ СВЕТ


▻ ПРОДЕЛАЕМ ТО ЖЕ САМОЕ НА СЛОЕ RED, НО ИСПОЛЬЗУЯ ЦВЕТ #FF0054 И РИСУЯ СВЕЧЕНИЕ ДЛЯ RP
▻ ТАК ЖЕ ИЗМЕНИМ РЕЖИМ НАЛОЖЕНИЯ НА МЯГКИЙ СВЕТ
▻ ПОСТАВИМ НЕПРОЗРАЧНОСТЬ СЛОЯ НА 50%


▻ МАЛЕНЬКОЙ ЖЁСТКОЙ КИСТЬЮ НАРИСУЕМ СОЕДИНЯЮЩИЕ ЭЛЕМЕНТЫ ВЫВЕСКИ, ЭТОТ ПУНКТ НЕ ОБЯЗАТЕЛЕН
ЦВЕТ #797979


▻ СКОПИРУЕМ ЭФФЕКТЫ СО СЛОЯ DIAMOND RP НА СЛОЙ С НАРИСОВАННЫМИ СОЕДИНЕНИЯМИ


▻ В ПАНЕЛИ ОКНО ОТКРОЕМ ШКАЛУ ВРЕМЕНИ


▻ СОЗДАДИМ 20 КАДРОВ
▻ ПЕРЕКЛЮЧИМ ПОВТОРЕНИЕ С ОДНОКРАТНО НА ПОСТОЯННО
▻ НА ВСЕХ КАДРАХ ОСТАВЬТЕ ВИДИМЫМИ ТОЛЬКО ФОН, DIAMOND RP, А ТАК ЖЕ СЛОИ С ТЁМНОЙ ВИНЬЕТКОЙ И СЛОЙ С НАРИСОВАННЫМИ СОЕДИНЕНИЯМИ


▻ ПОСЛЕ ПОДБОРА БОЛЕЕ-МЕНЕЕ СИМПАТИЧНОЙ ПОСЛЕДОВАТЕЛЬНОСТИ, МОЯ ШКАЛА ВРЕМЕНИ ВЫГЛЯДИТ ТАКИМ ОБРАЗОМ


▻ ТУТ Я СОВЕТУЮ ПРОБОВАТЬ И СТАВИТЬ НА СВОЙ ВКУС, МОЯ ПОСЛЕДОВАТЕЛЬНОСТЬ ТАКАЯ:
▻ НА 2 КАДРЕ ВКЛЮЧАЕМ СЛОИ, ОТВЕЧАЮЩИЕ ЗА ГОЛУБОЙ ТЕКСТ (ВЫШЕУКАЗАННЫЕ КАДРЫ НЕ ВЫКЛЮЧАЕМ)


▻ НА 15, 16 И 18 КАДРАХ ВКЛЮЧАЕМ СЛОИ, ОТВЕЧАЮЩИЕ ЗА КРАСНЫЙ ТЕКСТ (НЕ СЧИТАЯ ТЕХ, КОТОРЫЕ ВКЛЮЧЕНЫ ВСЕГДА)


▻ НА 5-14 КАДРАХ ВКЛЮЧЕНЫ КАДРЫ И С КРАСНЫМ И С ГОЛУБЫМ ТЕКСТОМ


НА ЭТОМ ВСЁ, ЧТОБЫ СОХРАНИТЬ АНИМАЦИЮ НАЖИМАЕМ СОХРАНИТЬ ДЛЯ WEB И СОХРАНЯЕМ

http://imgur.com/3c3eU2G

​

ЕСЛИ У ВАС ОСТАЛИСЬ ВОПРОСЫ, ЗАМЕЧАНИЯ ИЛИ ПОЖЕЛАНИЯ ПО ДАННОМУ УРОКУ ТО МОЖЕТЕ ОСТАВИТЬ ИХ В СООБЩЕНИЯХ ЭТОЙ ТЕМЫ
ДЕЛИТЕСЬ ВАШИМИ РЕЗУЛЬТАТАМИ ЕСЛИ ХОТИТЕ
А ЕСЛИ НЕ ХОТИТЕ ТО НЕ ДЕЛИТЕСЬ​

 

[Enrique Sykes]

Годно)

 

[Лёша Лютый]

Годно, но слишком много букв. Такого вида материал лучше подавать в визуальном формате, то бишь видео. Может быть, со стороны монтажа, вырезки неудавшихся дублев (запнулись, сказали не то, что хотели) и прочего это сложней, но всё же.

Так что удачи в развитии своих уроков и самой себя в творчестве с:

p.s то, что в тексте много букафф не делает его плохим, он получился понятным и простым в восприятию, так что лайк :з

 

[♡ Tatyana Fair ♡]

Годно, но слишком много букв. Такого вида материал лучше подавать в визуальном формате, то бишь видео. Может быть, со стороны монтажа, вырезки неудавшихся дублев (запнулись, сказали не то, что хотели) и прочего это сложней, но всё же.

Так что удачи в развитии своих уроков и самой себя в творчестве с:

p.s то, что в тексте много букафф не делает его плохим, он получился понятным и простым в восприятию, так что лайк :з

К сожалению у меня нет возможности записать видос, но я думаю что на эту тему на ютубе есть достаточно видеоматериалов.

 

[Samuel Dellvacco]

Мне понравилось
+ ава на форум.
Спасибо огромное!​

 

[$.ASNIP.#KJ\\\\]

Дайте ссылку на установку фотошопа,а то скачиваю,там регатся надо

 

[♡ Tatyana Fair ♡]

Дайте ссылку на установку фотошопа,а то скачиваю,там регатся надо

Можете зайти на сайт monkrus и скачать photoshop любой версии (естественно в ознакомительных целях, не реклама)

 

[Майор Чернобаев]

Давно хотел сделать анимацию неонового текста, но никак не получалось. Этот урок мне помог. Спасибо. :)​

 

[๖ۣۜMickey ๖ۣۜGreen]

Если честно? То по лучше многих уроков на YouTube будет.
Вот что получилось, ну чуток похимичил, пошаманил по своему, но основа взята от сюда :D