Верстаем буклет в Фотошопе

Содержание

25 лучших профессиональных шаблонов для создания брошюры

Верстаем буклет в Фотошопе

Создайте неизгладимое впечатление с помощью профессиональных брошюр. Вашему вниманию представлено 25 лучших профессиональных брошюр для вашего бизнеса из Envato Elements.

25 профессиональных шаблонов брошюр

Никогда не недооценивайте силу хорошей брошюры. Они обеспечивают основной “фон” вашего бизнеса и отвечают на общие вопросы быстро и дружелюбно

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

Обновите ваши старые шаблоны с помощью удивительных графических наборов, или заручитесь помощью талантливых специалистов из Envato Studio, которые помогут воплотить все ваши творческие идеи.

Прямоугольный шаблон буклета

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

Шаблон для брошюры альбомной ориентации – 16 страниц

Ваша брошюра должна быть такой же прекрасной, как и ваш бизнес. Например, возьмем данный шаблон. Он включает в себя современный дизайн 16 страниц альбомной ориентации, на которых вы сможете отразить всю информацию о вашей компании. Изменяйте различные макеты, чтобы настроить шаблон под свой стиль.

Черно-белый шаблон брошюры / Каталога

Брошюры с минималистичным дизайном предоставит всю необходимую информацию в удобном, впечатляющем формате. Этот удивительный шаблон ничем не отличается! Наслаждайтесь изысканным дизайном, который включает 30 страниц, редактируемые слои и двухцветную палитру.

Малиновый шаблон брошюры

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

Красный шаблон брошюры

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

Бизнес шаблон брошюры

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

Многофункциональный шаблон брошюра – 16 страниц

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

Шаблон брошюры

Далее представлен многофункциональный графический набор, который идеально подходит для вашего бизнеса! Он разработан с тремя популярными корпоративными цветами и полностью редактируемыми файлами, которые легко настроить. Открывайте более удивительные параметры, включая функцию One Spot Color, для легкого изменения цветовой гаммы.

Корпоративный шаблон InDesign

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

Мультифункциональный шаблон InDesign

Ищете многофункциональный дизайн, который будет соответствовать вашему растущему бизнесу? Наш следующий шаблон InDesign определенное вам подойдет! Этот шаблон имеет мягкий, корпоративный дизайн с 12 страницами, редактируемые текстовые слои и многое другое. Он лучше всего работает с версиями Adobe InDesign CS4 и выше.

Синий шаблон для бизнеса

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

Пример брошюры “Креативное решение”

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

Пример фитнес брошюры

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

Трифолд

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

Кулинарная брошюра

Начните свою карьеру в качестве новой восходящей звезды в кулинарии и в этом вам обязательно поможет наш следующий удивительный шаблон. Он отличается деревенским минималистским дизайном с 30 редактируемыми страницами размером 200×200 мм. Отлично подходит для рецептов, каталогов продуктов и т. д. Скачайте его прямо сейчас!

DJ / A5 шаблон брошюры

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

Шаблон медицинской тематики

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

Бизнес брошюра

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

Шаблон для новостной рассылки InDesign

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

Шаблон брошюры модного каталога

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

Шаблон для бизнес доклада или отчета

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

Шаблон трифолд для ресторанного / Фаст-фуд бизнеса

Трифолды – отличный способ представить меню в пищевой пищевой! И вы можете наслаждаться этим простым шаблоном, создав ваш буклет всего за несколько кликов! Загрузите этот шаблон в Photoshop, чтобы получить доступ к редактируемым файлам, понятно редактируемым слоям и многому другому!

Геометрическая брошюра

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

Брошюра для инновационных проектов

Впечатляйте своих клиентов потрясающим современным дизайном. Этот шаблон InDesign включает в себя размеры Letter Letter и формат A4, доступные в классической портретной ориентации. Совместимый с Adobe InDesign CS4 и выше, этот графический набор включает бесплатные шрифты и многое другое!

Вывод

Этот список включает интересные ресурсы для ярых дизайнеров близко знакомых с Adobe Illustrator, Photoshop и InDesign. Для того чтобы получить индивидуальную помощь с брошюрами, наймите талантливых, профессионалов дизайнеров, выбрав их на Envato Studio.

