Анимация бегущей строки

Анимацию бегущей строки можно выполнить двумя способами.

Первый способ

Открываем изображение, которое будет фоном (пример). Создаем новый слой. Инструментом «Прямоугольная область» выделяем небольшой прямоугольник, который будет выполнять роль поля, по которому будет бежать строка и заливаем его каким-нибудь цветом, что не имеет значения, так как видимость с него будет снята.

Анимация бегущей строки-01

Создаем текстовый слой.

Анимация бегущей строки-02

К слою с текстом добавляем слой-маску, заливаем её черным цветом. Становимся на слой с прямоугольником, загружаем выделенную область: вкладка «Вкладка». Становимся на слой-маску и заливаем выделенную область белым цветом.

Анимация бегущей строки-03

Снимаем видимость со слоя с прямоугольником. Во вкладке «Окно» выбираем «Шкала времени» и создаем раскадровку. На первом кадре выставляем «Выбор времени отображения цикла» и «Выбор параметров цикла». Расцепляем связь слоя с текстом со слой-маской. Сдвигаем вправо строку так, чтобы она скрылась за пределы видимости. Этот обеспечит прямоугольная область, которая в слой-маске выделена белым цветом. Для того чтобы строка при перемещении находилась на одном уровне следует включить «Вспомогательные элементы»: вкладка «Просмотр».

Анимация бегущей строки-04

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

Анимация бегущей строки-05

На раскадровке удерживая нажатой клавишу Shift нажимаем первый и второй кадр. Нажимаем на иконку «Создать промежуточные кадры». В диалоговом окошке задаем количество промежуточных кадров.

Анимация бегущей строки-06

Сохраняем анимацию: вкладка «Фильтр» – «Сохранить для web и устройств».

Анимация бегущей строки-07

Получаем первый способ бегущей строки.

Анимация бегущей строки 1

Второй способ

Создаем текстовый слой, который будет статичным, но с имитацией движения.

Анимация бегущей строки-08

Отключаем видимость со всех слоев, кроме текстового. Делаем из текстового слоя кисть.

Анимация бегущей строки-09

Становимся на слой с изображением, инструментом «Прямоугольная область» выделяем часть изображения, на котором будет имитирована бегущая строка. Копируем выделенную область и вставляем.

Анимация бегущей строки-10

К слою с фрагментом изображения добавляем слой-маску и заливаем её черным цветом. В слое-маске кистью из текстового слоя белого цвета проявляем слой. Над слоем с фрагментом изображения создаем новый слой и прокрашиваем его мягкой кистью соответствующего тональности темного цвета. Слой делаем обтравочной маской по отношению к лосю с фрагментом изображения: удерживая нажатой клавишу Alt нажимаем по границе слоев в окне слоев.

Анимация бегущей строки-11

Создаем раскадрову. На первом кадре слой с полосой сдвигаем вправо.

Анимация бегущей строки-12

На втором кадре слой с полосой сдвигаем влево.

Анимация бегущей строки-13

Создаем промежуточные кадры.

Анимация бегущей строки-14

Сохраняем анимацию и получаем второй способ, имитирующий бегущую строку.

Анимация бегущей строки 2

Источникfotokomok.ru

Может заинтересовать

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