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

календарь

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

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

  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 коммент.

  1. Хранитель

    16 пункт не правильный по этому и сложно! Там написано про View> New Guide  (Вид>Создать направляющую) , а не про “инструмент Перемещение”. И нужны они для того, что бы созданные элементы буквально прилипали по этим заданным направляющим.  В общем всё хорошо написано , но не написано для чего это нужно делать, что собственно сводит к нулю полезность данной статьи для начинающего пользователя Photoshop!

  2. Людмила

    Да, сложновато! Но, если долго мучиться, что- нибудь получиться обязательно! Не все гладко, но у меня получилось! И кое- что полезного для себя я приобрела. Огромное Вам спасибо! :) @–> @–> @–>

  3. Людмила

    @ Иванова Наталья:
    Наташа, ну не совсем понятно, конечно. Какой-то шаг я просто пропустила. Возможно- это то, о чем писал Хранитель., хотя его комментарий для меня тоже не понятен. Я просто слепо выполняла все описанные Вами шаги, кроме одного. Но сетка на месяц у меня получилась. :)
    С наступающим Новым годом Вас! Всего, самого доброго и радостного Вам в году грядущем! :)

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

На нашем сайте вы узнаете все о Photoshop и не только. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!