Доброго всем времени суток, мои дорогие друзья и читатели. Вы знаете? Вот так ходишь мимо разных палаток или книжных магазинов, и видишь кучу разных календарей — больших, маленьких, красивых и не очень. Я тут подумал, что совсем необязательно же брать какое-то готовое решение, можно либо заказать что-то в фотосалоне, либо вообще сделать самому, причем быстро и просто.

Тут-то и возникла идея написать для вас статью о том, как в фотошопе сделать календарь и наслаждаться собственным дизайном. Ну как, вы готовы сделать свой календарь? Тогда поехали! Но для начала возьмите материалы для работы . Внутри скачанных материалов у вас должно быть несколько картинок, которые включают в себя сетки календаря, фотографию (основную картинку) и текстуру с дождевыми каплями.

1. Для начала нам нужно открыть сам фотошоп и с любым фоном фоном. Пусть будет 2048×1536 пикселей.
2. Теперь возьмите картинку с девушкой и откройте ее в фотошопе. Если вы открыли ее в новом документе, то перенесите ее на нашу свежесозданную и пока пустую картинку...
3. Далее подгоните фотографию под размер нашего холста. Для этого воспользуйтесь инструментом и тяните за уголки. После этого примените изменение, нажав Enter.
4. Теперь давайте вставим саму календарную сетку. Просто откройте ее в отдельной вкладке и перенесите с помощью на слой с девушкой. Убедитесь, чтобы слой с этой сеткой находится выше, чем слой с девушкой.
   И кстати, не забудьте подогнать под нужный размер, иначе будет смотреться не очень красиво, мягко говоря. Для этого вновь нажмите CTRL+T для использования свободного трансформирования. Должно получиться примерно так.
   
5. Теперь загрузите на отдельный документ текстуру каплями дождя, затем перемещаем ее на наш сырой календарь и снова подгоните размер под формат картинке. Текстура с дождем пусть находится над слоем с фотографией девушки.
   
6. А дальше нам надо сделать как-то так, чтобы было впечатление, что капли находятся на фотографии. Для этого просто встаем на слой с текстурой и выбираем параметр наложения «Умножение».
   
7. Как-то темновато получилось, правда? Ну это ничего. Находясь на том же слоем с каплями, просто поставьте «Непрозрачность» на 50%. По моему весьма недурно для календаря, который был слеплен самостоятельно за пару минут.
   

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

Конечно это не все возможности. Вы можете сделать эту картинку намного эффектнее и интереснее. Давайте рассмотрим на примере.

Дополнительная обработка

Давайте все-таки сделаем наше детище поэффектнее, все таки photoshop в том числе и для этого и предназначен.

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

Ну а если у кого-то с этим возникли непонятки, то рекомендую вам посмотреть видео, которое я специально сделал для этого урока. Думаю, что теперь всё должно быть предельно ясно).

Кстати то, что мы сегодня проделали — это по сути несложный коллаж. Интересно, да? Но если вы хотите научиться создавать более сложные и интересные коллажи, то я рекомендую вам посмотреть один потрясающий видеокурс на эту тему. Всё рассказывается очень подробно и интересно, причем работать будете не с одним примером, а с несколькими.

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

Ну а я с вами на сегодня прощаюсь. Жду вас в своих следующих статьях. Пока-пока!

С уважением, Дмитрий Костин.

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

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

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

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

• Заливка с деревом от 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 ). Прямоугольник должен располагаться над линиями.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Берем и заполняем ячейки. В верхней строке – сокращенные названия дней недели. Строки ниже – даты месяца.
18. Теперь вы узнаете как выделить сегодняшнюю дату. Создайте новый слой, разместите его под слоями с датами. Возьмите Прямоугольное выделение и выделите дату. Залейте выделение любым цветом. Перейдите в стили слоя. Примените к слою
    • Тень (непрозрачность 75%, угол 90, цвет тени – светло-оранжевый, смещение – 1, остальное оставьте без изменений)
    • Градиент (линейный, угол 90, цвета градиента – от светло-оранжевого к оранжевому),
    • Обводка – 1 пиксель, цвет – светло-оранжевый.

Это был урок “Как сделать календарь в фотошопе”. Вы можете скачать файл psd для примера с