Источник: https://design.tutsplus.com/ru/articles/25-brochure-templates--cms-28773

Рекламный буклет в Фотошоп Часть 1, Уроки

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

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

Предварительный просмотр финального результата:

Шаг 1. Концепция.

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

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

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

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

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

Вас не должно это смущать, поскольку вы сейчас воспринимаете план плоско, а не объемно, как будет на самом деле. Попробуйте представить в своей голове, как будет выглядеть буклет в финале. Есть также размеры бумаги стандартные, а есть с допуском на обрезку (bleeds). Вот как выглядит мой план тройного буклета:

Шаг 2. Разрешение.

Разрешение документа в печати самое главное, оно определяет качество изображения. При создании документа в диалоговом окне разрешения (Resolution) укажите количество точек на дюйм (px/inch).

Принтер формирует изображение путем позиционирования точек на бумаге. И значение DPI (dots per inch (точек на дюйм)) является показателем, который определяет количество этих точек, помещающихся в один дюйм.

Вместо этого показателя вы можете использовать значение DPCM (dots per cm (точек на сантиметр)), но я не встречал ни одного человека, который бы пользовался этой мерой. Создавая документ, введите значение разрешения в 72 пикс/дюйм (pixels/inch), этого будет достаточно для работы на компьютере.

Если вы нажмете на стрелку строки разрешения и выберете разрешение в сантиметрах (см/ inch), Фотошоп автоматически переведет пиксели в сантиметры и значение изменится на 28,346.

При создании изображений для мониторов компьютеров, таких как веб (Web), обычно используется значение 72 рх/дюйм. Для печати же используют разрешение не менее 300 рх/дюйм.

Это значение минимально для хорошего качества изображения и резкости полиграфических изделий (визиток, буклетов, листовок, билетов и т.д.). Но 300 рх/дюйм не является стандартом в печати, в полиграфии используют разрешение и в 600 рх/дюйм.

Если же мы выберем низкое значение разрешения, например, 28 рх/дюйм, то изображение будет зернистым и нечетким.

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

Отвлечемся на время от нашего буклета и поговорим о подготовке документов к печати.

Шаг 3. О зонах обрезки (bleeds) и полях (margins) документа.

Для чего нужны зоны обрезки (bleeds)? Как видите, наш план буклета в шаге 1 немного не соответствует параметрам печати. Взгляните на пример ниже с визиткой, и вы поймете, что может произойти, если не использовать линии обрезки (bleeds) при подготовке рекламного продукта.

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

Я поставил размер обрезки в 2 мм для буклета, но лучше установить значение на 3 мм (0,125 дюйма) с каждой стороны.

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

Теперь, давайте попробуем правильно рассчитать размер визитной карточки. В неудачном примере выше указан размер визитной карты 3,5х2 дюйма (inch), что соответствует 89х51 мм и является стандартом визитки в США. Стандарт визитки в Польше соответствует 90×50 мм, который я и буду использовать для примера.

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

Расчет следующий:

Реальный размер визитки 90х50 мм,

Bleed (обрезка) размером 3 мм с каждой стороны,

Расчет добавления зон обрезки: 90+(3х2) х 50+(3х2),

Итоговый размер документа 96х56 мм.

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

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

Если при отсутствии указанных линий обрезки при печати отрезается белая полоса в 1мм справа (как на примере с бракованной визиткой), то на другой стороне документа (слева) этот 1 мм вырезается из оформления (дизайна). Чтобы края документа не были «съедены», все важные элементы дизайна размещайте от края на расстоянии не менее, чем 5 мм.

Шаг 4.

Теперь сделаем разметку визитки на практике. Сначала о подготовке. Размер карточки, как я уже говорил, установим 90х50 мм. Нам нужно добавить направляющие (guidelines), чтобы видеть зоны полей и обрезки. Кроме того, после разметки обязательно сохраните образец файла для создания подобных документов в будущем.

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

Поля, фактически, составляют 10 мм (5 мм х 2) по горизонтали и вертикали документа, и плюс обрезка по 3 мм на каждую сторону, что составляет еще 6 мм (3мм х 2) по горизонтали и вертикали.

Теперь, из первоначального размера документа (90х50) вычитаем поля (10х10) и получаем размер визитки 80х40 мм.

