урок 1: Основы
впечатление | композиция | типографика

урок 2: Приемы из Photoshop'а
Отделение изображений от фона
Кисти в Photoshop'e
Создание иконок для Windows
Увеличение разрешения снимков экрана
Создание растрового файла со Spot-каналами

урок 3: Векторные редакторы
Получение предсказуемых на печати цветов средствами FreeHand'а и Illustrator'а
Проблемы программы FreeHand
Особенности работы FreeHand'а с растровой графикой
Изменение основного шаблона во FreeHand'е и Illustrator'е
Проблемы программы Illustrator 8
Как CorelDRAW с ивритом подружился

урок 4: Допечатная подготовка изданий
Для чего нужен PPD-файл?
Простые и составные цвета

урок 5: Интернет
Печать картинок высокого качества из броузера

Читайте так же:
Особенности InDesign - собрание заметок о программе
Kаждый охотник желает знать (о сочетаемости цветов в изобразительном искусстве)

 

В каморке у сторожа

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

оглавление

урок 1: Основы

Из всей истории развития искусства я вынес для себя мысль о передаче впечатления, как важнейшем критерии удачности работы. Леонардо говорил об изучении и воссоздании природы, впервые передачей впечатления (impression) целенаправленно занялись французские импрессионисты. Зрение человека основывается на восприятии излучаемого или отражаемого от объектов света. Свет и воздух, через который он проходит изображали Моне и его товарищи. Другими словами, они рисовали не предметы, а их восприятие, состояние, в котором они находятся. В этом, мне кажется, кроется секрет того, что работы импрессионистов, написанные более ста лет назад, и сегодня находят свой путь к зрителю - они несут в себе настроение.

Импрессионизм был явлением, характерным для своего времени - конца XIX века. Он умер вместе с художниками его породившими, ушел вместе с XIX веком. Даже у Клода Моне, пережившего всех своих товарищей, в поздних работах, которые относятся уже к XX веку чувствуется имитация впечатления: живости и непосредственности "Бульвара капуцинок" уже нет в "Лилиях" и венецианском цикле.

Прошло время, умерли художники, но остались холсты. Импрессионисты открыли универсальный подход, они нашли тропинку, ведущую к сердцу зрителя. Импрессионистический метод заключается не в мазках-запятых, не в отказе от черной краски, не в визуальном смешении мазков, а в создании ощущения у зрителя изображаемого предмета. И в таком виде он не устарел и не умер. Передача впечатления актуальна в современном искусстве, она важна и в современном графическом дизайне. Когда создается фирменный стиль, ошибки (и неадекватную реакцию зрителя, как следствие) нельзя списать на "авторский текст". У возможного клиента фирмы, когда он смотрит на ее буклет, плакат, интернетовский сайт, должно сложиться именно то впечатление о данной компании, которое она хочет ему передать. Таким образом, передача впечатления становится важнейшей задачей дизайнера, поскольку на его работу, увы, не придут посмотреть в музей, она должна сама хватать своего зрителя там, где попадается ему на глаза.

Искусство призвано действовать, прежде всего, на подсознание. Первое впечатление у человека складывается в течение первых 10 секунд и оно очень устойчиво. За 10 секунд в изобразительном искусстве нужно уметь сказать все.

Обычный человек, не специалист, не может объяснить, почему ему не нравится плакат или рекламный буклет, он не нравится и все - это подсознательное ощущение. Чтобы проанализировать и исправить ошибки требуется знание некоторых основ построения композиции, работы со шрифтами и цветом.

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

Расстояние между субъектами композиции должно быть меньше, чем от всей композиции до края листа. Этот способ даст, в любом случае, ощущение цельности, он более подходит для симметричных композиций. Асимметричные, как я отмечал, сложнее. Их часто делают с элементами "на вылет". Попробуйте прищурить глаз и посмотреть как располагаются массы текста, картинок. Не заваливается ли все в какую-либо сторону. Если заваливается, оправдано ли это? Находится ли акцент там, где вы хотите. Акцент можно создать крупным кеглем шрифта, иллюстрацией, обращающей на себя внимание. Применим, так же, метод из живописи: там, куда нужно обратить внимание, делается тоновой и/или цветовой контраст. Остальное делается приближенным по цвету и тону, возможно, с визуально размывающейся границей. Описанный прием известен уже 500 лет и имитирует фокусировку человеческого глаза. Таким образом художник ведет взгляд зрителя.

Типографика - искусство использования шрифта. Она находится в числе тех направлений, где людям кажется, что это легко и каждый может этим заниматься. При использовании компьютера, конечно, ибо выписывание букв перьями и кистями занятие довольно трудоемкое. В ручной типографике важно хорошо представлять себе все нюансы построения шрифта: открытые и закрытые буквы, различия гарнитур с засечками, рубленных и декоративных, значение межбуквенных просветов (кернинг) и межстрочных расстояний (интерлиньяж), много другого. Компьютер упрощает и ускоряет процесс, но сокращает диапазон возможностей. Вкратце можно описать следующие принципы оформления текста.

