Урок по анимации переключения нескольких секунд на цифровых часах
1. Создайте новый документ:
2. Залейте фон чёрным цветом и инструментом Прямоугольная область
(Rectangular Marquee Tool) создайте такое выделение:
(Rectangular Marquee Tool) создайте такое выделение:
3. Создайте новый слой (Create New Layer) и залейте выделение любым цветом. Потом примените стиль Наложение градиента (Layer Style — Gradient Overlay) и настройте так:
Результат:
4. Сделайте копию слоя и уменьшите её в размерах инструментом Свободное трансформирование (Free Transform):
5. Создайте новый слой (Create New Layer) и создайте выделение, как показано ниже, инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool):
6. Залейте выделение любым цветом и примените стиль Тиснение
(Layer Style — Bevel and Emboss):
(Layer Style — Bevel and Emboss):
Результат:
7. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо
(Polygonal Lasso Tool) создайте такое выделение:
(Polygonal Lasso Tool) создайте такое выделение:
8. Залейте выделение цветом #fffffa и уменьшите Непрозрачность (Opacity) слоя до 9%.
9. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите текст:
10. Теперь сделайте 6 копий слоя с текстом. В каждом слое увеличьте время на 1 секунду. Ваша палитра слоёв должна выглядеть так:
11. Перейдите в меню Окно»Анимация (Window>Animation) и создайте 5 копий кадра, нажав на иконку, показанную ниже:
12. Выберите первый кадр и скройте слои с текстом, как показано ниже:
Результат:
13. Выберите второй кадр и скройте слои так:
Результат:
14. Выберите третий кадр и скройте слои, как показано ниже:
Результат:
15. Выберите четвёртый кадр и скройте слои, как показано ниже:
Результат:
16. Теперь выберите следующие кадры и выберите следующий слои, потом скройте все слои и нажмите на иконку воспроизведения:
17. Перейдите в меню Файл»Сохранить для Web (File>Save for Web & Device), сохраните документ в формате GIF.
Финальный результат:
