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

Как нарисовать иконку календаря в Photoshop

Урок рассчитан на новичков.

Пошаговый урок по рисованию иконки календаря в редакторе Adobe Photoshop. К слову, если желаете выяснить больше о том как отрисовывать в Фотошопе и какие инструменты редактора за что отвечают, советую к чтению блог о веб-дизайне webdiz.com.ua.

Шаг 1
Заходим в редактор Adobe Photoshop и создаем новейший документ размером 1200 х 700 пикселей. Потом c помощью инструмента «Заливка» (G) заливаем фон любим цветом, я употреблял #dddddd.

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

Шаг 2
Создаем форму иконки. Изберите инструмент «Прямоугольник со скругленными углами» (U) и установите радиус до 40 пикселей. Потом нарисуйте белоснежный #ffffff квадрат, это просто создать если при перемещении мыши зажать левый Shift, так у вас получится ровненький квадрат.

Добавляем тень иконке. Два раза щелкните по слою, попадем в меню «Стиль слоя» перебегаем в вкладку «Тень» и задаем такие характеристики:

  • Режим наложения: Затемнение #000000
  • Непрозрачность: 25%
  • Угол: 90
  • Смещение: 1
  • Размах: 0
  • Размер: 0
  • Шум: 0

Иконка календаря - форма

Шаг 3
Сейчас создаем эффект страничек календаря. Щелкните правой клавишей мыши по слою фона иконки и продублируйте его (копируйте). Сейчас переместите новейший слой на 3 пикселя ввысь, используя стрелку ввысь (каждое нажатие на клавишу ввысь поднимает слой на 1 пиксель).

Повторите этот шаг снова но уже с новеньким слоем.
В итоге обязано быть 3 слоя, оригинал и 2 копии.

Иконка календаря - слои

Еще мы должны обрезать эти два новейших слоя к уникальному. Как это создать?
Щелкните правой клавишей мыши на любом новеньком слои и изберите со перечня «Сделать обтравочную маску».

Иконка календаря - шаг 3

Шаг 4
Добавляем рамку в какой будет выводится заглавие месяца. Выберете инструмент «Прямоугольник» (U) и нарисуйте прямоугольник как на примере. Я употреблял цвет #e9c600.

Иконка календаря -  шапка

Шаг 5
Чтоб прямоугольник поместить вовнутрь формы иконки, щелкаем правой клавишей мыши по слою прямоугольника и жмем «Сделать обтравочную маску».

Добавляем шапке тень. Два раза щелкните по слою, попадем в меню «Стиль слоя» перебегаем в вкладку «Тень» и задаем такие характеристики:

  • Режим наложения: Затемнение #998201
  • Непрозрачность: 50%
  • Угол: 90
  • Смещение: 1
  • Размах: 0
  • Размер: 0
  • Шум: 0

Иконка календаря -  шаг 5

Шаг 6
Осталось лишь добавить месяц, дату и денек.
Для дизайна наименования месяца я употреблял шрифт «Verdana» с размеров в 42 пикселя, жирным выделением и белоснежным цветом #ffffff.

Дата написана шрифтом «Calibri», размер 130 пикселей, жирным выделением и цветом #525151.
Денек оформлен шрифтом «Calibri», размер 48 пикселей, жирным выделением и цветом #e0c31d.

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

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

Надеюсь что этот урок кому-то был полезен. Выкладывайте в комментах свои варианты иконок, будем их оценивать 🙂

Один комментарий к “Как нарисовать иконку календаря в Photoshop

  1. Спасибо за урок, больше бы таких пошаговых уроков с иллюстрациями 🙂

Добавить комментарий

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