Создаем календарь в Фотошопе


Каждый год нам приходится обновлять календарь, который висит на стене в комнате (офисе, кабинете). Можно, конечно, приобрести готовый, но, поскольку мы с вами профессионалы, создадим свой эксклюзивный календарь в Фотошопе.

Создание календаря в Photoshop

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

Способ 1: Разработка с нуля

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

Создание заготовки

  1. Создаем новый документ. Создание нового документа для создания календарной сетки в Фотошопе

    Размеры не важны, главное, чтобы было удобно работать. Пусть это будет 600х600 пикселей. Разрешение 300 dpi.

    Настройка параметров нового документа для создания календарной сетки в Фотошопе
  2. Теперь нам понадобится вспомогательный инструмент. Это будет обычный блокнот Windows. В нем необходимо в одну строку написать числа от 1 до 31, разделенные табом (клавиша TAB). Для того чтобы не было переносов строк, идем в меню «Формат» и снимаем флажок, указанный на скриншоте.

    Настройка переноса по словам в Блокноте Windows 10

    Пишем числа: 1, TAB, 2, TAB и так далее. Перед 1 и после 31 таб не нужен.

    Создание строки с числами месяца для календарной сетки в Блокноте Windows 10
  3. Далее нам нужно, чтобы одинарные числа были выровнены относительно двойных. Для этого ставим дополнительный пробел перед цифрами 1-9. Обратите внимание, не перед табом, а перед цифрой (после таба).

    Добавление выравнивающих пробелов в строку для календарной сетки в Блокноте Windows 10

  4. Копируем строку. Лучше это сделать сочетаниями клавиш CTRL+A и CTRL+C, чтобы ничего не потерять.
  5. Возвращаемся в Фотошоп и выбираем инструмент «Горизонтальный текст».

    Выбор инструмента Горизонтальный текст для создания календарной сетки в Фотошопе

    На верхней панели выбираем шрифт и настраиваем его размер. Поскольку разрешение у нас 300dpi, кегль придется выбрать поменьше, например, 6 пикселей. Выравнивание по левому краю. Эти настройки только для заготовки. Впоследствии мы можем их поменять. Основными критериями являются удобство работы и одна особенность программы (см. ниже).

    Настройка стиля и размера шрифта для создания календарной сетки в Фотошопе

    Читайте также: Редактируем текст в Фотошопе

  6. Зажимаем левую кнопку мыши и растягиваем текстовый блок на холсте. Здесь есть один нюанс. Фотошопу «не нравится», если сразу весь текст не поместился в блок. В таких случаях программа может нарушить настроенное нами расположение символов. Поэтому блок делаем побольше, а размер шрифта поменьше. Расположение текстового блока на холсте для создания календарной сетки в Фотошопе
  7. Вставляем скопированную строку сочетанием клавиш CTRL+V.

    Вставка строки с числами в текстовый блок для создания календарной сетки в Фотошопе

  8. Беремся за правый маркер и тянем его влево до тех пор, пока в первой строчке не останется 7 чисел (количество дней в неделе).

    Настройка ширины текстового блока для создания календарной сетки в Фотошопе

  9. Нажимаем на значок с галкой на верхней панели. При этом с текстового блока должна пропасть рамка. Будьте внимательнее: если этого не сделать, дальнейшие действия не принесут результата.

    Завершение редактирования текстового блока для создания календарной сетки в Фотошопе

  10. Теперь нужно настроить интервал между строками. Для этого идем в меню «Окно» и выбираем пункт «Символ».

    Переход к редактированию параметров текстового блока для создания календарной сетки в Фотошопе

    Для начала отжимаем все кнопки в разделе, указанном на скриншоте.

    Редактирование параметров текстового блока для создания календарной сетки в Фотошопе

    Затем задаем значения 100 процентов для высоты и ширины символов (просто пишем в каждом поле «100» без кавычек).

    Настройка ширины и высоты символов текстового блока для создания календарной сетки в Фотошопе

    Далее задаем межстрочный интервал. Можно выбрать из представленных в списке вариантов или прописать вручную. Пусть будет 12 пикселей.

    Настройка межстрочного интервала текстового блока для создания календарной сетки в Фотошопе

    Результат:

    Результат редактирования параметров текстового блока для создания календарной сетки в Фотошопе

    Как видим, цифры слишком большие, поэтому уменьшаем размер до 4 пикселей.

    Уменьшение размера символов для создания календарной сетки в Фотошопе
  11. Закрываем окно «Символ», оно нам пока не нужно.

    Закрытие параметров текстового блока при создании календарной сетки в Фотошопе

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

    Создание строки с днями недели для календарной сетки в Блокноте Windows 10

  13. Далее все аналогично: создаем текстовый блок и вставляем в него строку. Ничего настраивать не нужно, разве что ширину и высоту самого блока, потянув за маркеры. Не забываем после всех действий нажать на галку на верхней панели (см. п. 9).

    Расположение текстового блока с днями недели при создании календарной сетки в Фотошопе

  14. Берем инструмент «Перемещение».

    Выбор инструмента Перемещение на панели инструментов в Фотошопе

    Помещаем блок с днями недели над числами.

    Размещение текстового блока с днями недели на холсте при создании календарной сетки в Фотошопе
  15. Идем в палитру и выделяем оба текстовых слоя (кликаем по первому, зажимаем CTRL и кликаем по второму).

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

  16. Инструментом «Перемещение» двигаем блоки ближе к центру холста.

    Перемещение текстовых блоков в центр холста при создании календарной сетки в Фотошопе

  17. Помещаем слои в группу, нажав сочетание клавиш CTRL+G.

    Помещение текстовых слоев в группу при создании календарной сетки в Фотошопе

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

    Выбор слоя с числами месяца при создании календарной сетки в Фотошопе

  19. Берем инструмент «Горизонтальный текст» (см. выше) и кликаем внутри блока, активируя его (должна появиться рамка).

    Активация текстового блока с числами месяца при создании календарной сетки в Фотошопе

    Переводим курсор в самое начало строки, перед первым пробелом (перед цифрой 1).

    Перемещение курсора в начало строки в текстовом блоке при создании календарной сетки в Фотошопе

    Нажимаем несколько раз клавишу TAB, пока цифра 1 не переместится под воскресенье. Так мы определим максимальную высоту блока.

    Смещение строки с числами месяца внутри тектового блока при создании календарной сетки в Фотошопе
  20. Потянув за нижний маркер, подгоняем высоту.

    Изменение высоты текстового блока при создании календарной сетки в Фотошопе

  21. Переходим в палитру, закрываем группу и нажимаем на значок корректирующих слоев в нижней части.

    Переход к выбору корректирующего слоя при создании календарной сетки в Фотошопе

    Выбираем пункт «Цвет».

    Выбор корректирующего слоя Цвет при создании календарной сетки в Фотошопе

    В открывшемся окне настроек выбираем красный цвет и жмем ОК.

    Настройка корректирующего слоя Цвет при создании календарной сетки в Фотошопе
  22. Зажимаем клавишу ALT и кликаем по границе между группой и корректирующим слоем. Это действие привяжет его к содержимому группы. Слева от слоя должна появиться угловая стрелка.

    Привязка корректирующего слоя Цвет к группе с текстовыми блоками при создании календарной сетки в Фотошопе

    На холсте все символы окрасятся в красный цвет.

    Окраска всех символов в текстовых блоках в красный цвет при создании календарной сетки в Фотошопе
  23. Берем инструмент «Прямоугольная область».

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

    Создаем выделение. Обратите внимание, что его нижняя граница должна немного заходить за последнюю строку.

    Выделение области на текстовом слое при создании календарной сетки в Фотошопе
  24. Кликаем по маске корректирующего слоя «Цвет».

    Активирование маски корректирующего слоя Цвет при создании календарной сетки в Фотошопе

  25. Нажимаем клавишу D, сбрасывая цвета, а затем клавишу X, делая черный основным цветом, а белый фоновым.

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

  26. Инвертируем выделение комбинацией CTRL+SHIFT+I (ай). Область должна принять вид, как на скриншоте (на границе холста появятся «марширующие муравьи»).

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

  27. Далее нажимаем сочетание клавиш ALT+DELETE, заливая выделение основным (черным) цветом. Теперь красными остались только нужные нам символы.

    Заливка маски корректирующего слоя Цвет черным цветом при создании календарной сетки в Фотошопе

  28. Снимаем выделение клавишами CTRL+D и продолжаем. Берем инструмент «Рамка».

    Выбор инструмента Рамка при создании календарной сетки в Фотошопе

    Перетягивая маркеры на углах и сторонах «Рамки», обрезаем картинку.

    Обрезка картинки инструментом Рамка при создании календарной сетки в Фотошопе

    Нажимаем ENTER. Результат:

    Результат обрезки изображения инструментом Рамка при создании календарной сетки в Фотошопе

    Читайте также: Как обрезать фото в Фотошопе

  29. Еще один важный шаг. Выбираем слой с красной заливкой, нажимаем по нему ПКМ и выбираем пункт «Растрировать слой». Растрирование корректирующего слоя Цвет для создания календарной сетки в Фотошопе

    Выбираем маску, снова жмем ПКМ и применяем ее.

    Применение маски корректирующего слоя Цвет для создания календарной сетки в Фотошопе

Заготовка создана, теперь разберемся, как с ней работать. Выше мы уже перемещали числа с помощью клавиши TAB (пункты 18 и 19). В другую сторону они двигаются с помощью BACKSPACE. Только помните, что курсор нужно устанавливать перед пробелом, который стоит перед цифрой 1.

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

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

  1. Дважды кликаем по слою «Фон» и в открывшемся окне жмем ОК. Разблокирование фонового слоя при создании календарной сетки в Фотошопе

    Нажимаем DELETE, удаляя его.

    Удаление фонового слоя при создании календарной сетки в Фотошопе
  2. Выделяем группу и корректирующий слой с клавишей CTRL.

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

    Объединяем их комбинацией CTRL+G.

    Объединение всех слоев в палитре в группу при создании календарной сетки в Фотошопе
  3. Нажимаем комбинацию CTRL+SHIFT+S, даем имя файлу, выбираем формат PSD и место для сохранения. Жмем «Сохранить».

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

Создание композиции

Далее следует этап создания непосредственно самого календаря. Для него нужно найти фон. В нашем случае это будет картинка с символом года (2019). Вы можете выбрать любую другую.

Выбор фона при создании календаря в Фотошопе

Необходимо определиться с тем, как будет использоваться календарь. Мы рассмотрим вариант для распечатывания на принтере.

  1. Создаем новый документ. В настройках выбираем «Международный формат бумаги». Размер определяем тот, который в состоянии переварить принтер. Путь будет A4. Разрешение 300dpi. Если планируется публикация в сети, достаточно будет 72dpi, а размер можно ввести вручную (не выбирая набор и A4). Настройка размеров и разрешения документа при создании календаря в Фотошопе
  2. Если требуется альбомная ориентация, идем в меню «Изображение – Вращение изображения» и поворачиваем холст на 90 градусов в любую сторону.

    Вращение холста на 90 градусов при создании календаря в Фотошопе

    Мы оставим все, как есть.

  3. Перетягиваем картинку с фоном в рабочую область программы, масштабируем ее с помощью маркеров с зажатой клавишей SHIFT до нужного размера и размещаем в верхней части холста. Внизу должно остаться достаточно места для календаря. После того, как все манипуляции будут произведены, нажимаем ENTER. Размещение фонового изображения на холсте при создании календаря в Фотошопе

    Подробнее: Как вставить изображение в Фотошопе

  4. Теперь открываем нашу заготовку. Просто находим ее там, куда сохранили, и дважды кликаем. Затем открепляем вкладку с заготовкой: берем ее левой кнопкой мыши и тянем вниз. Открепление вкладки с заготовкой при создании календаря в Фотошопе
  5. Идем в палитру слоев, берем левой кнопкой группу и перетягиваем ее на холст с календарем. После этого документ с заготовкой можно закрыть.

    Размещение заготовки сетки на холсте при создании календаря в Фотошопе

  6. Выбираем инструмент «Перемещение» и помещаем заготовку на белый фон.

    Перемещение заготовки сетки по холсту при создании календаря в Фотошопе

  7. Нажимаем сочетание клавиш CTRL+T и увеличиваем сетку. Не забываем нажать SHIFT для сохранения пропорций. По завершении жмем ENTER.

    Масштабирование заготовки сетки на холсте при создании календаря в Фотошопе

    Подробнее: Функция «Свободное трансформирование» в Фотошопе

  8. Приближаем холст сочетанием клавиш CTRL+(плюс) до комфортного размера. Передвигать его по рабочей области можно, зажав SPACE (пробел). Увеличение масштаба холста при создании календаря в Фотошопе
  9. Раскрываем группу, а затем и вторую, находящуюся внутри. Выбираем слой с числами.

    Выбор слоя с числами месяца при создании календаря в Фотошопе

  10. Берем инструмент «Горизонтальный текст», кликаем внутри блока на холсте и перемещаем строку, как было описано выше. Январь 2019 начался во вторник. Не забудьте нажать на галку на верхней панели, чтобы завершить редактирование.

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

  11. Тем же инструментом кликаем в любой свободное место (только не по блоку с числами и днями недели). Пишем «Январь». Также жмем галку.

    Написание названия месяца при создании календаря в Фотошопе

  12. Открываем окно «Символ» (см. выше) и настраиваем размер шрифта.

    Настройка размера шрифта названия месяца при создании календаря в Фотошопе

  13. С помощью инструмента «Перемещение» размещаем текст над сеткой.

    Размещение названия месяца над сеткой при создании календаря в Фотошопе

  14. Выбираем верхнюю группу и переименовываем ее в «Январь» (кликаем дважды по названию и пишем).

    Переименование группы слоев при создании календаря в Фотошопе

  15. Перемещаем группу по холсту в нужное место (инструмент «Перемещение» активен).
  16. Закрываем группу и нажимаем сочетание клавиш CTRL+J, создав копию.

    Копирование группы с сеткой и названием месяца при создании календаря в Фотошопе

  17. Зажимаем SHIFT и перетягиваем содержимое копии вправо.

    Перемещение группы с сеткой и названием месяца по холсту при создании календаря в Фотошопе

  18. Переименовываем в «Февраль». Раскрываем все группы, выбираем слой с названием месяца, берем «Горизонтальный текст», ставим курсор на слово и переписываем. Также можно удалить этот слой, после чего создать новый и написать название.

    Переименование слоя с названием месяца при создании календаря в Фотошопе

  19. Переходим на слой с числами, перемещаем строку на пятницу и удаляем лишние цифры.

    Настройка сетки для следующего месяца при создании календаря в Фотошопе

  20. Таким же способом создаем еще четыре группы с месяцами.

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

  21. Как видим, размеры были подобраны неверно. Исправим это. Выделяем все группы в палитре (кликаем по первой, зажимаем SHIFT и кликаем по последней).

    Выделение всех групп в палитре слоев при создании календаря в Фотошопе

    Нажимаем CTRL+T и масштабируем все содержимое. Зажатая клавиша SHIFT поможет сохранить пропорции.

    Масштабирование сетки для всех месяцев при создании календаря в Фотошопе
  22. Оставив выделенными все группы в палитре, берем инструмент «Перемещение» и нажимаем кнопку, указанную на скриншоте. Данная функция называется «Распределение центров по горизонтали» и позволяет сделать равными интервалы между месяцами (группами).

    Выравнивание сетки месяцев на холсте при создании календаря в Фотошопе

  23. Теперь копируем эти шесть групп сочетанием клавиш CTRL+J (они все еще выделены).

    Копирование шести групп слоев при создании календаря в Фотошопе

  24. Перетягиваем вниз и редактируем.

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

  25. Выделяем в палитре все, кроме картинки и слоя «Фон».

    Выделение двенадцати групп слоев в палитре при создании календаря в Фотошопе

    Перемещаем сетку немного ниже (инструментом «Перемещение»).

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

    Конечный результат создания календаря в Фотошопе

