All Articles Photoshop
Дизайн Trifold Брошюра в InDesign и Photoshop, Часть 3
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

В эти три части урока мы собираемся разработать Trifold брошюру для вымышленного туристическое агентство

Bali brochure


Шаг 1 - Экспорт изображения в формате JPEG с InDesign

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

Pic 1


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


Шаг 2 - Загрузка файлов в слои Photoshop

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

Pic 2


Шаг 3 - Продление холсте в макете

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

Pic 3


Вот как будет выглядеть документ со следующими изменениями:

Pic 4


Шаг 4 - Создание фонового слоя

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

Pic 5


Шаг 5 - Организация складки

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

Pic 6


Шаг 6 - Создание смарт-объектов

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

Pic 7


Шаг 7 - Добавление перспективы складки

Это, наверное, самая трудная часть урока, как она нуждается в некоторой практики и понимания перспективы. Что нужно сделать в первую очередь для выбора слоя с внутренней складки и выберите Редактировать

Pic 8


Когда вы будете готовы, просто нажмите Enter, чтобы принять изменения.


Шаг 8 - Включение складки

Используя ту же технику, мы можем добавить больше глубины складки, искажая их немного вверх. Убедитесь в том, что в этом случае вы используете Free Transform отдельно на внутренней складки на левую и правую. Кроме того, старайтесь выровнять любые элементы, которые пересекаются между складками (как синий прямоугольник на моей конструкции).

Pic 9


Pic 10


Шаг 9 - Добавление отбрасывающие тени

Чтобы сделать макет более реалистичными нам также нужно создать отбрасывающие тени. Самый простой способ сделать это, чтобы добавить слой Drop Shadow стиль слоя. Вы можете использовать следующие настройки:

Pic 11


Вы можете добавить эффект один раз, а затем Alt / Option перетащить значок FX справа от названия слоев на другие два слоя, чтобы скопировать эффекты или вы можете сделать это простым способом, поставив слои в группу и добавление эффекта на группу. Вы можете сделать это только если у вас есть Photoshop CS6 или более поздней.

То, что вы должны сделать, это выбрать все три слоя и нажмите Command / Control-G, чтобы объединить их в группу слоев, а затем дважды щелкните по значку группы добавить эффект. Вы можете использовать те же настройки, как указано выше, но в этом случае ваш слой структура будет выглядеть следующим образом:

Pic 12


Шаг 10 - Добавление затенения на складках

Это не достаточно, чтобы иметь отбрасывающие тени для реалистичного макет, нам также необходимо затенение на сгибах себя. Для этого лучшим способом является добавление Gradient Overlay стиль слоя на сгибах. В этом случае было бы легче для управления эффектом, если применить отдельно к каждому слою раза. Я использовал следующие параметры раз на левой:

Pic 13


Вы можете повторить этот шаг для других складках.


Шаг 11 - позиционирование и применения эффектов для передних раза

Последнее, но не менее важно, вы можете добавить Складывающийся спереди и применять те же эффекты к нему (искажение, тень и тени).

Pic 14


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

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


Дизайн Trifold Брошюра в InDesign и Photoshop, часть 1

Дизайн Trifold Брошюра в InDesign и Photoshop, часть 2

Дизайн Trifold Брошюра в InDesign и Photoshop, Часть 3

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: