Сегодня мы с вами научимся создавать календарную сетку в программе Adobe Photoshop .

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

Итак, начнем!

Сперва создадим любой документ, например формата A4. Далее выбираем Horizontal Type Tool

Печатаем цифры, например, 01. Затем создаем направляющие, для того чтобы было легче распределить текст впоследствии. Делаем их в форме квадратов, как показано на рисунке ниже. Должно получится 7 клеток по горизонтали и столько же по вертикали.

Теперь создаем остальные цифры – до 07 числа, внося их в каждую клетку отдельным блоком.

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

Когда все числа будут введены, выделяем первые 7 цифр по горизонтали и идем в меню Layer-Align-Vertical Centers . Выравниваем междустрочный интервал и двигаемся дальше.

Упрощать задачу – вот, что самое главное в данном проекте, поэтому выделяем при нажатой клавише Shift слои от 01 до 07, нажимаем правой кнопкой мыши и выбираем пункт Link Layers . Затем при нажатой клавише Alt передвигаем слои вниз – на следующий ряд пустых клеток. Переименовываем текст и совершаем аналогичные операции с оставшимися числами. У вас должно получится 5 слоев с номерами от 01 до 31. Ненужные цифры удаляем.

Теперь при необходимости можете добавить таким же действием дни недели.

Выделяем снова все текстовые слои и идем в меню Photoshop: Layer-Smart Objects-Convert to Smart Object . Таким образом мы преобразуем все слои в Смарт Объект, что нам даст более гибкие настройки над последующими действиями.

Переименовываем слой на “month”, или как вам больше нравится 😉

Затем берем инструмент Rectangular Marquee Tool и выделяем в виде прямоугольника цифры от 06 до 28, как показано на рисунке ниже.

Далее нажимаем в панели слоев на пункт Create new fill or adjustment layer , выбираем красный цвет и нажимаем OK .

Выбрав слой с красной заливкой, нажимаем клавиши Alt+Ctrl+G или идем в меню Layer-Create Clipping Mask .

Вот, что у нас должно получится.

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

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

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

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

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

Любой календарь состоит из фоновой картинки (фона), календарной сетки, других элементов (клипарт, рамочки, виньетки).

Соответственно если у нас все эти составляющие будут в наличии мы сможем создать свой собственный календарь. Этим мы сейчас и займемся.

Для начала определимся с тематикой календаря. Я не буду сильно мудрить и сделаю календарь на красивом природном фоне с тигром в рамочке.

Вы можете скачать себе любые фоновые картинки, например,

Затем я найду картинку с тигром в поисковике.

И, наконец, нам понадобятся календарные сетки на 2010 год в формате png (то есть на прозрачном слое). Все сетки кликабельны до большего размера. Прежде чем сохранить сетку кликните на нее и затем сохраняйте обычным путем (правая кнопка мышки - сохранить изображение как...)

Вот несколько вариантов:

Календарная сетка на весь год:

Календарная сетка раздельно по месяцам:

Еще варианты календарных сеток на год:

Итак, приступаем к созданию собственного календаря:

1 шаг: Открываем в фотошопе файл с фоновой картинкой:

В панели слоев дважды кликаем по замочку и в появившейся табличке жмем ОК. Таким образом мы разблокируем фоновый слой.

Шаг 2: Открываем в фотошопе нашу календарную сетку (выбираем из предложенных выше вариантов). Я выбрала для себя вариант по месяцам.

С помощью инструмента "Перемещение" мы передвигаем наши месяца на файл с заготовкой календаря.

Вполне естественно, что месяца окажутся в итоге размером больше, чем заготовка и не будут на ней помещаться.
Тогда с помощью клавиш CTRL + T подредактируйте размер каждого месяца по своему усмотрению до размера календаря. Также по своему усмотрению расположите их на заготовке.

После того как я перетащила все месяца на будущий календарь, раскидала их по заготовке и чуть уменьшила у меня получилось вот что:

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

Шаг 3: На панели инструментов выбираем Elliptical Marquee Tool, в панели слоев выделяем мышкой фоновую картинку и рисуем на ней овал для будущей фотографии. После этого жмем кнопку Delete и на фоновой картинке вырезается овал.

Шаг 4: Открываем в фотошопе картинку с тигром и с помощью инструмента "Перемещение" передвигаем ее на наш календарь и размещаем самым нижним слоем.

При необходимости подгоните размер картинки с тигром под размер вырезанного овала.

Затем в панели слоев перейдите на слой с фоновой картинкой и с помощью инструмента Horizontal type tool под овалом подпишите "2010 год"

Все. Ваш календарь готов. Он простенький, но не менее симпатичный)

Своими вариантами календарей можете делится в комменатриях (но не забывайте делать для них превью, чтобы было удобно просматривать). Вопросы также можно задавать в комментариях.

P.S. Завтра я выложу коллекцию красивейших природных фонов, которые можно взять за основу для календаря.

Шаг 1. Для начала откройте новый документ (Ctrl+ N ), в появившемся окне, в разделе Набор , выберите Международный формат бумаги – Размер А4 . (Разрешение обязательно 300 писк/дюйм , цвет фона белый).

Вызовите Линейку (Ctrl+ R ) на документе. Теперь нам нужно обозначить линии, по которым мы будем ориентироваться располагая изображения, а по окончанию работы (после печати), по этим обозначениям будем сгибать листок, чтобы получить нужную форму календаря.
Для этого зайдите в Просмотр/Новая направляющая (View/ New Guide) . В появившемся окне, выберите Ориентация (Orientation) – Горизонтальная (Horizontal) , а в Положение (Position) напишите 50% , нажмите Да .

Теперь нам нужна новая направляющая на расстоянии от первой в 9 см .
Возьмите инструмент Линейка (Rulet Tool (I)), в настройках инструмента, снимите галочку возле Использовать шкалу измерений (Use Measurement Scale) , тогда Ширина и Высота у вас будут указаны в сантиметрах. Тяните линию от Направляющей вниз (на панели инструмента будет показана Высота линии, нам нужно примерно 9 см .). Выровняйте линию, чтобы она было без изломов. Затем, зажмите клавишу Ctrl и нажав на Линейку сверху (которая расположена по краям документа) вытяните еще одну направляющую, тяните ее до края линии, которую мы растянули инструментом Линейка (Rulet Tool (I)) (направляющая сама приклеится прямо к краю).

Проделываем то же самое, в противоположную сторону от «центральной» Направляющей.
В результате у вас должен получиться документ, разделенный Направляющими на четыре части.

*я уменьшила размер листа, чтобы показать его полностью*

Шаг 2. По моей задумке, на каждой стороне календаря будет разная картинка (чтобы не надоело за весь год одно и тоже). Начнем делать первую сторону. Для фона я выбрала вот такую картинку, с морозным узором:

Разместив (при помощи Свободной Трансформации (Ctrl+ T) ) на документе узор, я инструментом Прямоугольная область (М) выделила сторону, в которой у нас будет располагаться рисунок (которая 9 см.), затем Инвертировала (Ctrl+ I) выделение и нажала Delete .

Немного подкорректировала слой и, применив к нему Уровни (Levels (Ctrl+L)), Размытие по Гауссу (Gaussian Blur), снизила Непрозрачность (Opasity) слоя.

Затем я взяла картинку с тигренком.

