<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0"
  xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
  xmlns:atom="http://www.w3.org/2005/Atom">

<channel>

<title>Блог Тани Соколовской: posts tagged Агроинвестор</title>
<link>https://tsokolovskaya.ru/blog/tags/agroinvestor/</link>
<description>Раскрываю процессы, конспектирую книги, пишу советы.</description>
<author></author>
<language>en</language>
<generator>Aegea 11.3 (v4134e)</generator>

<itunes:owner>
<itunes:name></itunes:name>
<itunes:email>mail@tsokolovskaya.ru</itunes:email>
</itunes:owner>
<itunes:subtitle>Раскрываю процессы, конспектирую книги, пишу советы.</itunes:subtitle>
<itunes:image href="https://tsokolovskaya.ru/blog/pictures/userpic/userpic-square@2x.jpg?1757434518" />
<itunes:explicit>no</itunes:explicit>

<item>
<title>Как я готовлю изображения в журнале к офсетной печати</title>
<guid isPermaLink="false">86</guid>
<link>https://tsokolovskaya.ru/blog/all/images-and-offset-printing/</link>
<pubDate>Tue, 13 Sep 2022 09:32:56 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/images-and-offset-printing/</comments>
<description>
&lt;p&gt;Чтобы изображения в многополосном издании хорошо выглядели при печати, их нужно специально подготовить. Обычно у типографий различаются требования к офсетной печати, но общий принцип подготовки примерно одинаковый для всех. Расскажу на примере &lt;a href="https://tsokolovskaya.ru/blog/tags/agroinvestor/"&gt;моей работы в журнале «Агроинвестор»&lt;/a&gt;, чтобы типография принимала макет с первого раза, а картинки оставались качественными.&lt;/p&gt;
&lt;p&gt;Есть четыре важных момента при подготовке изображений: разрешение (300 dpi), цветовая модель (CMYK), цветовой профиль (для нашей типографии это ISO Coated v2 300 % (ECI)) и сумма красок (не более 300 %). На первый взгляд, ничего сложного: взял картинку подходящего разрешения, сделал цветоделение в нужном профиле и готово. Однако, кроме этих моментов, есть еще важная особенность офсетной печати, о которой я хочу рассказать, но давайте обо всем по-порядку.&lt;/p&gt;
&lt;h2&gt;Этап верстки&lt;/h2&gt;
&lt;p&gt;Во время верстки я использую фотографии в низком разрешении. Большинство из них даже с вотермарками фотобанков, на данном этапе это неважно. Так выглядят залинкованные файлы в документе:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/18-3.jpg" width="415" height="565" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Два правых столбца показывают фактическое разрешение (слева) и эффективное разрешение (справа)&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Как видно, все изображения находятся в цветовой схеме RGB, и у большинства из них разрешение 72 dpi. Такое разрешение оптимально для экранов, но очень мало для печати. А эффективное разрешение вообще сильно прыгает по значениям. Поясню, фактическое разрешение — реальный размер картинки, а эффективное — размер картинки в верстке. То есть, если фактическое разрешение 72 dpi, а эффективное 117, значит картинка в верстке уменьшена примерно в полтора раза. И наоборот, если фактическое разрешение выше эффективного, значит картинка увеличена. В готовом макете их значения должны быть одинаковыми.&lt;/p&gt;
&lt;h2&gt;Выгрузка изображений&lt;/h2&gt;
&lt;p&gt;Я предпочитаю подготавливать изображения к печати разом после утверждения верстки всего номера. В этом есть свои плюсы:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;В процессе работы все может поменяться: статью заменили, полосы убрали или добавили, картинки прислали другие, неожиданно реклама встала и так далее.&lt;/li&gt;
&lt;li&gt;Оригиналы изображений собирает и присылает фоторедактор, поэтому для меня удобнее получить от него разом все картинки, чем после каждой утвержденной статьи. К тому же, если вдруг фото из фотобанка заменили, а его уже выкупили, то деньги потрачены зря.&lt;/li&gt;
&lt;li&gt;В любой момент главред может убрать или добавить кусок текста внутри одной статьи, а значит размер какого-то изображения прийдется изменить, ведь место на полосе ограничено. Если бы изображения уже были готовы к печати, пришлось бы проделать эту работу еще раз.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Когда все статьи сверстаны, я приступаю к обработке изображений. Как вы помните, картинки в плохом качестве, и чтобы отправить их фоторедактору на выкуп, нужно собрать все изображения номера в одну папку. Для этого пакую файлы в печать:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-07-31-at-17.38.10.jpg" width="616" height="559" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Далее отмечаю Copy Linked Graphics, другие галочки не нужны:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-07-31-at-17.39.21-3.jpg" width="841" height="592" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В итоге получается готовая папка Links со всеми картинками, которую передаю фоторедактору, а он уже высылает мне выкупленные оригиналы изображений в высоком разрешении.&lt;/p&gt;
&lt;p&gt;Также я создаю три дополнительные папки: PSD RGB, TIF Lab, TIF CMYK.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-11.36.16.png" width="680" height="139" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Links содержит все изображения номера; Photos — картинки, которые нужно выкупить; Photos Original — их оригиналы. Папки PSD RGB, TIF Lab и TIF CMYK нужны, чтобы на каждом этапе обработки фото я могла вернуться к нему и, если понадобится, внести изменения. Подробнее об этих этапах я расскажу дальше.&lt;/p&gt;
&lt;h2&gt;Разрешение&lt;/h2&gt;
&lt;p&gt;Далее следует обратить внимание на разрешение. Бывает, что источников изображений несколько: например, картинки из фотобанков качественные, а вот от агро-компаний или с их сайтов чаще всего в низком разрешении, и получить оригиналы практически невозможно.&lt;/p&gt;
&lt;p&gt;Допустим, мне прислали фото в разрешении 72 dpi, но при этом сам размер картинки довольно большой, 67×38 см:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-12.39.31.png" width="1079" height="606" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Я снимаю галочку Resample и меняю значение разрешения с 72 на 300. Размер изображения стал значительно меньше — 16×9 см:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-12.43.20.png" width="1080" height="605" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;То есть в идеале в верстке эта картинка при 100 % должна быть не более 16×9 см. Но что, если она мне нужна в бó‎льшем формате. В такой ситуации я позволяю себе увеличить изображение максимум на 15–20 % — в печати такая погрешность будет незаметна. Если требуется еще бóльший формат, фоторедактор запрашивает исходник, а при его отсутствии мы ищем замену фотографии.&lt;/p&gt;
&lt;p&gt;Еще может быть ситуация, когда прислали изображение со значением dpi от 200 до 300. В таком случае я просто увеличиваю значение до 300 — это также не будет заметно в печати. Когда dpi меньше 200 увеличивать картинку не стóит, пиксели мы в печати не увидим, но проявится некая зернистость.&lt;/p&gt;
&lt;h2&gt;Цветовой профиль и сумма красок&lt;/h2&gt;
&lt;p&gt;В нашей типографии есть требование — использовать цветовой профиль ISO Coated v2 300 % (ECI). Этот профиль облегчает мне работу: прогнав изображения через него, сумма красок в местах превышения автоматически становится меньше 300 %. Сумма красок — количество краски, которое ляжет на бумагу. Если значение будет меньше 300 %, картинка получится бледной. Если сумма красок превысит 300 %, лист рискует быть промокшим на сквозь, кроме того запачкаются соседние страницы.&lt;/p&gt;
&lt;p&gt;Определить сумму красок на изображении можно несколькими способами в Фотошопе, но мне гораздо удобнее это делать через Индизайн. Идем в Window → Output → Separations Preview:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-14.54.07.jpg" width="462" height="442" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;И в режиме Ink Limit выбираем нужное значение в процентах:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-14.56.58.jpg" width="1141" height="564" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Красные пятна на изображении указывают, что в этих местах превышен лимит красок. Так, еще на этапе верстки, я могу быстро проверить все картинки в статье.&lt;/p&gt;
&lt;p&gt;У меня в Фотошопе по умолчанию стоит требуемый профиль для CMYK, это делается в настройках: Edit → Color Settings:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-15.02.04.jpg" width="884" height="558" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Сам профиль я предварительно скачала в интернете&lt;/div&gt;
&lt;/div&gt;
&lt;h2&gt;Из RGB в CMYK&lt;/h2&gt;
&lt;p&gt;Все изображения можно поделить на простые и сложные.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Простые&lt;/b&gt; — без проблем конвертируются из RGB в CMYK:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.5"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/117093432_l-rgb.jpg" width="1200" height="800" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/117093432_l-cmyk.jpg" width="1200" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Первая картинка RGB, вторая — CMYK. Разницы между ними практически нет.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Сложные&lt;/b&gt; — включают в себя неохватные цвета, которые при офсетной печати теряются:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.5189873417722"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/plant-fruit-food-red-produce-vegetable-1221993-pxhere.com-rgb.jpg" width="1200" height="790" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/plant-fruit-food-red-produce-vegetable-1221993-pxhere.com-cmyk.jpg" width="1200" height="790" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Первая картинка RGB, вторая — CMYK. Как видите, во втором случае яркий зеленый и красный “съелись”, пропали детали и объем в этих местах. Решить эту проблему можно как бы загрязнив цвета.&lt;/p&gt;
&lt;p&gt;Открываем нашу фотографию в Фотошопе и работаем в цветовой модели RGB. Чтобы быстро посмотреть, присутствуют ли на картинке неохватные цвета, идем в View → Proof Setup и выбираем Working CMYK (для него уже установлен нужный цветовой профиль):&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-15.26.19-1.jpg" width="624" height="298" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А с помощью команды Proof Colors можем переключаться между режимами:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-15.32.12.jpg" width="1081" height="769" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Напомню, работаем в RGB. Чтобы избавиться от неохватного цвета создаем корректирующий слой Selective Color:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-15.46.50.jpg" width="280" height="564" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;У нас есть два неохватных цвета — красный и зеленый, значит именно их мы будем “загрязнять”. А делаем это противоположными цветами — для красного поднимаем Cyan, а в зеленом увеличиваем Magenta:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-08-at-15.52.31.jpg" width="587" height="308" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Сравним теперь три картинки:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.5189873417722"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/plant-fruit-food-red-produce-vegetable-1221993-pxhere.com-rgb.jpg" width="1200" height="790" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/plant-fruit-food-red-produce-vegetable-1221993-pxhere.com-cmyk.jpg" width="1200" height="790" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/plant-fruit-food-red-produce-vegetable-1221993-pxhere.com-cmyk2.jpg" width="1200" height="790" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Первая картинка — RGB.&lt;br /&gt;
Вторая — прямая конвертация в CMYK.&lt;br /&gt;
Третья — конвертация в CMYK с корректирующем слоем Selective Color. Наша картинка стала чуть темнее, при необходимости это можно поправить, но помидоры остались объемными, а на листочках видны детали.&lt;/p&gt;
&lt;p&gt;Посмотрим еще один пример:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.7777777777778"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/sea-ocean-horizon-light-cloud-sky-795494-pxhere.com.jpg" width="1200" height="675" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-12-at-15.54.15.jpg" width="1200" height="676" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/sea-ocean-horizon-light-cloud-sky-795494-pxhere.com_2.jpg" width="1200" height="675" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Тут я загрязнила желтый и красный:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-17.38.39.jpg" width="583" height="319" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Первая картинка — оригинал.&lt;br /&gt;
Вторая картинка — просмотр через Proof Colors. Тут четко видно, как в самых ярких местах образуется мыльное пятно и пропадают мельчайшие детали.&lt;br /&gt;
Третья картинка — скорректированная. Да, теперь она не такая красочная и яркая, но в печати получить такие цвета и невозможно. Я считаю, что важнее — сохранить детали.&lt;/p&gt;
&lt;h2&gt;Особенность офсетной печати&lt;/h2&gt;
&lt;p&gt;В офсетной печати довольно сильно падает резкость изображений, а значит это нужно скомпенсировать технически. Делается это в Фотошопе с помощью Unsharp Mask, причем обязательно в несколько этапов — отдельно в яркостном канале Lab, отдельно в черном канале CMYK.&lt;/p&gt;
&lt;p&gt;Я взяла довольно темную картинку с черным объектом, чтобы нагляднее показать воздействие шарпа.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/1-14.jpg" width="2539" height="1693" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Итак, открываем картинку в Фотошопе и создаем два дублирующих слоя:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.32.03.jpg" width="277" height="237" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Я их переименовала в Lab и CMYK, чтобы было понятнее&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Переводим картинку из RGB в Lab не сливая слои. Идем в канал Lightness, применяем фильтр Unsharp Mask с силой воздействия 100, радиусом 3 px:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.11.57.jpg" width="683" height="484" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вот, что мы видим:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.20.51.jpg" width="1373" height="967" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Далее переводим картинку из Lab в CMYK, слои снова не сливаем. Идем в канал Black, применяем фильтр Unsharp Mask со значением 300 % и радиусом 1 px:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.13.21.jpg" width="691" height="492" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Значения для Unsharp Mask в яркостном и черном каналах могут быть и другие, для примера я взяла усредненные.&lt;/p&gt;
&lt;p&gt;Картинка выглядит так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.20.58.jpg" width="1370" height="1005" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Появилась довольно яркая белая окантовка вокруг черных деталей, но не нужно бояться шарпить черный канал. На эту белую окантовку ляжет подложка из триадных красок и на выходе получится мягкое свечение, которое подчеркнет темные объекты:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1363" data-ratio="1.4183142559834"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.48.30.jpg" width="1363" height="961" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/1working-sand-sunset-tractor-night-morning-793868-pxhere.com.jpg" width="1363" height="961" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;По желанию можно включить отображение для слоев lab только в триаде, а cmyk только в черном:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.28.30.jpg" width="1063" height="482" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Этому слою можно добавить небольшую прозрачность, чтобы смягчить эффект шарпа&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-18.28.41.jpg" width="1063" height="484" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вам может показаться, что картинка сильно перешаплена, но при офсетной печати резкость очень сильно просядет, а этот шарп сделает картинку четкой. Кроме того, помните, что на экране мы видим картинку в 300 dpi, по факту она будет меньше в три раза. Вы можете отодвинуться от экрана на 1,5–2 метра и посмотреть на изображение, если оно выглядит хорошо с расстояния, значит и в печати все будет хорошо.&lt;/p&gt;
&lt;p&gt;Покажу на примере фотографии из журнала, которую я обрабатывала. Вот пошарпленное фото:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-19.00.12.jpg" width="1031" height="1160" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А вот это фото в журнале:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/IMG_3498.JPG" width="1000" height="750" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Еще в пример покажу кусок рекламной полосы, которую прислали готовую в печать, и вторгаться в нее я не могу:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-19.16.32.jpg" width="962" height="609" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Слева кусок рекламного макета, справа фото из журнала. Как видите, макет не шарпили, и на выходе все получилось как бы в блюре.&lt;/p&gt;
&lt;p&gt;Шарпить картинку в RGB не стó‎ит, иначе вы рискуете получить белые ореолы вокруг темных объектов, которые при печати никуда не денутся, ведь триадной подложки там нет:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-19.34.54.jpg" width="1200" height="848" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Так делать не надо&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Еще один момент, на который я хочу обратить внимание — экспозиция. Напечатанное изображение всегда будет темнее того, что мы видим на экране. Поэтому, если картинка кажется темной, ее нужно немного осветлить, иначе может получиться совсем черное нечто. Например, картинку выше я оправила в печать в таком виде:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-09-at-20.09.55.jpg" width="1478" height="1064" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В журнале она уже темнее, но травинки остались различимы:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/IMG_3498.JPG" width="1000" height="750" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Это все, что касается основных моментов подготовки изображений. Есть нюансы в переводе монохномных изображений из RGB в CMYK, но в нашем журнале такие не встречаются, поэтому об этом я написала &lt;a href="https://tsokolovskaya.ru/blog/all/black-and-white-printing/"&gt;отдельный пост&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Этапы работы и их автоматизация&lt;/h2&gt;
&lt;p&gt;А теперь по пунктам, что и в каком порядке я делаю, когда получаю оригиналы фотографий от фоторедактора и верстка уже утверждена.&lt;/p&gt;
&lt;h3&gt;1. Разрешение и обработка&lt;/h3&gt;
&lt;p&gt;Открываю свое первое изображение в Фотошопе, смотрю его разрешение, при необходимости корректирую и приступаю к обработке. В обработку может входить что угодно: обтравка, зачистка от ненужных элементов, иногда собираю коллаж из нескольких фотографий или меняю фон, где-то требуется подтянуть точку черного и поправить заваленный горизонт — в общем тут вся необходимая эстетика.&lt;/p&gt;
&lt;h3&gt;2. Неохватные цвета и экспозиция&lt;/h3&gt;
&lt;p&gt;Через Proof Colors проверяю картинку на неохватные цвета, при необходимости корректирую с помощью Selective Color. Немного осветляю изображение. На самом деле, по опыту работы с нашей типографией, я предпочитаю осветлять практически все изображения, иначе даже светлые изображения в печати выходят затемненными в сравнении с экраном.&lt;/p&gt;
&lt;p&gt;Когда визуально меня все все устраивает сохраняю фотошопный файл в папку PSD RGB. Теперь у меня есть готовое обработанное изображение в полном размере, к которому я могу вернуться в любой момент.&lt;/p&gt;
&lt;h3&gt;3. Размер изображения&lt;/h3&gt;
&lt;p&gt;В Индизайне смотрю фактический размер обработанной ранее картинки внутри верстки:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-12-at-14.30.22.jpg" width="496" height="520" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Иду в Фотошоп, кропаю картинку и меняю ее размер в соответствии с версткой:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-12-at-14.56.11.jpg" width="1000" height="751" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Важно, чтобы в готовом к печати файле все картинки были в 100 % масштабе и эффективное разрешение равнялось 300 dpi. Сейчас эффективное разрешение моей картинки в Индизайне в два раза выше:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-12-at-15.06.42.jpg" width="419" height="90" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Такого быть не должно&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Если этот этап пропустить и оставить изображения с их оригинальным размером, то итоговый файл будет весить очень много, работать с ним будет сложно и типография за это обязательно поругает :-)&lt;/p&gt;
&lt;p&gt;И тут важный момент, когда размер изображения соответствует верстке, я создаю в Фотошопе новый экшен и называю его Sharp:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-12-at-15.13.57.jpg" width="398" height="158" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Теперь все мои действия записываются. Я перевожу картинку из RGB в Lab, сливая все слои, и сохраняю файл в формате tif в папку TIF Lab.&lt;/p&gt;
&lt;h3&gt;4. Резкость&lt;/h3&gt;
&lt;p&gt;Иду в яркостный канал Lab, шарплю в нем картинку. Конвертирую из Lab в CMYK и шарплю черный канал. Сохраняю изображение в формате tif в папку TIF CMYK. Закрываю файл и останавливаю запись экшена. Теперь у меня есть готовый экшен, который я применяю на все дальнейшие изображения после их первичной обработки.&lt;/p&gt;
&lt;p&gt;Когда все изображения готовы, иду в Индизайн и заменяю все картинки на те, что в папке TIF CMYK. На этом этапе я просматриваю каждую картинку, и если мне что-то не нравится, всегда могу вернуться к любому этапу ее обработки и поправить. Именно для этого я сохраняю отдельно файлы в дополнительные папки.&lt;/p&gt;
&lt;p&gt;А так выглядят залинкованные файлы после их подготовки к печати:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/19-4.jpg" width="419" height="548" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если остались вопросы, пишите, постараюсь помочь :-)&lt;/p&gt;
</description>
</item>

<item>
<title>Допечатная подготовка в inDesign</title>
<guid isPermaLink="false">82</guid>
<link>https://tsokolovskaya.ru/blog/all/prepress-indesign/</link>
<pubDate>Thu, 05 Aug 2021 09:30:58 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/prepress-indesign/</comments>
<description>
&lt;p&gt;Корректно подготовить сверстанный проект к печати — довольно трудоемкая задача. Нужно проверить шрифты, изображения, цвета, формат, учесть прозрачные элементы, настроить экспорт, чтобы типография приняла файл в печать. Расскажу, что и как делаю я для периодического издания “Агроинвестор”.&lt;/p&gt;
&lt;h3&gt;Параметр Bleed&lt;/h3&gt;
&lt;p&gt;Перед началом работы на этапе создания нового документа обязательно нужно установить параметр Bleed. Его значение можно узнать в типографии, как правило, это 3–5 мм:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/5-10.jpg" width="417" height="591" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Это нужно, чтобы контролировать элементы, которые идут под обрез. В документе Bleed отображается красной рамкой по контуру рабочей зоны. На изображении ниже видно, что линия в колонтитуле выходит за пределы листа и доходит до красной рамки:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/6-12.jpg" width="764" height="701" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Это значит, что в печатном виде страница будет выглядеть так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/7-9.jpg" width="733" height="706" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если линию довести не до красной рамки, а оставить в упор у края листа:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/8-11.jpg" width="796" height="724" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В печати мы рискуем получить такой результат:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/9-7.jpg" width="721" height="711" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Дело в том, что при печати под обрез всегда есть погрешность в 2–3 мм, как внутрь рабочей зоны, так и за ее пределы. Параметр Bleed помогает устранить эту погрешность.&lt;/p&gt;
&lt;h3&gt;Режим Preview&lt;/h3&gt;
&lt;p&gt;В процессе верстки я всегда переключаюсь между режимами просмотра Normal и Preview. Режим Preview помогает отследить, чтобы все вылеты под обрез действительно были под обрез, а значимые элементы оставались в пределах печатной зоны. На изображениях ниже можно увидеть, что линии в верхнем и нижнем колонтитулах выходят за пределы печатной зоны, а значит они будут корректно обрезаны. Preview показывает, как сверстанный разворот будет выглядеть в печати:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1441" data-ratio="1.4438877755511"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/1-13.jpg" width="1441" height="998" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2-12.jpg" width="1441" height="998" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Normal — Preview&lt;/div&gt;
&lt;/div&gt;
&lt;h3&gt;Режим просмостра High Quality Display&lt;/h3&gt;
&lt;p&gt;Чтобы контролировать разрешение изображений, я работаю в режиме High Quality Display. Если изображение размытое или пиксельное, значит нужно обратить на него внимание. Ниже я расскажу о более точном контроле изображений, но на этапе верстки режима High Quality Display вполне достаточно:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="734" data-ratio="0.73620862587763"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/3-6.jpg" width="734" height="997" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/4-9.jpg" width="734" height="997" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;В режиме High Quality Display видно, что изображение качественное&lt;/div&gt;
&lt;/div&gt;
&lt;h3&gt;Текст и орфография&lt;/h3&gt;
&lt;p&gt;В процессе верстки всегда проверяю хвосты в текстовых боксах. Красный плюсик в правом нижнем углу значит, что внутри бокса остался скрытый текст, — это нужно исправить:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/12-3.jpg" width="387" height="678" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Чтобы посмотреть сколько текста висит хвостом, можно нажать на плюсик и создать еще один текстовый бокс, а еще можно включить Story Editor:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/13-5.jpg" width="622" height="775" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Тогда появится окно, которое покажет весь текст фрейма. Серая горизонтальная линия Overset и красная вертикальная линия обозначили кусок текста, который не отображается:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/14-4.jpg" width="689" height="375" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Для контроля орфографии я включаю режим Dynamic Spelling:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/15-3.jpg" width="671" height="787" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Он автоматически подчеркивает незнакомые слова и слова, которые могут содержать ошибку, совсем как текстовый редактор:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/11-4.jpg" width="800" height="603" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Красное подчеркивание означает грамматическую ошибку. Зеленое подчеркивание показывает, что перед словом стоит точка, а значит оно должно начинаться с заглавной буквы. В моем случае это ошибкой не считается :-)&lt;/p&gt;
&lt;p&gt;Если выбрать Check Spelling, то можно вручную пройтись по всем подчеркнутым словам и заменить их при необходимости.&lt;/p&gt;
&lt;h3&gt;Проверка изображений&lt;/h3&gt;
&lt;p&gt;Режим High Quality Display позволяет визуально отслеживать качество изображений. Для более точного контроля у меня настроена панель Links:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/16-4.jpg" width="252" height="490" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Мне удобно видеть следующие значения:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/17-4.jpg" width="429" height="474" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Так это отображается в документе с изображениями:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/18-2.jpg" width="415" height="565" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Видно, что цветовая схема изображений RGB и качество низкое, в печать такое не отправить. После подготовки изображений к печати (об этом есть &lt;a href="https://tsokolovskaya.ru/blog/all/images-and-offset-printing/"&gt;отдельный пост&lt;/a&gt;), значения выглядят так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/19-2.jpg" width="419" height="548" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Теперь я вижу, что все изображения в документе готовы к печати.&lt;/p&gt;
&lt;h3&gt;Проверка шрифтов&lt;/h3&gt;
&lt;p&gt;В работе над периодичным изданием я использую текстовые стили, о них писала &lt;a href="https://tsokolovskaya.ru/blog/all/optimizing-magazine-process/"&gt;в посте об оптимизации работы над журналом&lt;/a&gt;, поэтому со шрифтами у меня всегда порядок. Но если проект новый, то перед отправкой в типографию всегда проверяю, какие шрифты используются в документе. Это нужно для того, чтобы в печать случайно не ушел какой-то “левый” шрифт или шрифт без соответствующей лицензии. Посмотреть шрифты можно в самом документе:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/21-2.jpg" width="326" height="688" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;И если необходимо, сразу заменить случайный шрифт:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/20-2.jpg" width="472" height="364" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Также все шрифты можно посмотреть непосредственно перед экспортом файла в печать, об этом расскажу дальше.&lt;/p&gt;
&lt;p&gt;Кроме того следует проверить тип шрифтов — OpenType или TrueType. Некоторые типографии могут не принять макет, если в нем будут шрифты Трутайп, например. Такие шрифты можно перевести в кривые.&lt;/p&gt;
&lt;h3&gt;Проверка на ошибки&lt;/h3&gt;
&lt;p&gt;Ошибки в файле я отслеживаю в панели внизу слева:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/22-2.jpg" width="567" height="49" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если визуально я не могу найти ошибку, то на помощь приходит панель Preflight. Также ей удобно пользоваться, если ошибок много:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/24.jpg" width="434" height="259" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Все ок, когда индикатор в нижней панели светится зеленым:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/23-1.jpg" width="576" height="38" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Панель Preflight можно настраивать для каждого нового проекта, но базовых настроек в целом достаточно.&lt;/p&gt;
&lt;p&gt;Еще ошибки можно отследить непосредственно в процессе упаковки файлов в печать, об расскажу этом дальше.&lt;/p&gt;
&lt;h3&gt;Контроль черного&lt;/h3&gt;
&lt;p&gt;По требованиям типографии сумма красок для черного цвета в изображениях не должна превышать 300%. Проверить это можно с помощью панели Separations Preview, я установила значение Ink Limit 300%. Так я вижу фрагменты изображения с превышенным лимитом красок — они подсвечены красным цветом:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/25-2.jpg" width="1047" height="984" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Чтобы это исправить, я сохраняю изображение в цветовом профиле ISO Coated v2 300 (ECI) — именно с ним работает наша типография. Про цветовые профили расскажу подробно в отдельном посте. Обновляю изображение и снова смотрю через Separations Preview:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/26-1.jpg" width="1047" height="984" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если где-то присутствует плашечный черный, важно не забыть сделать его составным, например, 50 50 50 100 (CMYK). Если взять черный составом 0 0 0 100, то есть 100% только черной краски, то в печати рискуем получить “выгоревший” цвет:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/27-1.jpg" width="295" height="124" alt="" /&gt;
&lt;/div&gt;
&lt;h3&gt;Прозрачность&lt;/h3&gt;
&lt;p&gt;Еще один момент — проверить макет на предмет прозрачных объектов. Это нужно для того, чтобы в печати все прозрачные объекты и элементы, на которые они влияют, пропечатались корректно — как задумано дизайном. Для примера я добавила в макет прозрачный прямоугольник. В режиме Flattener Preview все прозрачности выделены красным:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/28-1.jpg" width="1707" height="989" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Там же можно посмотреть все подверженные прозрачности элементы, то есть те, которые затрагивает прозрачный прямоугольник:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/29-1.jpg" width="1701" height="996" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Особенно важно проверять прозрачность, если типография требует файл совместимый с Acrobat 4 (PDF 1.3), так как именно эта версия не поддерживает прозрачные объекты. Это значит, что при экспорте все прозрачности будут растрированы и им нужно задать параметры экспорта. Сделать это можно в панели Flattener Preview:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/30-1.jpg" width="668" height="699" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Так мы создаем пресет с нужными настройками и используем его при экспорте. Я знаю, что в макетах журанала “Агроинвестор” нет прозрачностей, поэтому не заморачиваюсь с пресетом, а просто использую встроенный пресет High Resolution:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/31.jpg" width="672" height="661" alt="" /&gt;
&lt;/div&gt;
&lt;h3&gt;Экспорт&lt;/h3&gt;
&lt;p&gt;В работе с журналом я использую формат Book в InDesign (расскажу о нем в отдельном посте), поэтому для экспорта файла в печать использую команду Package Book For Print. Выскакивает окно, в котором я могу галочками отметить все, что хочу получить в пакет экспорта — мне нужен только PDF-файл, а также выбираю заранее сохраненный пресет экспорта для “Агроинвестора”:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/32-1.jpg" width="841" height="592" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Настройки у пресета такие:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="674" data-ratio="1.0181268882175"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/33-1.jpg" width="674" height="662" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/34-1.jpg" width="674" height="662" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/35-1.jpg" width="674" height="662" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/36-1.jpg" width="674" height="662" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Совместимость с Acrobat 4 (PDF 1.3) по требованиям типографии и ZIP сжатие для изображений.&lt;br /&gt;
Использовать блиды установленные в макетах.&lt;br /&gt;
Экспортировать изображения в нужном цветовом профиле (эту настройку ставлю на всякий случай, все изображения &lt;a href="https://tsokolovskaya.ru/blog/all/images-and-offset-printing/"&gt;я готовлю заранее&lt;/a&gt;).&lt;br /&gt;
Использовать пресет High Resolution для прозрачных объектов.&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;И наконец финальная проверка на ошибки:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="568" data-ratio="1.2511013215859"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/37-1.jpg" width="568" height="454" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/38-1.jpg" width="568" height="454" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/40-1.jpg" width="568" height="454" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/39-1.jpg" width="568" height="454" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Тут видим, что ошибок нет, шрифты в порядке, изображения тоже в порядке&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Получаю файл и отправляю в типографию :-)&lt;/p&gt;
</description>
</item>

<item>
<title>Как оптимизировать работу над журналом</title>
<guid isPermaLink="false">85</guid>
<link>https://tsokolovskaya.ru/blog/all/optimizing-magazine-process/</link>
<pubDate>Thu, 10 Jun 2021 12:56:27 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/optimizing-magazine-process/</comments>
<description>
&lt;p&gt;Недавно я рассказала, &lt;a href="https://tsokolovskaya.ru/blog/all/agroinvestor-test/"&gt;как выполнила тестовое задание и устроилась на работу&lt;/a&gt; в издательство, а сегодня расскажу про подготовку своего первого выпуска журнала.&lt;/p&gt;
&lt;p&gt;Я посмотрела на исходные файлы, которые мне передали от прошлого дизайнера, и поняла, что в таком формате работать будет неудобно. Вот так выглядит папка одного выпуска:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/1-11.jpg" width="256" height="576" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Каждая статья журнала находится в отдельной папке, внутри каждой папки подпапки с изображениям и шрифтами, а еще файл с какой-то инструкцией. Так получилось, что мне не передали дела корректно, я не смогла пообщаться с экс-дизайнером, чтобы что-либо уточнить, и могла только догадываться о процессах его работы.&lt;/p&gt;
&lt;p&gt;Поэтому первое, что я сделала перед началом работы — максимально всё оптимизировала.&lt;/p&gt;
&lt;p&gt;Для этого я создала один файл Индизайна (ai_temp.indd), в котором настроила:&lt;br /&gt;
— шаблоны колонтитулов;&lt;br /&gt;
— стили абзацев;&lt;br /&gt;
— GREP-стили;&lt;br /&gt;
— всю необходимую графику.&lt;/p&gt;
&lt;p&gt;Расскажу о каждом из этих пунктов подробней.&lt;/p&gt;
&lt;h3&gt;Шаблоны колонтитулов&lt;/h3&gt;
&lt;p&gt;В периодическом издании есть два динамичных момента, которые присутствуют на всех страницах, и которые нужно менять в каждом выпуске —  номер выпуска и названия рубрик. Расположены эти элементы в верхнем и нижнем колонтитулах:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/3-5.jpg" width="1200" height="890" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Нижний колонтитул я сохранила в шаблоне A-master, в нем я меняю месяц и номер издания. И на основе этого A-Master я создала шаблоны с верхним колонтитулом, в которых прописала возможные рубрики:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2-11.jpg" width="240" height="636" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Таким образом, приступая к работе над новым выпуском, я копирую свой файл ai_temp.indd и меняю в нем месяц и номер в шаблоне A-Master. Дальше, приступая к очередной статье, я присваиваю страницам шаблон с колонтитулом нужной рубрики.&lt;/p&gt;
&lt;h3&gt;Стили абзацев&lt;/h3&gt;
&lt;p&gt;Чтобы было удобно работать с текстом и не запутаться с его оформлением, я создала в файле ai_temp.indd все возможные стили, которые есть в журнале. Выглядит это так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/4-8.jpg" width="239" height="523" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Абсолютно все стили основаны на Basic Paragraph, в котором прописаны GREP-стили для корректных переносов внутри текста.&lt;/p&gt;
&lt;h3&gt;GREP-стили&lt;/h3&gt;
&lt;p&gt;Чтобы убрать висячие символы в конце строки, я создала пять правил переносов:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;для предлогов с маленькой буквы:&lt;/b&gt; (?&lt;= )((в|во|без|до|из|к|ко|на|по|о|от|перед|при|через|с|у|не|за|над|для|об|под|про|и|а|но|да|или|ли|бы|то|что|как|я|он|мы|они|ни)( |\. |, ))+&lt;/li&gt;
&lt;li&gt;&lt;b&gt;для предлогов с большой буквы:&lt;/b&gt; ((?&lt;= )|(?&lt;=^))((В|Во|Без|До|Из|К|Ко|На|По|О|От|Перед|При|Через|С|У|Нет|За|Над|Для|Об|Под|Про|И|А|Но|Да|Или|Ли|Бы|То|Что|Как|Я|Он|Мы|Они|Ни) )+&lt;/li&gt;
&lt;li&gt;&lt;b&gt;для числовых значений:&lt;/b&gt; (?&lt;=\d)(.)&lt;/li&gt;
&lt;li&gt;&lt;b&gt;для тире:&lt;/b&gt; (?&lt;=) (—)&lt;/li&gt;
&lt;li&gt;&lt;b&gt;для единиц измерений:&lt;/b&gt; (?&lt;= )((га|гг.|дм|долл|др.|же|кг|мг|мл|млн|млрд|мм|нм|с.|см|стр.|руб.|тыс.)( |\. |, ))+&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Выглядит это так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/5-9.jpg" width="917" height="709" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;При необходимости добавляю новые значения&lt;/div&gt;
&lt;/div&gt;
&lt;h3&gt;Графика&lt;/h3&gt;
&lt;p&gt;В CC Libraries я сохранила цветовую палитру и графические элементы, которые чаще всего встречаются в статьях:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/7-8.jpg" width="245" height="658" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Также внутри некоторых рубрик присутствуют иконки. Их я собрала в отдельный файл Иллюстратора, чтобы иметь возможность их редактировать:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/6-11.jpg" width="732" height="811" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Таким образом, все элементы под рукой и не нужно каждый раз их искать в старых выпусках и лезть в исходные файлы, чтобы скопировать.&lt;/p&gt;
&lt;p&gt;&lt;hr/&gt;&lt;/p&gt;
&lt;p&gt;Далее для нового выпуска журнала я создаю новую книгу (New Book) в Индизайне и даю ей имя AI_June-07.indb. Копирую свой файл ai_temp.indd и задаю ему имя ai_6-13_sobitiya.indd, где “ai” это agroinvestor, “6-13” — номера страниц для конкретной статьи, “sobitiya” — рубрика. Добавляю этот файл в книгу и задаю ему нужную нумерацию страниц.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/8-10.jpg" width="613" height="509" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/9-6.jpg" width="446" height="467" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Затем присваиваю страницам шаблон с нужным колонтитулом и приступаю к верстке.&lt;/p&gt;
&lt;p&gt;В формате книги удобно работать над многостраничным изданием, если в нем присутствуют главы или рубрики. Подробнее о нем я расскажу в отдельном посте.&lt;/p&gt;
</description>
</item>

<item>
<title>Выполнила тестовое задание для издательства и получила работу</title>
<guid isPermaLink="false">84</guid>
<link>https://tsokolovskaya.ru/blog/all/agroinvestor-test/</link>
<pubDate>Wed, 26 May 2021 11:24:20 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/agroinvestor-test/</comments>
<description>
&lt;p&gt;Я решила, что лучшим способом разобраться с работой периодических изданий будет посмотреть на процесс изнутри, поэтому с мая я работаю дизайнером-верстальщиком в деловом журнале &lt;a href="https://www.agroinvestor.ru" class="nu"&gt;“&lt;u&gt;Агроинвестор&lt;/u&gt;”&lt;/a&gt;. Теперь это моя основная деятельность и посты в блоге будут с упором на нее. Я покажу и расскажу как устроены процессы в издании журнала, что важно в верстке и подготовке издания к печати, как оптимизировать свою работу из номера в номер.&lt;/p&gt;
&lt;h2&gt;Как я попала в издательство&lt;/h2&gt;
&lt;p&gt;Хочу вселить немного уверенности новичкам, которые также хотят работать над периодическим изданием. На момент поиска вакансии опыта работы в этой сфере у меня не было. Заказы на многостраничную верстку конечно были, но все же периодическое издание работает иначе. Спустя два месяца поисков я попала на собеседование к главреду, который выдал тестовое задание. К моему удивлению, даже просто получить тестовое оказалось довольно проблематично, если нет необходимого опыта. Так что все возможно, главное — не останавливаться :-)&lt;/p&gt;
&lt;h3&gt;Тестовое задание&lt;/h3&gt;
&lt;p&gt;Фактически, суть тестового задания — повторить текущую верстку. Мне прислали текст, который нужно заверстать, и несколько страниц журнала для примера:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1191" data-ratio="1.5"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/1-10.jpg" width="1191" height="794" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2-10.jpg" width="1191" height="794" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/3-4.jpg" width="1191" height="794" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;“Агроинвестор”, май 2021&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Прежде, чем приступить к работе, я “разобрала” верстку и определила сетку, шрифты, стили, неудачные моменты, которые на данном этапе уже могу поправить.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Сетка из пяти колонок&lt;/b&gt; в теле статьи, при этом врез со спикером внизу страницы живет своей жизнью и не подчиняется никакой логике:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/5-8.jpg" width="597" height="794" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Шрифты&lt;/b&gt; я распознала в Adobe Acrobat. Тут мне повезло, потому что прислали pdf файл, а ведь могли и джепеги отправить. Так я определила все шрифты в документе:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/6-10.jpg" width="1114" height="1758" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;b&gt;В стили&lt;/b&gt; вошла буквица на три строки, цветовая палитра, кегль и начертание основного текста, заголовков, колонтитулов, текста внутри иллюстраций с таблицами, толщина линий в оформлении.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Неудачные моменты&lt;/b&gt; бросились в глаза сразу — отсутствие оптического выравнивания и выравнивания блоков в целом, дыры внутри текстового полотна и, конечно же, висячие предлоги. Также привлекли внимание разреженные строчные, но с ними я ничего не могу сделать (пока) — это элементы дизайна:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/7-7.jpg" width="800" height="1051" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Выделила некоторые моменты&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;В этом посте я не буду описывать сам процесс верстки тестового задания, о верстке и нюансах расскажу в другой раз. Ниже пара разворотов моей верстки:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1191" data-ratio="1.5"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/8-8.jpg" width="1191" height="794" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/9-5.jpg" width="1191" height="794" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Готовую работу отправила главреду и рассказала, что и как я улучшила.  Через пару дней получила приглашение :-)&lt;/p&gt;
&lt;h3&gt;Что еще нужно знать в работе над периодическим изданием&lt;/h3&gt;
&lt;p&gt;Кроме умения верстать в inDesign, нужно понимать принципы офсетной печати, уметь готовить под нее изображения, уметь выгружать файл для типографии под их требования.&lt;/p&gt;
&lt;p&gt;Постепенно обо всем этом я расскажу подробно, если вас что-то особенно интересует, пишите в комментариях или присылайте вопросы через гугл-форму:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://docs.google.com/forms/d/e/1FAIpQLSfis35KRh3HK7BK_1DAgbDiVUDbjzGGRwi35xu4RAkpTneXow/viewform" class="btn btn-lg btn-danger"&gt;Задать вопрос по дизайну&lt;/a&gt;&lt;/p&gt;
</description>
</item>


</channel>
</rss>