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

 

 

 

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 136 гостей и нет пользователей

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Как сделать фотокнигу в фотошопе. Слои в макете

 

 

Как сделать фотокнигу в фотошопе
Слои в макете

Приветствую Вас, дорогие друзья!

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

Итак, часть вторая: «Как сделать фотокнигу в фотошопе». Слои в макете.

Начнем опять же с ОБЛОЖКИ. Откроем наш макет в программе.

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

Послойная структура нашего PSD файла выглядит следующим образом:

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

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

Над слоем «Обложка», нажатием левой кнопки мышки (ЛКМ) на вторую справа пиктограмму внизу палитры слоев, добавляем новый слой и присваиваем ему имя «Оборотная сторона».

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

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

Давайте, чтобы у нас было все правильно и по порядку, перетащим этот слой в самый низ, а слой «Обложка» переименуем в «Лицевая сторона».

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

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

Заливаем ее черным цветом и, нажав комбинацию клавиш «Ctrl+D» снимаем выделение.

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

Структура слоев должна выглядеть следующим образом.

Над слоем «Лицевая сторона» создаем еще один новый слой.

Обращаемся к инструменту «Горизонтальный текст».

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

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

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

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

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

И в итоге получаем полноценный шаблон ОБЛОЖКИ для нашей фотокниги.

И к нему послойную структуру:

 

Если с обложкой все более или менее просто, то РАЗВОРОТ дает нам огромное пространство для творческой деятельности!

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

Откроем макет разворота в программе.

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

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

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

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

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

Давайте посмотрим, как это выглядит в реальности.
Находясь на слое «Разворот» щелкаем ЛКМ по значку «Создать новый слой». Получаем пустой слой, присвоим ему нумерацию – «1».

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

Используя инструмент «Прямоугольная область» выделяем участок и заливаем черным цветом.

Снимаем выделение – Ctrl+D и для того чтобы задать стандартный размер в соотношении 2:3 вызываем режим свободного трансформирования, нажав комбинацию клавиш «Ctrl+T». В окошках Ширина и Высота панели параметров инструмента вводим необходимые размеры. Для подтверждения нажимаем галочку справа на панели или клавишу «Enter».

Это и есть маска для первого снимка – окошко, в котором будет расположена наша первая фотография.

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

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

Подобным образом организуем попарно слои для последующих снимков.

В итоге разворот принимает следующий вид:

Для организации и выравнивания масок в документе можно использовать направляющие, которые располагаем самостоятельно (вручную) или с помощью создания макета направляющих. Как это сделать, подробно описано в первой части материала. Здесь просто укажу путь к созданию макета направляющих – меню «Просмотр» > «Новый макет направляющей».

Для размеров по длинной и короткой стороне документа можно найти общее кратное число, потом разделив ширину и высоту на него получить количество строк и столбцов. К примеру, для нашего макета кратным будет число 30. Делим 300 и 600 на 30, получаем 10 строк и 20 столбцов. Заносим эти данные в таблицу.

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

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

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

А так же маски можно заключать в рамки, как в самые простые, так и более сложные.

В итоге мы получаем полноценный шаблон РАЗВОРОТА для нашей фотокниги.

И к нему послойную структуру:

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

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

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

 

 

 

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

Комментарии  

Светлана
+1 # Светлана 10.08.2017 19:07
Спасибо Вам за уроки!
Ответить | Ответить с цитатой | Цитировать
Анатолий
+1 # Анатолий 10.08.2017 18:33
Доброго времени суток всем! Большое спасибо Сергею Бунину за отличный урок, думал: - Лето, жара будет времени больше, ан нет. Но в свободное время обязательно попробую сделать. Отдельное спасибо за предоставленные материалы, маски, ну очень красивые! Большое спасибо! Желаю вам удачи!
Ответить | Ответить с цитатой | Цитировать

Понравилось? Поделитесь:

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

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


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Как быстро создать те…

Видеоуроки

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

Читать далее

Как правильно вписать…

Видеоуроки

  Видео урок Как правильно вписать объект в новый фон В этом уроке мы с Вами займемся фотомонтажем. Рассмотрим процесс вырезания объекта и перенос его на новый фон. Для нашей фотографии это сделать...

Читать далее

Как перенести естеств…

Видеоуроки

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

Читать далее

Как нарисовать планет…

Уроки рисования в фотошопе

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

Читать далее

Две частые ошибки при …

Видеоуроки

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

Читать далее

Дрожащая анимация в ф…

Уроки анимации в фотошопе

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

Читать далее

Как перенести тень вм…

Видеоуроки

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

Читать далее

Фотомонтаж в Photoshop. Ва…

Обработка фотографий в фотошопе

  Тренинг: "Фотомонтаж в Photoshop. Вариант №2" "Работа с небом и с его отражениями"   Приготовил для Вас небольшой тренинг по фотомонтажу. Тренинг очень простой, для начинающих. Но, я предлагаю всем поработать своими ручками, что очень...

Читать далее

Фотомонтаж в Photoshop. Ва…

Обработка фотографий в фотошопе

  Фотомонтаж в Photoshop. Вариант №1 Как качественно отделить сложный объект от фона, перенести его на новую картинку и грамотно вписать в новое окружение   Этот мини-курс посвящен фотомонтажу. Мы с Вами объединим две картинки. Но...

Читать далее

Создание масок из кан…

Видеоуроки

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

Читать далее

Как сделать стекающий…

Уроки фотошопа текст

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

Читать далее

Как улучшить картинку…

Видеоуроки

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

Читать далее

Яркий логотип в фотош…

Уроки рисования в фотошопе

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

Читать далее

Как сделать светящийс…

Уроки фотошопа текст

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

Читать далее

Коррекция контровых ф…

Обработка фотографий в фотошопе

Коррекция контровых фотографий в фотошопе. Метод №2 Продолжаем тему работы с тенями и светами, применительно к коррекции контровых фотографий. Первый урок здесь: https://www.photoshopsunduchok.ru/uroki/fotograf/5427-kontrovykh-fotografij Мы с Вами остановились на том, что выяснили, что метод, изложенный в 1-м...

Читать далее

Коррекция контровых ф…

Обработка фотографий в фотошопе

Коррекция контровых фотографий в фотошопе. Метод №1 Контровая фотография – это такой момент съёмки, когда источник света находится позади снимаемого объекта. В результате можем получить проработанный передний план и «убитый» задний, или наоборот. В целом...

Читать далее

Рождественская откры…

Уроки рисования в фотошопе

  Рождественская открытка для фотошопа   Всем привет! Сегодня мы будем рисовать открытку к Рождеству. Рождество – светлый семейный праздник, которого с нетерпением ждут и дети, и взрослые. Существует много прекрасных традиций, приуроченных к этому...

Читать далее

Новогодние пресеты дл…

Обработка фотографий в фотошопе

  Новогодние пресеты для фотошопа У нас продолжается Новогодняя неделя и вскоре мы будем праздновать Старый Новый год! :-) В связи с этим решил подарить Вам 8 пресетов (стилей, 3D лутов) для раскрашивания...

Читать далее

Мини-курс «Обработка …

Обработка фотографий в фотошопе

Мини-курс «Обработка контровой фотографии» Продолжаю серию мини-курсов по обработке фотографий. Напомню, что мы с Вами рассмотрели различные варианты работы с яркой солнечной фотографией: разбитой на темную и светлую половину пейзажной пейзажной с большим количеством водных...

Читать далее

Анимация мигающие ого…

Уроки анимации в фотошопе

Анимация мигающие огоньки в фотошопе   Всем привет! Сегодня мы будем создавать анимацию свечения огоньков на елочке. Огоньки на елке добавляют самому любимому празднику детей и взрослых, Новому Году, еще больше волшебства. Мы попробуем погрузиться...

Читать далее

Команда «Выделение и …

Видеоуроки

  Видео урок Команда «Выделение и маска» в фотошопе В этом уроке применим возможности команды «Выделение и маска» для того, чтобы вырезать нужный объект на фотографии. Заодно рассмотрим какие новые функции появились у этой...

Читать далее

Подготовка темного фо…

Видеоуроки

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

Читать далее

Обои со снежинками в ф…

Уроки рисования в фотошопе

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

Читать далее

Замена неба в фотошоп…

Видеоуроки

  Видео урок Замена неба в фотошопе В последних версиях фотошопа появились отдельные интересные функции по выделению объектов. В частности, мне понравилось, как работает команда «Замена неба». Поэтому записал два урока. В первом уроке рассмотрим эту...

Читать далее

Новогодняя открытка в…

Уроки рисования в фотошопе

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

Читать далее

Инструмент Быстрая ма…

Обработка фотографий в фотошопе

  Инструмент Быстрая маска в фотошопе   Всем привет! Зима, холодно, а хочется тепла, моря и романтики. В сегодняшнем нашем уроке "Инструмент Быстрая маска в фотошопе" мы с вами создадим красивую романтичную картинку...

Читать далее

Как сделать новогодни…

Уроки рисования в фотошопе

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020