Как сделать анимированную надпись?

3 ноября 2014 г. Просмотров: 765
Анимированные надписи получили широкое распространение: их используют в виртуальных открытках, в качестве аватаров к профилям сайтов, также их выставляют в подписи к сообщениям. Другими словами, любой ресурс сети интернет, который хоть как-то связан с графикой, использует анимацию или анимированные надписи. Создать простейшую анимацию можно при помощи пакета Adobe Photoshop, который включает в себя программу Adobe Image Ready.

Вам понадобится

  • Программное обеспечение Adobe Photoshop.

Инструкция

  • Откройте Photoshop и создайте новый документ: нажмите меню File, выберите пункт Open. В открывшемся окне установите следующие значения:
  • - Width: 500;

    - Height: 200;

    - Resolution: 150;

    - Background Contents: transparent.

    Нажмите кнопку «ОК».

  • Перед вами появится окно нового файла. Нажмите кнопку «Т» на панели интсрументов, напишите любое слово или фразу. Нажмите правой кнопкой мыши текстовом слое, который находится на панели слоев, в контекстном меню выберите пункт Rasterize Type.
  • Нажмите правой кнопкой мыши на этом слое еще раз, выберите пункт Duplicate Layer для дублирования текстового слоя. Теперь необходимо скрыть верхний слой (первый слой), чтобы изменить положение второго слоя. Для скрытия слоя нажмите на кнопочку с изображением глаза напротив выбранного слоя.
  • Можно придумать любую анимацию. Самой простой будет постепенное исчезновение анимации. Для этого воспользуйтесь ластиком. Второй слой необходимо немного затереть. После стирания части текста вы должны создать еще один дубликат слоя, но не первого, а второго слоя. Это делается для плавного перехода. Таким образом, необходимо сделать несколько слоев. Как правило, чем больше, тем лучше.
  • Как работа будет готова, переведите ее в редактор ImageReady. Сделать это можно нажатием на самую нижнюю кнопку панели инструментов. Если у вас не открыта панель Animation, обязательно этой сделайте. Выставьте интервал в 0.06 или 0.07 секунд на первом текстовом слое.
  • На панели Animation нажмите кнопку создания нового кадра Duplicate current frame. На панели слоев появится новый слой, его необходимо стереть, он нам не понадобится. Нажмите на второй кадр панели Animation, нажмите кнопку Tween, в поле Frames to Add введите 21.
  • На панели Animation нажмите первый кадр и задайте ему отображение последнего слоя на панели слоев. Теперь каждому кадру на панели Animation присвойте свой текстовый слой. Для последнего кадра задайте время показа 3 секунды. Наша анимированная надпись готова, для ее сохранения нажмите меню File, затем выберите пункт Save optimized as.
  • Оцените статью!