Дополнительные выходные

Как и обещали, раскрасим дополнительный выходные (праздничные дни). Делается это просто:

  1. Раскрываем группу с нужным месяцем и переходим на слой с красной заливкой. Переход на слой с красной заливкой при создании календаря в Фотошопе
  2. Берем «Кисть».

    Выбор инструмента Кисть при создании календаря в Фотошопе

    Форма «Жесткая круглая».

    Настройка формы кисти при создании календаря в Фотошопе

    «Непрозрачность» и «Нажим» 100%.

    Настройка непрозрачности и нажима кисти при создании календаря в Фотошопе

    Цвет красный (тот же, что и у заливки).

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

    Размер подбираем квадратными скобками на клавиатуре.

  3. Оставаясь на слое с заливкой, кликаем кистью по нужным числам. Выделение дополнительных выходных при создании календаря в Фотошопе

    Читайте также: Как пользоваться кистью в Фотошопе

Далее этот календарь нужно сохранить в формате JPEG или PDF, а затем распечатать на принтере.

Читайте также: В каком формате сохранять фото в Фотошопе

Мы познакомились с приемом, который позволят вручную создать календарь из заготовки. Ею можно пользоваться каждый год, редактируя сетку и придумывая новое оформление.

Способ 2: Готовая сетка

