Чтобы понять как создается анимация в photoshop cоздаем новый документ размером 350*19 или 350*20 и заливаем его любым понравившимся цветом:
Вы наверняка видели юзербары с полосками под углом, конечно же это рисуется не в ручную а следующим образом - создаем новый документ размером 6*6 и увеличиваем его сочетанием клавиш Ctrl++ до максимальных размеров:
Выбираем инструмент карандаш размером 1 пиксель и рисуем по диоганали линию:
Далее идем Редактирование - Определить узор нажимаем ОК:
Переходим в документ с юзербаром, создаем новый слой и выбираем Редактирование - Выполнить заливку и выставляем следующее:
Устанавливаем прозрачность (эксперементируйте):
Получиться примерно так:
Создаем новый слой и выбираем инструмент текст:
Щелкаем один раз на изображении и пишем текст после этого создаем блик как в прошлом уроке:
Выбираем слой с текстом и инструмент перемещение:
Дальше жмем Окно - Анимация, появиться вот такое окно:
Для того чтобы создать анимацию необходимо создать два ключевых кадра: состояние изображения в первом кадре анимации и состояние изображения в последнем кдре анимации, а промежуточные кадры создаст сам photoshop. Выполняем следующие действия: перемещаем текстовый слой кнопкой вверх ( на клавиатуре
) так чтобы его небыло видно и дублируем кадр:
Точно так же перемещаем этот же текстовый слой вниз и создаем промежуточные кадры:
Обратите внимание на выпадающее меню "начать с" при необходимости его нужно изменить. Если выбран первый кадр то на "начать со следующего кадра", если последний то "начать с предыдущего кадра":
Можно смотреть
Последний штрих - выбираем 11 кадр и устанавливаем время задержки 2 секунды:
Вот что получилось:
Сохраняем: Файл - Сохранить для Web, в окне выбираем подходящее сжатие для файла:
