<?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/prints/</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">88</guid>
<link>https://tsokolovskaya.ru/blog/all/black-and-white-printing/</link>
<pubDate>Sat, 17 Sep 2022 19:24:22 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/black-and-white-printing/</comments>
<enclosure url="https://tsokolovskaya.ru/blog/video/Screen-Recording-2022-09-17-at-16.29.31.mov" type="video/quicktime" length="4334972" />
<enclosure url="https://tsokolovskaya.ru/blog/video/Screen-Recording-2022-09-17-at-17.12.22.mov" type="video/quicktime" length="23420021" />
<description>
&lt;iframe width="1000" height="563" src="https://www.youtube.com/embed/9HywmVX4tyY?si=4GBVQcwlM9NQg4wh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen&gt;&lt;/iframe&gt;
&lt;p&gt;По следам поста &lt;a href="https://tsokolovskaya.ru/blog/all/images-and-offset-printing/"&gt;о подготовке изображений к офсетной печати&lt;/a&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/black-and-white-woman.jpg" width="700" height="1050" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Сконвертируем ее из RGB в CMYK и сравним:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="700" data-ratio="0.66666666666667"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-copy.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-cmyk.jpg" width="700" height="1050" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Первая — RGB&lt;br /&gt;
Вторая — CMYK&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-17-at-15.36.11.jpg" width="700" height="1049" 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-17-at-15.36.26.jpg" width="699" height="1051" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;В черном получился “скелет” из самых темных оттенков&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Проблема тут следующая — при печати всегда возможно колебание красок, и приведет это к проявлению соответствующего оттенка. Посмотрим на примере с помощью кривых. Я подвигала кривую Cyan и Magenta в большую и меньшую сторону:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="700" data-ratio="0.66666666666667"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-cmyk1.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-cmyk2.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-cmyk3.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-cmyk4.jpg" width="700" height="1050" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Больше голубой краски&lt;/li&gt;
&lt;li&gt;Меньше голубой краски&lt;/li&gt;
&lt;li&gt;Больше пурпурной краски&lt;/li&gt;
&lt;li&gt;Меньше пурпурной краски&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;При любом скачке краски картинка приобретает оттенок, и чтобы этого избежать, нужно перегнать основную часть детализации фотографии в черный канал. Для этого идем в Фотошоп и дублируем изображение, так как выполнять цветоделение будем дважды в разных каналах, после чего объединим их.&lt;/p&gt;
&lt;p&gt;Работаем с первой копией. Переводим картинку в CMYK, создаем корректирующий слой Channel Mixer и перегоняем триадные цвета в черный:&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://tsokolovskaya.ru/blog/video/Screen-Recording-2022-09-17-at-16.29.31.mov#t=0.001" width="1127" height="652" controls 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="700" data-ratio="0.66666666666667"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-16.26.49.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-15.36.11.jpg" width="700" height="1049" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Первое фото — стало, второе — было&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Триадная подложка стала светлее и менее детализированной.&lt;/p&gt;
&lt;p&gt;Открываем вторую копию картинки и переводим ее в CMYK, но c максимальной генерацией черного. Чтобы это сделать, нужно создать соответствующий цветовой профиль. Для этого идем в Edit → Color Settings и создаем новый профиль CMYK с настройками:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-16.41.04.jpg" width="923" height="575" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Конвертируем картинку в CMYK c максимальной генерацией черного — Edit → Convert to Profile → выбираем созданный профиль и смотрим на картинку в черном канале:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-16.47.59.jpg" width="700" height="1048" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Видно, что вся картинка перешла в черный канал. Теперь нужно его объединить с уже подготовленной триадной подложкой. Открываем первый файл и создаем там новый слой. Идем в Image → Apply Image и из второго файла копируем только черный канал:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-16.55.44.jpg" width="697" height="1049" 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-17-at-16.58.08-1.jpg" width="781" height="483" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Сравним результат с картинкой в RGB:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="700" data-ratio="0.66666666666667"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/black-and-white-woman-copy.jpg" width="700" height="1050" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-16.59.38.jpg" width="699" height="1052" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-caption"&gt;Первая — RGB, вторая — CMYK&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Видно, что в CMYK картинка приобрела коричневатый оттенок, но это легко поправить в уже созданном корректирующем слое Channel Mixer:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/Screen-Shot-2022-09-17-at-17.06.38.jpg" width="701" height="1048" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Я немного уменьшила Magenta и Yellow и чуть прибавила Cyan&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Интереса ради, подвигаю кривую, чтобы посмотреть, как изменится картинка при колебаниях краски:&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;video src="https://tsokolovskaya.ru/blog/video/Screen-Recording-2022-09-17-at-17.12.22.mov#t=0.001" width="1600" height="1065" controls alt="" /&gt;

&lt;div class="e2-text-caption"&gt;Подготовленная картинка практически не меняет своего оттенка, при этом кривую я двигаю довольно сильно, в печати вряд ли случится такое колебание красок. В сравнение к ней вторая картинка, которую я просто конвертировала из RGB в CMYK&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Итак, получаем изображение с насыщенным черным цветом, которе в печати будет выглядеть так же качественно, как на экране.&lt;/p&gt;
&lt;p&gt;Кто-то может решить печатать монохром в одну краску чистым черным, но так делать не надо, в результате получится бледное и скорее всего зернистое изображение.&lt;/p&gt;
&lt;p&gt;Такая обработка подойдет не только к монохромным изображениям, но и к смешанным, в которых присутствует и цветная часть, и большая область монохрома. В таком случае следует объединить корректирующий слой Channel Mixer и слой с черным каналом в одну папку и задать ей маску отображения только на монохромных деталях картинки.&lt;/p&gt;
</description>
</item>

<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>Сверстала каталог одежды бренда «Метаморфоза»</title>
<guid isPermaLink="false">63</guid>
<link>https://tsokolovskaya.ru/blog/all/metamorfoza-catalog/</link>
<pubDate>Thu, 27 Aug 2020 12:48:48 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/metamorfoza-catalog/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/cover-2-3.jpg" width="1200" height="653" 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="800" data-ratio="0.66666666666667"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/DSC02521.jpg" width="800" height="1200" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/DSC02274.jpg" width="800" height="1200" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/DSC02292.jpg" width="800" height="1200" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/DSC02352.jpg" width="800" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Требовалось сделать два варианта каталога — электронный и для печати.&lt;/p&gt;
&lt;p&gt;Версия каталога для печати в формате А5:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/cover-2.jpg" width="1200" height="872" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/16-1.jpg" width="1200" height="756" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Задник и обложка&lt;/div&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1500" data-ratio="1.2953367875648"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2-3-2.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/4-5-2.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/6-7-2.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/8-9-1.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/10-11-2.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/12-13-2.jpg" width="1500" height="1158" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/14-15-1.jpg" width="1500" height="1158" alt="" /&gt;
&lt;/div&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/all-2.jpg" width="1500" height="1394" alt="" /&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Сверстала гайд мастера маникюра</title>
<guid isPermaLink="false">61</guid>
<link>https://tsokolovskaya.ru/blog/all/guide-valerie-pronails/</link>
<pubDate>Sun, 16 Aug 2020 07:37:53 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/guide-valerie-pronails/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/cover-1.jpg" width="1500" height="1099" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Валерия — мастер маникюра и педикюра. Для рассылки и привлечения новых клиентов ей понадобился гайд, в котором она рассказывает про уход за кожей рук и ногтями. Гайд нужен в электронном и печатном виде.&lt;/p&gt;
&lt;p&gt;Я сверстала два варианта — формат А4 для рассылок и формат А5 для печати.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/all-1.jpg" width="1500" height="1125" 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/all-web.jpg" width="1508" height="1543" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Некоторые страницы из электронной версии гайда&lt;/div&gt;
&lt;/div&gt;
</description>
</item>

<item>
<title>Сверстала брошюру — путеводитель по Японии</title>
<guid isPermaLink="false">60</guid>
<link>https://tsokolovskaya.ru/blog/all/japan-travel-guide/</link>
<pubDate>Sat, 08 Aug 2020 15:32:32 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/japan-travel-guide/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/cover.jpg" width="1200" height="1518" alt="" /&gt;
&lt;/div&gt;
&lt;p&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/all.jpg" width="1200" height="900" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1200" data-ratio="1.2182741116751"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2-3-1.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/4-5-1.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/6-7-1.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/8-9.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/10-11-1.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/12-13-1.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/14-15.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/16-17.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/18-19.jpg" width="1200" height="985" alt="" /&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/20-21.jpg" width="1200" height="985" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Автор путеводителя — &lt;a href="https://allmyworld.ru"&gt;Роман Мироненко&lt;/a&gt;&lt;/p&gt;
</description>
</item>

<item>
<title>Как я сверстала и оформила книгу</title>
<guid isPermaLink="false">13</guid>
<link>https://tsokolovskaya.ru/blog/all/wedensky-book-process/</link>
<pubDate>Wed, 10 Aug 2016 19:43:05 +0100</pubDate>
<author></author>
<comments>https://tsokolovskaya.ru/blog/all/wedensky-book-process/</comments>
<description>
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/img_0211.jpg" width="1200" height="731" alt="" /&gt;
&lt;/div&gt;
&lt;p aside&gt;&lt;a href="http://tsokolovskaya.ru/blog/all/wedensky-ebook/"&gt;А тут электронная версия книги&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Представляю мое первое книжное издание! Я очень рада, что довелось открыть для себя это новое направление в дизайне. Работа над оформлением книги оказалась нелегкой, но интересной. Тут я покажу процесс работы и всякие закулисные подробности.&lt;/p&gt;
&lt;p&gt;Задача: сверстать, оформить и помочь издать художественную книгу израильского писателя и психолога Леи Веденски. Книга называется «О Жизни, Смерти и Любви»&lt;/p&gt;
&lt;p&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_0.jpg" width="853" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/2_1.jpg" width="894" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/3_2.jpg" width="1200" height="873" 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/4_2.jpg" width="1146" height="600" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Набросок обложки. Текст на иврите — грубый перевод русккоязычного названия в Google Translate&lt;/div&gt;
&lt;/div&gt;
&lt;p&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/5_2.jpg" width="947" height="553" 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_0.jpg" width="953" height="545" 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/7_0.jpg" width="946" height="554" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Горизонтальная иллюстрация&lt;/div&gt;
&lt;/div&gt;
&lt;p&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/8.jpg" width="1024" height="768" alt="" /&gt;
&lt;/div&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/9.jpg" width="1014" height="762" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Думаю над решением:&lt;br /&gt;
— Раз у нас пропала необходимость в двухколоночной верстке, то и придерживаться квадратного формата больше нет необходимости. Почему бы его не поменять?&lt;/p&gt;
&lt;p&gt;Учитывая, что все иллюстрации нарисованы на бумаге формата А4, для полной гармонии я выбрала пропорциональный им формат — А5.&lt;/p&gt;
&lt;p&gt;Работая над квадратным вариантом я полагалась только на свой эстетический вкус, но с форматом А5 возникли трудности. В поиске гармоничной пропорции наборы полосы я открыла для себя Яна Чихольда и его «Облик книги» — восхитительный «учебник» про вёрстку и оформление книг.&lt;/p&gt;
&lt;p&gt;Следуя канону Виллара, полоса набора стала выглядеть так:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/10.jpg" width="1486" height="763" 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/11.jpg" width="768" height="579" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Чертеж Виллара&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Гармония для текстовых блоков и иллюстраций найдена. Отпала нужда в крупном шрифте, поэтому для удобства чтения уменьшила его с 12 до 11 пт, теперь строка вмещает в среднем 5–7 слов.&lt;/p&gt;
&lt;p&gt;Для текста я выбрала два шрифта: Newton для основного текста (сочетает в себе высокую удобочитаемость и признаки шрифтов старого стиля, под вечные темы, затрагиваемые в повествовании) и Jakob для заголовков (рукописный шрифт, отлично гармонирует с графическими иллюстрациями).&lt;/p&gt;
&lt;p&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/12.jpg" width="1200" height="926" 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/13.jpg" width="1200" height="921" 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/3_3.jpg" width="1624" height="1156" 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/4_4.jpg" width="1624" height="1156" 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/5.gif" width="1624" height="1156" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Отдельно хочу сказать про «висячие» предлоги. Правильно переносить их вместе со связанным словом на новую строку, но часто сталкиваюсь в жизни с пренебрежением этого правила. Скорее всего это связано с нежеланием переносить их вручную или незнанием, как автоматизировать данный процесс. Поэтому ниже я рассказала как это сделать в InDesign.&lt;/p&gt;
&lt;h2&gt;Убираем «висячие» предлоги в InDesign&lt;/h2&gt;
&lt;p&gt;Открываем документ и создаем Character Style с единственной настройкой «No Break», имя даем ему такое же:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/15.png" width="788" height="681" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Далее создаем Paragraph Style для основного текста и идем во вкладку GREP Style. Там жмем кнопку «New GREP Style» и в выпадающем списке «Apply Style» выбираем наш заранее созданный «No Break»:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/14.png" width="784" height="684" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В поле «To Text» вписываем следующее:&lt;br /&gt;
(?&lt;= )((в|‬на|‬под|‬с|‬со|‬во|‬без|‬то|‬ли|‬бы|‬или|‬да|‬но|‬что|‬а|‬и|‬у|‬уж|‬так|‬как|‬для|‬перед|‬через|над|‬‬при|‬по|‬до|‬от|‬о|‬об|‬‬про|‬к|‬ко|‬не|‬за|‬из|‬ни|‬нас|‬я|‬он|‬она|‬оно|‬они|‬мы|‬ее|‬её|‬его|‬вас|‬ты|‬вы‬|‬все|‬всё)( |\. |, ))+&lt;/p&gt;
&lt;p&gt;Далее, создаем новый GREP Style по аналогии с первым, но уже для предлогов с большой буквы:&lt;br /&gt;
((?&lt;= )|(?&lt;=^))((В|‬На|‬Под|С|‬Со|‬Во|‬Без|‬То|‬Ли|‬Бы|‬Или|Да|‬Но|‬Что|‬А|‬И|‬У|‬Уж|‬Так|‬Как|Для|‬Перед|‬Через|Над|‬‬При|‬По|‬До|‬От|‬О|‬Об|‬‬Про|‬К|‬Ко|‬Не|За|Из|‬Ни|‬Нас|‬Я|‬Он|Она|‬Оно|‬Они|‬Мы|‬Ее|‬Её|‬Его|‬Вас|‬Ты|‬Вы‭|‬Все|‬Всё) )+&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/16.png" width="766" height="642" alt="" /&gt;
&lt;/div&gt;
&lt;h3&gt;Чтобы было понятно:&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Условие (?&lt;= ) означает: только если перед предлогом стоит пробел;&lt;br /&gt;
(?&lt;=^) — только если предлог стоит в начале абзаца;&lt;/li&gt;
&lt;li&gt;(‬в|‬на|‬под|‬с|‬со|‬во‭|...|‬вы‬|‬все|‬всё) — список всех предлогов, местоимений и союзов, которые не должны оставаться в конце строки;&lt;/li&gt;
&lt;li&gt;( |\. |, ) — знаки после предлогов: пробел, точка+пробел, запятая+пробел. Символ \ указывает на то, что точка после него рассматривается как точка, а не как GREP-метасимвол);&lt;/li&gt;
&lt;li&gt;+ указывает, что условие применимо и к идущим друг за другом предлогам, местоимениям и союзам, например «но нам это показалось интересным».&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Подробнее о GREP метасимволах и принципах работы читайте &lt;a href="https://www.dropbox.com/s/btzjulwl9dgmvxz/BookAboutGREP.pdf?dl=0"&gt;в GREPоводстве&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Результат работы:&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://tsokolovskaya.ru/blog/pictures/13_0-2.jpg" width="1600" height="1323" 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/6_1-2.jpg" width="1600" height="1142" 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/7_1-2.jpg" width="1508" height="1076" 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/3_4-2.jpg" width="1600" height="1142" 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/4_5-2.jpg" width="1600" height="1142" 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/5_3-2.jpg" width="1600" height="1142" 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/14.jpg" width="1200" height="920" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Книга в жизни&lt;/div&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;b&gt;Участники проекта&lt;/b&gt;&lt;/p&gt;
&lt;table cellpadding="0" cellspacing="0" border="0" class="e2-text-table"&gt;
&lt;tr&gt;
&lt;td&gt;Дизайнер&lt;br/&gt;Таня Соколовская&lt;/td&gt;
&lt;td&gt;Автор&lt;br/&gt;&lt;a href="https://wedensky.com/about/lea"&gt;Леа Веденски&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Художник-иллюстратор&lt;br/&gt;&lt;a href="https://business.facebook.com/MashaRoitmanillustrator/"&gt;Маша Ройтман&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;Литературный редактор&lt;br/&gt;Гульнара Сабрекова&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
</description>
</item>


</channel>
</rss>