Главная » Photoshop » Вы здесь

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

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

Создание календаря в 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, а затем распечатать на принтере.

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ


Еще статьи по данной теме:


Поделиться статьей в социальных сетях:
1 комментарий

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

Задайте вопрос или оставьте свое мнение

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