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

Иконка календаря

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

В этом уроке мы научимся рисовать иконку календаря.

Начнем с простого шага: с создания основы для иконки. Ниже показаны настройки drop shadow и сама основа.

Следующая вещь, которую надо сделать, это создать колонку, где будет написан месяц и год. Я использовал цвет ff5400 поэтому, если хотите добиться того же результата, используйте его:

Создайте дубликат слоя и наложите на него цвет ffc000.

Воспользуйтесь Eraser Tool размером примерно 65 (жесткость 0%), сотрите нижнюю часть наложенного слоя. Переместите слой на 2 или 3 пикселя вниз и ваша колонка будет выглядеть так:

Создайте новый слой и возьмите pencil размером 1 пиксель, нарисуйте линию по верхнему краю наложенного слоя как показано на рисунке:

Перейдите в blending options и примените следующие настройки:

Возьмите text tool и напишите любой месяц и год. Я использовал Arial Narrow размером 16pt, получилось следующее:

Примените эти стили слоя для текста. Необходимо изменить blending options и настройки drop shadow:

Как видите, область для дат плоская, поэтому нужно добавить глубины для нее. Установите цвет этой области e3e3e3, посмотрите, что получилось:

Воспользуйтесь Eraser Tool размером примерно 185 и примените его к верхнему краю области дат.

Необходимо начать создавать прямоугольники для дней, которых не должны быть точно по количеству дней, но только сделаем их менее официальными. Начнем с создания колонки с границей в 1px. Основной цвет колонки e8e8e8, а границы c0bbbb.

Нужно разрезать прямоугольник, поэтому выберите Rectangular Marquee Tool и на глаз разрежьте прямоугольник на маленькие квадратики.

Установите цвет фона белый и дублируйте слоя 4 раза, а в 6 колонке сделайте стиль как в оригинале.

Чтобы сделать их менее фантастическими, сделайте один квадратик оранжевым, а границу красно-оранжевой. Я использовал цвет фона ffab6c, а границы ff6200.

Все готово, вы можете всегда уменьшить календарь и посмотреть, как это будет выглядеть. Мой конечный результат таков:

Иконка календаря

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