Создание буклета в фотошопе. Деловой буклет

Инструкция

Далее на новом слое выберите инструмент Elleptical Marquee и выделите с его помощью текстовую область. Выберите меню Edit, затем Stroke, укажите параметр 5px и установите по черный цвет. Повторите то же самое действие, создав меньшего размера внутри вашей печати.

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

Остались последние штрихи, добавьте печати реалистичности. Создайте новый слой с фильтром Render Clouds и добавьте эффект шума (Add Noise). Параметр шума устанавливайте по собственному желанию – 30-40%. Установите в параметрах этого слоя режим Screen вместо Normal, и вы увидите, как приобретает достоверный внешний вид.

Источники:

• фотошоп создание печати в 2019

Adobe Photoshop прежде всего предназначен для работы с изображениями. Но кроме инструментов, которые позволяют делать надписи «от руки» (кисть, карандаш), в нем есть и очень продвинутые инструменты создания и различных трансформаций текстов .

Вам понадобится

• Графический редактор Adobe Photoshop.

Инструкция

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

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

Нажмите и подержите секунду пиктограмму с буквой T на панели инструментов. При обычном щелчке эта иконка включает инструмент для создания текстов ых надписей, а при более длительном удержании левой кнопки мыши доступ к выбору нескольких разновидностей этого инструмента. «Горизонтальный текст» - это самый обычный вариант, ним можно так же, как и в простом текстов ом редакторе. Выбрав этот инструмент, щелкните документ в любом месте и начинайте вводить текст. Фотошоп при этом создаст отдельный текстов ый слой.«Вертикальный текст» аналогичен предыдущему, но после каждой буквы редактор за вас делает переход на следующую строку, т.е. буквы помещаются одна под другой.«Горизонтальный текст-маска» иначе. Этот инструмент тоже позволяет набирать горизонтальные тексты, но текстов ый слой при этом , а выделяются фигурные области по контуру букв, слов и строк которые вы набираете. Когда надпись будет готова, вы можете щелкнуть любой имеющийся слой с изображением и вырезать на нем ваш текст, просто нажав клавишу Delete. А можете наоборот, инвертировать выделение и вырезать все, оставив только набранную вами надпись. Есть масса других способов использования этого инструмента.

Щелкните документ и наберите текст. После этого кликните первую пиктограмму на панели инструментов (инструмент «Перемещение»), чтобы выключить режим ввода текста.

Раскройте в меню раздел «Окно» и выберите пункт «Символ», чтобы изменить параметры сделанной надписи. Самый первый (верхний слева) выпадающий список на панельке установок позволяет поменять шрифт надписи (гарнитуру) на один из установленных в вашем . Справа от него размещен селектор начертаний - стандартного, наклонного, жирного и комбинации этих трех. Во второй строке слева - поле для выбора (или ручного ввода) размера шрифта (кегля), справа от него - настройка межстрочного интервала (интерлиньяж). В третьей строке находятся два регулятора расстояния между буквами (кернинг и трекинг). Строчкой ниже вы можете указать пропорции сжатия стандартных размеров букв раздельно по вертикали и горизонтали. Еще ниже можно задать величину сдвига выделенных букв или слов относительно остального текста по вертикали (смещение базовой линии). Щелкнув прямоугольник с надписью «Цвет» можно открыть диалог выбора оттенка для сделанной надписи в целом или только выделенных букв.

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

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

Конечный результат

Подробности

• Программа: Adobe Photoshop CS4
• Сложность: Средняя/Сложная
• Время: 2 часа

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

Каждый проект должен начинаться с концепции. Сначала мы должны продумать детали, чтобы не потерпеть неудачу в середине процесса дизайна. Сейчас нам нужно определить размеры документа. Лучше всего делать вычисления на бумаге карандашом, где вы можете бысто и просто нарисовать контуры и значения. Мой буклет после складывания получился размером A4. Если вы хотите использовать размер Letter вместо европейских стандартов, проверьте размеры. Я использую в работе миллиметры. Если вы хотите использовать дюймы, пересчитайте мои значения (Photoshop не делает этого автоматически). На самом деле мой набросок — это большая мазня, так что я решил сделать ясное графическое представление концепции. Не заботьтесь об этом слишком, просто запишите значения, чтобы не запутаться. Большие цифры обозначают расположение отдельных страниц. Заметьте, что первая полоса находится в конце документа, в то время как последняя — в середине. Здесь также есть размер бумаги в реальном размере и размер с припусками под обрез. Это называется тип складывания C.

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

Разрешение при печати — это самая главная вещь, о которой нужно позаботиться (кроме, собственно, дизайна). Создавая новый документ, установите разрешение здесь:

Печатные устройства выбрасывают на бумагу цветные точки. Так они обычно работают. И DPI (dots per inch / количество точек на дюйм) — это значение, определяющее количество этих точек на 1 дюйм длины. Вы можете использовать значение DPCM (dots per cm / количество точек на сантиметр), но я никогда не встречал ни одного человека, ни печатную компанию, которые бы измеряли разрешение в dpcm. Кроме того, его легко конвертировать в Photoshop. Когда вы создаёте новый документ, наберите значение 72 pixels/inch (На самом деле это PPI, а не DPI, но обычно называется DPI), и когда вы измените его на pixels/cm...

Значение автоматически пересчитается и изменится на 28,346. То же произойдёт, когда вы измените единицу измерения (если вы измените пиксели на сантиметры или дюймы, значение dpi тоже изменится, попробуйте). Для создания экранных изображений, например, для интернета, обычно используется значение 72 dpi. На самом деле dpi здесь нет, для экранных изображений используются только пиксели, а dpi — это только привязанность к печатному размеру. Универсальное значение для печати — это 300 dpi. Оно годится, чтобы получить достаточно чёткое, хорошо запечатанное изображение для малых печатных форм (как визитки, буклеты, флаеры, билеты и т.п.). Но его нельзя использовать во всех случаях. Для нашего буклета A4 формата, который будут рассматривать с расстояния вытянутой руки, это превосходно. Некоторые печатные учреждения советуют даже 600 dpi и больше, но это всё же излишне. В прошлом я делал баннер, который висел на стене, и его разрешение было 28 dpi (Если бы я использовал разрешение 300 dpi, мой компьютер бы повис из-за размера документа). Конечно, 28 dpi — это очень мало, и если бы у нас в руках был кусок этого баннера, мы бы увидели все несовершенства печати, однако из-за большого расстояния (шириной в улицу, например) он выглядел достаточно чётко.

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

Материалы для урока:

Шаг 1 . Есть некоторые вещи, которые мы должны рассмотреть прежде, чем начать проектировать брошюру: размер, форма, и складной тип. Вообще, мы должны начать с карандаша и бумаги - нарисуем эскиз нашей брошюры. У брошюры будет две стороны, значит, будет два документа в Фотошоп - один для внутренней стороны брошюры, другой для обложки.
Ниже проект тройной брошюры. Назовём каждую область печати «Лицо», таким образом у нас будет «Лицо1», «Лицо2», …., «Лицо6»

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

Сторона 1
Шаг 3 . Создаём новый документ. Для проекта печати, параметры настройки документа очень важны. Затем нажмите Ctrl+R , чтобы появилась линейка. Теперь нам нужны направляющие. Наведите на линейку курсор (инструмент «Перемещение » \Move Tool) и, зажав левую кнопку мыши, вытащите оттуда одну направляющую. По вертикали, например; сделайте так же по горизонтали.
*для того, чтобы убрать Направляющие, нажмите Ctrl+H . Та же комбинация, для того, чтобы они появились вновь*.
Единицы измерения - дюймы (кликаем ПКМ по линейке и из открывшегося списка выбираем «дюймы» (Inches))

Шаг 4 . Границы рабочей области. Определим границы нашего документа для печати. Расположим направляющие по каждой стороне документа.