Создаем новый фотошоп-документ (Ctrl+N) этого размера (80х40) в режиме CMYK с прозрачным фоном (Transparent). С этого момента вы больше расчетов не делаете, это основа визитки.

Далее, переходим в меню Просмотр-Новая направляющая (View > New Guide) и добавляем сначала вертикальную, а затем горизонтальную направляющие со значением 0 рх в поле ввода.

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

Переходим к разметке полей. Идем в меню Изображение-Размер холста (Image > Canvas size) и устанавливаем 10 мм ширины и высоты. Обязательно активируйте функцию «Относительно» (Relative).

И снова добавляем на увеличенный холст направляющие для полей по принципу, описанному выше. Идем в меню Просмотр-Новая направляющая (View > New Guide) и сначала указываем 0% по горизонтали и вертикали, затем 100%. Такую разметку можно выполнять значительно быстрее при помощи параметра «Операции» (Action).

Поля сделаны, остались зоны обрезки. Переходим в меню Изображение-Размер холста (Image> Canvas Size) и в полях ширины и высоты ставим 6 мм, активируя флажок относительности (Relative).

И вот результат правильной разметки:

Шаг 5. Буклет.

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

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

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

Теперь, создаем новый документ (Ctrl+N) размером 620х287 мм и разрешением 300 рх/дюйм. Это реальный размер буклета, добавьте поля безопасности и обрезку, следуя шагу 4 (10 мм ширины и высоты полей, затем еще 6 мм для обрезки), установите направляющие.

У меня линия обрезки равна 2 мм, а не стандартным 3. Чтобы исправить это, перейдите в меню Изображение-Размер холста (Image > Canvas size) и установите значение для ширины и высоты -2 мм (-1 мм х 2), обрезав немного холст.

Не забудьте про активацию опции «Относительно» (Relative).

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

Напомню, как удалить направляющие с холста. Это вам поможет в случае ошибки с разметкой. Активируйте инструмент «Перемещение» (Move Tool) и нажмите на направляющую, которую хотите удалить, затем перетащите ее за пределы документа. Для поворота направляющей на 90°, нажав Alt, кликните по ней.

Давайте установим направляющие на сгибах. Переходим в меню Просмотр-Новая направляющая (View > New Guide) и вводим значение 213 мм для внутренней стороны буклета. Повторяем действие, но ставим значение 424 мм (213+211).

Теперь сохраните этот документ как внутреннюю сторону буклета в формате PSD. Удалите эти направляющие, перетянув их за пределы документа, и добавьте два другие, но со значениями 210 мм, а потом 421 мм (210+211).

Перейдите в меню Файл-Сохранить как (File > Save as) и сохраните эту внешнюю сторону буклета в формате PSD.

Мы в этом уроке будем работать с внешней стороной документа, а внутреннюю оставим нетронутой в виде бланка на будущее.

Заполните документ белым цветом (Edit-Fill или Shift+F5) и создайте группу (иконка папки внизу панели слоев), чтобы упорядочить слои.

Инструментом «Прямоугольное выделение» (rectangle marquee tool) создаем выделение третьего разворота буклета, определяющее его первую страницу.

На новом слое (Ctrl+Shift+N) залейте выделение (Shift+F5) цветом # c96003. На самом деле, я должен был вам дать цвета в режиме CMYK, но есть три причины, почему я не сделал это.

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

Создайте Новый слой выше предыдущего (Ctrl+Shift+N) и добавьте на него Обтравочную маску (Clipping Mask). Установите курсор между слоем с заливкой и новым слоем, удерживая Alt. При появлении значка двух колец, сделайте клик, создав маску. Этим вы ограничите действие градиента в пределах слоя с заливкой.

Используйте цвет Градиента от #e6b338 к прозрачному (Transparent) с радиальным и линейным стилем. Непрозрачность (Opacity) градиента установите на 30%.

Следующий такой же градиент сделайте цветом от #8d261c к прозрачному.

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

Однако, часто наши клиенты ждут чего-то еще и, поэтому, я добавил в нижней части разворота рекламный слоган. Выберите любой шрифт с жирным стилем и напишите что-то подобное, активировав инструмент «Текст» (Type Tool).

Выбираем инструмент «Овальное выделение» (Elliptical Marquee Tool) и cоздаем область вокруг сгиба второй и третьей части буклета.

