Как сделать фотокнигу в фотошопе
Дизайн обложки

Всем привет, дорогие друзья!

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

Вообще программа Фотошоп очень емкая, она имеет огромные возможности по обработки графики, по верстке и еще очень много разного.

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

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

Откроем шаблон нашей обложки.

Здесь вы видите полный макет, с направляющими, с зоной загиба, корешка, текст и собственно две области лицевой стороны и оборотной.
Если направляющие вам мешают, то нажмите комбинацию клавиш «Ctrl+H» и они исчезнут, для того чтобы возобновить их отображение нажмите туже комбинацию клавиш повторно.

На панели слоев наш шаблон выглядит следующим образом.

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

 

Начнем заполнять этот шаблон – создавать обложку для нашей фотокниги.

Не так давно я готовил для своей дочери фотокнигу, посвященную ее выпускному дню из детского садика, поэтому я немного похвастаюсь и на ее примере продемонстрирую один из вариантов дизайна.
Спасибо большое отличному видеографу Андрею Теплякову за помощь в представленных фото и видеоматериалов!
 
Итак, откроем фотографии, которые мы хотели бы использовать для обложки книги.
Открывать изображения советую в отдельных окнах, почему вы поймете ниже, а чтобы удобнее было ориентироваться воспользуемся функцией из меню «Окно» > «Упорядочить» и выбираем удобный для вас режим просмотра, к примеру, «3 вверх, стопка».

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

Далее щелчком левой кнопки мышки (ЛКМ) по ярлыку с названием или по полю окна просмотра активируем наш шаблон. На панели слоев должна быть его структура.

Щелчком ЛКМ на панели слоев активируем слой «Лицевая сторона». Свидетельством активности является его подсветка более светлым, относительно остальных слоев, серым цветом и наличие на миниатюре слоя пунктирной линии по периметру.

Следующим шагом выбираем инструмент «Перемещение».

Наводим курсор мышки на фото, нижнее справа, с общим видом здания детского сада, оно как мне показалось больше подходит для лицевой части обложки, к тому же на нем есть небо – область, на которой можно сделать надпись с названием книги. Зажимаем ЛКМ и перетягиваем изображение на шаблон обложки. Получаем нечто следующее.

На панели слоев, над слоем «Лицевая сторона» у нас появился новый слой с нашим изображением.

Но как же так, оно залезло и на оборотную сторону!
А чтобы это исправить наводим курсор мышки в виде руки с поднятым вверх указательным пальцем на границу между слоем «Лицевая сторона» и слоем с изображением, зажимаем клавишу «Alt» и в момент, когда курсор изменит свой вид на квадратик с направленной вниз угловой стрелкой, щелкаем левой кнопкой мышки. Включается режим обтравочной маски.

О, радость – фотография спряталась за нашим черным окошком и не выходит за его пределы. J

Теперь мы можем навести курсор мышки на изображение и, зажав ЛКМ, конечно же, используя инструмент «Перемещение», подобрать для отображения необходимый нам фрагмент картинки.

При расположении изображения не забывайте про область загиба, а почему картинка заходит на корешок – просто резкий переход от одного изображения к другому на лицевой стороне обложки и на том же корешке будет смотреться не очень красиво. И если вы внимательно присмотритесь, то увидите, что изображение полностью не перекрыло все поле нижнего загиба. Этот недостаток может закрыться изнутри разворотом, но если этого не произойдет, то получим дефект. Для устранения этой неприятной ситуации, нажав комбинацию клавиш «Ctrl+T» вызываем режим свободного трансформирования и растягиваем изображение, ухватившись зажатой ЛКМ за узловую точку одного из нижних уголков. Для пропорционального увеличения размеров необходимо нажать и удерживать клавишу «Shift».

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

Вот мы и получили лицевую часть обложки.

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

Есть еще вариант – сделать переход между фотографиями плавным. Для этого можно использовать инструмент «Градиент». Градиент будем применять черно-белый, линейный.

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

Активная картинка перекрывает нижнюю фотографию, но это не страшно, так и должно быть сначала.

Находясь на активной маске слоя, о чем должна свидетельствовать пунктирная линия по периметру миниатюры, наводим перекрестие инструмента «Градиент» на область оборотной стороны обложки на некотором расстоянии от корешка, определяя тем самым ширину перехода между двумя фотографиями. Зажимаем ЛКМ и протягиваем линию градиента.

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

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

И при необходимости, используя функцию свободного трансформирования, поместить фотографию на все поле обложки.

Одно замечание: при таком размещении слой с текстом копирайта надо будет поднять выше.

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

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

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

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

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

Приятных творческих успехов!

 

 

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.
Форма для подписки находится ниже.

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

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


Защитный код
Обновить

Кто на сайте

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

Помощь сайту

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

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

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

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

Вход на сайт

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

Соглашение

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

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

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

  • Текстовых уроков - 1124
  • Видеоуроков - 749
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 358
  • Наборов кистей, фигур - 314
  • Календарей - 115
  • Наборов рамок - 553
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 42
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 64