Шаг 5 . Теперь увеличим документ в меню Изображение\Размер холста (Image\Canvas Size) - добавьте дюйм к ширине и высоте документа, кроме того убедитесь, что якорная точка находится посередине. Как видите, документ увеличился на 0,5 дюймов по каждой стороне.

Шаг 6 . Добавим 0,25 дюйма (это очень важно, т. к. фоновое изображение должно располагаться внутри печатных границ документа). Вытащите направляющие и расположите на 0,25 дюйма перед предыдущими направляющими.

Шаг 7 . Границы безопасности. Даже если наш процесс обрезки прекрасен, всё же есть ещё небольшая область, которую мы должны оставить пустой. Мы добавим границу безопасности между краем рабочего документа и нашим проектом, т. е. сделаем отступ. Для этого вытащите направляющие и расположите на 0,25 дюйма внутри нашей «Главной области».

Шаг 8 . Теперь мы должны сделать три колонки с направляющими. Есть несколько способов, чтобы поделить на три части, один из них - взять калькулятор и разделить 11/3=3.66. Выберите инструмент «Прямоугольник» (Rectangle Tool)(U) в режиме фигур и нарисуем прямоугольник, как показано ниже. Точность сейчас не важна. Теперь выберите инструмент «Перемещение» (Move Tool) (V), включите на панели параметров опцию «Показать управляющие элементы» (Show Transform Controls) и дублируйте прямоугольник (для этого зажмите клавишу Alt и переместите прямоугольник). Дублируйте второй прямоугольник. Теперь у нас три прямоугольника. Измените цвет копий (в графических целях). Теперь выделим три прямоугольника (на палитре слоёв, зажав Shift , кликните по слоям) и при активном инструменте «Перемещение» потяните за правый узелок вправо, пока не достигнете правой границы «Главной области», нажмите Enter . Этот процесс расширит наши прямоугольники в равных пропорциях. Теперь выберите средний прямоугольник и установите новые «колонные» направляющие, удалите наши прямоугольники. Наш документ поделён на три равные части.

Шаг 9 . Края безопасности при сворачивании. Это очень важно, так как при сворачивании используется 2-3 мм при печати, у вас не должно быть никаких графических объектов в этой области. Добавьте направляющие на ¼ дюйма к «колонным» направляющим с каждой стороны. Теперь у вас есть отличный документ - шаблон для дальнейших проектов, обязательно сохраните.

Шаг 10 . Фон. Как вы помните, мы используем цветовую модель CMYK . Щёлкните по цвету переднего плана на палитре цветов и выберите цвет фона. Инструментом «Прямоугольник» (Rectangle Tool)(U) нарисуйте прямоугольник, как показано ниже.

Шаг 11 . Направляющие обрезки. Установите цвет переднего плана как показано ниже, выберите инструмент «Линия» (Line Tool) и нарисуйте линии, как показано ниже.

Шаг 12 . Поместите все слои с линиями в группу и назовите её "Trim Guides ". CTRL+G - создать группу слоев (предварительно слои нужно выделить)

Дизайн
Шаг 13 . Автор использовал текстуру, чтобы придать фону эффект грязной старой бумаги. Текстуру можно зять в архиве. Перенесите текстуру на наш документ на новый слой (при помощи инструмента «Перемещение»), расположите текстуру так, как показано ниже, назовите слой «BG Texture ». При помощи инструмента «Штамп » (Clone Stamp Tool) уберите следы от чернил и поменяйте режим наложения (Blending Mode) для слоя на Умножение (Multiply), непрозрачность (Opacity) для слоя 40%.

Шаг 14 . Выберите инструмент «Прямоугольник» (Rectangle Tool)(U) в режиме фигур и нарисуйте полоску, как показано ниже, цвет любой, назовите слой «Stripe ».

Примените следующие стили слоя:
Наложение градиента\Gradient Overlay :

Обводка \Stroke:

Тень \Drop Shadow:

