Готовим макет брошюры для типографии. Используем Adobe Illustrator для создания макета страницы

Создадим новый документ шириной 960px и произвольной высотой. Я выбрал такую ширину, потому что, судя по посетителям нашего сайта , у большинства из них немаленькие мониторы.

Не забудьте выставить Color Mode в RGB .

Шаг второй

Чёрные границы на картинке ниже обозначают размеры создаваемого нами документа (область между ними ещё называют artboard ). Мне нравится помещать скриншот с чистым окном браузера в качестве подложки: гораздо легче воспринимать страницу такой, какой она должна получиться.

Шаг третий

Следуюший шаг очень важен. Вы, разумеется, можете выбрать произвольный масштаб (Zoom ) и даже изменять его в процессе работы, но имейте в виду, что текст на странице должен быть удобочитаемым при масштабе 100% (1:1). Для изменения масштаба вы можете использовать отмеченное ниже поле.

Шаг четвёртый

Вы можете скрывать и отображать границы рабочей области тогда, когда вам это нужно. Для её сокрытия вам нужно выбрать команду View > Hide Artboard . Есть только одна проблема: такая операция занимает слишком много времени. Поэтому, советую вам использовать специальное сочетание клавиш для этого: Command + Semicolon (;) .

Шаг пятый

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

Шаг шестой

Когда вы будете уверенным в разметке страницы, вы можете удалить прямоугольники, заменив их направляющими (Guide lines ).

Шаг седьмой

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

Шаг восьмой

Доведите шапку страницы до совершенства, добавив в неё изображения, иконки.

Шаг девятый

Я решил добавить голубого цвета в шапке.

Шаг десятый

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

Шаг одиннадцатый

Существует несколько способов подготовки дизайна для WYSIWYG-редакторов (например, Adobe Dreamweaver). Первый предполагает использование слайсов (Slice ). Их можно создать с помощью тех же направляющих или выделением. Сделаем с помощью направляющих: перетащим и расположим их вокруг каждого элемента-ссылки на странице. В нашем примере, все четыре иконки являются ссылками: ведут на отдельные страницы на нашем сайте.

Шаг двенадцатый

Когда вы разметите направляющими нужные блоки на странице, можно превратить их в настоящие слайсы. Для этого используем команду Object > Slice > Create from Guides . Я заметил, что Illustrator может не сделать соответствующие слайсы по первому требованию, поэтому я повторяю эту операцию три или четыре раза. Когда всё будет готово, появятся чёрные пронумерованные блоки.

Шаг тринадцатый

Для сохранения сделанных слайсов, используйте File > Save for Web & Devices... . Выделяйте с помощью Slice Select Tool (k) нужные для сохранения слайсы. Вы можете выбрать несколько таких блоков, зажав Shift . На панели справа выберите нужные вам параметры сохранения изображений. JPEG, например, больше подходит для изображений с несколькими цветами, GIF - для изображений с маленьким числом цветов и большими однотонными областями, а PNG - для сохранения прозрачности в изображениях (однако же, вам предстоит встретиться с чудаком по имени Internet Explorer в случае использования последней). Выберите нужное вам качество (можете поиграться с настройками) и нажимайте Сохранить .

Шаг четырнадцатый

Выберите место для сохранения файлов. Я выбрал Рабочий стол . Не забудьте выставить в поле Format значение Images Only .

Шаг пятнадцатый

На вашем рабочем столе появится папка с именем Images . Внутри - слайсы, которые теперь стали изображениями.

Шаг шестнадцатый

Очистите все направляющие командой View > Guides > Clear Guides . Далее, нарисуйте направляющие вокруг тех объектов, которые вы намерены разрезать сейчас. При наведении указателя на меню, оно должно менять свой цвет. Вам нужно разрезать его для всех используемых вами оттенков.

Шаг семнадцатый

Выберите слайсы, которые вы хотите сохранить. Навигация в моём примере как раз подходит для сохранения в GIF (не содержит изображений и большого количества цветов). Если вы хотите использовать обычные шрифты, то вам следует оформить нафигацию с помощью HTML.

Шаг восемнадцатый

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

Шаг девятнадцатый

При сохранении изображений в ту же папку, что и в прошлый раз, она будет содержать и новые, и старые изображения. Не забудьте повторить шаги 16-18 для других состояний кнопок навигации.

Шаг двадцатый

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

Другой метод создания слайсов заключается в выделении объекта и выполнении команды Object > Slice > Create from Selection . Вы можете использовать любой способ для создания слайсов, какой больше нравится.

Шаг двадцать первый

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

Шаг двадцать второй

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

Крайний шаг

Посмотрите ещё раз на то, что у нас получилось.

Я уверен, что вы почувствовали лёгкость при работе с Adobe Illustrator. В нём очень просто создавать макеты любой сложности: вы можете полностью контролировать процесс создания макета страницы.

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

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

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

Под версткой нужно понимать размещение текстовых и графических объектов на страницах.

Верстка должна отвечать требованиям дизайна и обеспечивать приемлемый вид:

результат верстки должен быть удобным в использовании;

расположение материалов должно быть компактным;

издание должно восприниматься как одно целое и радовать глаз читателя.

Создание макета

Под макет следует подразумевать набор правил, по которым располагаются элементы текста и графики. При макетировании нужно учитывать формат выбранного издания, так как от этого зависит количество страниц и параметры текста и графики. Также при макетировании нужно учитывать тот факт, что первая и последняя страницы книги выступают титульной и пустой или информацией об авторе соответственно. Как правило есть стандартные линейные отношения ширины к высоте страницы: 1:1,41 (отношение стороны квадрата к его диагонали); 1:1,538; 1:1,618 (золотое сечение); 1:1,732, простые рациональные пропорции 1:2, 2:3, 3:4, 5:8 (приближено к золотому сечению), 5:9.

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

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

Графику и текст для удобства нужно подготовить раньше. Пусть у нас будет две картинки и текст.

Текст

Сначала поместим текст. Это делается через меню Файл - Поместить.

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

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

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

Всему тексту задается абзацный отступ (в среднем 3 – 5 – 7 мм). Все абзацные отступы в основном тексте должны быть одинаковыми, кроме того такие же отступы присутствуют и в дополнительном тексте.

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

Выключка основного текста в книгах делается по формату (по ширине полосы набора).

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

Отдельно обратим внимание на переносы. Максимально допустимое количество идущих подряд строк с переносами не должно быть больше двух, так как теряется удобочитаемость слов с переносом.

Графика

Используя меню Файл – Поместить откроем первую картинку и разместим слева от нашей страницы. Также со второй, но ее поместим справа.

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

Также имеет значение разрешение растрового изображения. Если изображение не содержит мелких элементов, то для него будет достаточно и 100-250 dpi, высокое разрешение может быть избыточным для всей структуры в целом.

Теперь используя меню Просмотр – Линейки – Показать линейки вызываем горизонтальную и вертикальную линейки. Также этом можно сделать нажав на хоткей Ctrl-R. Следующим этапом будет размещение направляющих по горизонтали и вертикали снизу и сверху страницы на расстоянии от края приблизительно одного сантиметра. Потянуть их можно из горизонтальной и вертикальной линеек.

Если нужно уменьшить или увеличить изображение, то это можно сделать командой Трансформировать – Масштабирование из контекстного меню картинки.

Теперь можно приступить к расположению картинок и текста на странице.

Меньшую картинку поместим сверху по всей длине страницы, а вторую справа, так как она дольше по вертикали. И текст слева, распределив его по оставшейся свободной поверхности.

Допечатная подготовка

В процессе допечатной подготовки могут возникнут проблемы при присутствии лишних элементов, которыми могут быть пустые текстовые блоки, незакрашенные контуры, потерянные узлы. Для этого существует команда Объект – Контур – Вычистить. Также нужно удалить неиспользуемые кисти, стили, символы и цвета, используя макрос Delete Unused Palette Items.

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

Объекты, для которых применялись инструменты Прозрачность или Градиентная сетка должны быть отрастрированы Объект – Преобразовать прозрачность.

Кисти и символы лучше перевести в векторные контуры, так как при печати они не всегда распознаются. Для этого есть команды Объект – Преобразовать и Объект – Преобразовать внешние эффекты.

При подготовке векторных изображений для полиграфии используют цветовую модель CMYK, для установки которой предназначена команда Файл – Цветовой режим документа - Режим CMYK. Четырёхцветная автотипия (CMYK: Cyan, Magenta, Yellow, Key color) — субтрактивная схема формирования цвета, используемая прежде всего в полиграфии для стандартной триадной печати. Схема CMYK, как правило, обладает сравнительно (с RGB) небольшим цветовым охватом.

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

Векторные изображения не должны содержать объекты в цветовой модели RGB - это касается и внедренных растровых изображений, которые должны быть переведены в режим CMYK. Все изображения должны быть переведены в цветовой режим CMYK.

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

Также можно применить автоматические метки реза, которые программа устанавливает по краю страницы при помощи команды Объект – Создать метки обреза. Этих меток не будет видно, так как они отсутствуют в пределах страницы.

Перед сохранением файла нужно разблокировать все объекты командой Объект – Освободить все и перевести элементы изображения на один слой.

Сохранять файл нужно в формате EPS (Encapsulated Post Script), так как он считается стандартом для полиграфических устройств. Encapsulated PostScript (EPS) - расширение формата PostScript, данные в котором записываются в соответствии со стандартом DSС (англ. Document Structuring Conventions), но при этом c рядом расширений, позволяющих использовать этот формат как графический. Формат используется в профессиональной полиграфии и может содержать растровые изображения, векторные изображения, а также их комбинации.

Также следует учесть тот факт, что названия файлов должны быть только на латинице.

Также для домашней печати можно экспортировать документ в PDF.

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

Печать на лазерном принтере

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

На вопрос как сделать буклет в adobe illustrator? по простому если можно) я новичек заданный автором Невропатолог лучший ответ это задаешь нужный формат, к примеру 210х297 мм в альбомной ориентации, гайдами делаешь колонки, от гайдов делаешь еще одни гайды на расстоянии 7 мм, вот в этой зоне как раз и будет текст и прочая информация.
Желательно предусмотреть вылеты по 5 мм. Оборотная часть делается в другом файле.
гайды - направляющие линии
вылеты - фон выходящий за пределы страницы

Ответ от 22 ответа [гуру]

Привет! Вот подборка тем с ответами на Ваш вопрос: как сделать буклет в adobe illustrator? по простому если можно) я новичек

Ответ от Ёергей Степанов! [гуру]
А лучше всего, для создания буклета обратиться к Специально Обученным Людям! Можно даже ко мне!


Ответ от Tabolog [новичек]
Или ко мне!


Ответ от россияне [активный]
Если в брошюру вставлена растровая картинка, то как это будет выглядеть при печати и можно ли так делать? Как правильно вставить и сохранить такую штуку с растровой графикой?


Ответ от Кокосовый [гуру]
На такой вопрос просто не ответишь. Это много много уроков и хорошее знание программы.


Ответ от Tonad [мастер]


Но согласись, Zолотце, из корела не сделаеш файлы, готовые к выводу плёнок для последующей печати на оффсетной машине, да и цвета в нём корявые, а если переводить в eps, ai, то вылазят разные глюки. Мы например в нашей типограифи стараемся не принимать файлы в Corel.
Насчёт того, как сделать буклет в Illustrator. Ну... очень просто.. . создаёш новую страницу и рисуеш там с помощью инструментов то, что тебе надо, кстати не обязательно в другом файле рисовать оборот для буклета, можно просто создать 2 слоя в первом рисовать лицо в другом оборот.


Ответ от Евгений Евгеньевич [гуру]
проще всего: Файл-Новый из шаблона-Брошюра


Ответ от ¤ ° °Zолотце° ° ¤ [гуру]
лично Я, полиграфию делаю в кореле.
ни фитошоп ни илюстратор не очень удобны. т. к. каждый шаблон разрабатывается индивидуально (не из готовых наработок)


Ответ от DrEgor [гуру]
Что ты понимаешь под выражением "буклет"?
Лист сложенный 2-3 раза или книжечку с несколькими страницами?
Объяснить "как сделать" - все равно что научить тебя на самолете летать по телефону. 🙂
Для верстки (многостраничной да и просто листовок) обычно используется ИнДизайн
В иллюстраторе можно делать объекты, логотипы и пр. но собирать что-то в нем менее удобно.


Ответ от Ксения Любимая [гуру]
если не знаешь как сделать буклет в иллюстраторе - значит надо сначала изучить программу,
почитать уроки, изучить функции, инструменты,
а потом уже заниматься изготовлением буклета.
извините, что ничего по теме не посоветовала, но я вот такие вопросы просто не понимаю.


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

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

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

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

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

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

В следующем видео уроке подробнее описано как сверстать журнал в Indesign:

(Visited 8 167 times, 3 visits today)