Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Электронные часы

Alex | 7.03.2014 | нет комментариев

В этом уроке мы будем рисовать цифровые часы. Вот, что у нас получилось.

Итак, начнем. Создайте новый документ (Ctrl+N) размером 145x70px и залейте фон цветом #2A2A2A. Выберите инструмент Rounded Rectangle Tool (U), установите радиус закругления 10px и нарисуйте фигуру цветом #004370 как на рисунке.

Назовите слой Clock Base. Двойной щелчок по слою и примените следующие стили слоя:

В итоге должна получиться вот такая заготовка часов.

Теперь добавим цифры. Выберите инструмент Horizontal Type Tool (T), выберите шрифт – a_LCDNova или Dexus Clock, размер шрифта – 60pt, цвет – #3F82B3, режим сглаживания (anti-aliasing method) – Sharp и напишите в центре наших часов 88:88. Растеризуйте слой и переименуйте его в Clock Letters Base.

Добавляем текущее время. Опять выберите инструмент Horizontal Type Tool (T) и с теми же параметрами, только с другим цветом – #30C2FF, напишите цифру 6. Растеризуйте слой, добавьте стиль слоя Inner Glow со следующими параметрами и переместите ее на надлежащее ей место.

Таким же образом напишите цифры 0 и 3, растеризуйте, добавьте Inner Glow и перетащите на нужное место.

Добавьте двоеточие и наложите на него тот же слоевой эффект:

Объедините слои с цифрами и двоеточием (например, командой Merge Down (Ctrl+E), которая объединяет текущий слой с нижним). Обзовите получившийся слой Clock Letters.
Создайте новый слой (Ctrl+Shift+N), назовите его HighLight. С зажатой клавишей Ctrl щелкните по слою Clock Base, чтобы загрузить выделение. Сожмите выделение командой Select > Modify > Contract на 3px. Залейте выделение инструментом Paint Bucket Tool (G) белым цветом (#FFFFFF) и установите прозрачность 20% (ползунок Opacity на вкладке Layers).

Выберите инструмент Rectangular Marquee Tool (M) и переместите выделение стрелкой вверх как показано на рисунке. Сгладьте выделение командой Select > Modify > Smooth на 10px.

Инвертируйте выделение командой Select > Inverse (Ctrl+Shift+I) и нажмите Del.
Я уменьшила прозрачность (Opacity) слоя Clock Letters Base до 50%. Часы готовы!

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB