Урок по анимации переключения нескольких секунд на цифровых часах

1. Создайте новый документ:

2. Залейте фон чёрным цветом и инструментом Прямоугольная область
(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):

Результат:

7. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо
(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.

Финальный результат: