Как сделать календарь в фотошопе

Сейчас найти в Интернете всякого рода сервисы по изготовлению календарей или готовых шаблонов совсем не проблема.

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

Тем более, что сложного в этом ничего нет.

Мы с Вами не будем претендовать на качество шикарных шаблонов, которые предлагает наш автор O-LENKA, но стремится к этому будем.

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

Мы будем делать календарь с коллажем из наших фотографий.

Конечный результат у каждого получится свой, примерно вот так:

Вам понадобятся Ваши фотографии по тематике Вашего календаря в достаточном количестве, различные картинки для фона (о фоне я остановлюсь позже),а также календарная сетка на этот год. Календарную сетку можно скачать в Сети (Google, Yandex …), а также на нашем сайте Сундучок в отделе календари. Чтобы Вам не рыться в Интернете, я приложу их в конце урока.

Хочу сразу Вам заметить – если Вы собираетесь распечатывать календарь, а тем более в большом формате, то и исходные материалы надо выбирать соответственно большого формата и качества.

Перейдём к работе в Фотошоп.

Календарь будем делать формата А-3 (297х420мм, это в пикселях 3508х4961) в альбомном расположении.

Открываем новый документ (Ctrl + N). В окне Тип документа выбираем «Международный формат бумаги»

Среди форматов выбираем формат А-3:

Если у Вас документ открылся в «книжном» исполнении - переверните его: в меню Изображение > Вращение изображения >  на 90 град.

После этого перетаскиваете прямо на изображение созданного документа выбранный Вами фон (в этом случае он откроется сразу как Смарт объект и чёткость его не изменится).

Растягиваете или подгоняете свой фон (удерживая мышкой за угловой узел при зажатой клавиши Shift). После чего снимаете галочку (см. фото) или нажимаете Enter.

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

Сделал я это для того, чтобы в конце работы можно было-бы выбрать, на каком фоне наш календарь будет смотреться лучше.  (Кстати, набор этих фонов я также приложу к уроку. Но, уверен, Вы сможете выбрать свои).

После манипуляций с фоном (или фонами) нам надо обрезать наш календарь по размеру документа, поскольку какие-то картинки могли выйти за его пределы. Берём инструмент Рамка (С), проверяем, чтобы контуры рамки точно соответствовали размерам документа и нажимаем Enter. При этом обратите внимание, чтобы стояла галочка «Удалить отсеч. Пикс.».

Далее , также, как и фоны, перетаскиваем на наш документ выбранную Вами Календарную сетку (она будет тоже в виде Смарт объекта). Растягиваем  её под размер календаря.

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

Но мы сейчас это исправим.

Чтобы высветлить участки фона под сеткой, сделаем следующее.

Создадим новый слой. Возьмём инструмент выделения «Прямоугольная область» и выделим прямоугольником весь наш столбец с календарной сеткой:

Также выделим и второй столбец (или горизонтальную часть сетки, если у Вас другая сетка)- для этого достаточно активировать окно «Добавить к выделенной области» в строке настроек инструмента (второе слева окошко).

Выставите в качестве Основного/Фонового цвета значения по умолчанию (клавиша D).И, если фоновый цвет у Вас белый, нажмите сочетание клавиш  «Ctrl + Delete».Наше выделение  зальётся белым цветом. Снимите выделение с наших сеток  (Ctrl + D). Применим к этому слою фильтр «Размытие  > Размытие по Гауссу » с радиусом примерно 50 пикс.

Переместите верхний слой под слой с календарной сеткой и уменьшите его непрозрачность примерно до 50 – 60 %. Должно получиться примерно так:

Далее приступаем к созданию непосредственно коллажа из наших фотографий.

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

Тут уже дело вкуса каждого. Мне же захотелось сделать что-то не столь банальное. Идею навеяла вот такая фотография:

Вот я и попробую развесить наши фото на ветках дерева.

Для начала нам надо будет подготовить фотографии. Делать мы это будем для удобства в новом документе.

Развешивать свои фото я буду в одинаковых паспарту (Вы можете сделать просто обычные рамочки по своему усмотрению).

Давайте подготовим их.

Создаём новый документ (Ctrl + N) размерами 600х400 пикс.

 

Затем открываем папку с нашими фотографиями, выделяем их все (Ctrl + A) и переносим все сразу на поле созданного документа.

Фотографии будут открываться по одной как Смарт объекты. После трансформации и выравнивания, нажимаете на галочку  (или Enter) и откроется следующая и т.д. Кстати, совет. При таком перемещении фотографий, они все располагаются по центру документа. Чтобы проще трансформировать фото без искажений и по центру зажимайте одновременно Shift + Alt.

После того, как все фотографии загружены, надо растрировать все слои: выделяем все слои с фото (выделяем первый слой, нажимаем  Shift и щёлкаем по последнему), щёлкаете правой кнопкой мыши по слоям и выбираем пункт «Растрировать слой»

Делаем обрезку по контуру документа инструментом «Рамка» (не забываем про галочку «Удалить отсеч пикс.»).

Теперь все наши фотографии в новом документе одного размера:

Сделаем наше паспарту для фотографий.

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

Я решил усложнить немного себе задачу и сделать настоящие паспарту. Для этого я поступил следующим образом.

Во-первых расширил размер холста следующим образом:

Но я хочу, чтобы нижнее поле паспарту было больше верхнего (в этом поле можно будет сделать подписи к фото). Для этого, выделив все слои с фотографиями, я приподнял их вверх стрелочкой «Вверх»(для верности использовал горизонтальную направляющую):

Теперь выбираем любую фотографию посветлее (чтобы было виднее) и дважды кликаем по слою – открываем палитру «Стиль слоя».

Для начала включаем чек-бокс «Выполнить обводку». Мои параметры ниже:

Далее «Тиснение»:

Можно ещё добавить «Внутренняя тень»:

После этого нам надо скопировать стиль слоя на все слои. Это очень просто – правой кнопкой мыши нажимаем на слой, где мы создали стиль и выбираем «Скопировать стиль слоя», затем выделяем все слои и, также, правой кнопкой мыши выбираем «Вклеить стиль слоя». Таким образом все наши фото имеют один стиль.

Теперь нарисуем дырочку для подвешивания наших паспорту на отдельном слое. Перетаскиваем направляющие так, чтобы перекрестья были в центре подвешивания картинки.

Выбираем инструмент рисования «Эллипс» и рисуем кружок размерами примерно 15-15(18) пикс. и заливкой/обводкой, как указано ниже:

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

Но теперь нам необходимо привязать нашу дырочку к каждой фотографии. Мы рисовали нашу дырочку на отдельном слое. А затем всё просто: копируем слой с дырочкой (Ctrl + C). Переходим на другое фото и вставляем (Ctrl + V).

Я не стал объединять фотографии в группу, чтобы потом после переноса делать обратную процедуру.

Теперь нам осталось самое интересное. Выделяем все слои с фотографиями (нажимаем на первый слой и, зажав Shift,нажимаем на последний). Мышкой перетаскиваем их на наш календарь.

И начинаем растаскивать наши фото и развешивать по ветвям.

Если фотографии весят на ветках, то логично что от ветра они колышутся и даже заворачиваются. Поэтому к каждой из фотографии применяем инструмент «Редактирование  > Трансформирование» (Ctrl + T) и далее по своему вкусу – Искажение, Перспектива, Деформация. Примерно так:

Но ведь мы не зря мучились с дырочками на каждой фотографии и делали паспорту. Используем их.

Внизу на паспорту сделаем надписи по характеру каждого члена семьи. А к дырочкам кисточкой подрисуем подвески к веткам. Вот что получилось в итоге:

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

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

Успехов вам в творчестве

Автор – Олег Лодянов (kinoLOG).

 

Скачать урок в формате PDF и исходник к нему:

 

Чтобы получить интересные уроки на свой адрес,
введите свои данные в форму подписки ниже:

Комментарии  

SSSRRROMAN
+2 # SSSRRROMAN 22.01.2017 22:22
привет всем,я фотошопом занимаюсь давно,но всё равно узнаю из ваших уроков много интересного спасибо вам большое,вот только у меня к вам вопрос,почему у вас нет функции показать проделанную работу чтоб узнать какие ошибки надо устранить,скриншот я делать так и не научилась,а хотелось бы знать что делаю не правильно,ещё раз спасибо за уроки.
Ответить | Ответить с цитатой | Цитировать
OlegNakroshaev
0 # OlegNakroshaev 23.01.2017 10:16
Пока такой возможности, к сожалению, нет.
Вы можете выслать свою работу на адрес -
с указанием ссылки на урок, который Вы использовали в своей работе и мы разместим его на страничке с уроком.
Ответить | Ответить с цитатой | Цитировать
Анатолий
+2 # Анатолий 21.01.2017 22:02
Большое спасибо, Олег! Буду пробовать!
Ответить | Ответить с цитатой | Цитировать
Татьяна
+1 # Татьяна 20.01.2017 12:28
Здравствуйте, Олег! Урок понравился, спасибо за подробное объяснение! Как всегда решила попробовать. и у меня возник4ли проблемы , естественно вопрос.
"Затем открываем папку с нашими фотографиями, выделяем их все (Ctrl + A) и переносим все сразу на поле созданного документа"
Как все фотографии перенести на созданный документ, чтобы открывался как смарт-объект? Через команду "поместить" открывается по одной, вместе (Ctrl + A) не выделяются. А через команду "открыть" выделяются, но помещаются по одной не слоях и не смарт-объект. В чем может быть проблема?
Ответить | Ответить с цитатой | Цитировать
Олег
+1 # Олег 20.01.2017 14:58
Здравствуйте,# Татьяна!
Спасибо за комментарий и вопрос.
Здесь ничего сложного нет. После того, как Вы создали новый документ, откройте папку с подготовленными фотографиями и разместите её рядом с Фотошопом, чтобы открытый документ Вам тоже был виден. В папке нажимаете на первую фотографию и Ctrl+A (выделяются все), либо выделяете только те, что нужны с зажатой клавишей Ctrl. Потом мышкой все выделенные тащите прямо на поле документа и отпускаете. Они начинают открываться по одной - трансформировали, подогнали, жмёте Enter/ Откроется следующая на новом слое -действия те же и т. д.
Удачи, Если будут ещё вопросы, не стесняйтесь. Я к Вашим услугам!
Ответить | Ответить с цитатой | Цитировать
Татьяна
0 # Татьяна 23.01.2017 18:40
Олег, здравствуйте! Спасибо за обратную связь. Но фотографии не делают никаких движений...При переходе на открытый документ курсор меняется на круг с полоской. Увы...Фотошоп CS6
Ответить | Ответить с цитатой | Цитировать
Сергей Бунин
+1 # Сергей Бунин 24.01.2017 21:03
Здравствуйте Татьяна!
Если не получается применить drag & drop попробуйте зайти в меню программы Photoshop "Файл" выбрать команду "Открыть" или просто не заходя в меню нажать комбинацию клавиш Ctrl+O. Должно открыться после этого окно проводника Windows, в котором Вы выбираете место где хранятся Ваши файлы (изображения), выбираете их (или начните хотя бы с одного) любым способом каким Вам удобнее и нажимаете "Открыть" Должно получиться. Если нет надо конкретно уточнять порядок Ваших действий. Если для Вас это важно пишите на
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 367 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

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

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70