Мастер-класс Создание календаря домик в графическом редакторе Adobe Photoshop

Муниципальное бюджетное образовательное учреждения
Дополнительного образования
Дом детского творчества


Педагог дополнительного образования
Высоцкая К.П.
2016 год
Сделаем его на каждый месяц и в нем будут отмечены памятные даты: кого, когда и с чем поздравить. Мои друзья, которые уже имеют по такому календарику, очень довольны тем, что теперь проблема забывчивости решена. Можно сделать на год, на полгода. Да и дни рождения друзей и различные памятные даты, о которых нельзя забыть, есть в каждом месяце.
Итак начинаем. Нам потребуются картинки с фоном и фотографии тех, кого будем поздравлять: кошка Масяня, которая родилась 6 апреля, Настя и Дима, у которых дата свадьбы 11 мая. Вот на этих двух месяцах – апрель и май и будем тренироваться.
Итак, начнем.
В сегодняшнем уроке мы с вами разберем как сделать настольный календарь. В итоге у нас получиться календарь по месяцам в программе Adobe Photoshop.
 
Сделаем календарь в фотошопе и оформим его на каждый месяц, в нем будут отмечены памятные даты: кого, когда и с чем поздравить. Мои друзья, которые уже имеют по такому календарику, очень довольны тем, что теперь проблема забывчивости решена. Я вам покажу как сделать календарь на 2 месяца, а уже по аналогии можно делать и другие месяца.
 
Можно сделать календарь в фотошопе на год, на полгода. Я выбрала на месяц, потому что те календарные сетки, которые есть на просторах интернета мне, к сожалению,  не подходят и сделала свою. Да и дни рождения друзей и различные памятные даты, о которых нельзя забыть, есть в каждом месяце.
 
Итак начинаем. Нам потребуются картинки с фоном и фотографии тех, кого будем поздравлять: кошка Масяня, которая родилась 6 апреля, Настя и Дима, у которых дата свадьбы 11 мая. Вот на этих двух месяцах – апрель и май и будем тренироваться.
Итак, начнем.
 
Шаг 1.
Открываем новый документ, выбираем Международный формат бумаги – Размер А4. Параметры посмотрите на скриншоте и придерживайтесь их.
 
Шаг 2.
Шагаем на вкладку Просмотр – ставим галочку возле Линейки.
Шаг 3.
Снова идем на вкладку Просмотр – Новая направляющая
В выпавшем окошке выбираем значения, указанные на скриншоте.
Должна появиться на середине белого листочка зеленая направляющая. Пока так и оставим.
Шаг 4.
Разблокируем наш слой. Для этого 2 раза левой кнопкой мышки щелкаем по замочку на слое, в выпавшем окошке жмемОК.
Создадим копию слоя, на которой будем работать, применяя сочетание клавиш Ctrl+JШаг 5.
Берем инструмент Выделение – Прямоугольная область и выделяем на нашем документе контур будущего листочка календаря. Расстояние снизу выбирайте на свое усмотрение: кто-то календарик  но низу будет скреплять, кто-то не будет.
 Далее шагаем на вкладку Редактирование -  Выполнить обводку
Выбираем цвет не очень яркий и  обводим наше выделение
Затем просто передвигаем наш выделенный прямоугольник на верхнюю половинку.
И снова выбираем Обводку цветом
Так мы получили  две странички нашего будущего календарика.
Шаг 6.
Теперь открываем фотографию с кошкой и начинаем делать апрель месяц . Инструментом Перемещение двигаем фотографию с кошкой на наш документ
Шагаем на вкладку Редактирование – Трансформирование – Масштабирование  и уменьшаем кошку до нужных размеров.
Шаг 7.
Затем открываем  фотку с фоном и тоже перемещаем ее на наш документ, также пользуясь инструментом Перемещение
 
Бабочку на фоне я решила разместить на другой стороне (сравните с оригиналом) и поэтому для данного слоя применяем команду Редактирование – Трансформирование – Отразить по горизонтали
 И применяем команду Редактирование – Трансформирование – Масштабирование и подгоняем  размеры  фона под размеры прямоугольника
Ставим слой с кошкой самым верхним
Шаг 8.
Берем инструмент Прямолинейное лассо и выделяем фрагмент из фотографии с кошкой, проверяем, что находимся на слое с кошкой.
 На середине выделенного фрагмента щелкаем правой кнопкой мышки и в выпавшем окошке выбираем Растушевка
 Радиус растушевки берем примерно 50 пикселей, чтобы ореол был помягче и побольше
Шаг 9.
Создаем копию выделенного фрагмента и гасим глазок на слое с квадратной кошкой, чтобы не мешался ( в принципе, можно и удалить этот слой, но пусть будет невидимым)
Переходим на слой с бабочкой и берем инструмент Горизонтальный текст, выбираем нужный шрифт
И пишем цифры будущего года 2013 в одном из углов
Шаг 10.
Написав цифры, снова переходим на слой с бабочкой и пишем название месяца, только уже в другом углу. Двигатьнадписи по фону можно с помощью инструмента Перемещение, только внимательно следите, на каком слое находитесь.
Шаг 11.
Таким же образом , еще раз перейдя на слой с фоном, пишем даты месяца :1,2,3,4 и так далее. Располагаем их по одной линии.
 
 
Шаг 12.
Чтобы отметить и выделить как-то памятную дату, на число 6 – это дата рождения кошки Масяньки, привесим бантик. Открыв картинку с бантиком в фотошопе, просто перетащим его на календарь с помощью инструментаПеремещение.
Заходим на вклдку Редактирование – Трансформирование – Масштабирование и подгоняем размеры бантика под размер даты, уменьшая его.
 С помощью инструмента Перемещение пододвигаем бантик на дату.Чтобы было удобнее двигать бант, увеличиваем просмотр, нажимая сочетание клавиш Ctrl+. Непрозрачность слоя с бантиком уменьшаем, чтобы число лишь слегка просвечивало из-под банта.
