Фотошоп для фотографа 2013

Рисуем цифровые часы используя Фотошоп

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим, как можно нарисовать анимированные цифровые часы.


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

Рисуем цифровые часы используя Фотошоп

Приступаем к уроку Фотошопа


1. - Открываем Новый Документ, высотой и шириной 250x500 пикселев, Resolution (Разрешение) 72 и Mode (Режим) RGB Color: ↓


Рисуем цифровые часы используя Фотошоп

2. - Заливаем черным цветом, #000000 (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")). Затем создаем Прямоугольное выделение с помощью Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M").


Рисуем цифровые часы используя Фотошоп

3. - Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). заливаем любым цветом, и затем идем в Blending Options (Параметры наложения), выбираем Gradient Overlay (Наложение градиента): ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем цифровые часы используя Фотошоп

Параметры градиента: ↓

Рисуем цифровые часы используя Фотошоп

4. - Теперь ваше изображение должно быть похоже на изображение ниже: ↓


Рисуем цифровые часы используя Фотошоп

5. - Теперь делаем копию слоя нажав Ctrl+J и затем уменьшаем размер нашего изображения с помощью Ctrl+T и затем нажимаем ENTER.


Рисуем цифровые часы используя Фотошоп

6. - Теперь открываем новый слой и создаем "формочку" с помощью Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U").


Рисуем цифровые часы используя Фотошоп

7. - Заливаем любым цветом и идем в Blending Options (Параметры наложения), выбираем Bevel and Emboss (Тиснение и рельеф) и используем следующие параметры: ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем цифровые часы используя Фотошоп

8. - Ваше изображение должно быть похоже на изображение ниже: ↓


Рисуем цифровые часы используя Фотошоп

9. - Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и создаем следущую фигуру с помощью Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L"). ↓


Рисуем цифровые часы используя Фотошоп

10. - Заливаем, выделенную область цветом #fffffa и потом уменьшаем непрозрачность до 9%.


Рисуем цифровые часы используя Фотошоп

11. - Выбираем Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") и пишем следущее: ↓


Рисуем цифровые часы используя Фотошоп

Рисуем цифровые часы используя Фотошоп


12. - Создаем 6 копий слоев нажав 6 раз Ctrl+J и увеличиваем 1 секунду в каждом слое с помощью инструмента Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") ваша палитра слоев сейчас должна похожа на изображение ниже: ↓


Рисуем цифровые часы используя Фотошоп

13. - Идем в Window > Animation (Окно > Анимация) и создаем 5 копий слоев.


14. - Выбираем 1 слой (основной) и убираем в остальных слоях глазик (только в тех где у нас время).


Рисуем цифровые часы используя Фотошоп

15. - Текущий результат: ↓


Рисуем цифровые часы используя Фотошоп

16. - Выбираем 2 слой (с текстом, где +1 сек) и скрываем 1 слой (с текстом).


Рисуем цифровые часы используя Фотошоп

17. - Ваше изображение должно быть похоже на изображение ниже: ↓


Рисуем цифровые часы используя Фотошоп

18. - Выбираем 3 слой (с текстом,где +2 сек) и скрываем 2 слой (с текстом).


Рисуем цифровые часы используя Фотошоп

20. - Ваше изображение должно быть похоже на изображение ниже: ↓


Рисуем цифровые часы используя Фотошоп

20. - Выбираем 4 слой (с текстом, где +3 сек) и скрываем 3 слой (с текстом).


Рисуем цифровые часы используя Фотошоп

21. - Текущий результат: ↓


Рисуем цифровые часы используя Фотошоп

22. - Продолжаем делать тоже самое, когда все сделали жмете кнопку play (проиграть).


Рисуем цифровые часы используя Фотошоп

23. - Идем в File > Save optamized as (Файл > Сохранить оптимизированный как...) и затем сохраняем в формате gif.


Рисуем цифровые часы используя Фотошоп

Вот и все.


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

Рисуем цифровые часы используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru