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

Ваш 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