Верстка обложки. InDesign ( и прочие.. ) Первое упражнение

Автор: Erik Bauer

Верстка. Многие боятся.

А попробуем "по порядку" да просто-напросто правильно создать страницу - и сразу будет намного больше уверенности. 

Итак, о начинающий верстальщик. 

Сидим и ААААА… Чо делать то...как?! Куда нажать...

***

Не бойся! 


Открой InDesign...

Можно да, Фотошоп...но …

В общем… сначала индиз...потом так же в Фотошопе повторить будет легче, чем наоборот. Да, бывает что-то на обложку удобнее сделать в ФШ, когда сложные коллажи. Ну окей… 

(Напомню верстальщик Affinity Publisher есть. Все похоже. Стоит намного дешевле. Так что не ругать меня оттого, что учу "дорогой программе", хотите - так же делайте в Aff.Pub.

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

То же и с Фотошопом - ну конечно же, когда сложный "коллаж" не стоит фанатично готовить все эти элементы для Индизайн и там пытаться собрать... Делайте уже прямо в ФШ

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

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

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

***

Новый документ... Откроется окно с настройками. Выбери в списке форматов А5 ...если там нет, то это 148x210 мм. Это в наше время основной формат для книжек в мейнстриме. Упражняемся с ним. 

(Меня бы предали анафеме старые печатники. Вообще-то форматы книг - более глубокая тема. Там были другие размеры, из традиционного ремесла и производства бумажных листов. Стандартизация DIN убила красивые форматы …но оно существует. Ищите литературу об этом. А пока вернёмся в DIN Norm. Забавный факт - сервис Ридеро имеет формат (якобы) А4 и А5, которые отличаются от стандарта. Делая свой пдф для них обратите на это внимание, а то модераторы заворачивают макет) 

Потом, когда все выставишь, сразу сохрани эту  настройку как А5 обложка... 

В окне предварительных настроек нажми на галочку доп. настройки… откроется ещё, нам надо

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

Для нашей обложки двойную страницу пока не надо. 

Начнем с одинарной, фронт... 

Иногда сразу разворот делают. Мы пока не будем. Но в таких случаях включают опцию двойная страница (разворот) 

(Я не пишу тут ничего про корешок вообще и "это всё") 

Пока мы её отключим. 

Далее настройки: 

Внутренние поля. Сделай для А5 как минимум 10 мм… я делаю так. 10-15 мм...

Ок пока 10... Ну сам посмотри как лучше… люфт это хорошо. 

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

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

(Чем больше формат, тем эти цифры больше. На плакат, уже не 10 а от 30 мм и выше...на флаер А6 и 5 мм хорошо…) 

Внизу, где дополнительные настройки... Припуск на обрез. Минимум три мм. Ну сделай 5...

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

Поля делаем равномерные... 

(При верстке внутренних страниц там по другому… внутри-снаружи - по-разному...)

И сверху-снизу ... Ну у нас на обложку можно сделать внизу например 15 а  сверху 10... "Оптическая середина" типа. Или 20 внизу, если вообще 15… 

Итак, поля и припуск. 

 ... Сохрани настройки 

Открой документ. 

....

На будущее: 

Смотри: в программе  верстки есть такое понятие "мастер страница" 

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

С мастер-страницами работают плотно. Допустим тебе надо... макет внутренней страницы, макет для "часть первая, часть вторая"... что ещё в книге есть? Макет разворота для начала главы...

Такое уместно сделать на мастере . Ну те элементы, что везде одинаковые на нем. 

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

****

Я рассказал. Ты понял, имеем в виду. Пока просто на простой странице играем.

Хочешь - перейди там в меню страниц на мастер. Хуже не будет. 

Нам пока не так важно.

...

У тебя получился уже небольшой макет - страница с полями и с разметкой на обрез.

Уже порядок, уже дышать легче. 

Можно, по идее, размещать объекты. Все в рамках (фреймах) 

Ты можешь натянуть текстовую рамку ...для текста. Можешь для картинки. И импорт картинки/ графики сделать в такую рамку. Можешь и просто цветные плоскости. 

И, как в конструкторе, из этих кубиков собирать макет.

....

Но! Пока погоди. 

Там есть вспомогательные линии. Ими неплохо бы сделать разметку.

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

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

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

....

Ещё! Есть там меню вверху про "добавить вспомогательные линии" То есть там можно сделать "модульную сетку" такие квадратики из двойных линий... Можно поподробнее такие ... мелкие. Шаг между двойными линиями...ну… 5 мм... Там посмотришь плюс-минус.

Есть …5 (6) на 9 (8) есть ещё варианты... Поиграй. В сети варианты имеются. 

Внизу там галочка "старое удалить" - полезно. А то смешается, когда поменять захотелось. . 

Начало "от рамки" (не от начала страницы) 

Вот такую сетку можно сделать - удобно работать по ней. Расставлять объекты. Особенно для многостраничных брошюр уместно. Не будут "скакать" элементы. 

Вот так ты создал страницу для работы. 

Потом, как уже писал ...делаешь рамки ...туда содержимое...и как из кубиков собираешь.... 

Рамки невидимые... Ну если не присвоить им какие-то параметры… цвет или поля. .

Вид. Все можно включить и выключить … чтоб не мешало... И контуры рамок и эти линии … видно-не видно... Есть разные модусы просмотра... можно переключать смотреть как оно в демонстрационном модусе ...

В меню вид, там пара подменю.


Текст. Пара окон для текста и абзацев. Можно его очень удобно форматировать... Расстояние между букв …общее и точечно ... ну и всякое.

Как и в Фотошопе - меню окна там все можно включить, если они не видны … 

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

...

Пока это. Для обложки достаточно такого упражнения.


....

P S.

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

А уже затем думайте про ваши картинки. Художник, фотограф, стоки, нейросети.  

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

...

Профи - добавляйте ваши замечания. Учитываем - это первый вводный тренинг. Разминка. Начало. 

Ибо ...я написал ранее про плакат. Там было много и испугало кое-кого. 

***

P.P.S. это интересно:

Как мы знаем, в каждой программе из нашей тройки от Адобе - Фотошоп, Иллюстратор, ИнДизайн - есть такие простые функции друг от друга. Так в Фотошопе вы можете нарисован несложный векторный путь. Так в ИнДизайне что то по векторам простое поделать. Полезные мелочи, чтоб не прыгать из программы в программу. 

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

***

друзья! вы еще смотрите мой тот подробный пост про плакат. 

там параметры для плаката, но будет понятнее.. И там весь процесс..

https://author.today/post/251394


Смотрите, как я хорошо расставил. И быстро. Вот, сделав хорошо разметку, экономим бессонные ночи. 

Я вот простенькое, показать принцип. За пару минут. 

Ну, будем картинки... Не спецзаказ, то что было под рукой. 

Но, посмотрим...

Эффектно, но пестровато... Хммм ... Чтош, будем искать! 

Уже поспокойнее. Вот. Пробуем, ищем. 


Такой вариант решения

И так. Мне нравится. 

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

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

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

Обратите внимание... 

Слово Insider стоит не точно по сетке. 

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

Рад был это показать! 

Салют вам. Мы классно поиграли. Мне было приятно все это делать для вас. 

А я вот уже собираюсь в Дрезден к родным. Вот перед путешествием, накатал вам пост. 

Пожелайте мне спокойной дороги! Пакааа!👻

+77
1 067

0 комментариев, по

1 959 133 514
Наверх Вниз