Шрифты и их роль в печатных изданиях

Векторная компьютерная графика

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

Фрактальная компьютерная графика

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

 

2.2 CorelDraw

 

CorelDraw может быть использован  для создания Type1 и TrueType шрифтов. - В программу встроена возможность экспорта изображений в виде символов.

-В диалоговом окне  настройки параметров страницы  установите ее размер в 750 пунктов  по вертикали и горизонтали.

-Установите две разметочных  линии: первую, вертикальную, в 30 пунктах от левого края страницы; вторую, горизонтальную, в 30 пунктах  от нижнего края.

-Объект, который вы  хотите экспортировать как символ, отмасштабируйте до размера в 720 пунктов. Если этот объект содержит символы других шрифтов, преобразуйте их в кривые.

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

 

Рисунок 2.1 – Окно масштабирования шрифта

 

-Выберите команду Export из меню File. В появившемся диалоге укажите формат, в котором вы хотите экспортировать символ (Adobe Type1 илиTrueType). Выберите шрифтовой файл, к которому вы хотите добавить символ или введите имя нового файла. Нажмите Ok.

 

Рисунок 2. 2 –Диалоговое  окно Export

 

-Если вы экспортируете  новый шрифт, то в появившемся  диалоговом окне введите следующие параметры:

 

Рисунок 2.3 – Окно в котором нужно выбрать параметры

 

- Family Name - имя гарнитуры, к которой принадлежит шрифт;

-Style - начертание шрифта;

-Symbol Font - показывает, что шрифт не является наборным, а представляет собой набор символов, например, математических;

-Grid Size - размер координатной сетки, в которой представляются символы шрифта (для Type1-шрифтов всегда 1000);

-Space Width - ширина символа пробела.

После определения параметров шрифта появится диалоговое окно, в котором необходимо определить параметры символа и его положение в шрифте:

 

Рисунок 2.4 – Окно, в  котором выбираем параметры символа

 

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

-Design Size - определяет размер, в котором выполнен символ. Если вы установили размер в соответствии с рекомендациями пунктов 1 и 2, то оставьте значение в 720 без изменения.

-Character Width - Ширина символа. Вы можете изменять ее (при помощи окна примера или непосредственно вводя числовые значения) только в том случае, когда выключен параметр Auto.

-Auto - параметр, при включении которого ширина символа определяется автоматически, исходя из его размеров и величины левого поля.

-Character Number и список  символов. Для того чтобы определить положение символа в шрифте, вы должны указать его код или выбрать его в списке символов. Места, в которых нет символов, отображаются серым цветом.

Options - вызывает появление диалогового окна, в котором можно изменить характеристики шрифта.

Нажмите Ok для экспорта символа или Cancel для отмены операции.

Шрифты, созданные при  помощи CorelDraw, имеют некоторые особенности:

-Не имеют разметки 

При экспорте теряются все  установки, относящиеся к заполнению объектов и к отображению их контуру

Adobe Photoshop

Программа Adobe Photoshop(АР) один из многочисленных пакетов для обработки, изменения, сохранения графических объектов. (АР) позволяет работать с палитрой, калибровать, сканировать, импортировать и экспортировать, выделять области, контуры фильтры, размер изображения.

 

2.3 Разные идеи для  создания шрифтов

 

Рисунок 2.5 – Сетка с символами

 

Нарисуйте распределение символов на сетке для шрифта, который вы проектируете. Можно получить полный вид символов на сетке, просто открыв шрифт в соответствующей программе.

Используйте воображение, когда проектируете символы. Можно рисовать ручкой, карандашами, мелками, чем угодно, резать, склеивать и т.п... Если вы рисуете большие жирные символы в растровом файле или на бумаге, не нужно все заштриховывать черным цветом, можно просто позднее уже обрисованный объект залить заливкой. Сгладьте кривые, когда обрисовываете символы или пользуетесь автотрейсом. Поиграйте с настройками трейсинга, найдите оптимальное сочетание точности и гладкости, чтобы не было «ступенек».

