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

Шаг 1.
Создаем в фотошопе новый документ, заливаем его белым цветом. Создаем прямоугольник со скругленными краями, цвет любой, размер 214х234 пикселей.

Шаг 2.
Применим стиль слоя «Наложение цвета» (Color Overlay), цвет #fcfcfc.

Шаг 3.

Шаг 4.

Шаг 5.
Получился такой результат.

Шаг 6.
Создаем прямоугольник со скругленными краями, размер 196х181 пиксель.

Шаг 7.
Применим стиль слоя «Наложение цвета» (Color Overlay), цвет #f3f3f3.

Шаг 8.
Стиль слоя «Обводка» (Stroke), цвет #bdbdbd.

Шаг 9.
Стиль слоя «Внутреннее свечение» (Inner Glow).

Шаг 10.
Стиль слоя «Тень» (Drop Shadow).

Шаг 11.
Получился такой результат.

Шаг 12.
Делаем сверху еще один прямоугольник со скругленными краями, размер 196х157 пикселей. Заливаем его градиентом от #3169b4 сверху к #154695 снизу.

Шаг 13.
Воспользуемся инструментом «Текст» (Type Tool) и с помощью клавиши нижнего подчеркивания (в верхнем регистре между клавишами) и +) создаем прямую линию от левой стороны прямоугольника до правой, потом переводим каретку и дальше чертим линию. Должно получиться пять линий, цвет #0f326b.

Шаг 14.
Применим стиль слоя «Тень» (Drop Shadow).

Шаг 15.
Получился такой результат.

Шаг 16.
Делаем дубликат слоя с текстом, поворачиваем его на 90 градусов против часовой стрелки, и удаляем лишние хвосты в линиях, добавляем еще одну линию. Настройки текста как на рисунке ниже.

Шаг 17.
Получился такой результат.

Шаг 18.
Теперь опять воспользуемся инструментом «Текст» (Type Tool). Сначала выделим область, в которой мы будем писать текст, потом пишем числа через пробел по 7 календарных дат в ряд. Потом идем в закладки «Абзац» и устанавливаем выравнивание текста, как на рисунке ниже.

Шаг 19.
Получился такой результат. Цвет текста белый.

Шаг 20.
Теперь делаем дубликат слоя из Шага 12, перетаскиваем его на самый верх, заливаем цветом #0f326b. Меняем режим наложения слоя на «Умножение» (Multiply) и снижаем прозрачность слоя до 40 процентов.

Шаг 21.
Теперь аккуратно удаляем участки, относящиеся к текущему месяцу.

Шаг 22.
Выделяем квадрат текущей даты, заливаем его цветом #4d86d2.

Шаг 23.
Применим к нему стиль слоя «Внутренняя тень» (Inner Shadow) и поменяем режим наложения «Замена светлым» (Lighten).

Шаг 24.
Получился такой результат.

Шаг 25.
Печатаем названия дней недели, цвет #707173.

Наш урок сформирует у вас представление о том, как в программе Photoshop можно создать индивидуально оформленный календарь. Не углубляясь в подробности формирования коллажей, рассмотрим основные этапы создания календаря.

Инструкция

Шаг 1

Для того, чтобы сделать календарь в фотошопе, нам нужна сетка. Сетку можно скачать в Интернете, введя соответствующий запрос. С помощью нажатия клавиш Ctrl+N открываем новый документ. В меню «Набор» выбираем формат А4 с фоном белого цвета

Шаг 2

После нажатия клавиш Ctrl+R появляется «Линейка», благодаря которой мы обозначаем наши линии. По этим линиям будет легко ориентироваться в процессе размещения изображений. Переходим в «Просмотр» - «Новая направляющая» и в новом окне пользуемся опцией «Ориентация» - «Горизонтальная». В «Положение» пишем 50% и подтверждаем.

Шаг 3

На расстоянии 9 см от первой направляющей создаем новую. Для этого воспользуемся инструментом «Линейка», сняв галочку с «Использовать шкалу измерений». Ведем линию вниз по отношению к направляющей, затем выравниваем ее, чтобы избавиться от изломов. Далее, зажав кнопку Ctrl, тянем до края растянутой линии, использовав инструмент «Линейка». Такую же процедуру повторяем в противоположном направлении от центральной линии.

Шаг 4

Создаем два изображения, по одному на каждую сторону календаря. Благодаря «Свободной трансформации», нажав кнопки Ctrl+T, располагаем на документе узор, после этого с помощью функции «Прямоугольная область» выделяем место для изображения. Преобразовываем выделение клавишами Ctrl+I и нажимаем Del. Слой немного корректируем, воспользовавшись функцией размытия.

Шаг 5

Берем второе изображение и располагаем его на другой стороне документа. Для отражения или уменьшения изображения используем «Свободную трансформацию».

Шаг 6

Пришло время для размещения календарной сетки. Для того, чтобы не было проблем с чтением, первые полгода разместим на одной стороне, а вторую часть на другой. Для того, чтобы набрать год, используем инструмент «Текст». Благодаря инструменту можно поменять цвет и прозрачность, увеличить или уменьшить шрифт и изменить положение. По краям можно сделать рамочку, так будет смотреться симпатичней.

Шаг 7

Начнем работу над второй стороной. Повернем холст 2 раза на 90 градусов по часовой стрелке. Тоже самое делаем с сеткой. Затем размещаем второе изображение, текст и сетку, красиво оформив.

Шаг 8

Спрятав направляющие, переходим к печати файла. Формат печати должен быть A4. Не забываем поставить галочку «Реальный размер» для того, чтобы календарь вместился на лист A4.

Мы рассказали вам о том, как в фотошопе сделать календарь с помощью 8 шагов. Для изображения календаря можно выбрать семейную фотографию, природный пейзаж, любимое животное или понравившуюся работу известного художника.

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

Сперва создадим документ формата A5 . Для этого переходим в меню File-New (Ctrl+N) и выставляем в параметрах следующие значения, как указано на рисунке.

Делаем поворот на 90 градусов – Image-Image Rotation-90 0 CW .

Затем необходимо поместить в документ 2 изображения – одно, которое будет являться внешней частью календаря, другое – задним планом.

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

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

Итак, все основные компоненты для нашего календаря готовы. Приступим к обработке материалов.

Заходим на панели слоев, выбрав слой с внешней оболочкой, в пункт Blending Options . Там устанавливаем в графе Pattern Оverlay масштаб узора и другие параметры. Данные настройки нужны при условии, если у вас нет подходящего снимка для внешней оболочки календаря.

Шаг 1. Для начала откройте новый документ (Ctrl+ N ), в появившемся окне, в разделе Набор , выберите Международный формат бумаги – Размер А4 . (Разрешение обязательно 300 писк/дюйм , цвет фона белый).

Вызовите Линейку (Ctrl+ R ) на документе. Теперь нам нужно обозначить линии, по которым мы будем ориентироваться располагая изображения, а по окончанию работы (после печати), по этим обозначениям будем сгибать листок, чтобы получить нужную форму календаря.
Для этого зайдите в Просмотр/Новая направляющая (View/ New Guide) . В появившемся окне, выберите Ориентация (Orientation) – Горизонтальная (Horizontal) , а в Положение (Position) напишите 50% , нажмите Да .

Теперь нам нужна новая направляющая на расстоянии от первой в 9 см .
Возьмите инструмент Линейка (Rulet Tool (I)), в настройках инструмента, снимите галочку возле Использовать шкалу измерений (Use Measurement Scale) , тогда Ширина и Высота у вас будут указаны в сантиметрах. Тяните линию от Направляющей вниз (на панели инструмента будет показана Высота линии, нам нужно примерно 9 см .). Выровняйте линию, чтобы она было без изломов. Затем, зажмите клавишу Ctrl и нажав на Линейку сверху (которая расположена по краям документа) вытяните еще одну направляющую, тяните ее до края линии, которую мы растянули инструментом Линейка (Rulet Tool (I)) (направляющая сама приклеится прямо к краю).

Проделываем то же самое, в противоположную сторону от «центральной» Направляющей.
В результате у вас должен получиться документ, разделенный Направляющими на четыре части.

*я уменьшила размер листа, чтобы показать его полностью*

Шаг 2. По моей задумке, на каждой стороне календаря будет разная картинка (чтобы не надоело за весь год одно и тоже). Начнем делать первую сторону. Для фона я выбрала вот такую картинку, с морозным узором:

Разместив (при помощи Свободной Трансформации (Ctrl+ T) ) на документе узор, я инструментом Прямоугольная область (М) выделила сторону, в которой у нас будет располагаться рисунок (которая 9 см.), затем Инвертировала (Ctrl+ I) выделение и нажала Delete .

Немного подкорректировала слой и, применив к нему Уровни (Levels (Ctrl+L)), Размытие по Гауссу (Gaussian Blur), снизила Непрозрачность (Opasity) слоя.

Затем я взяла картинку с тигренком.

Отделила тигренка от фона. Я использовала для этого Каналы (Channels) (технику можно посмотреть в видео уроке: Каналы – 2 урок. Выделяем волосы . Размещаем тигренка в нашем документе, не забывайте о том, что должно остаться место под календарную сетку.

Затем, я нашла клипарт, с заснеженными ветками ели и уложила их (ветки) по контуру стороны которую мы делаем (используя Свободную Трансформацию / Отразить по Горизонтали, Вертикали и уменьшение размера). В результате вот что у меня получилось.

Затем объединяем все слои относящиеся к веткам ели (выделив все слои с елями и нажав Ctrl+ E ). Находясь на получившемся слое с елями, инструментом Прямоугольная область (M) выделяем нашу сторону, затем инвертируем выделение и удаляем лишнее (повторяем то, что делали в начале второго шага).

Шаг 3. Теперь располагаем календарную сетку (я решила, чтобы было более читабельно, сделать по полгода на каждой стороне). Инструментом Текст (Т) , пишем 2010 (можно изменить размер, положение, непрозрачность и цвет, слою с текстом 2010).
В заключение с этой стороной, делаем по краям рамочку.

Шаг 4. Переходим ко второй стороне.
Зайдите в Изображение/Повернуть холст/на 90 градусов по часовой (Image/Image Rotation/90 CW). Сделайте это два раза.
Ваш документ перевернется, а мы сможем нормально делать вторую сторону (важно именно поворачивать на 90с по часовой , а не Отразить по Вертикале, эта функция не подойдет, потому как при распечатке, у вас будет не правильное расположение цифр и рисунка (как в зеркале отражение)).

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

Ищем чем обрамить края (я решила, что это будут листья пальмы).

Добавляем календарную сетку, рамку и текст 2010.

В результате выглядеть наша работа будет вот так:

*Направляющие можно уже спрятать (Ctrl+ H) *

Шаг 5 . Распечатываем полученный результат (печатать нужно размер именно А4 , возможно при выводе на печать, нужно будет поставить галочку - Печатать реальный размер (это зависит от самого принтера и его настроек).

*хорошо, если у вас есть плотная бумага, например глянцевая фотобумага, тогда календарик дольше сохранится и будет более устойчивым*

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

Низ склейте клеем, или скрепите степлером и все, у вас должен получиться вот такой календарик-домик.

Решились на создание календаря своими руками? Запаситесь терпением и временем, а всё остальное – дело техники.

Подготовка к работе

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

Текстурный фон. Его можно либо применять, либо нет. Состаренные картинки, шершавые поверхности, рельеф дерева, перьев, растений – всё это относится к текстурному фону.

Календарная сетка. Интернет в свободном доступе предлагает огромный выбор. Подберите наиболее подходящую по стилю сетку для будущего календаря и скачайте в файл на свой компьютер.

Главная картинка. Фото, рисунок или другое изображение, которое будет в центре внимания. Её может не быть, но с ней получится интересней.

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

Процесс создания

Запустите программу photoshop и создайте новый файл, затем чистый лист (А 4) и переверните его горизонтально.
Функционально необходимо сделать следующие манипуляции: кликнуть «файл», затем нажать «создать», кликнуть на «изображение», затем на «вращение изображения», потом произвести поворот «…на 90º».

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

Берём свой будущий фон и накладываем на созданный лист. Фактически перетаскиваем его из папки на открытое рабочее окно фотошопа.

На созданном листе появится наложенное изображение. Оно может не совпадать по краям. Для этого берём его за появившуюся сетку и растягиваем мышью до необходимых размеров. После проделанных манипуляций необходимо нажать кнопку Enter.

Также поступаем с текстурным фоном (если таковой имеется) и календарной сеткой.

Не забывайте о главной картинке. Для неё необходимо оставить свободное пространство. Для корректировки и произвольного перемещения календарной сетки внутри будущего календаря необходимо применить функцию «свободное трансформирование». Она находится в разделе «редактирование».

Добавляем на календарь главную картинку и, с помощью кнопки «свободное трансформирование» располагаем в нужном месте и под нужным углом.

Последнее недостающее звено на календаре – написать цифрами год. Слева на функциональной панели находим большую букву «Т» и кликаем по ней мышкой. Далее, пишем на поле календаря цифры года, например, «2015 год». На верхней функциональной планке подбираем шрифт и размер. Выполняем надпись. С помощью инструмента «пипетка» и «палитра цветов» закрашиваем надпись в необходимый цвет.

Подведём итог того, что получилось на этом этапе. Созданные слои должны располагаться в следующем порядке:

Верхний с текстом «2015 год»
Ниже – основная картинка
Под картинкой – календарная сетка
Под сеткой друг под другом два слоя с рельефным фоном и фоновой картинкой

Теперь ещё раз внимательно посмотрите на свою работу. Всё ли правильно, нет ли ошибок? Тогда завершите работу объединением слоёв и сохранением полученного результата.