Как сделать календарь в фотошопе

календарь

Этот урок поможет вам научиться создавать такие календари в фотошопе без использования календарных сеток. Особенно этот урок пригодиться тем, кто занимается веб-дизайном. Такой календарь может стать элементом оформления странички в интернете, будь блог, форум или сайт.

Итак, приступим к уроку “Как сделать календарь в фотошопе”.

  1. Создайте новый документ размерами 450 * 400 пикселей, цвет фона – белый, режим RGB.
    создать_новый_докуиент_календарь
  2. Залейте документ цветом # 0a7db7 .
  3. Создайте новый слой. Возьмите инструмент Овальная область (для создания овального выделения) и, зажав, клавишу Shift, создайте окружность.

    овальное выделение фотошоп
  4. Залейте выделение цветом # 2db2f4 .
  5. Примените фильтр Размытие по Гауссу с радиусом 37:

    размытие_по_гауссу
  6. Возьмите инструмент “Прямоугольник с закругленными углами” и поставьте радиус 10. Настройки инструмента:
    настройки_прямоугольника

    Цвет прямоугольника – белый. Создайте фигуру, это и будет тело календаря.

    тело_календаря
  7. Кликните дважды по слою с фигурой прямоугольника и примените следующие стили слоя:
    • Тень (кликните по скрину для увеличения) с настройками:
      1_стиль
    • Внутреннее свечение:
      внутреннее_свечение
    • Обводка:
      обводка
  8. Дублируйте слой с листом календаря 2 раза (два раза нажмите сочетание клавиш Ctrl + J). Выберите инструмент Перемещение перемещение и нажмите клавишу стрелка вверх 4 раза при активном верхнем слое. Теперь сделайте активным нижележащий слой с прямоугольником и нажмите на эту же клавишу 2 раза. Таким образом, у нас получиться следующее:
    рисуем_календарь
  9. Создайте новый слой. Возьмите инструмент Прямоугольная область прямоугольная_область и создайте выделение, перекрывающее верхнюю часть будущего календаря:
    как создать календарь в фотошопе
  10. Залейте выделение цветом # 0a7db7. Клик по иконке нижележащего слоя с зажатой клавишей Ctrl –> загрузится выделение. Теперь при активном новом слое нажмите на значок маски слоя маска_слоя (его вы найдете в нижней части палитры слоев).
    шапка_календаря
  11. К верхнему слою примените стили слоя (увеличиваются при клике):
    • Тень:
      стиль_шапки1
    • Наложение градиента:
      наложение_градиента
      Цвета градиента:
      градиент
  12. Создайте новый слой. Возьмите инструмент “Горизонтальная строка” горизонтальная_строка_001 и создайте выделение на нижнем крае шапки календаря:
    горизонтальная_строка
  13. Выберите инструмент Перемещение и кликните один раз по клавише “Вверх”. Залейте выделение белым цветом. Загрузите выделение вокруг верхнего слоя тела календаря (смотри действия пункта 10), при активном слое с горизонтальной строкой нажмите иконку маски слоя. Уменьшите непрозрачность слоя на 50%.
    линия
  14. На шапке календаря пишем название месяца белым цветом жирным шрифтом. В примере использован шрифт Helios–Black. Для слоя с текстом примените стиль Тень:
    стиль_надписи_календарь
  15. Нажмите Crtl + R для того, чтобы активировать линейки на документе. Кликните левой кнопкой мыши по верхней части документа (по линейкам) и выберите единицы измерения – пиксели.
  16. Снова инструмент Перемещение. Протяните направляющие (это линии, которые помогают нам выстроить ровно элементы) от левого края документа, разделив ими на 9 частей (должно получиться 7 равных по ширине столбиков (по числу дней недели и 2 столбца – это отступы слева и справа). Теперь протяните направляющие от верхнего края документа и разделите на 7 частей (в центральной части – 5 равных по высоте строк, и две строки – это отступы сверху и снизу).
    направляющие
  17. Берем инструмент Текст и заполняем ячейки. В верхней строке – сокращенные названия дней недели. Строки ниже – даты месяца.
  18. Теперь вы узнаете как выделить сегодняшнюю дату. Создайте новый слой, разместите его под слоями с датами. Возьмите Прямоугольное выделение и выделите дату. Залейте выделение любым цветом. Перейдите в стили слоя. Примените к слою
    • Тень (непрозрачность 75%, угол 90, цвет тени – светло-оранжевый, смещение – 1, остальное оставьте без изменений)
    • Градиент (линейный, угол 90, цвета градиента – от светло-оранжевого к оранжевому),
    • Обводка – 1 пиксель, цвет – светло-оранжевый.

Это был урок “Как сделать календарь в фотошопе”. Вы можете скачать файл psd для примера с Яндекс диска.

6 комментариев

Add a Comment

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