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