Этот урок научит вас создавать в Фотошопе готовый к печати буклет в три сложения. Техники, показанные здесь, можно применять в создании других печатных документов, таких, как флаеры, визитки и т.п.
Конечный результат
Подробности
- Программа: 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
Для начала нужно создать узор сетки. Создайте новый документ (Ctrl + N) размером 200х200 пикселей. Это размер квадрата сетки. Вы можете задать другой размер в зависимости от того, какую сетку хотите создать. Не забудьте установить разрешение на 300 пиксель/дюйм, чтобы можно было распечатать брошюру.
Шаг 2
Кликните дважды на фоновом слое. У Вас появится окно создания нового слоя. Просто нажмите ОК и фоновый слой будет разблокирован.
Шаг 3
Кликните на слое дважды ещё раз, чтобы открыть окно стилей. Выберите стиль Обводка и установите Положение – По центру, Размер – 2 пикселя. От размера обводки зависит толщина линий сетки.
Шаг 4
Сохраните узор через меню Редактирование > Определить узор (Edit > Define Pattern).
Шаг 5
В появившемся окне введите имя узора. Лучше, если оно будет иметь смысл. Например, я назвал узор «Grid Lines 200». Из названия понятно, что это сетка с расстоянием между линиями 200 пикселей. Нажмите ОК и узор будет сохранён.
Шаг 6
Сейчас нужно создать ещё один документ размера буклета. Всё зависит от того, какой буклет Вы хотите создать. В этом уроке мы создаём буклет, состоящий из трёх частей. Введите значения, показанные на следующем скриншоте.
Шаг 7
Теперь отведём направляющие, которые обозначат места сгибов и отступы. Разделите документ на три части по ширине и введите отметки для направляющих, пройдя в меню Просмотр > Новая направляющая (View > New Guide).
Шаг 8
Нужно создать две вертикальные направляющие на отметках 4, 65 и 9,35 дюймов. В результате мы получим 3 области. Справа налево: передняя страница (Front), задняя страница (Back) и боковая (Flap).
Шаг 9
Теперь нужно разграничить отступы. Ниже предоставлены типы направляющих и отметки.Левый отступ: Вертикальная – 0,25 дюйма.
Правый отступ: Вертикальная – 13,75 дюйма.
Верхний отступ: Горизонтальная – 0,25 дюйма.
Нижний отступ: Горизонтальная – 8, 25 дюйма.
Левый сгиб 1 Вертикальная – 4,525 дюйма.
Левый сгиб 2: Вертикальная - 4,775 дюйма.
Правый сгиб 1: Вертикальная – 9,225 дюйма.
Правый сгиб 2: Вертикальная – 9,475 дюйма.
Шаг 10
Мы разграничили рабочее пространство. Теперь можно переходить к рисованию буклета. Создайте новый слой ( ",this,event,"320px");">Create New Layer) и залейте его белым цветом при помощи инструмента Заливка ( ",this,event,"320px");">Paint Bucket Tool). Затем перейдите в меню Редактирование > Заливка (Edit > Fill) и выберите узор, который мы сохранили ранее.
Шаг 11
Размер сетки Вы можете изменить при помощи инструмента Свободное трансформирование (Ctrl + T). Как только сетка будет установлена, перейдите в меню Выделение > Цветовой диапазон (Select > Color Range). Понизьте Разброс (Fuzziness) до 0 и пипеткой кликните на белой области на холсте. Нажмите ОК.
Шаг 12
Как только белые участки будут выделены, инвертируйте выделение (Ctrl + Shift + I) и скопируйте его на новый слой (Ctrl + J). Оригинальный слой можно удалить. На новом слое должна быть только сетка. На следующем скриншоте фоновый слой был скрыт, чтобы Вы поняли, смысл этого шага.
Шаг 13
Теперь добавим цвета. Выберите инструмент Градиент ( ",this,event,"320px");">Gradient Tool), настройте его, как показано ниже, и сделайте заливку на новом слое. Этот слой должен быть под сеткой.
Шаг 14
Сделайте выделение слоя с сеткой ( ",this,event,"320px");">Ctrl + Click), выберите белую кисть и обрисуйте всю выделенную область.
Шаг 15
Инвертируйте выделение (Ctrl + Shift + I), создайте новый слой и назовите его «Grid Colors».
Шаг 16
Инструментом Заливка ( ",this,event,"320px");">Paint Bucket Tool) залейте квадраты разными оттенками зелёного цвета. Как закончите, нажмите Ctrl + D, чтобы убрать выделение.
Шаг 17
Установите Режим наложения слоя на Перекрытие ( ",this,event,"320px");">Blending Mode – Overlay) и понизьте Непрозрачность (Opacity) до 40%. Сохраните документ (Ctrl + S).
Шаг 18
Создайте новый слой ( ",this,event,"320px");">Create New Layer) и инструментом Многоугольное лассо ( ",this,event,"320px");">Polygonal Lasso Tool) создайте выделение, показанное на следующем скриншоте.
Шаг 19
Залейте выделение синим градиентом.
Шаг 20
Установите Режим наложения на Жёсткий свет ( ",this,event,"320px");">Blending Mode – Hard Light).
Шаг 21
Добавим ещё одну линию графика. Выберите инструмент Перо ( ",this,event,"320px");">Pen Tool) и нарисуйте контур, как показано ниже.Инструкция
Далее на новом слое выберите инструмент Elleptical Marquee и выделите с его помощью текстовую область. Выберите меню Edit, затем Stroke, укажите параметр 5px и установите по черный цвет. Повторите то же самое действие, создав меньшего размера внутри вашей печати.
Изменяйте круговой текст по своему усмотрению, а также поместите в центр печати на новом слое любое другое изображение или новый текст.
Остались последние штрихи, добавьте печати реалистичности. Создайте новый слой с фильтром Render Clouds и добавьте эффект шума (Add Noise). Параметр шума устанавливайте по собственному желанию – 30-40%. Установите в параметрах этого слоя режим Screen вместо Normal, и вы увидите, как приобретает достоверный внешний вид.
Источники:
- фотошоп создание печати в 2019
Adobe Photoshop прежде всего предназначен для работы с изображениями. Но кроме инструментов, которые позволяют делать надписи «от руки» (кисть, карандаш), в нем есть и очень продвинутые инструменты создания и различных трансформаций текстов .
Вам понадобится
- Графический редактор Adobe Photoshop.
Инструкция
Создайте новый документ, в который будет помещена надпись. Для этого достаточно нажать сочетание клавиш CTRL + N. В диалоге создания укажите размеры, достаточные для того, чтобы вместить задуманный текст.
Сделайте заливку единственного пока слоя каким-либо цветом, чтобы на его фоне было лучше видно создаваемый текст - нажмите клавишу G и щелкните пустую картинку мышкой.
Нажмите и подержите секунду пиктограмму с буквой T на панели инструментов. При обычном щелчке эта иконка включает инструмент для создания текстов ых надписей, а при более длительном удержании левой кнопки мыши доступ к выбору нескольких разновидностей этого инструмента. «Горизонтальный текст» - это самый обычный вариант, ним можно так же, как и в простом текстов ом редакторе. Выбрав этот инструмент, щелкните документ в любом месте и начинайте вводить текст. Фотошоп при этом создаст отдельный текстов ый слой.«Вертикальный текст» аналогичен предыдущему, но после каждой буквы редактор за вас делает переход на следующую строку, т.е. буквы помещаются одна под другой.«Горизонтальный текст-маска» иначе. Этот инструмент тоже позволяет набирать горизонтальные тексты, но текстов ый слой при этом , а выделяются фигурные области по контуру букв, слов и строк которые вы набираете. Когда надпись будет готова, вы можете щелкнуть любой имеющийся слой с изображением и вырезать на нем ваш текст, просто нажав клавишу Delete. А можете наоборот, инвертировать выделение и вырезать все, оставив только набранную вами надпись. Есть масса других способов использования этого инструмента.
Щелкните документ и наберите текст. После этого кликните первую пиктограмму на панели инструментов (инструмент «Перемещение»), чтобы выключить режим ввода текста.
Раскройте в меню раздел «Окно» и выберите пункт «Символ», чтобы изменить параметры сделанной надписи. Самый первый (верхний слева) выпадающий список на панельке установок позволяет поменять шрифт надписи (гарнитуру) на один из установленных в вашем . Справа от него размещен селектор начертаний - стандартного, наклонного, жирного и комбинации этих трех. Во второй строке слева - поле для выбора (или ручного ввода) размера шрифта (кегля), справа от него - настройка межстрочного интервала (интерлиньяж). В третьей строке находятся два регулятора расстояния между буквами (кернинг и трекинг). Строчкой ниже вы можете указать пропорции сжатия стандартных размеров букв раздельно по вертикали и горизонтали. Еще ниже можно задать величину сдвига выделенных букв или слов относительно остального текста по вертикали (смещение базовой линии). Щелкнув прямоугольник с надписью «Цвет» можно открыть диалог выбора оттенка для сделанной надписи в целом или только выделенных букв.
В нижней части панельки помещены пиктограммы, которые позволяют буквы надписи жирными, наклонными,
В этом уроке мы с вами будем учиться создавать макет буклета, используя только возможности программы Фотошоп.
Вот что у нас получится в конце урока:
Материалы для урока:
Шаг 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 .
Я покажу вам как создать брошюру. Ниже показаны складные типы брошюры.
И здесь и на передней части, мы будем печатать имена на каждой области, «Лицо », так мы имеем «Лицом 1 », «Лицом 2 », «Лицом 3 » ... до тех пор, пока не закончим «Лицом 6 ».
Шаг 2
Трудно представлять дизайн при складывающейся брошюре. Когда вы сложили брошюру, то рисуйте поверх. Не стесняйтесь делать все что вы хотите, и рисовать все что вы хотите, это творческий процесс.
В следующем примере я использовал планшет, чтобы нарисовать кое что для вас. Это сформирует основные направления по разработке брошюры.
Все это поможет нам при размещении нашего контента в брошюре.
В моем проекте вы можете увидеть как я поместил поле «Обратная связь
» в текстовом поле №2
(см. предыдущий график).
Когда складываешь брошюру, можно будет прочитать и заголовок и контактную информацию, все располагается ровно.
Шаг 3
Начинаем создавать наш дизайн! Работаем со стандартным документом 11х8.5 дюйма. Открываем Photoshop , жмем Ctrl+N , чтобы создать новый документ.
Параметры документа очень важны, т.к как потом дизайн будет печататься.
Ставим параметры следующим образом:
Resolution (Резрешение) - 300 pixels per inch;
Color mode (Цветовой режим) - CMYK ;
Иногда возникает проблема калибровки монитора, чтобы соотношение цветов принтера и монитора совпадали. Но это только иногда, поэтому можете оставить свой цветовой профиль на мониторе так как есть.
После того как мы создали документ, нам понадобятся Направляющие ( (Просмотр - Линейки / Сочетание клавиш «Ctrl+R»)).
Мера измерения в линейке должна быть в дюймах. Сделать это можно следующим образом, зажмем Alt и кликаем по направляющей, в появившемся меню выбираем дюймы (Inches).
Теперь мы должны включить опцию Show Guides (Направляющие), следуем (Просмотр - Показать - Направляющие) или нажатием клавиш Ctrl+; .
Шаг 4
Мы должны определить границы нашей области для печати 11х8.5 дюймов.
Для этого мы должны расположить 4 направляющих по каждой стороне документа.
Вы можете спрятать направляющие по мере надобности и снова показать, (Просмотр - Показать - Направляющие / Сочетание клавиш «Ctrl+;»).
Чтобы сделать направляющую, достаточно стрелочкой перетащить направляющую с линейки на документ, и расположить в соответствующем месте.
Шаг 5
Теперь у нас есть 4 направляющих, следуем (Изображение - Размер холста / Сочетание клавиш «Alt+Ctrl+C»), и добавляем один дюйм к высоте и ширине документа, документ будет след. размеров: 12х9,5 дюймов.
Кроме того, убедитесь что точка находится в самом центре. Жмем ОК и вы видите что белый фон увеличился на 0,5 дюйма, по каждой стороне.
Шаг 6
Теперь мы добавим 0,25 дюйма для печати. Создадим 4 направляющих, выше 1 / 4 дюйма дюйма до предыдущей направляющей.
Это важно, поскольку каждый фоновый рисунок или цвет, должен располагаться внутри печатных границ.
Шаг 7
Даже если наш процесс резки идеальный,то все равно мы должны еще немного оставить области без текста и цветов, и изображений внутри печатных границ. Мы добавим марку безопасности, для границы без всяких элементов или пространству между маркой и дизайном. Это называется «отступы ». Перетащим 4 направляющих по 14 дюйма после «Основной области », направляющая по каждой стороне документа.
Мы можем сделать документ больше или меньше для себя. В конце мы должны получить нечто похоже, как на последней картинке.
Шаг 8
Теперь нам нужно будет создать колонны с использование направляющих.
Брошюра состоит из трех равных столбцов.
Есть несколько способов разделить брошюру на равные части, использовать калькулятор и разделить бумагу на равные части (документ).
Это будет примерно (113=3.6).
Мы будем использовать временные формы, для визуальной видимости наших колонн.
Вставляем в документ на новый слой и называем «BG Texture » и используя инструмент (Инструмент «Перемещение» / Клавиша «V») и (), помещаем внутри печатную область, в тот самый треугольник который рисовали в предыдущих шагах (шаг 10). Теперь используем инструмент () чтобы убрать на текстуре ненужные пятна, линии. Меняем слоя с текстурой на (Умножение) и (Непрозрачность) - 40% .
Важно знать
Изменения режимов смешивания в RGB и в CMYK различаются.
Режим RGB - используется легкое смешивание слоев, режим CMYK - используется доля черного при смешивании.
Популярный режим смешивания (Умножение), при смешивании использует математические формулы RGB цветом.
Результат будет разный, в зависимости от цветового режима.
Ниже приведен пример режима смешивания Multiply (Умножение) в двух цветовых режимах RGB и CMYK .
Цвета Cyan (Голубой), Magenta (Пурпурный) и Yellow (Желтый), Red (Красный), Blue (Синий) и Green (Зеленый), показывают огромную разницу с цветами RGB .
Вы можете работать с документом в RGB режиме, но после завершения, при отправке в печать, вы обязательно должны перевести в режим CMYK .