Текст Движущийся По Предложенному Пути

Воскресенье, 26 Мая 2013 г. 14:03 + в цитатник

Цитата сообщения EgoEl

Прочитать целиком В свой цитатник или сообщество!

Текст Движущийся По Предложенному Пути

В этом уроке будем делать такую анимацию:

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

2. В панели инструментов выбираем Ellipse Tool

И рисуем эллипс:

Сразу хочу обратить Ваше внимание на то что совершенно не обязательно выбирать именно форму пути «эллипс». Можете выбрать прямоугольник или что-то иное из пользовательских форм. А можете и самостоятельно нарисовать любой другой путь. Так что все зависит только от Вашей фантазии.
Но вернемся пока к эллипсу.
3. Для большей «художественности» применим трансформацию нашего пути. Для этого нажимаем на Ctrl+T

Когда угол поворота Вам понравится, то нажмите на Enter чтоб завершить и принять трансформацию.
4. Теперь нужно заняться самим текстом. Для этого в панели инструментов выбираем Horizontal Type Tool . В любой точке на контуре нашего пути щелкаем и получаем точку начала ввода текста.

5. Вводим нужный нам текст. Постарайтесь выбрать шрифт такой чтоб он был легко читаем даже в движущемся режиме.

6. Теперь можете применить какие-то эффекты к текстовому слою. В данном случае я применила такие:

И получила:

7. В панели инструментов выбираем Path Selection Tool

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

Попытайтесь разобраться как они действуют. Поэксперементируйте.
8. Обратите внимание на этот кружок и крестик в начале и конце текста. Это границы текста. При перемещении текста их обязательно нужно передвигать.

9. В палитре слоев дублируем слой с текстом.

10. С помощью инструмента Path Selection Tool на верхнем слое немного смещаем текст вдоль контура.

11. Дублируем верхний слой. Отключаем видимость нижнего слоя. Опять немного перемещаем текст.

12. Повторяем действие описанное в 11 пункте урока до тех пор пока текст не пройдет полный оборот на эллипсу каждый раз дублируя слой.
13. Отключаем видимость всех слоев кроме самого первого.

14. Жмем на эту кнопку для перехода в ImageReady

15. В меню Animation выбираем Make Frames From Layers (создать кадры из слоев)

16. Кликаем по первому кадру, зажимаем Shift и кликаем по последнему кадру. Таким образом выделены все кадры анимации. Устанавливаем время задержки 0,1 сек.