Процесс создания календаря этим способом заключается в простом подборе фона и поиска подходящей календарной сетки. С фоном все просто. Ищем в публичном доступе, или покупаем на фотостоке подходящую картинку. Желательно крупного размера, поскольку календарь мы будем печатать, а он должен быть не 2х3 см. Мы подобрали вот такой:

Создаем календарь в Фотошопе

Календарные сетки в ассортименте представлены в сети. Для их поиска задаем Яндексу (или Гуглу) запрос вида «календарная сетка 2017» (год замените на актуальный). Нас интересуют сетки большого размера в формате PNG или PDF.

Создаем календарь в Фотошопе

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

Читайте также: Создаем заготовку для фото на документы в Фотошопе

  1. Как уже было сказано выше, календарь мы будем печатать, поэтому создаем новый документ со следующими настройками. Здесь указываем линейные размеры календаря в сантиметрах и разрешение 300dpi. Создаем календарь в Фотошопе
  2. Затем перетаскиваем картинку с фоном в рабочую область программы на вновь созданный документ. При необходимости растягиваем ее при помощи «Свободного трансформирования» (CTRL+T).

    Создаем календарь в Фотошопе

    Читайте также: Функция «Свободное трансформирование» в Фотошопе

  3. То же проделываем и со скачанной сеткой.

    Создаем календарь в Фотошопе

  4. Осталось только сохранить готовый календарь в формате JPEG или PDF, а затем распечатать на принтере.

    Подробнее:
    Сохраняем изображения в Фотошопе
    В каком формате сохранять фото в Фотошопе

