Вы научитесь писать текст не только по вертикали и горизонтали - вы освоит, как написать текст по любой сложной траектории. А после этого - научитесь анимировать этот текст - чтобы он двигался по этой траектории бесконечно.

С чем мы познакомимся в этом уроке: использование инструметов рисования для задания траектории письма, инструмент Path Selection Tool

Понадобится знание уроков: Пишем текст 

Этот урок будет полезен как новичкам в анимации, так и знающим в фотошопе. Он научит нас писать текст не просто по вертикали, горизонтали - урок даст возможность написать любой ваш текст на любой траектории! Текст может бегать, очерчивая формы сердечка, круга, треугольника, цветочка - чего угодно, что вы нарисуете сами!

Итак... В нашем уроке текст будет двигаться по овалу...

Результат урока:

PSD урока

Реализация:

1. Создадим новый документ аватарного размера, я взяла 120 на 120 пикселей. Фон прозрачный.
2. Выберем инструмент Ellipse Tool (Инструмент рисования круга) и рисуем эллипс:

Примечание: Чтобы рисовался именно путь, траектория, а не просто круг/эллипс - обязательно проверьте, что у вас на панели параметров инструмента выбран Paths (Выделение/Контур):

3. Идем в Edit - Free Transform Path (Редактирование - Свободное редактирование контура/выделения) (Ctrl + T)

Поворачиваем немного наш эллипс, чтобы траектория для движения нашего текста стала поинтереснее

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

4. Выбираем инструмент Horizontal Type Tool (Инструмент горизонтального текста)  и щелкаем на нашем контуре (эллипсе) в удобном месте.

Примечание: Пожалуйста обратите внимание на то, каким становится курсор когда вы подносите инструмент текста к эллипсу и хотите на нем щелкнуть! Есть два варианта:

 - Если щелкнуть, когда курсор в таком виде - текст будет печататься по выбранному пути.

 - Если щелкнуть при этом курсоре - текст будет печататься внутри выбранной фигуры/траектории/пути.

Как вы понимает, нам нужен первый вариант. Поэтому внимательно щелкайте

5. Теперь, после того как вы щелкнули, у вас мигает курсор ввода текста, набирайте любой ваш текст. Я набрала имя нашего сайта:

Примечание: На этом этапе вы можете применить к тексту любые эффекты по вашему выбору, если хотите.

6. Теперь мы будем учиться двигать текст вдоль этой траектории. Для этого нам понадобится инструмент Path Selection Tool  (A):

Кстати! Текст может перемещаться по траектории сверху (как в нашем случае) или же двигаться по внутренней траектории нашего пути! Давайте научимся делать второй вариант, так как первый у вас уже сам собой вышел

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

Потренируйтесь передвигать текст вдоль траектории. Крестик и кружок на контуре - границы текстового слоя, крестик - начало текста, кружок - конец. Заметьте, что появляются разные курсоры: Движение текста по пути и Движение текста по пути.

7. Подготавливаемся к анимации. Для этого нам надо создать слои - на каждом из них наш текст будет слегка смещен по траектории. В правильно выставленном порядке текст будет двигаться по кругу.

Начнем...

Дублируем наш слой с текстом, нажав Ctrl + J. На новом слое нам надо сдвинуть текст немного дальше по траектории. Мы можем спрятать для удобства наш первый слой с текстом, чтобы не мешался (убрав глазик рядом с текстом), а можем оставить предыдущий слой, чтобы нам было нагляднее - насколько сильно мы смещаем текст.

Примечание: Нужно понимать, что от количества ваших слоев с движением текст зависит красота "пробега" текста по кругу. Чем меньше кадров вы сделаете, ем сильнее за раз будете смещать ваш текст по траектории - тем более дерганно он будет "бегать". Но и не переусердствуйте, слишком много кадров - большой вес анимации.

Уже известным нам инструментом Path Selection Tool сдвиньте на новом слое текст по траектории слегка дальше.

Потом скопируйте этот слой нажав ctrl + J и снова сдвиньте текст уже на новом слое. И так до тех пор пока ваш последний слой не будет на один шажок от первого, так чтобы последний слой - был предыдущим шагом для первого. Понятно?

Примечание: При перемещении не забывайте, что двигать надо не только начало текста, но и конец. Если не будете этого делать рискуете не закольцевать ваш текст, а создать эффект того, что текст по этой траектории уходит в никуда Двигайте и кружочек тоже!

8. С накопленной кучей слоев смело идем в Имедж Риди. (File - Edit in Image Ready - Файл - Редактировать в Имедж Риди)

В панели Animation (Анимация) в выпадающем меню находим команду "Make Frames From Layers (Сделать кадры из слоев)":

Собственно наша анимация после этого готова! Программа сама расставила ваши слои в нужном порядке и стоит вам только включить команду "play" вы увидите как ваш текст бегает по кругу.

Осталось только отрегулировать время движения. Выделите все кадры с помощью кнопки Shift (выделите первый кадр, потом зажмите Shift и выделите последний - таким образом выделятся все) и смените время смены кадров:

Я выбрала 0,1 секунды.

9. Для пущей красоты на этой этапе можно поставить фон - одноцветный или картинку. Я создала слой для фона, залила его оранжевым цветом и поставите в самый низ, под все остальные слои, чтобы он проглядывал под всей анимацией и ничего не закрывал.

Вот мой результат:

Теперь, с вашими знаниями вас доступны следующие анимационные эффекты:

Стоит только захотеть! Удачи вам!

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

Лучшее "спасибо" за урок - ваш комментарий! :)