Создание анимированного неонового текста


Доброго времени суток, друзья! Сегодня этим уроком я открываю рубрику Анимация. В данном уроке мы будем создавать анимированный неоновый текст. Поехали!

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

неоновый текст в фотошопе

Шаг 1. Создаем новый документ

Создайте новый документ, для этого перейдите в меню Файл>Создать и установите такие параметры:

Залейте фоновый слой черным цветом.

Шаг 2. Добавляем текст

Используя инструмент Текст, наберите какой-то текст подходящим вам шрифтом. Я использовал шрифт Planet Kosmos.

Шаг 3. Добавляем эффект неона

Создайте новый слой:

Выделив Слой 1, зажмите клавишу Ctrl и щелкните по миниатюре текстового слоя:

Перейдите в меню Выделение>Модификация>Сжать и сожмите выделение на 2 пикс.:

Вот, что у Вас должно получиться:

Далее растрируйте текстовый слой:

Затем нажмите клавишу Delete, чтобы очистить выделенную область:

Снимите выделение, нажав комбинацию клавиш Ctrl+D.

Добавьте на фон какие-то фигуры либо примените фильтр Блик, как это сделал я:

Слейте фоновый и данный слои:

Добавьте стрелочки и разместите их как на изображении ниже:

Шаг 4. Создаем анимацию

Объедините слои со стрелочками и слой с текстом. Затем продублируйте его еще 3 раза:

Выберите первый слой, далее нажмите комбинацию клавиш Ctrl+U, чтобы открыть окно Цветовой тон/Насыщенность. Далее установите такие настройки:

Затем выберите второй слой и повторите то же самое действие, только с такими настройками:

Затем с третьим:

И с четвертым:

Затем откройте панель Анимация: перейдите в меню Окно>Анимация. В панели Анимация создайте 4 кадра:

На первом кадре активируйте видимость первого слоя:

На втором – второй:

На третьем – третий:

И на четвертом, соответственно, четвертый:

Далее установите всем кадрам время отображения 0,2 сек.:

Сохраните Вашу работу в формате .gif:

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

На сегодня все. Надеюсь, что Вам понравился данный урок. Если у Вас есть какие-то вопросы, задавайте их в комментариях или на странице Контакты, и я постараюсь Вам помочь.

Спасибо за внимание, до новых встреч на сайте http://smart-photoshop.ru

Автор: psd.tu-torial;

Переводчик: Сергей Заставный.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *