Буклет в фотошопе урок. Деловой буклет

17.06.2019 Виды и сроки выплат

Инструкция

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

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

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

Источники:

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

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

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

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

Инструкция

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

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

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

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

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

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

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

Вот что получится в результате выполнения урока:

Шаг 1 - Составление плана

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

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

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

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

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

Шаг 2 - Выбор разрешения

Качество печати напрямую зависит от разрешения. Создавая новый документ, сразу задаем разрешение:

DPI - это значение, которое определяет количество точек (пикселей) на один дюйм. Также разрешение может измеряться в пикселях на см. Однако, я еще не встречал ни одной типографии, в которой бы пользовались этой единицей измерения. Фотошоп преобразует разрешение в разные единицы измерения автоматически. По умолчанию при создании нового документа задается значение 72 пикс/ дюйм. Если поменять единицу измерения, значение автоматически изменится на 28,346:

При создании изображения для отображения на компьютерных мониторах чаще всего используют разрешение 72dpi. Лучшее же разрешение для вывода на печать - 300 dpi. Это минимальное разрешение для получения четких цветных отпечатков небольшого размера (буклеты, визитки, билеты, листовки и т.д.). Для брошюры формата A4, которую будут смотреть, держа ее в руках, это будет замечательно. Некоторые полиграфические компании предлагают печать документов с разрешением даже 600 точек на дюйм, а то и больше.

Итак, DPI определяет количество точек, из которых состоит изображение. Точки расположены по строкам и столбцам. Количество точек по горизонтали и по вертикали может меняться. Но не будет забивать этим голову. Запомните только, что для печати оптимально разрешение - DPI-300, если нет других рекомендаций.

Шаг 3 - Поля и припуски под обрез

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

Расскажу небольшую грустную историю…

Допустим, нам нужно сделать визитку. В нашем распоряжении только программа Photoshop. Предположим, что мы уже знаем, что необходимо задать разрешение 300 dpi, а вот про припуски под обрез никогда не слышали. Итак, мы делаем визитку таким образом:

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

Итак, припуски под обрез - это часть дизайна. В нашем примере я сделал их по 2 мм. Теперь несовершенства обрезки будут совершенно незаметны. В разных типографиях требования к припускам под обрез разные - от 1 до 3 мм с каждого края. Таким образом, при дизайне визиток обязательно нужно это учитывать. Теперь попробуем создать визитку с припусками под обрез. Размер в 3,5×2 дюйма соответствует американскому стандарту 89×51 мм. В Польше стандартный размер визитки составляет 90×50 мм. Разница небольшая, но чтобы вычисления были более понятными, будем использовать второй размер вариант.

Как видно из рисунка выше, со всех четырех сторон документа есть дополнительно 3 мм. Итак, как сделать расчет окончательного размера документа:

Требуемый размер документа: 90 * 50 мм
Размер припусков под обрез: по 3 мм
Добавим припуски: 90+(3*2) * 50+(3*2)
Фактический размер документа: 96 * 56

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

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

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

margin line - линия полей

bleed line - линия припуска под обрез

Шаг 4 - Простой способ сделать поля и припуски под обрез

Возьмём за основу шаблон нашей визитки ещё раз. Итак, визитка размером 90×50 мм.

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

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

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

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

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

Подробности

Программа: 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 — это очень мало, и если бы у нас в руках был кусок этого баннера, мы бы увидели все несовершенства печати, однако из-за большого расстояния (шириной в улицу, например) он выглядел достаточно чётко.

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

(Этот урок есть в видео формате )

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

Очерчиваем направляющими границы нашего проекта, при необходимости линейку включаем комбинацией Ctrl + R . Чтобы убрать направляющие затаскиваем их обратно в линейку инструментом «перемещение», чтобы скрыть их нажимаем Ctrl+ H и та же комбинация, чтобы проявить их обратно.

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

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

5. Информация будет расположена вертикально и надо сделать колонки. Вы можете просто с помощью линейки измерить расстояние, поделить на три и поставить направляющие. Но, так как, я закоренелый гуманитарий и избегаю любых подсчетов, то выбрала вариант проще. Берем инструмент «прямоугольник» и от первой (нами поставленной) направляющей делаем фигуру. Трансформируем с помощью клавиш Ctrl+T .

6. Создаем два дубликата прямоугольника и располагаем их по холсту как на скрине. Выделяем все три фигуры на панели слоев с помощью Shift , зажимаем Ctrl + T и тянем за край третьего прямоугольника. Таким образом, они равномерно распределяются по холсту (не заходя на типографическую обрезку).

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

Теперь можно приступать к самой творческой части создания буклета. Здесь, как говорится, правил нет. Но вот урок о моем буклете появится скоро в блоге. Всем удачи)

Шаг 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) создайте выделение, показанное на следующем скриншоте.