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

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

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

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

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

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

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

1. Создаем новый документ.

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

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

   

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

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

   

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

   

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

   

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

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

   

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

   

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

   

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

    

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

    

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

    

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

    

    Результат:

    

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

    
11. Закрываем окно «Символ», оно нам пока не нужно.

    

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

    

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 градусов в любую сторону.

   

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

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, а затем распечатать на принтере.

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

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

Наш Telegram каналТолько полезная информация