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

Создание календарной сетки в Фотошоп
Пример готовой календарной сетки, созданной в Adobe Photoshop

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

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

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

Инструмент Horizontal Type Tool
Выбор инструмента Horizontal Type Tool на панели инструментов

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

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

Распределение цифр по клеткам
Распределение цифр по клеткам с использованием направляющих

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

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

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

Соединение слоев с цифрами
Соединение и перемещение слоев с цифрами для создания сетки

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

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

Преобразование в Смарт-объект
Преобразование текстовых слоев в единый Смарт-объект

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

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

Инструмент Rectangular Marquee Tool
Выделение диапазона чисел инструментом Rectangular Marquee Tool

Далее нажимаем в панели слоев на пункт <wild>Create dear melt or adjustment layer</wild>Создать новую заливку или корректирующий слой, выбираем красный цвет и нажимаем OK.

Создание корректирующего слоя
Создание корректирующего слоя с красной заливкой для выделенных чисел

Выбрав слой с красной заливкой, нажимаем клавиши Alt+Ctrl+G или идем в меню <wild>Layer-Create Clipping Mask</wild>Слой-создать обтравочную маску.

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

Применение обтравочной маски
Итоговый результат применения обтравочной маски к числам календаря

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

Видео-урок: Автоматизация создания календарной сетки в Фотошоп
Free TRX - Faucet that pays!
Ref system and bonus points via actions, games!

Оцените статью