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

Цифровой термометр

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

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

Создайте новый документ размером 500×500, я использовал цвет #000000(черный) в качестве фона, т.к. я буду использовать световые эффекты, а они лучше смотрятся на темном фоне, но вы можете использовать любой цвет. Создайте новый слой и выберите Elliptical Marquee Tool. Теперь создайте маленький круг и залейте его цветом #8CD9FA.

Теперь необходимо добавить стили слоя. Для этого зайдите в «Layer>Layer Style>Inner shadow». Введите следующие настройки.

Теперь добавьте Satin со следующими настройками.

Вы уже создали нижнюю часть термометра. Она выглядит так:

Создайте новый слой и выберите «Rounded Rectangle Tool». Установите радиус на 15. теперь нарисуйте прямоугольник и залейте его цветом #8CD9FA.

Теперь щелкните правой кнопкой мышки по первому слою и выберите «Copy Layer Style». Щелкните правой кнопкой мышки по слою с прямоугольником и выберите «Paste Layer Style». Этим вы скопируете Satin и Inner Shadow с настройками, как и для первого слоя.

Создайте новый слой и выберите pencil tool. Установите размер 2 пикселя и цвет #000000 (черный). Начните рисовать 1 длинную линию внизу, затем через 1 пиксель 3 короткие линии. Это будет шкала термометра. Продолжайте этот процесс пока не получиться как на рисунке.

Создайте новый слой и слева добавьте цифры от 0 до 15 и 3 короткие линии (-). У вас получиться следующее.

Ваш термометр готов! Если хотите, вы можете добавить красного, обозначающего температуру и букву «F». Я добавил еще немного льда.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB