Фотошоп уроки Создание календарной сетки в Фотошоп

Создание календарной сетки в Фотошоп

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

type-tool

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

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

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

calendar_01

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

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

calendar02

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

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

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

calendar03

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

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

calendar04

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

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

marquee-tool

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

calendar05

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

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

calendar06

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

Get – получить