На Новом слое (Ctrl+Shift+N) заполняем выделение Градиентом (Gradient Tool) белого цвета с непрозрачностью (Opacity) 30%.

Затем измените режим смешивания этого слоя на Мягкий свет (Soft Light) или Перекрытие (Overlay).

Повторите этот шаг еще 2 или 3 раза, переместив немного выделение (переключитесь на инструмент «Овальное выделение»). Можете попробовать черный цвет.

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

Источник: http://www.photoshop-info.ru/c113-424.html

Создаем дизайн листовки в Photoshop • ARTshelter

Верстаем буклет в Фотошопе

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

Шаг 1

Для начала создаем новый документ размером 1200 х 1800 пикселей. Так как листовка предназначена для печати, устанавливаем разрешение на 300 точек/дюйм и цветовой режим CMYK.

Шаг 2

Теперь мы должны настроить рабочее пространство для более удобной работы. Активируем линейку, если она у вас неактивна (Ctrl+R). Вытягиваем из левой линейки направляющую и ставим ее по центру документа.

Затем ставим еще две направляющие на 400 и 800 пикселей (значения смотрим на верхней линейке; чтобы значения отображались именно в пикселях, кликаем правой кнопкой по линейке и выбираем Pixels (Пиксели)).

Ставим посредине горизонтальную направляющую и три дополнительных – 500, 800 и 1600 пикселей.

Шаг 3

Создаем градиентную заливку. Переходим Layer – New Adjustment Layer – Gradient Fill (Слой – Новый корректирующий слой – Градиент). Устанавливаем цвета градиента на #e5e7e6 и #c8c9cb.

Шаг 4

Берем инструмент Pen Tool (P) (Перо). От одной направляющей к другой проводим линию, как показано ниже. Зажимаем клавишу Alt и тянем за отдельный усик, чтобы изменить форму кривой.

Продолжаем рисовать и получаем вот такую фигуру. Чтобы скрыть направляющие, жмем сочетание клавиш Ctrl+H.

Шаг 5

Добавляем новый слой (Shift+Ctrl+N). В верхнем левом углу создаем новую фигуру белого цвета.

Затем рисуем еще одну фигуру.

Шаг 6

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

Затем активируем слой с фигурой, которую мы рисовали пером, зажимаем клавишу Alt и кликаем на кнопку Add layer mask (Добавить слой-маску) в нижней части панели слоев, чтобы добавить маску на слой.

Делаем то же самое со второй белой фигурой: загружаем ее выделение, переходим на маску и заливаем ее черным цветом. Чтобы снять выделение, жмем сочетание клавиш Ctrl+D.

Закончив, удаляем слои с белыми фигурами.

Шаг 7

Дважды кликаем по слою с абстрактной фигурой, чтобы применить стили слоя. Активируем Gradient Overlay (Наложение градиента) (цвета #c4da30 и #ef7125).

После этого жмем правой кнопкой мыши по рабочему слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 8

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G).

Шаг 9

Устанавливаем цвет на #25282f. Активируем инструмент Gradient Tool (G) (Градиент) и выбираем градиент от цвета переднего плана к прозрачному. Заливаем им нижний левый угол.

Шаг 10

Дважды кликаем по слою с абстрактной фигурой и применяем стиль слоя Inner Shadow (Внутренняя тень).

Шаг 11

Открываем фото с офисом и переносим его на рабочий документ. Жмем Ctrl+T и увеличиваем его так, чтобы оно покрывало рабочее полотно по всей высоте. Чтобы сохранить пропорции, во время масштабирования удерживаем клавишу Shift.

Шаг 12

Меняем режим смешивания слоя на Color Burn (Затемнение основы). Жмем Ctrl+Alt+G, чтобы фото с офисом также преобразовать в обтравочную маску.

Шаг 13

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

Шаг 14

Загружаем выделение слоя с абстракцией. Создаем новый слой и с помощью Paint Bucket Tool (G) (Заливка) заливаем выделение цветом #25282f. Меняем режим смешивания слоя на Overlay (Перекрытие).

Шаг 15

Далее переходим Edit – Transform – Flip Horizontal (Редактирование – Трансформация – Отразить по горизонтали). Перемещаем отраженный слой вправо и дублируем его (Ctrl+J).

Загружаем выделение абстрактной фигуры, переходим на дубликат отраженного слоя и добавляем на него слой-маску.

Шаг 16

Берем Ellipse Tool (U) (Овал) и создаем окружность, как показано ниже. Применяем к ней стили слоя.

Шаг 17

Дублируем окружность и перемещаем ее выше. Меняем цвет обводки на #f07124.

Еще раз дублируем окружность и перемещаем ниже. Дважды кликаем по миниатюре дубликата слоя и меняем цвет заливки на #c8c9cb.

Шаг 18

Переходим File – Place Embedded (Файл – Поместить встроенные) и выбираем фото с телефоном. Размещаем слой над слоем с первой окружностью и преобразовываем фото в обтравочную маску (Ctrl+Shift+G).

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

Шаг 19

Пишем текст. Используем узкий шрифт, например, Oswald. Для верхнего слова устанавливаем цвет #ef7125, для нижнего — #25282f.

Шаг 20

Берем инструмент Rectangle Tool (U) (Прямоугольник) и рисуем прямоугольник, как показано ниже. Затем активируем свободную трансформацию (Ctrl+T), кликаем правой кнопкой мыши по элементу и выбираем Skew (Наклон). Редактируем форму фигуры.

Дважды кликаем по слою с прямоугольником и применяем стиль слоя Gradient Overlay (Наложение градиента) (цвет #25282f).

Шаг 21

Под прямоугольником добавляем новый слой, на котором мы будем рисовать тень. Берем Brush Tool (В) (Кисть), устанавливаем большой размер, жесткость на 0%, черный цвет и ставим пятно.

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

Шаг 22

Объединяем тень и прямоугольник в группу (Ctrl+G). При необходимости, корректируем размер (Ctrl+T). Дублируем полосу, перемещаем ее ниже и растягиваем. Также меняем цвет полосы на #c4da30.

Шаг 23

На каждой полосе пишем любой текст.

Затем добавляем небольшой блок текста под полосой.

Шаг 24

Добавляем больше текста. Также в окружности пишем контакты (используем цвета #f07225 и #11294d).

Получаем вот такой финальный результат.

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

Источник: https://artshelter.info/uroki/photoshop/sozdaem-dizajn-listovki-v-photoshop.html

Верстаем буклет в Фотошопе

Верстаем буклет в Фотошопе

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

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

Скачать последнюю версию Photoshop

  • Создание буклета
    • Макет
    • Дизайн
    • Цветовая схема
    • Сохранение

Создание буклета

Работа над подобными изданиями делится на два больших этапа – проектирование макета и дизайн документа.

Макет

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

Каждая сторона делится на три части.

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

Лист сворачивается, как буклет, а потом наносится информация.

Когда концепт готов, можно приступать к работе в Фотошопе. При проектировании макета не бывает маловажных моментов, поэтому будьте максимально внимательны.

  1. Создаем новый документ в меню «Файл».
  2. В настройках указываем «Международный формат бумаги», размер А4.
  3. От ширины и высоты отнимаем по 20 миллиметров. Впоследствии мы их добавим к документу, но при печати они будут пустыми. Остальные настройки не трогаем.
  4. После создания файла идем в меню «Изображение» и ищем пункт «Вращение изображения». Повернем холст на 90 градусов в любую сторону.
  5. Далее нам необходимо определить линии, ограничивающие рабочую область, то есть, поле для размещения контента. Выставляем направляющие по границам холста.

    Урок: Применение направляющих в Фотошопе

  6. Обращаемся к меню «Изображение – Размер холста».
  7. Добавляем ранее отнятые миллиметры к высоте и ширине. Цвет расширения холста должен быть белым. Обратите внимание, что значения размеров могут оказаться дробными. В этом случае просто возвращаем исходные значения формата А4.
  8. Имеющиеся в данный момент направляющие будут играть роль линий отреза. Для наилучшего результата фоновое изображение должно немного выходить за эти границы. Достаточно будет 5 миллиметров.
    • Идем в меню «Просмотр – Новая направляющая».
    • Первую вертикальную линию проводим в 5 миллиметрах от левого края.
    • Таким же способом создаем и горизонтальную направляющую.
    • Путем нехитрых вычислений определяем положение остальных линий (210-5=205 мм, 297-5=292 мм).
  9. При обрезке печатной продукции могут быть допущены ошибки в силу различных причин, что может повредить контент на нашем буклете. Для того, чтобы избежать таких неприятностей, нужно создать так называемую «зону безопасности», за границами которой не располагаются никакие элементы. Фонового изображения это не касается. Размер зоны также определим в 5 миллиметров.
  10. Как мы помним, наш буклет состоит из трех равных частей, и перед нами стоит задача создать три равные зоны для контента. Можно, конечно, вооружиться калькулятором и высчитать точные размеры, но это долго и неудобно. Существует прием, который позволяет быстро поделить рабочее пространство на равные по размеру участки.
    • Выбираем на левой панели инструмент «Прямоугольник».
    • Создаем фигуру на холсте. Размер прямоугольника не имеет значения, главное, чтобы суммарная ширина трех элементов была меньше ширины рабочей области.
    • Выбираем инструмент «Перемещение».
    • Зажимаем клавишу ALT на клавиатуре и перетягиваем прямоугольник вправо. Вместе с перемещением создастся его копия. Следим, чтобы между объектами не было зазора и нахлеста.
    • Таким же способом делаем еще одну копию.
    • Для удобства поменяем цвет каждой копии. Делается при помощи двойного клика по миниатюре слоя с прямоугольником.
    • Выделяем все фигуры в палитре с зажатой клавишей SHIFT (клик по верхнему слою, SHIFT и клик по нижнему).
    • Нажав горячие клавиши CTRL+T, применяем функцию «Свободное трансформирование». Беремся за правый маркер и растягиваем прямоугольники вправо.
    • После нажатия клавиши ENTER у нас получится три равные фигуры.
  11. Для точного проведения направляющих, которые будут делить рабочую область буклета на части, необходимо включить привязку в меню «Просмотр».
  12. Теперь новые направляющие «прилипнут» к границам прямоугольников. Вспомогательные фигуры нам больше не нужны, можно их удалить.
  13. Как мы уже говорили ранее, для контента необходима зона безопасности. Поскольку буклет будет сгибаться по линиям, которые мы только что определили, то на этих участках объектов быть не должно. Отступим от каждой направляющей по 5 миллиметров с каждой стороны. Если значение дробное, то разделителем должна быть запятая.
  14. Последним шагом будет проведение линий отреза.
    • Берем инструмент «Вертикальная строка».
    • Кликаем по средней направляющей, после чего появится вот такое выделение толщиной 1 пиксель:
    • Вызываем окно настройки заливки горячими клавишами SHIFT+F5, выбираем в выпадающем списке черный цвет и жмем ОК. Выделение убирается комбинацией CTRL+D.
    • Для просмотра результата можно временно скрыть направляющие сочетанием клавиш CTRL+H.
    • Горизонтальные линии проводятся при помощи инструмента «Горизонтальная строка».

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

Дизайн

Дизайн буклета – дело индивидуальное. Все составляющие дизайна обусловлены либо вкусом, либо техническим заданием. В данном уроке обсудим лишь несколько моментов, на которые следует обратить внимание.

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

    Фон должен доходить именно до линий, определяющих этот отступ.

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

    Урок: Инструменты для создания фигур в Фотошопе

  3. При работе над дизайном буклета, не перепутайте информационные блоки: лицевой – справа, второй – тыльная сторона, третий блок будет первым, что увидит читатель, открыв буклет.
  4. Данный пункт – следствие предыдущего. На первом блоке лучше расположить информацию, которая максимально четко отражает главную мысль буклета. Если это компания или, в нашем случае, сайт, то это могут быть основные направления деятельности. Желательно сопроводить надписи изображениями для большей наглядности.

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

Цветовая схема

Перед печатью настоятельно рекомендуется перевести цветовую схему документа в CMYK, поскольку большинство принтеров не в состоянии в полной мере отобразить цвета RGB.

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

Сохранение

Сохранять такие документы можно как в формате JPEG, так и в PDF.

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

Помогла ли вам эта статья?

ДА НЕТ

Источник: http://lumpics.ru/creating-a-booklet-in-photoshop/

Готовим макет брошюры для типографии | Блог Смартпринт.рф

Верстаем буклет в Фотошопе

Подготовка макета многостраничных изданий (брошюр, каталогов) — трудоемкий процесс, в который входят:

  • Создание макета (адаптация элементов фирменного стиля под формат издания, компоновка заголовков, текста, иллюстраций и подписей к ним , шрифтовое исполнение);
  • Проверка, редактирование и корректура;
  • Допечатная подготовка.

Как избежать ошибок при создании макета? На что стоит обратить внимание и как превратить брошюру в эффективный маркетинговый инструмент?

О чем речь:

Принципы многостраничной верстки

Единый стиль. Элементы макета (иллюстрации, текст, заголовки) должны быть оформлены в едином стиле на всех страницах брошюры.

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

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

Формат полосы можно определить расчетным методом, при помощи специальной графической схемы или пользуясь отраслевыми стандартами, предлагающими оптимальные размеры полосы для каждого формата (ОСТ 2962-86. «Издания книжные и журнальные. Основные параметры издательско-полиграфического оформления»).

Подготовка макета брошюры в Corel Draw

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

♦ Нужно, чтобы количество страниц брошюры было кратно 4 (8, 12, 16 или 24 страницы). Все страницы в документе Corel Draw идут по порядку:

  • 1 страница — лицевая сторона брошюры,
  • 2 страница в Corel Draw — 1-ая страница брошюры,
  • 3 страница в Corel Draw — 2-ая страница брошюры,
  • Последняя страница документа Corel Draw — задняя сторона брошюры.

Проверяем формат брошюры

На панели инструментов в верхнем левом углу указан формат вашего макета и параметры (длина и ширина) в мм.

В нашем примере: А6, 105*148 мм.

♦ Проверяем все ли элементы переведены в цветовую модель CMYK. 
Цветовая модель RGB —  обычная модель для экранов, но не подходит для печати.

♦ ♦  Проверка цветовой модели

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

♦ ♦  Перевод цвета в CMYK

Выделить объект — Переходим в панель Свойства объекта — Выбираем Односторонняя заливка (если выделен не градиент) — Выбираем нужную цветовую модель в выпадающем списке.

Хотите узнать больше о цветовых моделях?

Цветовые модели. Что это и зачем про них нужно знать

Абрисы и заливки заменяются отдельно. Т.е. если RGB объекты и в заливках и в обводке, при первой замене поставьте галочку напротив Заливки, при второй — напротив Абрисы.

♦ ♦  Как избавиться от CMYK255

CMYK255 — цветовая модель ранних версий Corel Draw, может появится из-за открытия старых файлов, использования клипартов, импортирования файлов из Adobe Illustrator. Для печати она недопустима. Может вызвать серьёзные ошибки при цветоделении.

Если Вы помните, какие именно объекты вставлялись из файлов старых версий (до 9 версии включительно) или из 15 версии Corel, можно попробовать удалить эти объекты и еще раз проверить сведения о документе.

Радикальным способом борьбы со CMYK 255 является перевод всего макета в RGB. Закрыть файл, открыть его и перевести в CMYK (способ перевода описан выше).

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

Поэтому лучше найти только объекты CMYK 255, скопировать в новый документ и уже в новом документе переводить в RGB, затем в CMYK, а потом перекрашивать изменившиеся цвета (с помощью поиска и замены цвета).

Переводим шрифты в кривые

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

Как избежать проблемы со шрифтами:

  • Отправить в типографию вместе с файлом макета набор используемых шрифтов;
  • Преобразовать файл в формат PDF;
  • Перевести шрифты в кривые.

Чтобы «закривить» текст, нужно его выделить, кликнуть правой кнопкой мыши и выбрать Преобразовать в кривуюили воспользоваться быстрой командой Ctrl+Q.

♦ Подготовка вылетов

Кликаем в Corel Draw по вкладке Макет, выбираем Параметры страницыВ пункте Растекание (это и есть название вылетов под обрез в русифицированной версии Corel Draw) указываем наличие вылетов под обрез, мы указываем величину 3 мм и также ставим галочку в пунктеПоказывать область входа за обрез

Более подробно о создании вылетов здесь.

Источник: http://blog.smartyprint.ru/polygraphy/delaem-maket-broshyury-dlya-tipografii/

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.