Очень простая в исполнении анимация, но иногда такой эффект бывает нужен, да и лишний опыт работы с анимацией нам не повредит)))
1. Итак создаем новый документ 500х500 пикселей, фон у меня прозрачный, вы можете сразу сделать белый или тот который вам нужен.
2. Выбираем инструмент "Прямоугольник со скругленными углами"
3. На верхней панели в Фотошопе выберите значение фигура и соответственно нужный вам цвет для прямоугольников.
4. Нарисуем один прямоугольник и скопируем этот слой (Ctrl+J) столько раз сколько нам необходимо для заполнения анимации и эффекта который мы с вами воссоздаем.
6. Напишите текст "ЗАГРУЗКА" выбрав инструмент Текст
5. Для более красивого рисунка я применила к прямоугольникам такие эффекты как Тиснение, Обводка и Тень. Это можно сделать вызвав панель Параметры наложения слоя (встаньте на слой с прямоугольником нажмите правую кнопку мыши и в выпавшем окне выберите Параметры наложения слоя... либо нажмите кнопочку fx на панели слоев внизу)
6. Чтобы не повторять это на каждом слое отдельно мы можем скопировать стиль слоя, встаньте на слой к которому применили параметры и нажмите правую кнопку мыши, в выпавшем окне выберите пункт Скопировать стиль слоя...
и вставьте его в другие слои с прямоугольниками, встаньте на верхний слой и с зажатой клавишей Shift кликните по нижнему слою, тогда все слои находящиеся между ними выделяться, затем нажмите правую кнопку мыши и в выпавшем окне выберите пункт Вклеить стиль слоя.
7. Теперь откроем окно анимации. Окно - Шкала времени (анимация).
8. У вас может выпасть такое окно, не пугаемся и преобразовываем в покадровую анимацию.
9. Выставляем кадры по порядку. Первый кадр это включенные два слоя - слой с текстом и слой первого прямоугольника, затем создаем новый кадр и включаем глазик на втором слое с прямоугольником и так дальше пока в последнем кадре у нас не будут включены все слои с прямоугольниками. Также выставите время между кадрами, нам хватить 0.2 сек.
10. Вот так будет выглядеть конечный результат в фотошопе
11. Сохраняем нашу работу как анимацию Файл - Сохранить для Web
12. Тут вы можете поиграть с параметрами анимации.
Жмем Сохранить.
Теги: урок Adobe Photoshop