Текст, написанный в разрядку или с большим интерлиньяжем лучше читается. Он требует больше свободного места ("воздуха") вокруг. Сжатый текст, смотрится изящней. Здесь, как и во всем, нужно знать меру - чем больше вытягивается буква, тем менее удобочитаемой она становится. Появляющийся эффект кучности можно скомпенсировать увеличением межбуквенных просветов. Однако существуют много гарнитур, форму букв которых нарушать нежелательно. Сжатие используется, обычно, к шрифтам рубленого типа: Pragmatica или Arial; к сжатию декоративных гарнитур, или гарнитур с засечками, нужно подходить осторожно. Во всех случаях лучше использовать уже готовые сжатые шрифты, специально разработанные дизайнерами.

Форма гарнитур с засечками (Times, Garmond), развивается со времен древних римлян. Они считаются наиболее удобочитаемыми в больших массах текста. Ивритскими аналогами шрифтов с засечками являются Ramat Gan (David) и Gilboa (Times New Roman Hebrew), а так же большинство шрифтов классического типа - с тонкими вертикальными перемычками и широкими горизонтальными. По широким горизонтальным перемычкам, как по засечкам в латинских и кирилистических шрифтах, взгляд читающего двигается словно по рельсам. Такие шрифты удобно использовать в больших массивах текста. Для заголовков, узких колонок и экранных текстов используют рубленные гарнитуры, так как они имеют простую форму, без излишеств и легко ухватываются взглядом. Причина их предпочтительного использования в PDF, Интернете и экранных интерфейсах заключается в низком разрешении мониторов, которое искажает декоративные гарнитуры, "съедает" засечки у шрифтов малого кегеля (менее 12 pt). По этой же причине выделенный экранный текст лучше делать жирным, а не курсивным, как в бумажных публикациях. Кроме того, с точки зрения графического решения шрифта, в гарнитурах типа Times курсив заметно отличается от основного текста, в то время как у рубленных шрифтов курсив, за редким исключением, - просто наклоненный текст и не виден на общем фоне.

Использование декоративных гарнитур должно быть всегда оправдано и уместно. Так гарнитуры воспроизводящие старинные русские шрифты Устав или Полуустав (так называемые CyrillicOld, Izhitsa) ассоциируются со своим временем и не уместны в темах не касающихся чего-то исконно русского или древнерусского. Их латинский вариант вообще абсурден. Любой элемент оформления должен быть оправдан, лишнего быть не должно, всё в композиции должно подчеркивать рекламируемый или оформляемый предмет.

В заключение скажу, что графический дизайн - не самостоятельная вещь. Хороший дизайн (как хороший макияж) не обращает на себя внимание вычурными формами, кричащими цветами, он подает предмет, а не себя. В нем, как и в любом искусстве, не должно быть ничего надуманного, натянутого.

Анонс: Анатомия для дизайнера

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

оглавление

Перемена

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

Линейки, рапидографы, трафареты ушли в прошлое, а если точнее, в виртуальный мир программ подготовки иллюстраций. В конце 80-х, на начальном этапе развития компьютерной графики и электронной верстки, разработчики "софта" стремились функционально приблизить инструментарий своих программ к настоящим кисточкам и карандашам. Это действительно облегчало переход специалистов на компьютеры. Таким образом растровая графика распространилась раньше векторной, так как ее инструменты ближе к прообразам, а одна из первых программ верстки PageMaker стала имитировать верстку гранками (гранки - длинные полосы наборного текста, из которых формировались колонки во времена ручной клейки макетов).

Сегодня, более чем через 10 лет, развитие программ уходит в другое русло - не имитация ручных способов, а максимальное использование возможностей электронной технологии. QuarkXPress появился позднее PageMaker'a, но приобрел большую популярность, одна из причин которой - многоколоночные текстовые боксы и автообтекание всех элементов, не существовавшие в старой практике и отсутствующие в PageMaker'е. Photoshop задавил всех старых конкурентов, потому что в Adobe не баловались с возможностями карандашей и кисточек, а разработали мощную систему цветокорректировки, технологию слоев.

оглавление

урок 2: Приемы из Photoshop'а

тема: Отделение изображений от фона

Эту операцию проделывали, все, кто использует Photoshop не только для просмотра картинок, а по назначению. Способов обтравки, конечно, не столько, сколько пользователей, но, все равно, много. Кто-то умеет работать только с выделенными областями, другие применяют быструю маску, я предпочитаю маски слоев. Вот способ, который считаю оптимальным:

1. Выберите инструмент Move, для работы со слоями. Нажимите на клавиши управления курсором "вверх", затем "вниз" (В Photoshop 6 сделайте двойной щелчек на Background’е и нажмите на OK в появившемся диалоговом окне). Background превращается в Layer 0.
2. Инструментом Lasso приблизительно выделите то, что нам нужно.
3. Нажмите на кнопку "Add layer mask" на палитре Layers. Вся область за пределами выделения скрывается маской слоя, выделенная область автоматически убирается.
4. Оставшиеся поля сотрите вручную.

Описанный способ удобен тем, что мы видим результат обтравки, на всех этапах, таким, каким он будет в конце. Восприятию не мешает ни бегущая граница выделенной области, ни быстрая маска. Кроме того маска слоя позволяет в, любой момент, легко вернуть все, что было стерто.

При отделении от фона геометрически правильных предметов (домов, машин) можно получить стирание по прямой, удерживая Shift. Обтравка волос, шерсти других предметов, не имеющих конкретной границы осуществляется мягкими полупрозрачными кистями. Таким образом полупрозрачный край естественно впишется в новый фон, без характерной резкой границы. Там же, где волос (например, на беличьем или лисьем хвосте) настолько сильно интегрируется в фон, что стирание в полупрозрачном режиме приведет к серьезным изменениям формы можно убрав то, что можно, поместить на новый фон и остатки старого фона изменить методами цветокоррекции, приблизив их по цвету, тем самым, к новому окружению.

оглавление

тема: Кисти в Photoshop'e

Главное достоинство кистей в Photoshop'e - простота. Один и тот же набор применим для всех инструментов и режимов обработки изображения. Кисти легко создаются, изменяются и удаляются.

Создание блика. Просто как мычание. Для этого нужно сделать мягкую кисть (Hardness - 0) с параметрами, показанными на рисунке и вторую такую же, но с углом -45 градусов (углы кистей могут быть какими угодно, но они обязательно должны пересекаться под прямым углом). Возможны вариации: можно делать блик в три и более кистей, кисти могут быть не одинаковой длинны.

Если нужно делать много одинаковых бликов, то неудобно производить каждый раз по две операции (перекрещивание кистей). Можно сделать из двух одну кисть:

1. Создайте новый слой - Cmd+Opt+Shift+N (Ctrl+Alt+Shift+N).
2. Сделайте блик, каким он должен быть (здесь допустимы все способы работы с изображением: трансформации, дорисовки, фильтры).
3. Удерживая клавишу Cmd (Ctrl) щелкните на значке слоя в палитре Layers - выделяется только объект (кисть), прозрачные области пропускаются.
4. Из меню палитры Brushes выбирите команду Define Brush — новая кисть появляется в палитре.

Таким же образом можно сделать кисть любой формы и прозрачности просто выбирая фрагмент из иллюстрации. Эту функцию удобно использовать для своего рода штампов. Например личная подпись. Я построил ее в CorelDRAW, EPS-файл импортировал в Photoshop, сделал кисть, как описано выше. Кисти имеют фиксированный размер в пикселах, поэтому при разных разрешениях одна и та же кисть оставляет разной величины отпечатки. Отсюда вытекает целесообразность изготовления кистей разной величины на основе одного и того же рисунка.

Если нужно создать новую кисть на основе одной из существующих, то достаточно выделить имеющуюся кисть и щелкнуть на свободном поле палитры - откроется диалоговое окно New Brush с параметрами выделенной кисти.

Наконец, удаляются ненужные кисти простым щелчком мыши, удерживая клавишу Cmd (Ctrl) - курсор превращается в ножницы или из контекстно-зависимого меню, вызываемого Ctrl+щелчком на Macintosh или правой клавишей мыши в Windows.
[ноябрь 1998]

оглавление

тема: Создание иконок для Windows 95

Способ создавать иконки в Photoshop'е без всяких конвертеров я нашел давно, тогда, когда сидел на Windows. Мне не давала покоя возможность Mac OS очень просто создавать и "приклеивать" иконки к любым файлам и папкам. Пользовательская иконка на папке помогает визуальной ориентировке - это одна из тех многих мелочей, которые обеспечивают знаменитую дружелюбность Макинтош, она обеспечивается за счет ветви ресурсов (Resource Fork) - невидимого двойника, который есть у каждого маковского файла или папки и хранящего вспомогательную информацию: тип файла, программу-создателя, метку (Label), иконку и другое. На Windows ветви ресурсов нет, что же делать?

Сначала создадим иконку. В Photoshop'е создайте новый файл 32х32 пиксела величиной, RGB, нарисуйте в нем то, что хотите или уменьшите уже существующую картинку. Уменьшенное до размеров 32х32 пиксела изображение, скорее всего, потребует доработки. Обратите внимание, все белые части становятся прозрачными. Созданную миниатюру конвертируйте в Index Color и сохраните в формате BMP. У полученного файла переименуйте расширение с .bmp на .ico - иконка файлов BMP по умолчанию сменится на содержимое файла. Создайте для папки, которой хотите поменять иконку ярлык (shortcut). В Properties ярлыка выберите вкладку Shortcut, нажмите на кнопку Change Icon..., в открывшемся диалоговом окне нажмите кнопку Browse... и укажите системе, где находится подготовленный файл с расширением .ico
[август 2000]

оглавление

тема: Увеличение разрешения снимков экрана

Предположим, вам нужно захватить какой-либо элемент экранного интерфейса (диалоговое окно, например) и распечатать. Далеко не всегда под рукой есть какая-нибудь мощная утилита типа CorelCAPTURE (для Windows) или Screen Catcher (для Макинтош). Приходится пользоваться встроенными функциями операционной системы, которые создают растровую карту снимка экрана с экранным же разрешением. На печати такая картинка выходит пикселизованной да еще и размытой. Визуально строгая структура пикселов более-менее обобщается, но размытость воспринимается однозначно как ошибка или порча изображения. Для разного рода палитр и диалоговых окон пикселизация не страшна, но картинки, снятые с Интернета, могут на печати слегка "зазубриться", тем не менее, думаю, это лучше, чем размазанная интерполяцией пиксельная решетка на листе. Описываемый ниже метод не решает проблему пикселизации, но позволяет избавиться от размытости.

На Макинтош включите Caps Lock, нажмите Cmd+Shift+4, появившимся курсором в форме колесика щелкните по какому-либо окну, которое хотите захватить. В корне вашего жесткого диска появится файл Picture 1 в формате PICT, содержащий захваченное окно. Для снимка всего экрана нажмите Cmd+Shift+3, для захвата произвольной прямоугольной области - Cmd+Shift+4 (с отжатой Caps Lock). Откройте файл в Photoshop'е. У пользователей Windows есть только одна возможность - посредством нажатия клавиши Print Screen снимок всего экрана, размером в пару мегабайт, падает в буфер обмена, откуда его можно вклеить в любую программу. В тот же Photoshop, например.

Обрежьте лишнее, вызовите диалоговое окно Image > Image Size... Введите в поле Resolution значение, в два раза превышающее то, которое там уже есть. У себя на Маке я ввел 144 (72х2), на Windows экранное разрешение может быть разным, чаще можно встретить значение 96 ppi. Затем в разделе Pixel Dimensions выберете как единицу измерения проценты. Вместо размера в пикселах должно появиться значение 200 percent, вбейте в это поле 100%. Если все проделано правильно, размер файла в килобайтах измениться не должен, происходит логическое увеличение разрешения файла за счет снижения печатного размера, а не добавления новых пикселов.

В случае, когда требуется повысить разрешение более, чем до 144 dpi, увеличивайте значение на число, кратное 72 (исходному экранному разрешению) - 216 или 288, при этом алгоритм интерполяции создаст дополнительные пикселы. В таком случае может все-таки потребоваться увеличение. Увеличивайте картинку на число, кратное 100, т.е. в разы. Я бы советовал для элементов экранного интерфейса сменить используемый по умолчанию бикубический метод интерполяции на Nearest Neighbor, который для создания нового пиксела просто копирует существующий (для этого нужно кратное увеличение), Bicubic же анализирует все рядом стоящие пикселы и создает нечто среднее, размывая, таким образом изображение.
[август 2000]

оглавление

тема: Создание растрового файла со Spot-каналами

Один из читателей попросил меня объяснить, как сделать растровый файл на две специальные печатные платы из присланного им примера. Задача оказалась не простой, поэтому сразу не вышло. Читатель (его зовут Виталий) прислал найденную в Интернете весьма путанную статью, которая дала намек. И вот, что вышло (мое описание процесса в письме к Витатию):

"Я открыл присланный Вами файл Okno-probe.psd.

Выделил слой 2 и из корешка палитры Layers выбрал команду Duplicate Layer..., в разделе Destination выбрал Document: New. Образовался точно такой же файл с одним слоем (изображение здания). В основном файле скопированный слой я удалил.

Удерживая клавишу Command (Ctrl на Windows) в основном файле я щелкнул в палитре Layers по оставшемуся первому слою. Образовалась выделенная область по форме слоя. Я сохранил ее как Alpha-канал и снял выделение. Оба файла я конвертировал в цветовое пространтсво Grayscale и затем в Multichannel. Инструментом Move (V), удерживая Shift, я перенес изображение здания обратно в файл Okno-probe.psd, оно упало не на отдельный слой, а на новый канал. Я переименовал его в "Green" и определил в его установках зеленый цвет для наглядности и Solidity 0%. Существовавший в файле канал я переименовал в "Black" для порядка. Почему-то после конвертации в Grayscale оба изображения стали светлее. Выделяя поочередно Spot-каналы, с помощью Levels, я усилил контраст и слегка затемнил изображения. Теперь у нас получилось, что канал Green со зданием налагается и смешивается в каналом Black, поскольку изначально слой со зданием лежал под слоем с окном и частично закрывался им. Я загрузил сохраненную в Alpha-канале область, перешел на канал Green и стер на нем все, что попало в выделение. Теперь картинка идентична основной.

Командой Save As... я сохранил ее в формате Photoshop DCS 2 (Preview: Macintosh (8 bpp) (для PC нужно сделать TIFF), DCS: Single File DCS, No Composite, Encoding: Binary).

Для проверки я вставил файл в Illustrator (при этом он предупредил, что могут возникнуть проблемы), оба Spot-цвета появились в палитре Swatches (плашки с белыми уголками справа внизу посередине которых есть точка).

Вывод файла с цветоделением (Separate) дал мне две искомые платы с той, однако, особенностью, что получившийся Black, это не Process Black. Можно попробовать покрасить текст в черный цвет из файла и выйти из положения таким образом, а все черно-белые картинки на этой странице делать тоже в формате Multichannel.

Платам нужно задать насколько возможно различающиеся углы растра: черной - 45° (лучший угол) и зеленой - 65-70°, 90-градусная решетка будет слишком бросаться в глаза своей правильностью."
[октябрь 2000]

оглавление

Перемена

Обратимся к вопросу об объятии необъятного. Как описать все аспекты работы с графикой? Можно ли научить по бумажке? Возможно ли охватить все, в то время, как программы и "железо" так быстро меняются? Нет, конечно. Practice is the best master - опыт лучший учитель. Люди учатся на ошибках. На мой взгляд, утверждение, что умный учится на чужих ошибках, а дурак на своих, неверно. Умный делает ошибку и больше не повторяет ее. Дурак ошибается, но не учится. Область допечатной подготовки изданий имеет такое количество нюансов и особенностей, что без практики на рабочем месте с версткой конкретной газеты, брошюры, изготовлением прочей печатной продукции научиться невозможно.

В своей статье я не учу, несмотря на то, что она называется "Школа компьютерной графики". Я лишь излагаю "случаи из жизни", а учит опыт, сын ошибок... (дальше по Пушкину).

оглавление

урок 3: Векторные редакторы

тема: Получение предсказуемых на печати цветов средствами FreeHand'a и Illustrator'а

Когда-то FreeHand показался мне замороченным и примитивным одновременно. Действительно, работа с текстом и узлами кривых во FreeHand'e сильно уступает аналогичным функциям в CorelDRAW. Но работа с цветом была и остается самой простой и удобной. FreeHand позволяет легко создавать и конвертировать цвета между цветовыми моделями в палитре Color Mixer, сохранять их в палитре Color List. Важно в своей работе использовать только цвета из Color List. Это позволяет легко заменять их во всем документе путем подмены нужного цвета в палитре Color Mixer вновь смешанным, дает возможность эффективно контролировать процесс подготовки документа к печати. Как это делается, как легко получить на типографском оттиске те цвета, которые мы видим на экране?

Прежде всего нам нужны две вещи:

• каталог цветов Pantone Process;
• способность печатника точно воспроизвести цвета из Pantone Process на печати.

Работаем как всегда - раскрашиваем все CMYK-цветами, обязательно сохраняя их предварительно в Color List. Повторю еще раз: оттенки смешанные в Color Mixer бросаем в Color List и только потом используем в иллюстрации. По окончании работы рисуем некоторое количество квадратов на полях, по числу цветов в палитре. Заливаем каждый квадрат цветом из палитры. Берем каталог и на глаз ищем наиболее похожий цвет для каждого из квадратов. Найдя нужный оттенок смешиваем его в Color Mixer'e, следуя формуле CMYK, подписанной под плашкой и бросаем (заменяя таким образом) на соответствующий имеющийся цвет в палитре Color List. Некоторые цвета могут заметно измениться, не обращайте внимание - это экранный эффект. Имеет смысл сохранить файл с измененными цветами под другим именем. Обратите внимание, хороший или калиброванный монитор не обязателен.

Аналогичным образом описанный метод можно применять и в Illustrator'е. В палитре Swatches дважды шелкните по цвету, который впоследствии вы планируете заменить. Отметьте опцию Global, плашка этого цвета в палитре обозначится белым уголком (без точки) справа внизу. Теперь изменение характеристик этого цвета, в этом же диалоговом окне, отразится на всех объектах, где он был применен.

Применяя данный способ вы сможете значительно уменьшить неприятные искажения оттенков при печати.
[ноябрь 1998 - март 2001]

оглавление

тема: Проблемы программы FreeHand

Самая неприятная из них - несанкционированные перескакивания объектов со слоя на слой (включая закрытые и невидимые) при группировании-разгруппировании на Мас-версиях FreeHand'a с 5-й по 9-ю. Эту проблему нельзя обойти иначе как отказавшись от использования слоев.

Другая проблема - очень заметное торможение перерисовки экрана в 7 и 8 Мас-версиях и в 8-й версии для РС. Неудобство серьезное, но его, к счастью, можно преодолеть. Следует в Preferences, во вкладке General снять флажок Smoother editing. Расплатой станет отсутствие подсветки объектов по цвету слоя (по умолчанию - голубой), зато скорость работы заметно возрастет.

С установками по умолчанию FreeHand некорректно выводит на экран CMYK-картинки. Чтобы "научить" его правильно показывать цветоделенную растровую графику нужно в Preferences > Colors установить симуляцию Monitors Simulates: Separations Printer.

Наконец, ошибки на выводе созданных во FreeHand'e файлов. К сожалению не все, что делает FreeHand имеет полную совместимость с PostScript. Так RIP фотонаборного автомата Dolev зависал у меня при попытке вывести PostScript-файлы созданные во FreeHand'e, в которых были линии толщиной 6 мм и заливки Tiled содержавшие мелкий узор на всю страницу. Во втором случае, видимо, весь объект с узором рассматривался как один вектор. Произошло, возможно, превышение допустимого в PostScript'e максимума узлов в линии (1600 - для PostScript 1 и около 10000 в PostScript 2).
[ноябрь 1998]

оглавление

тема: Особенности работы FreeHand'а с растровой графикой

Что еще умеет FreeHand? Он может легко и просто раскрашивать помещенные в него растровые картинки Bitmap и Grayscale. Смешиваете цвет и кидаете на растровое изображение - черный заменяется на выбранный вами цвет. Никаких проблем эта функция не делает в отличие от перевода в Duotone в CorelDRAW, когда, после сохранения конвертированные картинки просто исчезают.

Для тех, кто не знает. По умолчанию FreeHand делает ссылку (link) на импортируемый графический файл, но его можно, при желании, внедрить. При выбранной картинке в Inspector'e внизу появляется кнопка Links... В вызываемом ею диалоговом окне есть кнопка Embed. Извлечь назад можно с помощью кнопки Extract. Можно сделать Bitmap и Grayscale прозрачными все в том же Inspector'e установить флажок напротив надписи Transparent. Можно вызвать внешний растровый редактор путем двойного щелчка на импортированных TIFF, PNG и ряде других типов файлов.
[ноябрь 1998]

оглавление

тема: Изменение основного шаблона во FreeHand'е и Illustrator'е

Новый документ во FreeHand'де и Illustrator'е всегда открывается с определенными параметрами, установленными производителем, некоторые из которых хотелось бы изменить. Во FreeHand'e всегда по умолчанию появляется лист формата Letter и единицы измерения Points. Letter (8.5x11") - стандарт американцев и англичан, которые никак не могут перейти на метрическую систему. Почему разработчики предлагают Points (кегли) по умолчанию меня удивляет, хотя, я слышал, в Америке многие эту единицу измерения используют в качестве основной.

Как сделать так, чтобы новые файлы всегда открывались с листом А4 и миллиметрами? В CorelDRAW это всегда делалось чрезвычайно просто: в Preferences говорим ему запомнить существующие параметры как установки по умолчанию и все. Во FreeHand’e и Illustrator’е тоже просто, но способ на поверхности не лежит.

Откройте новый файл. Установите А4 (или любой другой формат), миллиметры, шрифт, который вы хотите использовать. Можно установить дополнительные цвета в палитру, слои, страницы, изменить или добавить стили, можно положить на страницу или вне ее какой-либо объект (например, логотип вашей фирмы) или текст (подпись). Словом, можно менять, убирать или изменять практически любые атрибуты. По окончании сохраняйте файл. Назовите его FreeHand Defaults на Macintosh и Defaults.ft9 на PC, выбирите тип: Template (шаблон) и сохраните в корневом каталоге FreeHand’a: на PC - C:\Program Files\Macromedia\FreeHand 8 (Fh7, Fh5), на Macintosh - HD:Applications:FreeHand 9 или где там он у вас лежит. Все новые файлы открываются именно на основе этого шаблона. Если вам нужно, вы можете сделать несколько шаблонов, назвав их, для простоты, FreeHand Defaults 1, FreeHand Defaults 2 (Defaults1.ft9, Defaults2.ft9) и т.д., поместить их в папку FreeHand’a и в Preferences –> Document указывать, с какого вы хотите стартовать в следующий раз. На мой взгляд, удобно все свои шаблоны держать в папке на рабочем столе и запускать их двойным щелчком.

Точно так же изменяется главный шаблон в Illustrator 8. Файл Adobe Illustrator Startup (Startup.ai в Windows-версии) находится в папке Plug-ins программы. Есть, правда, несколько неприятных ограничений (текущая версия на момент написания этих строк - 8). Невозможно изменить сочетание по умолчанию белая заливка/черный контур, толщина линии с 1 pt. на что-либо другое. Adobe, так же, утверждает, что нельзя сменить Гельветику, как основной шрифт, однако, если вы откроете в текстовом редакторе файл Preferences Illustrator'а, функцией поиска найдете слово "Helvetica", оно там одно, и замените его на имя какого-либо другого шрифта, то он станет основным.
[ноябрь 1998 - апрель 2000]

оглавление

тема: Проблемы программы Illustrator 8

Illustrator - странная программа, она не похожа на другие продукты Adobe. Порой складывается впечатление, что ее выпускает не Adobe столько проблем она делает. С самой первой из них пользователь может столкнуться сразу же после инсталляции - после запуска программа дает сообщение "Adobe Illustrator can't run" и все. Проблема возникает, судя по всему, из-за конфликта Illustrator'а с не североамериканской версией операционной системы. Она решается с помощью заплатки Illustrator 8 Update for Int Eng (Mac/Win), которую можно найти на сайте Adobe.

Другой, более ощутимый недостаток Illustrator'а - его метод работы со шрифтами. Некоторых из них он просто не видит. Никакой зависимости от типа шрифта, производителя, версии мне найти не удалось. Применение Adobe Type Manager не помогает, Illustrator игнорирует часть шрифтов, подключенных через ATM. Решение, которое предлагает служба поддержки пользователей Adobe заключается в помещении шрифтов или их псевдонимов в специальную папку шрифтов, которую видят только программы Adobe по адресу Macintosh HD:System Folder:Application Support:Adobe:Fonts. На Windows нет подобной общей директории, но у каждой программы Adobe есть своя. Для Illustrator'а это C:\Program Files\Adobe\Illustrator 8.0\Required\Fonts.
[апрель 2000]

Читайте так же:
"Сюрпризы и особенности Illustrator 9"

оглавление

тема: Как CorelDRAW с ивритом подружился

Святой язык туго приживается на компьютерах. Не секрет, что кроме Windows, понимающей на иврите, нужна еще тмиха (поддержка) для каждой программы, чтобы можно было писать справа налево. И вот как-то попала ко мне в руки 8-я версия CorelDRAW с поддержкой иврита. Я обрадовался: "Наконец-то кончились времена набивки задом наперед!" И точно - на иврите Corel пишет. Но как! Форматирование практически невозможно, невозможно даже писать по-английски! Применение ряда "примочек" Corel'a, которыми он так знаменит, приводит к зависанию программы. Версия в целом очень не стабильна. Файлы, которые она делает содержат ссылку на шрифт David использовался он или нет (старая проблема CorelDRAW, почти преодоленная в стандартных 7-й и 8-й версиях), но самое поразительное - файл CorelDRAW 8 с поддержкой иврита не открывается на обычном CorelDRAW 8! Выходит ивритский Corel является более высокой версией, поэтому его файлы не открываются на предыдущих. Наиболее корректный способ, который я нашел - сохранение в формате CorelDRAW 7 и открытие в обычной версии. Приготовьтесь - кое-какие эффекты, характерные только для 8-й версии, потеряются или исказятся.

Из-за нестабильности ивритского CorelDRAW у нас в TriArt'e он используется, фактически, как текстовый редактор. Набранные на иврите тексты конвертируются в кривые и выбрасываются в другие программы.

оглавление

Перемена

Комплекс программ, используемых дизайнером достаточно сложен, чтобы вызывать проблемы со всевозможной несовместимостью и программными ошибками даже на качественном программном обеспечении (например, от Adobe) и на надежных компьютерах (например, Макинтош). У начинающего могут возникнуть сложности даже на Мас'овском Photoshop'e. Опытный же дизайнер способен стабильно работать на РС.

Не нужно удивляться. Да, есть Пентиумы и AMD с невероятной тактовой частотой, но это только процессор. Летом 97-го я делал плакат в Photoshop'e размером А2, разрешением 300 dpi, в 100 слоев. Файл 450 Mb Macintosh 9600/350 (не G3), 260 RAM тянул "бегом", практически без торможения и ни разу не завис. Покажите мне современный ему РС, который может так же! Сочувствую тем, кто работает с PC и Windows. Справедливо отметил иерусалимский мак-техник Миша Грин: ПиСи для тех, кто рожден страдать.

оглавление

урок 4: Допечатная подготовка изданий

тема: Для чего нужен PPD-файл?

PPD (PostScript Printer Description File) - файл описания PostScript-принтера. Представляет из себя простой текстовый файл с расширением .ppd или (в QuarkXPress 3.x) .pdf, на Маке и вовсе расширения не имеет. Содержит описание параметров PostScript-принтера, к которому относится: поддерживаемые разрешения, линиатуры растра, типы листов и/или рулонов бумаги, другую информацию, относящуюся к данному устройству. PPD-файл используется при печати. Композитные PostScript-файлы, во многих случаях, можно делать и без него. Для цветоделенных PPD обязателен. Дело в том, что новые фотонаборные автоматы при выводе сами производят разделение композитного файла на платы, устанавливают разрешение и линиатуру растра, углы наклона растровых сеток, управляют запечатыванием и маскированием. Старые машины PostScript-файлы практически не обрабатывали, только выводили. Они требовали готовые цветоделенные PostScript'ы со всеми параметрами внутри. Оговорюсь, выше описанные функции выполняет не сам фотонаборный автомат, а программа Macintosh- или UNIX-станции, которая управляет выводом. Теоретически старую программу можно заменить, но, на деле, так поступают очень редко из-за дороговизны и сложности всего комплекса.

Куда положить новый PPD-файл? На Макинтош скопируйте его в HD:Sysytem Folder:Extensions:Printer Descriptions. На Windows нет определенного места для PPD-файлов, придется растиражировать каждый файл, так как каждая программа ищет его только в своей папке. В QuarkXPress 3.x положите PPD в папку Pdf. Во FreeHand'e - ...\FreeHand 8\English\Ppds (в 7-й и 5-й версии папка English называлась Usenglish). В PageMaker'e - ...\Pm65\ Rsrc\Usenglish\Ppd4.

оглавление

тема: Простые и составные цвета

На самом деле все очень просто. Те, кто занимаются живописью знают, что существуют три основных цвета: красный, синий и желтый. Все остальные цвета получаются их смешением. Так желтый + синий = зеленый, зеленый + красный = коричневый и т.п. Смешение всех основных цветов, теоретически, дает черный. Реально, тем не менее, используют более трех красок из-за несовершенства минеральных пигментов основных цветов. Например, яркий зеленый цвет (цвет травы на солнце) получить с их помощью невозможно.

