Анимация текста "Растворение"
Анимация текста
"Растворение"
Всем привет!
Сегодня мы будем создавать анимацию текста "Растворение".
Эффект поможет создать надпись яркой и запоминающейся.
А еще вместо текста можно взять картинку, и она будет растворяться.
Сначала мы создадим новый градиент и зальем им фон.
Затем установим шрифт из папки с исходниками и напишем текст.
Далее сольем слои с текстом и фоном в один, создадим 9 копий образовавшегося слоя и применим к каждому слою фильтр Мокрая бумага с разными параметрами.
В завершение мы перейдем в панель анимации, создадим кадры из слоев и «оживим» картинку.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон».
Чтобы переименовать слой, дважды щелкаем по имени слоя в панели слоев, вводим новое имя и нажимаем клавишу Enter.
Активируем инструмент Градиент.
В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов.
В открывшемся Редакторе градиентов кликаем по Контрольным точкам и вводим новые оттенки, чтобы создать новый градиент.
Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete.
Для левой нижней Контрольной точки (позиция 0%) выставляем оттенок # 000000 (черный), для правой нижней Контрольной точки (позиция 100%) - # 00ae0f.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
В верхней панели настроек инструмента Градиент выбираем линейный тип градиента.
Зажимаем клавишу Shift и проводим градиент, как на рисунке ниже.
Переходим в меню Фильтр-Галерея фильтров.
В папке Эскиз выбираем фильтр Мокрая бумага и применяем настройки, как на рисунке ниже.
Устанавливаем шрифт из папки с исходниками.
Для этого щелкните ПКМ по файлу шрифта и выберите «Установить».
После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Эволюция».
В верхней панели настроек инструмента Текст меняем оттенок текста на # 00aa0f, выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста и вводим настройки, как на рисунке ниже.
При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.
В панели слоев при помощи клавиши Ctrl выделяем слой «Фон» и текстовый слой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один.
В панели слоев создаем 9 копий образовавшегося в предыдущем шаге слоя (Ctrl+J).
Переименовываем слои снизу вверх от 1 до 10.
Скрываем видимость всех слоев, кроме нижнего («1»), нажав на «глазики» около слоев в панели слоев.
Активируем слой «1» и переходим в Галерею фильтров (Фильтр-Галерея фильтров).
В папке Эскиз выбираем фильтр Мокрая бумага и применяем настройки, как на рисунке ниже.
В уроке анимация текста "Растворение", мы будем переходить к каждому слою снизу вверх, делать его видимым (нажав на «глазик» около слоя в панели слоев) и применять фильтр Мокрая бумага из Галереи фильтров с разными параметрами.
Я покажу настройки фильтра и результат после применения фильтров.
Итак, слой «2».
Слой «3».
Слой «4».
Слой «5».
Слой «6».
Слой «7».
Слой «8».
Слой «9».
В панели слоев делаем видимым слой «10», но сам слой оставляем без изменений.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
В панели слоев при помощи клавиши Shift выделяем все слои.
Переходим в панель анимации, нажимаем на значок дополнительных настроек, отмеченный стрелочкой и из появившемся окне выбираем «Создать кадры из слоев».
После этого панель анимации примет следующий вид.
В панели анимации при помощи клавиши Shift выделяем все кадры, кликаем по иконке дополнительных настроек и выбираем «Скопировать кадры».
Не снимая выделения, снова нажимаем на иконку дополнительных настроек и выбираем «Вставить кадры».
В появившемся окне вводим настройки, как на рисунке ниже.
Не снимая выделения с вставленных кадров, кликаем по иконке дополнительных настроек и выбираем «Обратный порядок кадров».
Поскольку у нас получилось два одинаковых кадра подряд, в панели анимации выделяем кадр «11» и нажимаем на значок удаления.
В панели анимации выделяем все кадры и устанавливаем время проигрывания кадра 0,1 секунды.
В панели анимации выделяем кадр «10» и устанавливаем время его проигрывания 0,2 секунды.
В панели анимации кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно».
Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимация после сохранения и, при необходимости, подкорректировать ее.
Если все устраивает, то можно перейти к сохранению анимации.
Переходим в Файл-Сохранить для Web.
В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Урок "Анимация текста "Растворение" готов!
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Комментарии