Мы разобрали два способа создания календаря в Фотошопе. Каким из них пользоваться, решайте сами. Если нет времени, то можно воспользоваться чужими разработками, а если требуется иметь под рукой универсальный инструмент, то лучше сделать все самостоятельно.

Помогла ли Вам статья?
Да Нет
Задайте вопрос или оставьте мнение
Получить ответ на Email
Уведомить о

4 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Аноним
26 ноября 2022 15:30

Очень полезная статья! Спасибо!

Urulu
9 декабря 2016 17:52

Нет, ну я думаю это сликом легко. Это ведь тоже самое, что и объеденить две фотографии в одну. Да лгче уж просто найти в интернете готовый календарь если не хочется так много заморачиваться. Я думал тут будет описываться как сделть нормальный календарь, самому написать эти блокнотики, эффекты, шрифты и тд, а тут обычный копипаст из интернета

Аноним
1 декабря 2019 12:32

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

Аноним
29 ноября 2021 00:13

Очень полезная статья, всё описано чётко, без лишней «воды», спасибо.

Инструкции по операционным системам:
AndroidAndroid iOSiOS Windows 11Windows 11 Windows 10Windows 10 Windows 7Windows 7 Windows 8Windows 8 Windows XPWindows XP Общее по компьютерамОбщее по компьютерам LinuxLinux macOSmacOS
Инструкции по мессенджерам и соц.сетям:
ВконтактеВконтакте ОдноклассникиОдноклассники TelegramTelegram ViberViber WhatsAppWhatsApp SkypeSkype ZoomZoom InstagramInstagram
Инструкции по работе в программах:
WordWord ExcelExcel PowerPointPowerPoint OutlookOutlook DirectXDirectX PhotoshopPhotoshop LightroomLightroom Premiere ProPremiere Pro Google ChromeGoogle Chrome Яндекс БраузерЯндекс Браузер Mozilla FirefoxMozilla Firefox OperaOpera Internet ExplorerInternet Explorer Уроки по остальным браузерамПо остальным браузерам Расширения для браузеровРасширения браузеров Уроки по антивирусамПо антивирусам AvastAvast AudacityAudacity Apple IDApple ID AutoCADAutoCAD BandicamBandicam BlueStacksBlueStacks DAEMON ToolsDAEMON Tools DiscordDiscord Epic GamesEpic Games FL StudioFL Studio HamachiHamachi iСloudiСloud iTunesiTunes OBSOBS OriginOrigin Play MarketPlay Market Sony VegasSony Vegas SpotifySpotify SteamSteam TeamViewerTeamViewer The Bat!The Bat! TikTokTikTok TunngleTunngle UltraISOUltraISO uTorrentuTorrent VirtualBoxVirtualBox Торрент клиентыТоррент клиенты Яндекс ДискЯндекс Диск Яндекс.КартыЯндекс.Карты Яндекс.НавигаторЯндекс.Навигатор В остальных программахВ остальных программах Драйвера для устройствДрайвера Подборки программПодобрать программу Остальные программыСкачать программы
Инструкции по онлайн-сервисам:
ЯндексЯндекс GoogleGoogle ДзенДзен YouTubeYouTube FacebookFacebook TwitterTwitter AliExpressAliExpress AvitoAvito ChatGPTChatGPT QiwiQiwi Другие онлайн-сервисыДругие сервисы Все о почтеВсе о почте Яндекс почтаЯндекс почта GmailGmail Почта Mail.ruПочта Mail.ru Рамблер почтаРамблер почта
Инструкции по телефонам:
SamsungSamsung XiaomiXiaomi HuaweiHuawei Прошивки устройствПрошивки телефонов ТелефонОбщие по телефонам
Инструкции по периферийным устройствам:
МышкаМышка КлавиатураКлавиатура ПринтерПринтер РоутерРоутер ФлешкаФлешка Карта памятиКарта памяти HDMIHDMI Игровые консолиИгровые консоли Яндекс СтанцияЯндекс Станция AirPodsAirPods
Инструкции по комплектующим:
Материнская платаМатеринская плата ПроцессорПроцессор ВидеокартаВидеокарта SSD дискиSSD диски Жесткий дискЖесткий диск BIOSBIOS