Создаём бегущие огни в тексте.

Категории: фотошоп
дата: 2019-12-01
количество просмотров: 86

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

Я решил написать аналогичную статью. Но "глянца" здесь не будет вообще, чтобы функционал воспринимался более легко. Красоту можно навести и потом, главное понять - как сделать бегущие огни в Фотошопе. То есть, у меня правило простое, рассказать так, чтобы и "бабушка поняла".

Итак, в данной статье я покажу, как в Фотошопе по контуру букв запустить бегущие огоньки. Использовать я буду Adobe Photoshop CS 6. Но, хочу заметить, что используемый способ доступен на всех версиях фотошопа.

Итак, открываем фотошоп и создаём новый документ (Ctrl+N). Размер задайте 600 х 400 пикселей.

1

Залейте его любым цветом. Я выберу зелёный.

2

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

4

и в появившемся окне нажмите ОК. Замочек со слоя исчезнет. Далее выберите инструмент "Горизонтальный текст".

3

И наберите любое слово. Я наберу банальное слово "Мир". Сделайте буквы по-крупнее с помощью свойств текста

5

Теперь сделайте контур текста, по которому мы и пустим бегущие огни. Как сделать контур текста описано здесь. Итак, мы имеем контур вокруг текста, теперь нам необходимо сделать светящиеся точки на контуре текста, которые будут бегать по кругу. Для этого создайте новые слои(Shift + Ctrl + N). Количество новых слоёв должно равняться количеству букв. У меня их будет три. Теперь переименуйте их по названию букв(переименование слоя - двойной клик мыши строго по названию, и ввод своего имени) Вот как-то так.

6

Как вы уже поняли, каждый слой должен соответствовать своей букве. Теперь создадим светящиеся точки. Возьмём инструмент "Кисть", выберем нужный вам цвет (этим цветом будет бегущий огонёк). У меня огонёк будет голубой.

7

выставим нужный нам размер и чёткость кисти

8

и сделаем отпечаток на контуре соответствующей буквы. Если огонёк побежит по букве "М", то вы выделяете слой под названием "М".

9

Чтобы огонёк стал светящимся, сделайте двойной клик по слой, на котором этот огонёк, и выберите в стилях слоя пункт "Внешнее свечение".

10

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

11

Теперь нам необходимо сделать так, чтобы огоньки по контурам этих букв стали бегать.

Сгруппируйте все слои, на которых расположены огоньки. У меня это слои "М", "И", "Р". Как сгрупировать. Выделите все три слоя. Кликните сначала по нижнему слою "М". Затем зажав клавишу Ctrl, кликните по остальным слоям. Должно получиться следующее.

12

Теперь нажмите сочетание клавиш Ctrl + G. Получится группа слоёв.

13

Кликнув на курсор слева от иконки слоя, откройте группу слоёв, как показано на рисунке выше. Теперь в верхнем горизонтальном меню Фотошопа откройте "Окно" ⇒ "Шкала времени" ⇒ "Создать временную щкалу для видео".

14

Раскройте на "Шкале времени" группу слоёв

15

Проделав все манипуляции на верхнем русунке, кликните на иконку "Позиция"любой буквы. У меня это будет первая буква "М".

16

с помощью параметра "Позиция" мы будем создавать ключевые кадры. Выделите инструмент "Перемещение".

17

Теперь:

  • Переместите ползунок на новую позицию;
  • Переместите с помощью стрелок клавиатуры огонёк на букве на новую позицию (соответствующий слой должен быть выделен);
  • Кликните по слову "Позиция".

18

Порядок действий должен быть именно такой. По такому алгоритму вы проводите огонёк по всей букве. С остальными буквами порядок действий такой-же. В итоге получается следующее

19

Частота составления позиций зависит от того, насколько длинную траекторию придётся пройти огоньку. Как сохранить полученный результат. Выберите "Файл" ⇒ "Сохранить для Web..."

20

Далее выберите расширение GIF, количество цветов: 256, нажмите " Сохранить".

21

Получилось следующее

22

Открываются картинки GIF формата с помощью любого браузера. Надеюсь, у вас хватило терпения дочитать статью до конца. Спасибо за внимание.

Оставьте свой комментарий: