Вёрстка
D_art
Грандмастер
7/25/2017, 8:03:17 PM
Привет всем)
Захотелось открыть тему о вёрстке печатной продукции: программы, обмен опытом и т.д.
Есть на форуме верстаки - любители и профессионалы?
Будет любопытно узнать как вы начинали, в каких программах, что юзаете сейчас?
С чем работаете - газеты, книги, буклеты, календари и т.д.
Расскажите!
Тема не наградная
Захотелось открыть тему о вёрстке печатной продукции: программы, обмен опытом и т.д.
Есть на форуме верстаки - любители и профессионалы?
Будет любопытно узнать как вы начинали, в каких программах, что юзаете сейчас?
С чем работаете - газеты, книги, буклеты, календари и т.д.
Расскажите!
Тема не наградная
Аватарка ушла в отпуск =(
D_art
Грандмастер
7/27/2017, 11:46:34 PM
Хочу рассказать вам о верстке на примере создания газеты.
Верстка газеты, на мой взгляд, довольно интересный и творческий процесс. Даже в рамках одного оригинал-макета (у каждого издания есть макет со своими стилями, шрифтами и т.д.) есть множество вариаций размещения информации.
Но обо всем по порядку. Если в ходе изложения материала у вас появятся вопросы или замечания - прошу высказываться))
Для начала необходимо определиться с концепцией издания - будет ли это чисто рекламное издание, рекламно информационное или информационно-развлекательное, общественно-политическое и т.д. Далее стоит решить КОМУ вы хотите предложить свой продукт: дети, подростки, женщины, мужчины. Потом - ЧТО вы хотите им предложить - истории из жизни, материалы о музыке, сборник рецептов, технические характеристики авто, кроссворды, гороскопы и т.д.
Также необходимо определиться с форматом - будет ли это так называемый "сумочный" формат А4, традиционный (таблоид) А3, или широкоформатный А2.
В моем примере пусть будет общественно-информационное издание, с рекламными материалами (в современной действительности без этого совершенно никак), также присутствуют развлекательные странички.
Когда вы точно решили что вы хотите издавать, следует решить технико-технологические вопросы: выбрать типографию, узнать возможности печатной машины (от этого зависят размер страницы, печатное поле и размер полей). Сейчас у многих типографий есть свои сайты - можно почерпнуть информацию оттуда. В конце концов купить компьютер и установить всё необходимое ПО Кстати оно должно быть лицензионным! Сейчас за этим строго следят))
Еще нужно зарегистрировать свое издание в соответствующих органах, если, конечно вы не планируете разовый выпуск тиражом менее 1000.
И когда предварительные манипуляции выполнены - можно непосредственно переходить к созданию оригинал-макета издания.
Верстка газеты, на мой взгляд, довольно интересный и творческий процесс. Даже в рамках одного оригинал-макета (у каждого издания есть макет со своими стилями, шрифтами и т.д.) есть множество вариаций размещения информации.
Но обо всем по порядку. Если в ходе изложения материала у вас появятся вопросы или замечания - прошу высказываться))
Для начала необходимо определиться с концепцией издания - будет ли это чисто рекламное издание, рекламно информационное или информационно-развлекательное, общественно-политическое и т.д. Далее стоит решить КОМУ вы хотите предложить свой продукт: дети, подростки, женщины, мужчины. Потом - ЧТО вы хотите им предложить - истории из жизни, материалы о музыке, сборник рецептов, технические характеристики авто, кроссворды, гороскопы и т.д.
Также необходимо определиться с форматом - будет ли это так называемый "сумочный" формат А4, традиционный (таблоид) А3, или широкоформатный А2.
В моем примере пусть будет общественно-информационное издание, с рекламными материалами (в современной действительности без этого совершенно никак), также присутствуют развлекательные странички.
Когда вы точно решили что вы хотите издавать, следует решить технико-технологические вопросы: выбрать типографию, узнать возможности печатной машины (от этого зависят размер страницы, печатное поле и размер полей). Сейчас у многих типографий есть свои сайты - можно почерпнуть информацию оттуда. В конце концов купить компьютер и установить всё необходимое ПО Кстати оно должно быть лицензионным! Сейчас за этим строго следят))
Еще нужно зарегистрировать свое издание в соответствующих органах, если, конечно вы не планируете разовый выпуск тиражом менее 1000.
И когда предварительные манипуляции выполнены - можно непосредственно переходить к созданию оригинал-макета издания.
Аватарка ушла в отпуск =(
D_art
Грандмастер
7/31/2017, 11:21:57 PM
Немного терминологии
Верстка - процесс расположения материалов (текстов, фото и графических элементов) на полосе (странице).
Полоса - газетная страница, насыщенная информацией (обычно подобранных по одной теме). Газетная полоса имеет колонтитул, т.е. размещенная вверху страницы информация об издании (название, дату, номер /порядковый и сквозной/ и номер страницы), также в колонтитуле может быть размещена рубрика, относящаяся ко всей странице.
Есть издания, которые увеличивают колонтитул по высоте, чтобы разместить там дополнительную короткую информацию - цитаты, цифры, интересные факты.
Дизайн газеты, на мой взгляд, напрямую зависит от логотипа издания. Если логотип строгий, соответственно, дизайн издания должен быть без "наворотов", строгость линий и никаких лишних элементов. И наоборот. Разумеется издания для детей - чем веселее, тем лучше, хотя во всем должна быть мера)))
Верстка - процесс расположения материалов (текстов, фото и графических элементов) на полосе (странице).
Полоса - газетная страница, насыщенная информацией (обычно подобранных по одной теме). Газетная полоса имеет колонтитул, т.е. размещенная вверху страницы информация об издании (название, дату, номер /порядковый и сквозной/ и номер страницы), также в колонтитуле может быть размещена рубрика, относящаяся ко всей странице.
Есть издания, которые увеличивают колонтитул по высоте, чтобы разместить там дополнительную короткую информацию - цитаты, цифры, интересные факты.
Дизайн газеты, на мой взгляд, напрямую зависит от логотипа издания. Если логотип строгий, соответственно, дизайн издания должен быть без "наворотов", строгость линий и никаких лишних элементов. И наоборот. Разумеется издания для детей - чем веселее, тем лучше, хотя во всем должна быть мера)))
Аватарка ушла в отпуск =(
D_art
Грандмастер
8/1/2017, 12:16:23 AM
Давайте для начала создадим логотип для нашего издания.
Пусть оно будет называться "SN сегодня" - оригинально, неправда ли))))
Наша газета будет А3 формата, а конкретнее 290*400 мм, размер печатного поля - 265*370 мм. Соответственно ширина полей - сверху 15 мм, снизу - 15 мм, внешнее поле - 15 мм, внутреннее - 10 мм (средник получается 20 мм).
Печатное поле - это непосредственно запечатываемое пространство, за его пределы категорически рекомендуется не выходить).
Средник - внутреннее поле между двумя полосами газеты.
Пусть оно будет называться "SN сегодня" - оригинально, неправда ли))))
Наша газета будет А3 формата, а конкретнее 290*400 мм, размер печатного поля - 265*370 мм. Соответственно ширина полей - сверху 15 мм, снизу - 15 мм, внешнее поле - 15 мм, внутреннее - 10 мм (средник получается 20 мм).
Всего фото в этом сете: 2. Нажмите для просмотра.
Печатное поле - это непосредственно запечатываемое пространство, за его пределы категорически рекомендуется не выходить).
Средник - внутреннее поле между двумя полосами газеты.
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
9/5/2017, 3:02:46 AM
а дальше?
D_art
Грандмастер
9/8/2017, 2:32:22 PM
(С шёрсткой @ 05-09-2017 - 01:02)
Обязательно сверстаем наше издание.
Немного терпения
а дальше?
Обязательно сверстаем наше издание.
Немного терпения
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
9/9/2017, 3:30:49 AM
не сомневаюсь, но как долго
D_art
Грандмастер
9/10/2017, 5:06:18 AM
Прежде чем начать верстку, надо определиться с программой. Их существует несколько: PageMaker, QuarkXPress, InDesign и другие, в том числе и бесплатные.
PageMaker одна из первых разработок в этой сфере. На мой взгляд для начала 2000-х это была вполне себе хорошая программа (разумеется более поздние ее версии). Но был ряд недостатков, которые затрудняли процесс верстки. Например таблицы верстались в отдельном приложении, а потом ипортировались на полосу, при этом затруднялось редактирование и т.д. Не было обводки букв, текстовый фрейм был неудобный (хотя это дело привычки).
QuarkXPress до появления InDesign широко использовался. Много не скажу, т.к. я в нем не работала.
Ну и мой любимый InDesign от компании Adobe. Единственный серьезный минус, на мой взгляд, - начиная с версии CS3 нельзя конвертировать или пересохранить макет из новой версии в старую, как например в CorelDraw. Так что и дома и на работе и вообще, где приходится работать нужна одна версия программы, но Adobe так часто обновляется, что, например, редакциям региональных издательств нет возможности постоянно покупать лицензионное ПО.
Что касается процесса верстки - здесь нареканий лично у меня нет, если что-то не хватает, то стоит поискать соответствующие плагины, правда они тоже зачастую связаны с версией не ниже определенной. Версии обновляют, чтобы устранить какие-то баги или улучшить какие-то функции, добавить новых, но не всегда они лучше (лично мое мнение). У меня есть с чем сравнить - начинала я с CS2, работаю в CS3, CS6, СС.
Несколько скринов разных версий InDesign при запуске.
Ну вот - кратко о программах. Если вы работаете в каких-то других, будет любопытно узнать как в них работается, плюсы и минусы.
PageMaker одна из первых разработок в этой сфере. На мой взгляд для начала 2000-х это была вполне себе хорошая программа (разумеется более поздние ее версии). Но был ряд недостатков, которые затрудняли процесс верстки. Например таблицы верстались в отдельном приложении, а потом ипортировались на полосу, при этом затруднялось редактирование и т.д. Не было обводки букв, текстовый фрейм был неудобный (хотя это дело привычки).
QuarkXPress до появления InDesign широко использовался. Много не скажу, т.к. я в нем не работала.
Ну и мой любимый InDesign от компании Adobe. Единственный серьезный минус, на мой взгляд, - начиная с версии CS3 нельзя конвертировать или пересохранить макет из новой версии в старую, как например в CorelDraw. Так что и дома и на работе и вообще, где приходится работать нужна одна версия программы, но Adobe так часто обновляется, что, например, редакциям региональных издательств нет возможности постоянно покупать лицензионное ПО.
Что касается процесса верстки - здесь нареканий лично у меня нет, если что-то не хватает, то стоит поискать соответствующие плагины, правда они тоже зачастую связаны с версией не ниже определенной. Версии обновляют, чтобы устранить какие-то баги или улучшить какие-то функции, добавить новых, но не всегда они лучше (лично мое мнение). У меня есть с чем сравнить - начинала я с CS2, работаю в CS3, CS6, СС.
Несколько скринов разных версий InDesign при запуске.
Всего фото в этом сете: 4. Нажмите для просмотра.
Ну вот - кратко о программах. Если вы работаете в каких-то других, будет любопытно узнать как в них работается, плюсы и минусы.
Аватарка ушла в отпуск =(
D_art
Грандмастер
9/10/2017, 5:53:28 AM
Начинаем верстку. Программа установлена. Запускаем.
Как и везде, чтобы создать документ нажимаем Файл - Новый - Документ (или Ctrl + N)
Откроется окно, где мы выставляем наши параметры: 290*400 мм и поля: сверху 15 мм, снизу - 15 мм, внешнее поле - 15 мм, внутреннее - 10 мм (средник получается 20 мм).
Чтобы вписать размеры полей, снимите замочек (он дает возможность написать один размер и далее повторяет его во всех окошках).
Количество колонок в среднестатистическом издании обычно 5-6, но может быть и 11-колонник. Может быть и разное количество колонок на разных полосах. Сделаем наше издание 11-колонным - так интереснее))) Полос сделаем 8.
Количество полос в газете обычно кратно 4 или 8. Это связано в первую очередь с технологическим процессом. В книгах количество страниц кратно 16 или 32.
Нажимаем ОК. Не забываем сохранить наш макет))
Как и везде, чтобы создать документ нажимаем Файл - Новый - Документ (или Ctrl + N)
Откроется окно, где мы выставляем наши параметры: 290*400 мм и поля: сверху 15 мм, снизу - 15 мм, внешнее поле - 15 мм, внутреннее - 10 мм (средник получается 20 мм).
Чтобы вписать размеры полей, снимите замочек (он дает возможность написать один размер и далее повторяет его во всех окошках).
Количество колонок в среднестатистическом издании обычно 5-6, но может быть и 11-колонник. Может быть и разное количество колонок на разных полосах. Сделаем наше издание 11-колонным - так интереснее))) Полос сделаем 8.
Количество полос в газете обычно кратно 4 или 8. Это связано в первую очередь с технологическим процессом. В книгах количество страниц кратно 16 или 32.
Всего фото в этом сете: 2. Нажмите для просмотра.
Нажимаем ОК. Не забываем сохранить наш макет))
Аватарка ушла в отпуск =(
D_art
Грандмастер
9/10/2017, 6:18:46 AM
Для удобства нам нужно настроить рабочее пространство программы под наши потребности.
Для этого заходим в меню "Окно" и там выбираем нужное.
Я привыкла, чтобы у меня под рукой были следующие инструменты:
1. "Инструменты". Эта панель содержит такие кнопки как "Текст", "Выделение", "Масштаб", "Рука" и т.д. Находится слева на панели (фото 2).
2. "Страницы". Здесь можно работать с шаблоном и разворотами.
3. "Связи", здесь отображаются фото и графические объекты.
4. "Выравнивание" - легко можно равнять фреймы, объекты и пр. в том числе на заданную величину.
5. и 6. "Образцы" и "Обводка" - работа с цветом, толщиной и формой линий.
7. и 8. "Стиль символов" и "Стиль абзацев" - здесь мы будем формировать наши текстовые стили.
9. "Обтекание текста" - тут вроде понятно.
10. "Абзац" - выключка и отступы в тексте.
Для этого заходим в меню "Окно" и там выбираем нужное.
Я привыкла, чтобы у меня под рукой были следующие инструменты:
1. "Инструменты". Эта панель содержит такие кнопки как "Текст", "Выделение", "Масштаб", "Рука" и т.д. Находится слева на панели (фото 2).
2. "Страницы". Здесь можно работать с шаблоном и разворотами.
3. "Связи", здесь отображаются фото и графические объекты.
4. "Выравнивание" - легко можно равнять фреймы, объекты и пр. в том числе на заданную величину.
5. и 6. "Образцы" и "Обводка" - работа с цветом, толщиной и формой линий.
7. и 8. "Стиль символов" и "Стиль абзацев" - здесь мы будем формировать наши текстовые стили.
9. "Обтекание текста" - тут вроде понятно.
10. "Абзац" - выключка и отступы в тексте.
Всего фото в этом сете: 3. Нажмите для просмотра.
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
9/11/2017, 1:19:35 AM
Ну вот) процесс пошел)) В InDesign не работал (надо как-нибудь освоить), интересно))
D_art
Грандмастер
9/12/2017, 6:53:25 PM
Прежде чем начать, нам нужно определиться со шрифтами.
Для верстки газет обычно используют 2-3 шрифта.
Один - для основного текста с засечками всех начертаний (светлый, курсив, полужирный, полужирный курсив), второй - для дополнительных текстов (новости, врезки, вставки) без засечек также всех начертаний. Для заголовков можно использовать шрифты этих двух видов или добавить третий шрифт.
Самое важное в шрифте - его удобочитаемость. Конечно, это субъективное восприятие - "удобство" шрифта и зависит от нескольких факторов: размер шрифта (кегль), межстрочный интервал (интерлиньяж), межбуквенный интервал (кернинг) т.д.
Попробуйте взять какой-то шрифт и "залить" им текст, прислушайтесь к ощущениям - если у вас не начали болеть глаза, вы не спотыкаетесь при чтении, вам не приходится сосредотачиваться на смысле - тогда вам подходит этот шрифт.
Самым нечитаемым, на мой взгляд, является полужирный курсив с засечками. Попробуйте как-нибудь целый текст почитать именно в таком виде - думаю, вам не понравится
Есть еще один нюанс, для изданий лучше использовать шрифты OpenType, а не TrueType.
Вполне доступно об этом сказано в Вики
>>>>>>>
Для верстки газет обычно используют 2-3 шрифта.
Один - для основного текста с засечками всех начертаний (светлый, курсив, полужирный, полужирный курсив), второй - для дополнительных текстов (новости, врезки, вставки) без засечек также всех начертаний. Для заголовков можно использовать шрифты этих двух видов или добавить третий шрифт.
Самое важное в шрифте - его удобочитаемость. Конечно, это субъективное восприятие - "удобство" шрифта и зависит от нескольких факторов: размер шрифта (кегль), межстрочный интервал (интерлиньяж), межбуквенный интервал (кернинг) т.д.
Попробуйте взять какой-то шрифт и "залить" им текст, прислушайтесь к ощущениям - если у вас не начали болеть глаза, вы не спотыкаетесь при чтении, вам не приходится сосредотачиваться на смысле - тогда вам подходит этот шрифт.
Самым нечитаемым, на мой взгляд, является полужирный курсив с засечками. Попробуйте как-нибудь целый текст почитать именно в таком виде - думаю, вам не понравится
Есть еще один нюанс, для изданий лучше использовать шрифты OpenType, а не TrueType.
Вполне доступно об этом сказано в Вики
>>>>>>>
Аватарка ушла в отпуск =(
D_art
Грандмастер
9/20/2017, 12:01:08 AM
Прежде чем начать верстку, нам нужно доработать макет: создать шрифтовые стили для основного текста, новостей, врезок, рубрик и т.д.
Для этого открываем наш сохраненный документ, набираем несколько строк или воспользуемся уже готовым, скопировав его в документ (копировать Ctrl + C, вставить Ctrl + V).
Далее находим вкладку "Стили абзацев" (ранее мы настраивали рабочее пространство, или воспользуемся меню "Окно").
Я взяла текст из заданий Тотального диктанта https://totaldict.ru/dictants/gorod-na-reke/
Здесь есть заголовок, главки, основной текст. Скопировала с сайта и вставила в документ. Чтобы начать работать с текстом, выделяем инструментом "Выделение" (черная стрелка на панели слева) фрейм с текстом (Фрейм (англ. frame) - кадр, рамка, каркас ©).
Во вкладке "Стили абзацев" создаем новый стиль, нажав на "листик" внизу вкладки. Появился новый стиль, с которым мы начинаем работать. Нажав правой кнопкой мыши на появившемся "Стиль абзаца 1", выбираем "Редактировать "Стиль абзаца 1".
В появившемся окне называем наш будущий стиль в строке "Имя стиля" - например "Основной текст", в этом же окне переходим во вкладку "Основные атрибуты символов", здесь уже задаем параметры текста - гарнитуру (я выбрала PT Serif), начертание светлое, кегль 9,5, интерлиньяж 10,5.
Далее всё в этом же окне переходим во вкладку "Дополнительные атрибуты символов". Здесь я немного уменьшу масштаб по горизонтали (можно не делать, на ваш вкус) до 95%.
Язык должен быть русский (зависит от языка верстки).
Все там же находим "Отступы и отбивки", выравнивание - "выключка влево", если хотите неровный правый край, тогда просто "по левому краю". Не забываем выставить абзацный отступ - примерно от 3 до 5 мм, больше - нет необходимости. Еще я выставила выравнивание по сетке "все строки". Немного позже объясню зачем это.
В общем-то всё, если хотите чтобы текст был цветным (по умолчанию он черный), перейдите во вкладку "Цвет символов" и поменяйте на нужный вам цвет.
Нажимаем "ок" - стиль основного текста готов )))
Также поступаем другими стилями, меняя кегль, начертание, шрифт...
Для этого открываем наш сохраненный документ, набираем несколько строк или воспользуемся уже готовым, скопировав его в документ (копировать Ctrl + C, вставить Ctrl + V).
Далее находим вкладку "Стили абзацев" (ранее мы настраивали рабочее пространство, или воспользуемся меню "Окно").
Я взяла текст из заданий Тотального диктанта https://totaldict.ru/dictants/gorod-na-reke/
Здесь есть заголовок, главки, основной текст. Скопировала с сайта и вставила в документ. Чтобы начать работать с текстом, выделяем инструментом "Выделение" (черная стрелка на панели слева) фрейм с текстом (Фрейм (англ. frame) - кадр, рамка, каркас ©).
Во вкладке "Стили абзацев" создаем новый стиль, нажав на "листик" внизу вкладки. Появился новый стиль, с которым мы начинаем работать. Нажав правой кнопкой мыши на появившемся "Стиль абзаца 1", выбираем "Редактировать "Стиль абзаца 1".
В появившемся окне называем наш будущий стиль в строке "Имя стиля" - например "Основной текст", в этом же окне переходим во вкладку "Основные атрибуты символов", здесь уже задаем параметры текста - гарнитуру (я выбрала PT Serif), начертание светлое, кегль 9,5, интерлиньяж 10,5.
Далее всё в этом же окне переходим во вкладку "Дополнительные атрибуты символов". Здесь я немного уменьшу масштаб по горизонтали (можно не делать, на ваш вкус) до 95%.
Язык должен быть русский (зависит от языка верстки).
Все там же находим "Отступы и отбивки", выравнивание - "выключка влево", если хотите неровный правый край, тогда просто "по левому краю". Не забываем выставить абзацный отступ - примерно от 3 до 5 мм, больше - нет необходимости. Еще я выставила выравнивание по сетке "все строки". Немного позже объясню зачем это.
В общем-то всё, если хотите чтобы текст был цветным (по умолчанию он черный), перейдите во вкладку "Цвет символов" и поменяйте на нужный вам цвет.
Нажимаем "ок" - стиль основного текста готов )))
Всего фото в этом сете: 7. Нажмите для просмотра.
Также поступаем другими стилями, меняя кегль, начертание, шрифт...
Аватарка ушла в отпуск =(
D_art
Грандмастер
9/20/2017, 12:15:43 AM
Всего фото в этом сете: 2. Нажмите для просмотра.
Посмотрите, я сделала заголовок и главки в тексте. У главок сверху и снизу отступы по 3 мм. Теперь, когда мне понадобится выделить, например главку, мне не нужно снова создавать стиль - я просто выделаю нужную мне строку и нажимаю на готовый стиль (назначаю стиль) и всё
Также любому стилю можно назначить "горячие клавиши" (фото 2), тогда процесс верстки происходит еще приятнее)))
Аватарка ушла в отпуск =(
D_art
Грандмастер
9/22/2017, 12:53:43 AM
Добавлю, что непосредственно с текстом работаем инструментом "Текст" (буква Т на панели инструментов слева): редактируем, выделяем, вырезаем текст и т.д.
Работа с фреймом - инструмент "Выделитель" (черная стрелка на панели инструментов слева).
Если вы кликнули на фрейм "Выделителем" и применили к нему стиль абзаца, то стиль применится ко всему тексту внутри фрейма.
Если нужно применить стиль к 1-2-3 словам, то инструментом "Текст" кликаем непосредственно на это слово или фразу (можно не выделять все целиком, главное чтобы нужное вам слово (фраза) были в отдельной строке, т.е. от остального текста было отделено абзацем).
Работа с фреймом - инструмент "Выделитель" (черная стрелка на панели инструментов слева).
Если вы кликнули на фрейм "Выделителем" и применили к нему стиль абзаца, то стиль применится ко всему тексту внутри фрейма.
Если нужно применить стиль к 1-2-3 словам, то инструментом "Текст" кликаем непосредственно на это слово или фразу (можно не выделять все целиком, главное чтобы нужное вам слово (фраза) были в отдельной строке, т.е. от остального текста было отделено абзацем).
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
5/3/2018, 3:28:22 PM
Видимо тут все таки лучше записывать видеоролики с инструкциями, так гораздо нагляднее)
Кстати можно такую тему начать с видео уроками от пользователей сайта))
Кстати можно такую тему начать с видео уроками от пользователей сайта))
D_art
Грандмастер
5/3/2018, 5:04:11 PM
Была такая идея. Надеюсь осуществить (когда-нибудь)
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
5/3/2018, 5:31:28 PM
и??
D_art
Грандмастер
5/4/2018, 12:58:50 AM
и сначала думаю дописать эту тему как-то прям жажду это закончить
Аватарка ушла в отпуск =(
С шёрсткой
Специалист
5/4/2018, 10:47:17 AM
Чёта не заметно с момента последнего поста по теме полгода прошло