Составные цвета (Process Colors). По принципу, использующемуся в живописи, построена современная четырехцветная печать в типографии. Однако химический состав живописных и типографских красок сильно отличается, поэтому, в результате экспериментов, синий, красный и желтый были заменены на голубой пурпурный и желтый соответственно. Их смешение (опять же, теоретически) дает черный цвет, но в жизни получается темно-коричневый. Поэтому к триаде печатных красок добавили черный. Таким образом полноцветная печать получается смешением четырех цветов: голубого, пурпурного, желтого и черного, по-английски: Cyan, Magenta, Yellow и blacK - CMYK (буква "К", в конце аббревиатуры, обозначает черный по последней букве слова, так как "В" уже используется в аббревиатуре цветовой модели RGB для обозначения синего (blue).

Перевод растрового изображения в режим CMYK и разделение его, таким образом, на четыре цветовых канала называется цветоделением. В векторных иллюстрациях цветоделение происходит использованием цветов, смешанных в модели CMYK. Существует несколько методов цветоделения. Различаются они, в основном, способом генерации дополнительного черного цвета и связанным с этим перераспределением остальных цветов. Рассматривать все не будем, остановимся только на наиболее распространенных.

UCR (Under Color Removal) - черный практически везде отсутствует, появляясь только в тенях. Чем глубже тень, тем больше там черной краски и меньше остальных. Таким образом тени выглядят белесыми. Сегодня этот метод еще применяется программами старых фотонаборных автоматов.

GCR (Gray Component Replacement) - черный распределяется более равномерно - его можно найти так же в полутенях. В тени добавляются триадные краски, что делает их более насыщенными. Метод GCR позволяет минимизировать расход красок. Там, где в UCR для затемнения использовалось сгущение красок на нескольких платах, GCR добавляет черную (самую темную краску), уменьшая расход остальных. Такое перераспределение важно не с точки зрения экономии. Уменьшается нагрузка на бумагу - чем меньше на нее льется краски, тем меньше она коробится. С появлением GCR стала возможна достаточно качественная цветная печать в газете. Многие программы последних лет используют по умолчанию метод цветоделения GCR, не предоставляя выбора.

Способ четырехцветной печати, хоть и называется полноцветным, не может дать довольно значительного диапазона оттенков (в основном это касается ярких чистых цветов). Давным давно уже ведутся исследования на предмет расширения диапазона печатных цветов и на сегодняшний день наиболее перспективной кажется технология CMYK с добавлением к четырем краскам еще двух: зеленой и оранжевой (гексахромная печать). Недостатком многокрасочной печати является дороговизна. С каждой дополнительной печатной платой заметно подскакивает себестоимость. Это основная причина высокой живучести CMYK.

Простые цвета (Spot Colors). CMYK прост, но дает, тем не менее, достаточно большой набор оттенков. Однако, время от времени, возникает необходимость в каком-нибудь особенном цвете, который нельзя получить смешением (например, золотой) или применение смесевых красок нецелесообразно удорожает процесс. В таких случаях используют дополнительные краски. Они называются простыми, потому что создание оттенка происходит не во время печати, а на фабрике или в самой типографии, то есть используются, грубо говоря, уже готовые банки с цветом. Если в работе присутствуют только черный и, предположим, зеленый, то типографии дешевле заранее смешать голубую и желтую краски, чтобы печатать в две, а не в три платы.

Однако дизайнерам, часто, нужны совершенно конкретные оттенки и они не могут знать каким образом и какого качества краску будет смешивать печатник. С целью стандартизации оттенков простых цветов американская фирма Pantone (и некоторые другие) выпускает наборы цветов и каталоги к ним. Наиболее распространены три из них: Pantone Coated, Pantone Uncoated и Pantone Process. Первый набор простых красок предназначен для печати на мелованных бумагах, второй - на немелованных. Разные типы бумаги по-разному впитывают краску (мелованные меньше), в связи с этим изменяется оттенок. Pantone Process очень полезная библиотека. Все оттенки в ней смешаны из стандартных составных цветов, под каждой плашкой в каталоге написано ее значение в CMYK.

Смотрите так же заметку "Создание растрового файла со Spot-каналами"

* * *

Несколько примечаний, относящихся к теме.

• Цвет Registration появляется на всех применяемых платах. Его используют для рисования крестов приводки в ручную.
• Чтобы получить на печати насыщенный черный цвет, к 100% черного в палитре Color Mixer добавьте в равной пропорции процентов по 20-30 остальных цветов.

оглавление

урок 5: Интернет

тема: Печать картинок высокого качества из броузера

Периодически приходится сталкиваться с проблемой низкого качества растровых картинок, печатаемых из интернетовских броузеров. Как известно, это происходит из-за использования экранного разрешения (72 dpi) при их изготовлении. Увеличение разрешения, в зависимости от задаваемых параметров, либо не дает никакого эффекта (когда пиксельный размер не изменяется), либо изображение сильно увеличивается. Увеличение происходит из-за того, что броузеры не воспринимают параметр разрешения для печати. Они просто воспроизводят картинку один к одному, то есть один пиксел в файле соответствует одному пикселу на экране, поэтому изображения высокого разрешения, которые нормально смотрятся на печати, при показе в броузере становятся огромными.

Вот какой выход из этой ситуации я нашел во время разработки нового оформления интернет-газеты "Interface". В версиях для печати каждой статьи должна была появляться шапка газеты. Чтобы набранный малым кеглем лозунг "говорите!" не исказился при выводе на печать, я решил сэмитировать печатное разрешение средствами HTML. Шапку исходного размера в Illustrator'е (в нем весь дизайн и разрабатывался) я увеличил на 300 %* и экспортировал в GIF-файл. Полученный GIF размером 945x221 пикселов веб-мастер вставил в HTML-файл указав размер 315x74 - в три раза меньше. Таким образом, реально, шапка уходит в печать с разрешением 216 dpi (72 умножить на 3), что вполне достаточно для офисного принтера.

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

Посмотрите и попробуйте распечатать подготовленный мной пример.
[ноябрь 2000]

__________
* Для тех, кто не знает, это делается так. В палитре Transform, в поле W: ( или H:, все равно), независимо от текущих единиц измерения, вбиваем "300 %" и, удерживая клавишу Command (Ctrl), нажимаем на Enter. Объект увеличивается на 300 % с сохранением пропорций.  [вернуться]

Читайте так же:
Особенности InDesign

оглавление

Статья написана в ноябре 1998 года. Исправлена и дополнена, последние изменения - ноябрь 2000 года. Была опубликована в газете "iNTERface" (Израиль) No13-14 за 1999 год. Публикуется на сервере www.illustrator.ru в разделе "Обмен опытом", на серверах Дисковод.Ру и АО СпецТехнологии.

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

Алексей Клецель (Alexey Kletsel Design, Тель-Авив)