Делаем календарь в фотошопе

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

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

Подготовка документа в "Фотошопе"

Размер и разрешение создаваемого документа (Файл > Создать), будут зависеть от цели изготовления будущего календаря (картинка на сайте/блоге, "живой" календарь на стене или столе, календарь-открытка в подарок, карманный календарик и т. д.). Для печати, например, разрешения 72 пикс/дюйм, выставляемого программой по умолчанию, будет недостаточно, а для календаря чаще всего используют размер А4 с разрешением 300 пикс/дюйм, но можно использовать и любой другой размер.

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

Выбираем календарную сетку

Можно, конечно, попробовать изобрести велосипед еще раз и сделать календарную сетку самим, используя стандартную модульную сетку "Фотошоп" (Просмотр > Показать > Сетки). Также можно настроить при необходимости ее параметры по своему усмотрению (Редактирование > Установки > Основные > Направляющая сетка и фрагменты). Но в Сети можно без труда найти календарные разметки на любой вкус. Например, здесь: centrprazdnika.ru/calendars/the-calendar-grid/ или здесь: photoshop-expert.ru/calendars/. Файлы представлены в форматах PNG и PSD, так что корректируйте, как хотите.

Кроме того, в интернете можно скачать экшены (Action) для создания календарных сеток. Выполнив подгрузку в "Фотошоп", вы найдете их в меню "Окно > Операции". Можно даже найти скрипты, создающие календари в этой программе (подробнее об этом чуть позже).

С такими шаблонами настроить сетку, шрифты, стили и разобраться, как сделать календарь в "Фотошопе", будет очень просто.

И, наконец, можно пойти по пути наименьшего сопротивления и скачать уже готовые календари, к примеру, с ресурса photoshop-help.ru/2430-psd-ishodnik-krasivaya-kalendarnaya-setka-na-2014-god-po-mesyacam.html в формате PSD и затем заменить их дизайн своей композицией.

Создаем календарь

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

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

Открываем в "Фотошопе" фоновую картинку календаря и выбранную календарную сетку (Файл > Открыть). Разблокируем двойным щелчком фоновые слои, затем, захватив сетку целиком инструментом "Перемещение", переносим ее на фон.

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

Если вам не нравится расположение месячных блоков, можно вырезать фрагменты календаря по месяцам, затем с помощью инструмента "Перемещение" перенести их на фоновое изображение и разложить по своему усмотрению. Например, 3 ряда по 4 месяца, 4 ряда по 3 месяца, 2 ряда по 5 месяцев с одним рядом на 2 месяца посредине и т. д.

Для выделения этих фрагментов используем инструмент "Прямоугольная область", выбрав на панели настроек "Стиль: Заданные размеры", а вырезаем с помощью комбинации клавиш Ctrl+J, которая приводит к созданию дубликата выделенного фрагмента на новом слое.

Если среди календарных сеток в формате PNG вы не найдете шрифт и стиль текста, которые бы вас устроили, можно использовать шаблоны в формате PSD, которые можно отредактировать на свой вкус.

Календарь на основе функции экшен в "Фотошопе"

Рассмотрим, как создать календарь, используя экшен, который можно скачать здесь: yadi.sk/d/GOA8Q9P5syDc7.

Он представляет собой файл Calendar Designer 2016+ с расширением .atn и упакован в архив. Там вы найдете файл шаблона в формате PSD и две pdf-инструкции (по установке экшена и пример создания страницы календаря).

Двойной щелчок по файлу Calendar Designer 2016+ автоматически запустит "Фотошоп". Там мы переходим в меню "Окно" (Window), выбираем "Операции" (Actions), находим свою папку Calendar Designer 2016+, открываем ее и запускаем экшен, выполняя требования, рекомендации и условия подсказок.

Сделав несколько эффектных "телодвижений", "Фотошоп" выдаст нам готовый календарь с нашим изображением и коррективами.

Календарь "по сценарию"

Кому-то наверняка интересно, как сделать календарь в "Фотошопе", используя JavaScript.

Достаточно скачать отсюда: regex.info/blog/photo-tech/calendar файл Jeffrey’s Calendar Builder.jsx. Затем двойным щелчком его нужно открыть в "Фотошопе".

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

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

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

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

Примечание: скрипт работает только в английской версии программы. Если у вас русская, нужно просто изменить файл с цифровым именем и расширением .dat, который вы найдете в папке C:Program FilesAdobeAdobe Photoshop CS6 (ваша версия)Locales
u_RUSupport Files.

Перекидной календарь

Предложенная схема создания календаря в принципе является универсальной, поэтому должна устроить и тех, кто задумался, как сделать перекидной календарь в "Фотошопе".

Если речь идет о настоящем печатном изделии, то следует лишь напомнить, что разрешение документа в "Фотошопе" должно быть не менее 300 пикс/дюйм. Размер может быть любой, в зависимости от того, какой это будет вариант – настольный, настенный или еще какой-нибудь. Для каждого месяца составляется отдельный шаблон.

Если же перекидному календарю надлежит украсить web-страницу, то его рисунок в "Фотошопе" должен быть в таком ракурсе, чтобы по одному из торцов (лучше нижнему) было видно, что это стопка листочков.

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

Затем стилизуем его (иконка "Добавить стиль слоя") тенью с таким параметрами, чтобы она была видна и внизу (можно на любителя добавить обводку и внутреннее свечение), и дублируем полученный результат (Ctrl+J), создав минимум 2 копии.

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

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

Работаем онлайн

Самый простой, быстрый и рациональный путь для создания календаря – это воспользоваться одним из многочисленных ресурсов в Сети, которые предлагают свои услуги совершенно бесплатно, например, здесь: calendarum.ru/ или здесь: effectfree.ru/photoeffects/result/74729235/1f51a.

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

Но что делать, если жажда творчества требует именно "Фотошопа"? Ведь не у всех он установлен на компьютере. Можно зайти на сайт "Фотошоп-онлайн", сделать календарь в котором также просто, как в стационарной программе, о чем мы уже поговорили выше.

Программа "Дизайн Календарей"

Эта замечательная утилита (fotocalendar.su/hand-made-calendar.php) создает эффектные календари любого стиля и формата и может работать со всеми версиями Windows, включая Windows XP, 7, 8, 10 и Vista.

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

Все хорошо, но за полную версию программы придется платить.

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

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

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

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

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

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

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

1. Встаньте на слой с календарной сеткой и войдите в стили слоя. Давайте придадим немного тени нашим числам. Для этого поставьте галочку в графе «тень» . Но это еще не всё. Войдите в свойства этого эффекта. Для этого просто нажмите левой кнопкой мыши на данный стиль. А там уже поставьте смещение побольше, чтобы был эффект того, что числа находятся над картинкой.
2. Также вы можете поиграться с фильтрами. Например зайдите в меню «Фильтры» — «Галерея фильтров» . Вам откроется большой выбор различных фильтров. Повыбирайте сами, посмотрите что да как. Например выберите группу «Штрихи» , а сам фильтр «Акцент на краях» , затем нажмите ОК. По моему получилось вполне неплохо.

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

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

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

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

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

Автор: Олег Лодянов (kinoLOG). Дата публикации: 19 января 2017 . Категория: Уроки фотошопа коллажи.

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

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

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

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

Мы с Вами не будем претендовать на качество шикарных шаблонов, которые предлагает наш автор 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 и исходник к нему:

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