Електронний цифровий годинник

Даний урок навчить вас створювати анімовані цифровий годинник.

Створимо новий документ наступних розмірів 350 * 200px. і заллємо його чорним кольором (# 000000). Зробимо рамку для наших годин, для цього повністю виділіть шар і перейдіть в меню Select >> Modify >> Border (Виділення >> Модифікація >> Кордон).
Встановіть ширину розміром 20 px. (Виділення при цьому переміститься на 20 px. Нижче).

Зараз, для того щоб виділити область, яка залишилася за виділенням, (і зробити рамку), перейдіть в меню Select >> Inverse (інверсія виділення). Тепер межа розміром 20 рх. виділена. Створіть новий шар. Залийте його будь-яким кольором, ми вибрали темно сірий, але це не обов'язково.

При виділеному новому шарі, перейдіть в меню Layer >> LayerStyles >> Options (Шар >> Стилі шарів >> Параметри), і застосуєте наступні установки, з метою отримати стильну металеву рамку.
Drop Shadow - тінь

Inner Glow - внутрішнє світіння, використовуйте колір # 666666.

Bevel and emboss - тиснення.

Contour - контур, використовуйте форму «Gaussian» (по Гауса).

Satin - глянець, використовуйте форму «Rolling Slope» (Що повторюється ухил) і колір #FFFFFF.

Gradient Overlay - накладення градієнта, градієнт між #CCCCCC і # 666666.

Stroke - обведення.

Ось таку рамку ви отримали.

Зараз перейдемо до більш трудомісткою частини. Виберіть інструмент Текст і напишіть наступне 88:88.
Вам необхідно використовувати будь-якої «цифровий» шрифт. Ми використовували шрифт "DS Digital", який можна завантажити тут. Розмір: 123 px, колір: # 3d3d3d.

Продублюйте шар з цифрами. На копії шару напишіть різні цифри, наприклад 6:05. Використовуйте яскравий виїдає очі колір, ми використовували яскраво-блакитний колір # 04e3fd. Також, на ваш розсуд, можете використовувати і інші кольори.

Перевірте, щоб новий шар точно був накладений зверху на сірі цифри. Ви також можете додати трохи «Outer Glow» (зовнішнє світіння) того ж, блакитного відтінку, щоб цифри виглядали більш світяться, але це не обов'язково.

Збережіть це зображення в нову папку на жорсткий диск і назвіть його «1».
Тепер, видаліть блакитні точки між цифрами (шар з сірими цифрами залиште не зворушеним).

Це буде вашим другим зображенням, збережіть його як «2» в ту папку, де зберігається перше зображення.

Збережіть зображення у форматі GIF, так як анімацію можна зберігати тільки в цьому форматі.

доповнень:
23 370

передплатників:
70 000+

Робіт користувачів:
329 050

Інші наші проекти:

Реєстрація

Реєстрація через пошту