Исчезающий текст в фотошоп

Сегодня, наш урок будет посвящен созданию анимации в фотошоп. Рассмотрим несложный пример по исчезновению текста. Я выбрала картинку с уже существующим текстом, мне придётся лишь вытереть ненужную его часть, а вы можете написать свой текст поверх любой картинки.

Исчезающий текст в фотошоп

Создаём сразу три копии слоя. Для удобства назовите их «1», «2», «3»:

Исчезающий текст в фотошоп

На самом верхнем слое я и буду стирать ту часть текста, которая будет у меня исчезать. Если вы свой текст писали отдельно, то вам нужно будет сделать верхним слоем картинку с фоном без текста. Чтобы быстро стереть, а точнее закрасить, ненужную часть текста я воспользовалась инструментами пипетка image006 и кисть Исчезающий текст в фотошоп:

Исчезающий текст в фотошоп

В итоге у нас должно получиться три слоя: «1»-первый кадр анимации, в нашем случае картинка с неполным текстом «foto», «2» и «3» конечные кадры, полная картинка. Далее идём в меню Window=> Animation. Обратите внимание, чтобы стояла галочка «propagate frame 1» в панели слоев:

Исчезающий текст в фотошоп

Итак, настроим первый кадр. Сделаем невидимым слой №2 и в окошке анимации выберем 0,0 секунд и значение цикла «всегда»:

Исчезающий текст в фотошоп

Для второго кадра создадим копию первого кадра и сделаем видимым 2-ой слой, а 3-ий невидимым.

Исчезающий текст в фотошоп

Далее, создадим 10 промежуточных кадров. Выделяем оба кадра клавишей Ctrl и нажимаем на иконку «Tweens animation frames»:

Исчезающий текст в фотошоп

Устанавливаем следующие значения:

Исчезающий текст в фотошоп

Добавляем еще один кадр, это будет уже 13-ый, и меняем невидимость на 2 и 3 слоях. Выделяем 12-ый и 13-ый кадры и делаем еще 10 промежуточных кадров.
И вот, наш исчезающий текст готов:

Исчезающий текст в фотошоп

Не забудьте сохранить изображение в формате *gif.
С уважением, MsGadfly.

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

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

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

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