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

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

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

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

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

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

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

Хранитель 21 ноября 2016

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

Людмила 20 декабря 2016

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