Избавьтесь от лишних опорных точек. Каждый векторный объект должен иметь  минимальное необходимое количество опорных точек для определения формы контура. Иначе шрифт будет требовать больше памяти для обработки или вообще откажется работать. Например, для изображения овала достаточно всего четырех опорных точек. Протестируйте шрифт. Чтобы проверить шрифт, пробуйте напечатать его различным кеглем (размером букв). Некоторые шрифты будут выглядеть непрезентабельно на экране, но на печати – вполне прилично. Пробуйте просмотреть свой шрифт на дисплее с включенным антиалиазингом (сглаживанием) и без него. Введите дополнительные символы. Редактор шрифтов в принципе, может решить эту проблему, ведь в большинстве случаев нужны не только буквы английского алфавита, но и какие-то специальные символы (@, &, #). Вы можете добавить недостающие символы в шрифт, просто копируя и вставляя символы, которые нужны, из уже готовых стандартных, на соответствующие места в схеме (таблице).

Если вы решили рисовать прямо на экране, многие программы  имеют удобные инструменты, вроде calligraphic pens (реагирующие или симулирующие нажатие на перо), можно варьировать толщину контура, например. И конечно, это удобнее сделать, пользуясь не мышью, а графическим планшетом. Подсказки для сканирования Думаю, все умеют пользоваться сканером, но все же существуют некоторые нюансы, облегчающие нам впоследствии работу с отсканированными символами, такие как разрешение картинки. Многие дизайнеры-шрифтовики используют минимальное разрешение (72 dpi), сканируя относительно большие символы, затем отрисовывают или трейсят автоматически растровую картинку. Почему же они предпочитают более низкое разрешение, если сканер позволяет выставить очень большое? Это делается, потому что, когда мы рисуем большую картинку, а потом сканируем ее с невысоким разрешением, в отсканированной картинке не будут видны мелкие артефакты бумаги, помарки при рисовании, царапины на сканере и т.п. Но конечно, если нужно качественно отсканировать мелкие или сложные символы, лучше использовать разрешение 300 dpi. Сканируйте изображение в цветовой профиль Black&White или GrayScale (градации серого). Цветное изображение практически бесполезно, так как готовый символ все равно будет одноцветным, разве что вы сканируете очень красочную цветную картинку, где различие между тонами разных цветов небольшое (если нарисовать светло-зелены и светло-оранжевый прямоугольники рядом, а потом перевести оба в GrayScale, они в итоге будут практически неотличимы друг от друга). Обычный процесс сканирования выглядит так: Сканируем с разрешением 72-300 dpi в Grayscale (в зависимости от размера картинки). Отрегулируйте контрастность изображения, двигайте ползунки до тез пор, пока все детали приобретут четкость. Если контур получается неровный, неаккуратный, используйте GaussianBlur с небольшим радиусом, а потом снова отрегулируйте контраст. Когда результат удовлетворительный, убедимся, что наша картинка в Grayscale и сохраним ее в формат без потерь сжатия TIFF, PNG BMP, GIF. Теперь преобразуем изображение в Black&White, т.е. в черный и белый. Большинство программ позволяют настраивать уровень threshold, т.е., регулировать, какие пиксели будут черными, а какие – белыми, поиграйте с настройками, добиваясь наилучшего качества отображения деталей. Можно сохранить резервную копию в Grayscale. Большинство программ, при автотрейсинге позволяют перевести изображение в черно-белое прямо в приложении. Подсказки для отрарисовки в вектор или трейсирования Когда мы обрисовываем картинку в векторный объект для получения шрифтового символа, мы должны позаботиться о качестве кривых, если пользуемся автоматическим трейсингом – отрегулировать настройки, чтобы ограничить максимальное количество узлов. Переизбыток узлов приведет к снижению качества шрифта и использованию лишней памяти компьютера. Как же этого добиться? Лучше всего вручную проставить каждый узел только там, где они нужны, профессиональные дизайнеры-шрифтовики делают именно так. Так гораздо лучше получаются шрифты простых правильных форм или совсем декоративные. Шрифты рукописные, небрежные, неправильные можно оттрейсить автоматически. В этом случае нужно правильно настроить программу, уменьшить максимальное количество узлов при трассировке. Еще можно результат исправить вручную, удалив лишние узлы, и оставив необходимые, позаботиться, чтобы кривые были гладкими и плавными. Естественно, нужно вовремя остановиться, если шрифт сложный, и для его отображения необходимо большое количество узлов. Шаблон для создания символов Давайте разберем, как сделать шаблон для печатных знаков в графической программе. Как пример, я буду использовать CorelDraw, потому что мне так удобнее и потому что символы можно экспортировать в шрифт прямо из программы. Начнем с размера листа: 750х750 points. Такой размер шаблона позволит сделать символы достаточно большого размера, и так удобнее будет их отредактировать. Вытащите направляющие (Guides). Точка их пересечения: 30 points слева и 30 points снизу от начала листа. Это отправная точка для начала рисунка. Теперь нужно вытянуть базовые линии. Куда? Вот основные линии, которые нам понадобятся: Основная (базовая) линия. Высота. Определяет высоту строчных букв без надстрочных элементов (хвостиков) и выступающих выпуклых частей (буква «о» обычно чуть выше буквы «п»). Высота надстрочного элемента (хвостика): самая часть букв с хвостиками: в, б, l, t, d... Высота подстрочных элементов (нижних хвостиков): отрицательная высота хвостиков: у, р, j... Некоторые каллиграфические шрифты содержат прописные буквы другой высоты, нежели хвостики строчных, в этом случае нужно вытянуть направляющую и для них. Если буквы рукописные, каллиграфические и соединяются между собой, имитируя непрерывное письмо, нужно вытащить горизонтальную направляющую на уровень соединительных хвостиков. Наконец, нужно несколько символов в качестве шаблона. Некоторые программы позволяют преобразовывать их в объекты, а затем в направляющие. Если программа этого не может, поместите их на нижнем, неактивном слое и покрасьте в неяркий цвет, чтобы на них ориентироваться впоследствии. Они не должны занимать весь лист, достаточно трети листа. Хвостики могут торчать вниз за пределы листа, ничего страшного, на качество конвертирования это никак не повлияет.

 

Рисунок 2.6 - Шаблон

 

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

Из графического редактора  в шрифтовой

Если у вас шрифтовой  редактор типа The Font Creator program, FontLab, Fontographer и т.п., там можно вставить символы  в ячейки уже готового шаблона (сетки). Как правило, шрифтовые редакторы поддерживают импорт символов из формата EPS или AI. Я предлагаю импортировать символы поочередно. Заканчиваете очередной символ, сохраняете, например, как symbol.ai или symbol.eps, импортируете в шрифтовой редактор, затем рисуете новый, заменяете файл symbol.ai, и снова импортируете и т.д. Кучу отдельных файлов для каждого символа создавать не нужно во избежание путаницы, можно обойтись одним «контейнерным» файлом. Можно, например, из CorelDraw, экспортировать прямо в шрифт, но не все программы позволяют сделать это. Как альтернатива, можно попробовать экспортировать через тот же «контейнерный» файл группы символов, для ускорения процесса, а потом удалять ненужное в ячейке прямо в шрифтовом редакторе, потом снова импортировать то же, удалять все, кроме второго символа и т.д. Чтобы не пересохранять многократно из векторного редактора. Еще можно выстроить все символы в маленькие квадратики, ведь пересекающиеся направляющие и образуют квадрат. Потом в шрифтовом редакторе выровнять с помощью этих квадратиков по квадратным ячейкам сетки и удалить лишнее.

 

Рисунок 2.7 – Выравнивание шрифта по сетке

 

В шрифтовом редакторе  можно свободно редактировать каждый символ, уже вставленный в соответствующее  поле: изменять форму, уменьшать, увеличивать, применять специальные эффекты. Для чего это нужно? Если символ состоит из нескольких кривых (path), как, скажем, «О», имеет значение «направление» этих кривых, иначе буква напечатается искаженной, с неправильной заливкой. Шрифтовые редакторы могут отображать и исправлять этот дефект. Преобразование линий в более сложные формы в векторном редакторе можно варьировать типы контура для линии: тоньше, толще, с определенным углом, имитирующий нажим пера. В векторном редакторе есть различные виды контура: тоньше или толще, с определенным углом. Подчас легче рисовать контуром, чем залитыми объектами. Например, буква «О»: для нее нужно 2 скомбинированных эллипса, но можно ее изобразить контуром с определенным углом нажима. Нужно не забивать, что каждый символ должен состоять из ЗАМКНУТОГО контура. Если контур не замкнут, его заливка цветом или особенности контура не будет работать.

 

Рисунок 2.8 –Контур символа

 

На первый взгляд, мы не можем изобразить букву простым  контуром, без заливки. Но большинство  программ позволяют преобразовать контур в объект с заливкой, сохранив при этом его форму и толщину, и даже имитацию нажима пера! Это опция называется "Convert lines to shapes" или "Expand stroke". Если контур замкнут, мы в итоге получим объект из двух скомбинированных объектов, не имеющий контура и с заливкой. Ник Куртис, из Nick's Fonts fame, использует этот способ очень часто при создании своих симпатичных шрифтов.

 

Каллиграфические и специальные  кисти

 

Рисунок 2.9 – Создания контура шрифта

 

Еще интереснее различные каллиграфические кисти, которые есть в большинстве графических редакторов. Они очень хорошо подходят для контура при создании шрифтов. Их очень легко использовать: достаточно просто выбрать понравившуюся из меню и рисуем, используя pen tool или freehand tool. Контур, который, получается, имитирует написание пером под углом, например, 45 °. Это означает, что вертикальные линии будут более узкими, чем горизонтальные, и самыми широкими будут линии, перпендикулярные этим 45 °. Ведь когда вы рисуете настоящим пером вертикальную линию, вы делаете это под углом по сравнению с более горизонтальными линиями.

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

В некоторых программах (Illustrator, CorelDraw, Xara X , Fireworks) есть различные  художественные кисти. Они работают с любым контуром любой формы  и могут быть применены к уже  нарисованным символам. Некоторые из них предназначены для имитации почерка или масляной краски и т.п. Даже такую простую фигуру, как в примере, можно преобразить с помощью этого инструмента. Illustrator, к примеру, включает множество готовых кистей, но также можно создавать свои собственные, так что, фактически возможности неограниченны.

 

Рисунок 2.10 – Создания шрифта с помощью кисти 

 

Но это все –  просто эффекты, для получения достойного результата мы должны поработать и  сами! Единственная проблема – большое  число узлов, возникающее при  преобразовании таких символов в замкнутые объекты.

В примере первые символы  не могут быть использованы для шрифта, т.к. обозначены всего лишь контуром, простым или с художественными  эффектами. А вот последний символ – замкнутый объект, который может  быть экспортирован в шрифтовой редактор.