Шаг 15 . Нажимаем сочетание клавиш Ctrl+ A (выделим всё), на палитре слоёв выбираем слой «BG Texture » и копируем выделение (Ctrl+ C ). Сделайте активным слой «Stripe », создайте новый слой, назовите «Stripe Texture » и вставьте выделение (Ctrl+ V ). Ctrl+ T и трансформируйте слой «Stripe Texture», как показано ниже. Оставаясь на слое «Stripe Texture », нажимаем Ctrl+клик по миниатюре маски слоя «Stripe ». Инвертируем выделение Выделение\Инверсия (Select\Inverse) и нажимаем Delete . Снимите выделение Ctrl+ D . Поменяем режим наложения (Blending Mode) для слоя "Stripe Texture " на Линейный затемнитель (Linear Burn). Создайте новую группу, назовите « Stripe » и поместите туда слои "Stripe" и "Stripe Texture"

Шаг 16 . Автор решил не использовать вертикальное расположение полос, а повернуть их под углом 15° и 5°. Выберите инструмент «Перемещение» (Move Tool) и выберите группу «Stripe», Ctrl+ T , измените угол наклона -15° , нажмите Enter

Вытащите ещё одну направляющую.

Шаг 17 . Добавим вторую полосу. Выберите группу «Stripe» и при активном инструменте «Перемещение» (Move Tool), зажмите клавишу Alt и передвиньте полосу (этим вы скопируете её). Расположите дублированный слой под оригиналом. Ctrl+ T и поверните скопированную полосу горизонтально. Поменяйте настройки в стиле слоя Stripe (копия): Наложение градиента\Gradient Overlay:

Шаг 18. Повернём вторую полосу. Ctrl+ T , измените угол наклона -5° ,нажмите Enter и спустите эту полосу вниз на несколько миллиметров.

Выравнивание. Поскольку автор хочет добавить эффект обертки с полосами на задней стороне, очень важно поместить их в центре. Выделяем всё (Ctrl + A ), выбираем инструмент «Перемещение» (Move Tool), делаем активной группу "Stripe" и на панели параметров кликаем по значку «Выравнивание центров по горизонтали » (Align Horizontal Center), снимите выделение Ctrl+ D . Повторите эту операцию с группой "Stripe copy"

Шаг 19 . Теперь мы добавим жёлтую ленту. Создайте новую группу между группами "Stripe" и "Stripe copy" и назовите "Ribbon". Создайте новый слой, назовите "Ribbon", вытащите направляющую и инструментом «Прямоугольник » (Rectangle Tool)(U) в режиме фигур нарисуйте прямоугольник, как показано ниже, (чуть шире красных), цвет любой. Выберите инструмент «Добавить опорную точку » (Add Anchor Point Tool) и добавьте точку на середине нижней ширины. Выберите инструмент «Угол » (Convert Point Tool) и кликните по точке. Теперь инструментом «Стрелка » (Direct Selection Tool) переместите точку вверх, получились уголки.

Шаг 20 . Добавим стиль слоя к нашей ленте
Наложение градиента\Gradient Overlay:
Обводка\Stroke:

Шаг 21 . Добавим тень ленте. Дублируйте слой "Ribbon" (Ctrl+ J ), назовите новый слой «Ribbon Shadow» и растрируйте его (щелчок ПКМ по слою и выберите из списка «Растрировать слой») (поместите слой с копией ниже оригинала), сместите слой «Ribbon Shadow» немного вниз и вправо. Примените стиль слоя: Наложение цвета\ Color Overlay . Примените 10 рх. Меняем режим наложения Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 75 %.

Шаг 22 . Деформируем ленту. Сделаем активным слой «Ribbon», Ctrl+Т , кликаем ПКМ и выбираем «Деформация » (Warp), потянем за узелки, чтобы исказить, как на скриншоте. Добавьте текстуру на ленту, используя технику Шага 15 . Меняем режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 50 %.

Шаг 23 . Добавим название брошюры. Выбираем инструмент «Текст » (Type Tool (T)) и введите слово. Теперь в меню Окно\Символ (Window\Character) и в диалоговом окне выставите следующие настройки. Потом поверните текстовый слой на -15° . Добавим стиль слоя:
Наложение цвета \Color Overlay
Внешнее свечение \Outer Glow
Внутренняя тень \Inner Shadow

Шаг 24 . Повторите предыдущий шаг, напишите слово, но с меньшим шрифтом и поместите его на нижней полосе, примените те же самые стили. Поверните текстовый слой на -5° , измените настройки для стиля Наложение цвета\ Color Overlay

Шаг 25 . Создайте новый слой под названием " Shadow " ниже группы "Stripe". Нарисуйте овальное выделение инструментом «Эллипс » (Ellipse Tool), цвет чёрный и примените Фильтр\Размытие\Размытие по Гауссу (Filter\Blur\Gaussian Blur), радиус 20 рх, поверните эллипс на -15° , поменяйте режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 50 %.

Шаг 26 . Наполняем брошюру контентом. Создаём Paragraph Text слой для колонны «Лицо2», шрифт Arial Black , цвет чёрный, также автор добавил название текста, настройки ниже. Как только вы создали текстовые слои (их должно быть три), поверните их на -15° . Не забудьте о границах - направляющих безопасноти.

Шаг 27 . Продолжаем добавлять текст. Заметьте, что угол поворота у текстового слоя "Contact Us" -5° . Создайте для каждой области печати группы и поместите текстовые слои в них «Лицо1», «Лицо2», «Лицо3».

У нас готова первая сторона нашего проекта. Сохраните документ и назовите "brochure - front".

Сторона 2.
Шаг 28 . Скройте или удалите слои «Лицо1», «Лицо2», «Лицо3», оставим только полосы и ленту. Создайте три группы «Лицо4», «Лицо5», «Лицо6».

Шаг 29 . Выберите "Stripe Copy". В меню Редактирование\Трансформирование\Отразить по горизонтали (Edit\Transform\Flip Horizontal) отразите полосу. Сделайте то же самое с группой "Stripe". Переместите ленту как показано ниже.

Шаг 30 . Продолжаем добавлять текст. Только угол вращения в этом случае должен быть положительным, поворачиваем на +15°.

Шаг 31 . Добавим изображение,Рамки Полароид, переносим на наш документ, назовём слой "Polaroid" и поместим слой в группу «Лицо5». Теперь вставьте любое изображение в тёмный прямоугольник "Polaroid" (добавьте маску слоя). Слой расположите над слоем "Polaroid" и назовите "Picture", поменяйте режим наложения (Blending Mode) для слоя на «Перекрытие » (Overlay).

Шаг 32 . Слейте слои "Picture" и "Polaroid" в один и идём в меню Изображение\Коррекция\Цветовой тон/Насыщенность (Hue/Saturation) (Ctrl + U ), настройки ниже

Шаг 33 . Добавим тень к изображению. Создайте чёрный прямоугольник на новом слое, расположите слой под слоем "Polaroid" и назовите "Shadow". Нажимаем Ctrl+ F , чтобы применить фильтр «Размытие по Гауссу» с последними настройками. Поменяйте режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 60 % и поверните слой с тенью на несколько градусов вправо.

Шаг 34 . Последние штрихи. Поверните «Лицо5» немного вправо, выберите инструмент «Затемнитель » (Burn Tool) и немного затемним некоторые участки на нашем фото

Шаг 35 . Вторая сторона готова.

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

Превью результата

Создаем готовую к печати складываемую брошюру формата А4

Подробности

ПО: Adobe Photoshop CS4
Уровень сложности: Средний/тяжелый
Необходимое время: 2 часа

Этап 1 – Концепт

В любом проекте требуется концепт (идея). Сначала нужно распланировать всё, чтобы не застопориться в середине процесса. Сейчас нам нужно определить размеры нашего документа. Лучше всего делать это с помощью ручки/карандаша и листа бумаги – так вы сможете быстро обрисовать форму и необходимые элементы. Мы разрабатываем брошюру, которая в сложенном состоянии будет иметь формат листа А4. Если вы хотите использовать другие форматы, то просто не забывайте про размеры и пропорцию. Лучше всего работать в миллиметрах. Если же вы захотите использовать дюймы, то вам нужно будет конвертировать все наши значения (Photoshop делает это автоматически). На самом деле, наш набросок представляет собой одну большую несуразицу, поэтому мы решили четко графическим способом выделить концепт. Не нужно придавать этому особое значение, просто вписывайте нужные значения, и не морочьте себе голову. Большие цифры определяют расположение отдельных страниц. Имейте в виду, что главная страница находится в самом конце документа, а последняя находится в середине. Сначала это может запутать, но здесь работает лишь логика. Вам важно представить эту брошюру в голове. К тому же, важно учитывать реальные размеры бумаги, и размеры документа, подготовленного к печати. Также хотим вам рассказать, что подобный тип складывания называется C (си).

Разрешение – это, пожалуй, самое важное, что следует учитывать (кроме самого дизайна). При создании нового документа вы можете выставить разрешение следующим образом:

Опять же, кратко о DPI. DPI определяет число точек, которые представляют собой «детальность» изображения. Точки выстраиваются в ряды и строчки. Горизонтальное и вертикальное число точек может отличаться, но сейчас мы не будем забивать вам голову этим. Просто запомните – используйте 300dpi, если нет конкретных требований к печатной продукции.

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

Реальный размер: 90х50мм
Размер краев: 3мм
Добавляем края: 90+(3*2)х50+(3*2)
Размер документа: 96х56мм

Обратите внимание, что при добавлении краев к документу, мы умножаем их на два. Это потому, что края ведь с обеих сторон. Не забывайте об этом. Границы документа определяются метками обрезки (они показывают места, где страница должна быть обрезана, вы можете видеть это на «плохом примере», приведенном сверху). Тем не менее, мы не можем их сделать автоматически в Photoshop (насколько нам известно). Мы можем нарисовать их вручную, но этого обычно никто не делает. Проще всего импортировать документ в illustrator, и там края добавятся автоматически. Если у вас нет ни Adobe Illustrator, ни InDesign, просто сообщите сотруднику печатной компании, что вам нужны края в 3мм. Это все делается секунду, не больше (позже мы покажем вам, как это делается).

Теперь немного о полях. Это лишь вопрос безопасности. Если в случае с краями у нас появляется миллиметровая белая полоска, то здесь, наоборот, этот миллиметр вырезается из документа. Если вы не хотите ничего терять из дизайна, то важно правильно расположить все необходимое (логотип или текст), на некотором расстоянии от края. Обычно рекомендуют оставлять 5мм.

Давайте еще раз обратимся к тому шаблону визитной карточки. Прежде всего – концепт. Наша визитная карточка имеет размер 90х50мм. Нам нужно добавить направляющие, которыми мы обозначим поля и края. Это наиболее быстрый способ, который нам известен. Также неплохо было бы для себя создать файл, где уже заранее выставлены все нужные направляющие. Это хорошо экономит время – вы просто открываете заготовку вместо того, чтобы создавать новый проект и выставлять направляющие заново. Давайте предположим, что у нас будет 5-имиллиметровые поля и 3-хмиллиметровые края. Края увеличивают общий размер документа, а поля находятся на самом документе. Дальнейшие действия могут немного запутать вас, но постарайтесь сосредоточиться на работе. Поля у нас есть с обеих сторон, поэтому в целом они занимают 10мм документа по горизонтали и вертикали (а края добавляют по 3мм с каждой сторон, поэтому они в общем составят 6мм). Теперь возьмите реальные размеры (90х50) и отнимите с каждой стороны ширину поля (10х10). Таким образом у нас получится документ в размере 80х40мм. Создайте новый документ Photoshop с этим размером. Теперь вам не придется ничего дальше вычислять.

