Итак
1) открываем фотошоп, жмем
файл и создаем новый документ:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]размер задаем такой как вам нужен! (если хотите создать анимацию на какой-то готовой картинке, то просто откройте ее в фотошопе).
2) Заливаем созданное поле любым нужным вам цветом - это наш фон и трогать его далее будет нежелательно.
3) Создаем новый слой(фон больше не трогаем!!!):
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]4) Пишем нужную надпись, которую мы будем анимировать или же рисуем изображение:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]5) теперь вам нужно открыть окно анимации, если у вас оно не открыто, как у меня внизу!:
Окно(вкладка в самом верху!) - Анимация (если этого пункта у вас не видно, то в той же вкладке сразу внизу должна быть надпись
Показать все пункты меню, нажмите и у вас по идее должна появиться надпись
анимация ) Окно с анимацией появиться либо как маленькое отдельное окошко, либо как у меня внизу длинная полоса, в нем будет виден один кадр с нашими фоном и текстом.
6) Копируем наш кадр, для этого жмем на паленький квадратный листочек под кадром, у меня на скрине видно на какой, наведите и появиться надпись Копировать кадр.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Настройки обоих кадров должны быть: о сек. , анимация навсегда(все это прям под кадрами!!!)
7) теперь создаем анимацию - жмем правой кнопкой мышки на верхний слой (слой с текстом) и выбираем
Параметры наложения[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]8) задаем желаемые настройки (помним, что это второй кадр! то есть в него у нас плавно будет превращаться первый!)
На нашем подопытном экземпляре я задаю внешнее свечение
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Наложение цвета:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Жмем ОК.
Вы сами можете выбрать цвета, а так же все настройки подсветки, шума, можете добавить обводку или же вообще поменять прозрачность! В общем полностью положиться на фантазию)))
9) Если оставить так, то текст будет безбожно быстро мигать, вы можете сделать его просто мигающим, но более плавно для этого на кадрах увеличте время задержки на 0,2 сек. Но у нас сегодня урок по более плавному процессу! поэтому нажмите на первый кадр и удерживая кнопку Ctrl нажмите на второй, теперь оба кадра выделены, жмете под ними на кнопочку с пузырьками (если на нее навести появиться надпись Создание промежуточных кадров) Появиться табличка, где вы укажите число кадров в зависимости от вашего желания:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Жмем ок и у нас теперь кадров стало больше проверяем результат: жмем на кнопку Плэй под кадрами (треугольничек), мы видим что получилось). Если не нравиться, то переделываем, но желательно на шаг вернуться еще до увеличения кол-ва кадров, иначе изменения будут лишь в одном из кадров!!! Если кадров многова-то и вы хотите их удалить, то используйте кнопочку Урна сразу под кадрами! не удаляйте слои!!! удаленный слой пропадет сразу со всех кадров! не используйте делит!!!
10)Если результат вас удовлетворил сохраняйте файл, но не как обычный!!! в этом случае анимации не будет!!!
зайдите в
Файл, сохранить для WEB и устройств... Откроется окно, жмите сохранить, введите название и сново сохранить. новая гифка сохраниться на ваш рабочий стол!
Чтоб сделать дышащий текст или картинку делаем все до пункта 9, затем, если анимация вас устраивает, то выделяем последний кадр и удерживая Ctrl жмем на первый:
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]снова жмем на пузырики, выбираем кол-во промежуточных кадров и проверяем через плэй анимаццию, теперь у нас вышел плавно дышащий текст! сохраняем результат как описано в 10 пункте!
Эксперементируйте!!! а свои эксперименты шлите сюда!! мне будет приятно знать, что моим уроком хоть кто-то воспользовался!