Вот примерно так у нас выглядит месяц апрель.
Шаг 13.
Приступаем к маю. Для этого заходим на вкладку Изображение – Вращение изображения – 90 по часовой (делаем это 2 раза)
 
Шаг 14.
Повернув изображение вверх ногами, сначала копируем слой с датами, с помощью клавиш Ctrl+JИ инструментом Перемещение перетаскиваем рядок с датами на половинку, где будет месяц май.
 
Шаг 15.
Теперь уже к копии слоя с датами применяем 2 раза поворот на 90 по часовой
 
Вот рядок дат стоит правильно, а не вверх ногами.
Шаг 16.
Далее делаем то же самое с названием месяца: копируем слой, перемещаем на май, поворачиваем 2 раза на 90 градусов
 
Находясь на слое Апрель копия, берем инструмент Горизонтальный текст и переправляем на «май»
Шаг 17.
Переходим на слой с датами и добавляем дату 31, так как в мае 31 день, применяем инструмент Горизонтальный текст.
 
Шаг 18.
Для того, чтобы не запутаться в слоях переименуем каждый слой. Для этого 2 раза левой кнопкой мышки щелкаем поназванию слоя и переписываем название
Шаг 19.
Все слои, которые относятся к апрелю, двигаем вверх и собираем их вместе, но при этом не забываем, что слой с кошкой должен быть выше слоя с фоном апреля, а даты и название месяца и год должны также быть выше фона.
Шаг 20.
По аналогии с апрелем, собираем май. Открыв в фотошопе фон мая передвигаем его на прямоугольник инструментомПеремещение.
Уже знакомым способом (2 раза щелкнув левой кнопкой мышки по названию слоя) переименовываем слой на «фон май»
 
Заходим на вкладку Редактирование – Трансформирование – Масштабирование и подгоняем размер фона под размер прямоугольника. Так как картинка с насекомым, то для сохранения пропорций держим при этом нажатой клавишу Shift 
Шаг 21.
Открыв в фотошопе фотографию парочки, берем инструмент Прямолинейное лассо и небрежно обводим силуэты молодых
 
Щелкаем правой кнопкой мышки по центру выделения , в выпавшем окошке выбираем Растушевка
 
Также как и в первом случае выбираем 45-50 пикселей радиус растушевки
И инаструментом Перемещение передвигаем наше выделение на календарь
 Шаг 22.
Сразу, чтобы не запутаться, переименовываем слой, назовем его «парочка на май»
Шаг 23.
Заходим на вкладку Редактирование – Трансформирование – Масштабирование и уменьшаем наш фрагмент с парочкой до нужных размеров, при этом держим нажатой клавишу Shift для сохранения пропорций.
 
 После окончания масштабирования нажимает клавишу  Enter. На нужное место на календаре ставим фрагмент с помощью инструмента Перемещение. Не забываем, что находимся на слое с парочкой.
 
  
Шаг 24.
На их памятную дату 11 мая поставим свдебный букет, который найдем здесь. Открыв картинку в фотошопе, передвигаем букет на календарь
 
 Заходим на вкладку Редактирование – Трансформирование – Масштабирование и уменьшаем букет до нужных размеров
 
 
Затем увеличиваем просмотр, нажимая Ctrl+ и поставив букет на место, также как и у бантика, уменьшаемнепрозрачность слоя примерно до 65 %.
Шаг 25.
На этом можно было бы и остановиться, но наверное надо проставить и дни недели. Для этого копирум слой «даты мая» и называем этот новый слой «дни недели»
 
Находясь на слое «дни недели» инструментом Перемещение немного вверх сдвигаем рядок с датами
 
Взяв после этого инструмент Горизонтальный текст, переправляем даты на дни недели, расстояния между днями недели регулируем пробелом, чтобы день стоял над датой. Помним, что май в 2013 году начинается со среды.
 
 
Для того, чтобы удобнее было регулировать расстояния увеличиваем просмотр Ctrl+
Шаг 26.
Перевернув изображение по часовой стрелке на 90 градусов 2 раза  (как в шаге 13) поступаем аналогично с месяцем апрелем. Копируем слой «даты апреля» и называем его «дни недели апреля»
 
 
Сдвигаем строчку вверх инструментом Перемещение  и переправляем даты на дни недели инструментомГоризонтальный текст.
Шаг 27.
Сохраняем эту нашу заготовку в формате PSD, чтобы потом по аналогии сделать оставшиеся месяцы.
Сделанные уже полностью готовые календарики сохраняем в формате JPEG.
После распечатки в формате А4 желательно на глянцевой фотобумаге, сгибаем наш календарь по центральной полосе и по белым полосам и получаем сувенир друзьям.