Сразу оговорюсь, целью этого урока не является создание фотореалистичных часов, а собственно — анимация движение стрелок.

1. Создайте новое изображение, цвет фона по желанию. Берем Новый слой, на нем, использую инструмент эллиптическое выделение изображаем круг (зажимаем shift).

2. Залейте выделение любым, понравившимся вам цветом, уменьшите выделение на 15–25 пикселей, и нажмите Delete.

3. Создайте новый слой, поместите его между слоем с часами и фоном. Возьмите градиент из белого в серый, и изобразите циферблат, предварительно выделив внутреннюю часть часов на верхнем слое.

4. Если вы хотите добавить объема часам, используйте Фильтры — Отбрасываемая тень, Фильтры — Карта — Рельеф, ит.п. Когда результат вас удовлетворит, остановитесь.

5. Приступаем к рисованию циферблата. Для этого нам понадобятся направляющие (Изображение — Направляющие — Новая Направляющая). Добавьте и горизонтальную и вертикальную. Найдите центр циферблата, и перетащите направляющие туда (инструментом перемещение).

6. Теперь любым шрифтом и цветом пишем сами цифры, проще каждую на новом слое. С моих часов пожалуй хватит 12, 3, 6 и 9.

7. На месте пересечения направляющих можете поставить жирную точку, отсюда будут выходить стрелки наших часов.

8. Можете объединить все слои, с фоновым вместе или без. Рисуем стрелки, я изображу часовую и минутную. Каждую на новом слое. Слой с минутной я назову «м1», с часовой «ч1», для удобства.

8.1 Сейчас мои часы показывают 12:00. Я сделую всего 4 положения: 12: 15, 12: 30, 12: 45 и снова 12. С минутной стрелкой, думаю всё ясно, каждые 15 минут — поворот на 90 градусов. Часовая же проходит за 15 минут — 7,5, посчитать не сложно:).

9. Дублируем фоновый слой, ч1 и м1, оригинальные ч1 и м1 объединяем с копией фона, новые переименуйте в ч2 и м2. М2 инструментом вращение поворачиваем на 90 градусов, Ч2 тем же инструментом на 7,5.

Снова дублируем фоновый слой, Ч2 и М2, оригинальные Ч2 и М2 объединяем с копией фона.

10. Повторяйте действия пункта 9 ещё дважды. На скрине то, что вы получите на выходе.

11. Сохраняем в формате gif. Для этого выбираем Файл — Сохранить как, имя_Файла.gif, далее сохранить как анимацию, задержка между кадрами где-то 250. Готово!

Метки: анимация, градиент, направляющие.

Уроки: ← предыдущий следующий →