Этап 5 – Довольно разговоров, – приступаем к разработке дизайна!

Итак, всю «грязную» работу мы на сегодня закончили. Надеемся, вы извлекли нечто новое для себя. Теперь можно перейти к непосредственно разработке дизайна. Вы хоть помните, что мы сегодня собрались создавать? Что-то нам кажется, что мы совсем вас запутали с этим примером визитной карточки. Сегодня мы занимаемся разработкой складной брошюры формата А4:

Этап 6 – Лицевая сторона

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

Этап 7 – Страница 6

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

Мы почти добрались до последней страницы. Сейчас займемся первой страницей, которую вы будете видеть при открытии брошюры. Здесь неплохой идеей будет поместить некоторую информацию о компании, либо связать наполнение этой страницы с контентом страницы 2. В окне слоев расположите эту страницу под 6 и 1 страницами. Что бы вы ни нарисовали или не написали на ней, если это будет выходить за пределы страницы, то будет покрыто ранее созданными фонами.

Этап 9 – Страницы: 2, 3 и 4

Откройте ранее подготовленный файл inside.psd. Здесь мы поместим контент на одном дыхании. Нам не хотелось бы уделять много внимания дизайну и контенту, так как здесь все очень строго зависит от предпочтений клиента или назначения брошюры. Поэтому мы не будем описывать каждый незначительный шаг, осветим лишь основное. Итак, залейте всю область документов оранжевым цветом и стилизуйте их градациями, как мы делали это на страницах 1 и 5. Также неплохо было бы добавить немного «шума» в градации. Благодаря этому вы сможете избежать резких переходов в цвете.

Настанет время, когда вам нужно будет показывать работу клиенту. Не совсем разумно посылать ему просто два предварительных файла (внутреннюю сторону и внешнюю). Его это немного смутит. Ваш клиент вряд ли будет знать хоть что-нибудь о печати, но он точно хотел предварительно увидеть результат вашей работы. Так что, давайте попробуем сделать макет. Наш макет будет очень маленьким ввиду ширины веб-сайта. Постарайтесь, чтобы ваш макет был большим в размере, чуть меньше оригинального размера (на 20-30% меньше исходных размеров). Конечно же, вы можете воспользоваться и нашими макетами. Просто поместите свой дизайн поверх нашего, пройдите в меню Edit > Transform > Distort, и подстройтесь под размеры. Вы даже можете увеличить наш макет, если для вас не так важно качество.
mockup.zip | 3 мб

Этап 11 – Сохраняем для последующей печати

Лучше всего, конечно, поддерживать контакт с печатной фирмой. Нам не приходится создавать какие-то специальные сохранения, так как наша печатная компания принимает в работу и PSD-файлы. Тем не менее, не у каждого есть возможность отсылать (и принимать) файлы размером до 2 гб. Да и в целом ситуация усложняется, если вы не можете лично присутствовать в офисе печатной фирмы. Существуют архиваторы, которые позволяют нам сокращать размеры файлов без потери качества. Вы можете сохранить документ в формат TIFF с включенным сжатием LZW. Некоторые фирмы просят не прикреплять ICC-профиль к документам:

Результат

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

Инструкция

Буклет, как и другие печатные изделия, несет в себе информацию об организации, каких-то услугах, определенном проекте или мероприятии. Поэтому макетирование буклет а начинается со сбора информации для него. Это фотографии, логотип и контактные данные организации, текст, которого в буклет обычно входит одна, максимум две, страницы.

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

Макет буклет а размещается на двух страницах – внешней и внутренней, которые в фотошопе делаются в двух разных файлах. Работа над каждой из них начинается с создания документа формата А4, альбомной ориентации. Со всех четырех сторон страниц направляющими отсекаются по 5 мм - это края, которые не попадают в область печати на принтере и в дальнейшем могут быть отрезаны. Также направляющими рабочая площадь страниц делится на три одинаковых колонки.

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

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

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

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

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