Отделила тигренка от фона. Я использовала для этого Каналы (Channels) (технику можно посмотреть в видео уроке: Каналы – 2 урок. Выделяем волосы . Размещаем тигренка в нашем документе, не забывайте о том, что должно остаться место под календарную сетку.

Затем, я нашла клипарт, с заснеженными ветками ели и уложила их (ветки) по контуру стороны которую мы делаем (используя Свободную Трансформацию / Отразить по Горизонтали, Вертикали и уменьшение размера). В результате вот что у меня получилось.

Затем объединяем все слои относящиеся к веткам ели (выделив все слои с елями и нажав Ctrl+ E ). Находясь на получившемся слое с елями, инструментом Прямоугольная область (M) выделяем нашу сторону, затем инвертируем выделение и удаляем лишнее (повторяем то, что делали в начале второго шага).

Шаг 3. Теперь располагаем календарную сетку (я решила, чтобы было более читабельно, сделать по полгода на каждой стороне). Инструментом Текст (Т) , пишем 2010 (можно изменить размер, положение, непрозрачность и цвет, слою с текстом 2010).
В заключение с этой стороной, делаем по краям рамочку.

Шаг 4. Переходим ко второй стороне.
Зайдите в Изображение/Повернуть холст/на 90 градусов по часовой (Image/Image Rotation/90 CW). Сделайте это два раза.
Ваш документ перевернется, а мы сможем нормально делать вторую сторону (важно именно поворачивать на 90с по часовой , а не Отразить по Вертикале, эта функция не подойдет, потому как при распечатке, у вас будет не правильное расположение цифр и рисунка (как в зеркале отражение)).

Принцип оформления второй стороны такой же, как и тот, что мы проделывали с первой стороной. Ищем красивую картинку для фона, располагаем на стороне, удаляем лишнее (корректируем, осветляем, снижаем непрозрачность).

Ищем чем обрамить края (я решила, что это будут листья пальмы).

Добавляем календарную сетку, рамку и текст 2010.

В результате выглядеть наша работа будет вот так:

*Направляющие можно уже спрятать (Ctrl+ H) *

Шаг 5 . Распечатываем полученный результат (печатать нужно размер именно А4 , возможно при выводе на печать, нужно будет поставить галочку - Печатать реальный размер (это зависит от самого принтера и его настроек).

*хорошо, если у вас есть плотная бумага, например глянцевая фотобумага, тогда календарик дольше сохранится и будет более устойчивым*

Затем распечатанный листок сгибаем пополам, а потом подворачиваем края вовнутрь. Подвернутые вовнутрь края будут опорой для нашего календаря.

Низ склейте клеем, или скрепите степлером и все, у вас должен получиться вот такой календарик-домик.

Наш урок сформирует у вас представление о том, как в программе Photoshop можно создать индивидуально оформленный календарь. Не углубляясь в подробности формирования коллажей, рассмотрим основные этапы создания календаря.

Инструкция

Шаг 1

Для того, чтобы сделать календарь в фотошопе, нам нужна сетка. Сетку можно скачать в Интернете, введя соответствующий запрос. С помощью нажатия клавиш Ctrl+N открываем новый документ. В меню «Набор» выбираем формат А4 с фоном белого цвета

Шаг 2

После нажатия клавиш Ctrl+R появляется «Линейка», благодаря которой мы обозначаем наши линии. По этим линиям будет легко ориентироваться в процессе размещения изображений. Переходим в «Просмотр» - «Новая направляющая» и в новом окне пользуемся опцией «Ориентация» - «Горизонтальная». В «Положение» пишем 50% и подтверждаем.

Шаг 3

На расстоянии 9 см от первой направляющей создаем новую. Для этого воспользуемся инструментом «Линейка», сняв галочку с «Использовать шкалу измерений». Ведем линию вниз по отношению к направляющей, затем выравниваем ее, чтобы избавиться от изломов. Далее, зажав кнопку Ctrl, тянем до края растянутой линии, использовав инструмент «Линейка». Такую же процедуру повторяем в противоположном направлении от центральной линии.

Шаг 4

Создаем два изображения, по одному на каждую сторону календаря. Благодаря «Свободной трансформации», нажав кнопки Ctrl+T, располагаем на документе узор, после этого с помощью функции «Прямоугольная область» выделяем место для изображения. Преобразовываем выделение клавишами Ctrl+I и нажимаем Del. Слой немного корректируем, воспользовавшись функцией размытия.

Шаг 5

Берем второе изображение и располагаем его на другой стороне документа. Для отражения или уменьшения изображения используем «Свободную трансформацию».

Шаг 6

Пришло время для размещения календарной сетки. Для того, чтобы не было проблем с чтением, первые полгода разместим на одной стороне, а вторую часть на другой. Для того, чтобы набрать год, используем инструмент «Текст». Благодаря инструменту можно поменять цвет и прозрачность, увеличить или уменьшить шрифт и изменить положение. По краям можно сделать рамочку, так будет смотреться симпатичней.

Шаг 7

Начнем работу над второй стороной. Повернем холст 2 раза на 90 градусов по часовой стрелке. Тоже самое делаем с сеткой. Затем размещаем второе изображение, текст и сетку, красиво оформив.

Шаг 8

Спрятав направляющие, переходим к печати файла. Формат печати должен быть A4. Не забываем поставить галочку «Реальный размер» для того, чтобы календарь вместился на лист A4.

Мы рассказали вам о том, как в фотошопе сделать календарь с помощью 8 шагов. Для изображения календаря можно выбрать семейную фотографию, природный пейзаж, любимое животное или понравившуюся работу известного художника.