створюємо календар в Фотошопі

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

Створення календаря у 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 . Размещение фонового изображения на холсте при создании календаря в Фотошопе

    Детальніше: як вставити зображення у Photoshop

  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. Беремо & 171; Кисть&187; .

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

    Форма & 171; жорстка кругла & 187; .

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

    &171;непрозорість&187; і &171;натиск&187; 100%.

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

    Колір червоний (той же, що і у заливки).

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

    Розмір підбираємо квадратними дужками на клавіатурі.

  3. Залишаючись на шарі з заливкою, натискаємо пензлем по потрібних числах.Выделение дополнительных выходных при создании календаря в Фотошопе

    Читайте також: як користуватися пензлем в Фотошопі

Далі цей календар потрібно зберегти у форматі JPEG або PDF, а потім роздрукувати на принтері.

Читайте також: в якому форматі зберігати фото в Фотошопі

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

Спосіб 2: готова сітка

Процес створення календаря цим способом полягає в простому підборі фону і пошуку підходящої календарної сітки. З фоном все просто. Шукаємо в публічному доступі, або купуємо на фотостоку відповідну картинку. Бажано великого розміру, оскільки календар ми будемо друкувати, а він повинен бути не 2х3 см. Ми підібрали ось такий:

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

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

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

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

Читайте також: створюємо заготовку для фото на документи в Фотошопі

  1. Як вже було сказано вище, календар ми будемо друкувати, тому створюємо новий документ з наступними настройками. Тут вказуємо лінійні розміри календаря в сантиметрах і дозвіл 300dpi . Создаем календарь в Фотошопе
  2. Потім перетягуємо картинку з фоном в робочу область Програми на новостворений документ. При необхідності розтягуємо її за допомогою &171;вільного трансформування & 187; ( CTRL+T ).

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

    Читайте також: функція & 171; вільне перетворення & 187; у Photoshop

  3. Те ж проробляємо і зі завантаженою сіткою.Создаем календарь в Фотошопе
  4. Залишилося тільки зберегти готовий календар у форматі JPEG або PDF , а потім роздрукувати на принтері.

    Детальніше:
    зберігаємо зображення в Фотошопі
    в якому форматі зберігати фото в Фотошопі

Ми розібрали два способи створення календаря в Фотошопі. Яким з них користуватися, вирішуйте самі. Якщо немає часу, то можна скористатися чужими розробками, а якщо потрібно мати під рукою універсальний інструмент, то краще зробити все самостійно.

більше статей на цю тему: