Наш урок сформирует у вас представление о том, как в программе 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 шагов. Для изображения календаря можно выбрать семейную фотографию, природный пейзаж, любимое животное или понравившуюся работу известного художника.

Photoshop - программа, которая смогла завоевать сердца многих пользователей. Она служит для работы с графическими данными. Как говорят начинающие юзеры, для обработки картинок и фотографий. В "Фотошопе" можно создавать разного рода графические объекты. К примеру, визитки или открытки.

Сегодня предстоит понять, как сделать календарь в "Фотошопе". Этим вопросом задаются многие пользователи. Особенно те, кто предпочитает в качестве основной работы те или иные действия с изображением. Какие советы и рекомендации можно дать относительно поставленной задачи? Что поможет создать свой собственный календарик в Photoshop?

Календарная сетка

Первый этап - создание так называемой календарной сетки. Без этой составляющей не получится сделать календарик.

Как сделать календарь в "Фотошопе"? Для того чтобы создать сетку, требуется:

  1. Открыть Photoshop. Можно воспользоваться любой версией приложения.
  2. Создать новый документ. Желательно фиксированных размеров. Идеально подходит A4 или A5. Все зависит от того, какой именно календарь хочется получить. Для этого достаточно нажать на Ctrl + N.
  3. Дать название сетке.
  4. Если был выбран формат A5, потребуется осуществить переворот листа на 90 градусов.
  5. Нажать на инструмент Horizontal Type Tool. Для простоты работы потребуется включить направляющие.
  6. Как сделать календарь в "Фотошопе"? Необходимо начать печатать дни (номерами) в тех или иных ячейках на листе. Например, первое января - это понедельник, а седьмое - воскресенье. В 1-й строчке сетки будет: 01, 02, 03... 07.
  7. Продолжить создание документа в соответствие с днями недели в том или ином месяце.

Это первый этап работы. Как только те или иные дни в документе будут заполнены, можно приступить к редактированию файла. Как создать календарь в "Фотошопе"? Нужно следовать изложенным далее рекомендациям.

Работа со слоями (в сетке)

Итак, предложенный ранее алгоритм пройден. Что дальше? Как сделать календарь в "Фотошопе"?

Для того чтобы первая сетка (и последующие в том числе, все они изготавливаются по единым принципам) выглядела подобающе, необходимо:

  1. Выделить первые 7 горизонтальных цифр (первую строчку).
  2. Зайти в меню Layer-Align-Vertical Centers.
  3. Выровнять межстрочный интервал. Важно следить за тем, как выравнивание сказывается на сетке.
  4. Нажать на Shift, выделить все слои от 1 до 7. Далее кликнуть ПКМ и выбрать Link Layers.
  5. Зажать Alt и перетащить слои ниже - на ряд пустых клеток.
  6. Переименовать слой. Продолжить аналогичные действия с остальными цифрами. В конечном итоге получится 5 слоев с цифрами от 1 до 31.
  7. Удалить ненужные цифры.
  8. Аналогичным образом добавить дни недели.

Все почти готово. Как сделать календарь в "Фотошопе"? Примитивный его вариант не требует от пользователя особых знаний. Осталось только отметить на сетке выходные дни.

Отмечаем выходные

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

Чтобы отдельно отметить выходные, потребуется:

  1. Выделить все текстовые слои на ранее созданной сетке.
  2. Перейти в Layer-Smart Objects-Convert to Smart Object. Это не обязательное действие, но оно значительно облегчит дальнейшую работу. Произойдет объединение слоев в "Смарт-объект".
  3. Переименовать полученный объект. Например, по названию месяца в календаре.
  4. Выбрать инструмент "Выделение". Желательно отдавать предпочтение выделению в форме прямоугольника.
  5. Выделить область, отвечающую за выходные дни. Обычно это последняя и предпоследняя числа в каждой строчке.
  6. Выбрать Create new fill or adjustment layer.
  7. Подобрать цвет, которым будут обозначены выходные в календарике. Обычно это красный.
  8. Сохранить изменения.
  9. Нажать на слой с красной (или любой другой выбранной ранее) заливкой. Щелкнуть на сочетание клавиш Ctrl + Alt + G.

Готово! Теперь понятно, как сделать календарь в "Фотошопе". Предложенный алгоритм действий поможет создать соответствующую календарную сетку для каждого месяца.

С фотографиями и картинками

Чаще всего обычная сетка в виде календаря пользователей не устраивает. Хочется смастерить более красивый графический объект. Тогда приходится разбираться, как сделать календарь в "Фотошопе" с фотографиями или картинками.

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

Что предлагается для создания календаря с фото? Для этого необходимо:

  1. Создать новый графический объект, холст. Делается это точно так же, как и с календарной сеткой. Желательно при этом выбирать лист большего размера.
  2. Разделить холст на 2 части: сетку (о том, как ее делать, было рассказано ранее) и место для фото.
  3. Открыть в Photoshop фотографию, которую хочется вставить в календарь.
  4. Выделить все изображение или его часть при помощи известных инструментов.
  5. Скопировать фото в буфер обмена.
  6. Создать календарную сетку.
  7. Вставить в специально отведенное место для изображения картинку.

Таким образом можно сделать перекидной календарь в "Фотошопе" или рассчитанный на весь год. Все зависит от предпочтений пользователя.

Шаблоны

Есть более простой вариант. Не хочется задумываться над созданием календарика? Тогда воспользуйтесь одной небольшой хитростью. Можно сказать, готовый шаблон календаря для Photoshop. Обычно это готовые графические объекты с календарной сеткой. Все что останется сделать пользователю - вставить в специально отведенные места фотографии и картинки, которые хочется.

Шаблон календаря - это наиболее быстрый и простой метод решения. Главное - скачивать документ для конкретного года. В противном случае в готовом шаблоне просто нет смысла.

Выводы и заключения

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

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

Этот урок поможет вам научиться создавать такие календари в фотошопе без использования календарных сеток. Особенно этот урок пригодиться тем, кто занимается веб-дизайном. Такой может стать элементом оформления странички в интернете, будь блог, форум или сайт. Гораздо проще создавать календарь в фотошопе, пользуясь . Распечатайте календарь и повесьте на стену 😉

Итак, приступим к уроку “Как сделать календарь в фотошопе ”.

  1. Создайте новый документ размерами 450 * 400 пикселей, цвет фона – белый, режим RGB.
  2. Залейте документ цветом # 0a7db7 .
  3. Создайте новый слой. Возьмите инструмент Овальная область (для создания овального выделения) и, зажав, клавишу Shift, создайте окружность.

  4. Залейте выделение цветом # 2db2f4 .
  5. Примените фильтр Размытие по Гауссу с радиусом 37:


  6. Возьмите инструмент “Прямоугольник с закругленными углами” и поставьте радиус 10. Настройки инструмента:


    Цвет прямоугольника – белый. Создайте фигуру, это и будет тело календаря.

  7. Кликните дважды по слою с фигурой прямоугольника и примените следующие стили слоя:
  8. Дублируйте слой с листом календаря 2 раза (два раза нажмите сочетание клавиш Ctrl + J). Выберите инструмент Перемещение и нажмите клавишу стрелка вверх 4 раза при активном верхнем слое. Теперь сделайте активным нижележащий слой с прямоугольником и нажмите на эту же клавишу 2 раза. Таким образом, у нас получиться следующее:
  9. Создайте новый слой. Возьмите инструмент Прямоугольная область и создайте выделение, перекрывающее верхнюю часть будущего календаря:
  10. Залейте выделение цветом # 0a7db7. Клик по иконке нижележащего слоя с зажатой клавишей Ctrl –> загрузится выделение. Теперь при активном новом слое нажмите на значок маски слоя (его вы найдете в нижней части палитры слоев).
  11. К верхнему слою примените стили слоя (увеличиваются при клике):
  12. Создайте новый слой. Возьмите инструмент “Горизонтальная строка” и создайте выделение на нижнем крае шапки календаря:
  13. Выберите инструмент Перемещение и кликните один раз по клавише “Вверх”. Залейте выделение белым цветом. Загрузите выделение вокруг верхнего слоя тела календаря (смотри действия пункта 10), при активном слое с горизонтальной строкой нажмите иконку маски слоя. Уменьшите непрозрачность слоя на 50%.
  14. На шапке календаря пишем название месяца белым цветом жирным шрифтом. В примере использован шрифт Helios–Black. Для слоя с текстом примените стиль Тень:
  15. Нажмите Crtl + R для того, чтобы активировать линейки на документе. Кликните левой кнопкой мыши по верхней части документа (по линейкам) и выберите единицы измерения – пиксели.
  16. Снова инструмент Перемещение. Протяните направляющие (это линии, которые помогают нам выстроить ровно элементы ) от левого края документа, разделив ими на 9 частей (должно получиться 7 равных по ширине столбиков (по числу дней недели и 2 столбца – это отступы слева и справа). Теперь протяните направляющие от верхнего края документа и разделите на 7 частей (в центральной части – 5 равных по высоте строк, и две строки – это отступы сверху и снизу).
  17. Берем

Сегодня мы с вами научимся создавать календарную сетку в программе Adobe Photoshop .

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

Итак, начнем!

Сперва создадим любой документ, например формата A4. Далее выбираем Horizontal Type Tool

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

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

Чтобы вам было проще при клонировании номеров, можете при нажатой клавише Alt и выбранной цифре перетащить ее на новое место, таким образом вы делаете копию слоя.

Когда все числа будут введены, выделяем первые 7 цифр по горизонтали и идем в меню Layer-Align-Vertical Centers . Выравниваем междустрочный интервал и двигаемся дальше.

Упрощать задачу – вот, что самое главное в данном проекте, поэтому выделяем при нажатой клавише Shift слои от 01 до 07, нажимаем правой кнопкой мыши и выбираем пункт Link Layers . Затем при нажатой клавише Alt передвигаем слои вниз – на следующий ряд пустых клеток. Переименовываем текст и совершаем аналогичные операции с оставшимися числами. У вас должно получится 5 слоев с номерами от 01 до 31. Ненужные цифры удаляем.

Теперь при необходимости можете добавить таким же действием дни недели.

Выделяем снова все текстовые слои и идем в меню Photoshop: Layer-Smart Objects-Convert to Smart Object . Таким образом мы преобразуем все слои в Смарт Объект, что нам даст более гибкие настройки над последующими действиями.

Переименовываем слой на “month”, или как вам больше нравится 😉

Затем берем инструмент Rectangular Marquee Tool и выделяем в виде прямоугольника цифры от 06 до 28, как показано на рисунке ниже.

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

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

Окончательный результат:

Нам понадобится:

  • Заливка с деревом от PulsarWallpapers

Шаг1: Создайте новый файл

Откройте Фотошоп и создайте новый документ размером 600x450px . Установите прозрачный для заднего фона.

Шаг 2: Создаем фон

Мы решили использовать деревянную заливку для фона. Загрузите и установите паттерн и добавьте к фону.

Шаг 3: Рисуем форму для календаря

При помощи инструмента Rectangle Tool (U) нарисуйте белый прямоугольник размером 280x260px и добавьте ему следующие стили:

Шаг 4: Рисуем хедер календаря

При помощи инструмента Rectangle Tool(U) нарисуйте прямоугольник размером 280x40px и расположите его над предыдущей формой. Добавьте следующие стили:

У вас должен получиться такой результат:

Шаг 5: Рисуем стрелки для выбора месяца

Итак, давайте сначала добавим название месяца. Выберите инструмент Horizontal Type Tool(T) и напишите название (например, август), при помощи инструмента Custom Shape Tool(U) добавьте две маленькие стрелки, затем выберите инструмент Line Tool(U) и нарисуйте горизонтальную линию (#352111 ) под хедером.

Шаг 6: Ряды и колонки

Теперь мы будем создавать боксы для чисел, для этого рекомендуем использовать линейки((Ctrl+R) ) или View->Rulers) . TЗатем используйте направляющие, чтобы структурировать нужную область.

При помощи инструмента Rectangle Tool(U) нарисуйте 5 прямоугольников размером 280x40px и расположите их по горизонтали снизу вверх. Добавьте им следующую градиентную заливку:

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

Теперь добавьте направляющие для каждых 40 px.

Шаг 7: Разделяем колонки и ряды

Теперь давайте «разделим» все на прямоугольники при помощи инструмента Line Tool(U) .

Начните с вертикальных белых линий, размещая их на 1px правее от вертикальных направляющих:

Затем добавьте белые горизонтальные линии, расположив их на 1px ниже горизонтальных направляющих:

Добавьте горизонтальные темно-серые (#c5c5c5) линии над горизонтальными:

Затем добавьте вертикальные темно-серые линии, расположив их левее вертикальных направляющих.

У вас должен получиться такой результат:

Шаг 8: Добавляем дни недели

Добавьте под хедером названия дней недели:

Шаг 9: Добавляем даты

Посередине каждого маленького прямоугольника добавьте даты (от 1 до31), но убедитесь, что они расположены правильно.

Шаг 10: Добавьте прозрачность неактивным датам

Даты 31 июля и 1,2 и 3 сентября неактивные, потому что они не принадлежат к августу-месяцу. Добавьте белый прямоугольник над неактивной датой и установите ему прозрачность 50%. У вас должен получиться такой результат.

Шаг 11: Подсвечиваем действующую дату

Выберите дату и нарисуйте прямоугольник размером 39x40px и расположите его под текстом.Установите цвет прямоугольнику (#da603b ) и добавьте ему обводку размером 1px (#7a2d16 ). Прямоугольник должен располагаться над линиями.