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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

НЕТ КОММЕНТАРИЕВ

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

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

Exit mobile version