YouTube Трейлер

Что научитесь делать, посмотрев это видео?

Вы узнаете, как сделать gif анимацию текста самым простым и  быстрым способом.

Описание видео:

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

Создайте новый документ («Ctrl+N») размером 200х50 пикселей. С помощью инструмента «Лупа» увеличьте рабочее поле. Выберите инструмент «Текст», поставьте курсор в рабочую область документа и наберите «Вперед!!!».

В правой части экрана появится окно для работы с текстом. В этом окне можно выбрать другой шрифт для текста, поменять стиль букв. Выберите в этом окне толщину букв «жирную с наклоном». Чтобы растянуть слово на все рабочее поле, нажмите «Ctrl+T». Потяните поочередно за каждый верхний угол, чтобы слово было максимально растянуто. Для завершения трансформации нажмите «Enter».

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

Откройте меню «Окно», «Анимация». В процессе анимации надо сделать так, чтобы текст передвигался в рабочем поле слева направо.

Зажмите клавишу «Shift», и перетащите слово в правую часть рабочего поля так, чтобы осталась видна только буква «В». Это будет первый кадр анимации.

Добавьте еще один кадр. Снова зажмите «Shift» и протащите слово через рабочее поле справа налево так, чтобы оно полностью скрылось из вида. Это последний кадр анимации.

Теперь клавишей «Shift» выделите оба кадра и нажмите в окне «Анимация» на кнопку с несколькими квадратами. Появится окно, где надо указать количество промежуточных кадров. Чем больше промежуточных кадров вы зададите, тем более плавно будет смотреться перемещение слова. В нашем случае достаточно сделать 6 промежуточных кадров. Укажите это число и нажмите «Ок».

Теперь «Shift» выделите все кадры, нажмите под первым кадром на черный треугольник. В появившейся таблице, нажмите на время 0,1 с (это время задержки кадра). Нажмите на кнопку «Воспроизведение», чтобы посмотреть, как двигается слово.

Если вы хотите сделать движение слова бесконечным, нажмите в окне «Анимация» на самую первую кнопку в нижней части, поставьте галочку во втором пункте.

Обратите внимание, что при воспроизведении анимации, слово сложно прочитать. Давайте сделаем так, что в момент появления на кране целого слова, оно на несколько секунд задерживалось. Для этого нажмите на 4-ый кадр и нажмите добавить кадр. Перейдите на новый кадр, зажмите «Shift» и перетащите слово так, чтобы оно полностью было на экране. Нажмите на черный треугольник под этим кадром и поставьте время задержки 0,5 с.

Анимация готова. Для ее сохранения нажмите «Файл», «Сохранить для Web». В окне сохранения отрегулируйте цветность изображения. Чем меньше количество цветов, тем меньше весит файл. Укажите количество цветов 32. Нажмите «Сохранить». Укажите место для хранения файла, дайте ему название, еще раз нажмите «Сохранить».

Более сложный вариант анимации текста есть в обзоре по созданию радужной надписи.

В следующем уроке мы расскажем вам о том, как сделать в Photoshop анимацию открытки.

Сайт оказался для Вас полезным?

View Results

Loading ... Loading ...