Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB