• Авторизация
Дневник Копёнка Лента друзей - Дневник - Полная версия


АНИМАЦИЯ ТЕКСТА В PHOTOSHOP CS 6 03-10-2015 18:44 к комментариям - к полной версии - понравилось!

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Анимация текста в Photoshop CS 6

[700x467]

1. Подготовка к Анимации


Создаем фон


Откроем выбранную картинку в Фотошопе. Я взяла вот эту:
[показать]

Пишем текст


Для удобства я пишу короткое слово " Привет!".
Каждая буква должна находится на отдельном слое. Можно применить к буквам стиль слоя (у меня на скрине стиль на буквах скрыт)
В итоге подготовительного этапа у меня получилось 7 слоев: фон и каждая буква из слова (восклицательный знак я соединю с последней буквой).
[259x408] [272x447]

2. Анимация


Шаг 1. Добавляем рабочую область


Чтобы заставить буквы двигаться, нужно открыть специальные инструменты для анимации. Для этого заходим в опции "Окно"=>Рабочая среда" и выбираем "Движение" (в других версиях "Анимация") или Окно"=>"Шкала времени"
[538x281]

После этого к  привычным настройкам рабочего пространства фотошопа добавляется особая панель.


[574x175]

Шаг 2. Переходим в режим раскадровки


[575x321]

Шаг 3. Создаем дубликаты кадров


Для этого щелкнем по иконке, знакомой нам по панели слоев. После каждого клика появляется новый кадр. Все кадры будут дубликатами первого. В следующем шаге мы это изменим.
[578x320]
Я создала 7 кадров для каждой буквы и фона.

Шаг 4. Задаем порядок появления каждой буквы


Чтобы в нужное время на нашей анимированной картинке появлялась нужная буква, нужно выполнить несколько операций:

  1. Выделяем кадр на шкале времени.

  2. Включаем видимость тех слоев, которые должны быть в кадре, остальные отключаем.

  3. Выделяем слои на панели слоев, которые должны отображаться в кадре.


  • В 1-ом кадре выделен  только фон, он видим, видимость (глазок) остальных слоев отключена.

    • [700x447]
  • Во 2-ом кадре выделены и видимы уже два слоя: фон и первая буква слова.

    • [700x448]
    Так на каждом следующем кадре будет прибавляться 1 слой с буквой и в 7-ом кадре будут выделены и видимы все слои.
    [699x453]

    Шаг 5. Выставляем время показа каждого кадра


    Для первого и последнего кадра я выбрала время 0,5 сек, для остальных 0,2 сек.


    [700x445]

    Шаг 6. Выбор параметров цикла


    Для того, чтобы движение анимации не прекращалось, нужно установить параметр "Постоянно".


    [471x211]
    Теперь можно посмотреть результат проделанной работы. Нажмите в нижней строке панели стрелку "Запуск воспроизведения анимации".
    [469x164]

    Этап 4. Сохраняем анимированный текст


    Для этого в меню Файл выбираем Сохранить для Web. В открывшемся окне можно еще раз посмотреть полученный результат, изменить цветовые параметры, формат и другое. Я выбрала такие установки.
    [700x499]
    Без-имени-1 (286x302, 62Kb)

    вверх^ к полной версии понравилось! в evernote


    Вы сейчас не можете прокомментировать это сообщение.

    Дневник АНИМАЦИЯ ТЕКСТА В PHOTOSHOP CS 6 | Копёнка - Дневник Копёнка | Лента друзей Копёнка / Полная версия Добавить в друзья Страницы: раньше»