Создаем качественные векторные логотипы

Впервые опубликовано в журнале "Мир ПК", №9/02 Занимаясь коммерческим дизайном, нередко сталкиваешься с проблемой создания качественного векторного логотипа. Зачастую заказчик предоставляет логотипы в печатном виде или в виде растрового файла недостаточного качества, например gif-файла с сайта. Получить векторную версию такого логотипа можно либо путем обрисовки растрового файла в векторном редакторе вручную, либо с помощью векторизации. Но первый способ отнимает много времени, а векторизация файла низкого разрешения или отсканированного с печатной копии изображения без предварительной обработки дает совершенно неудовлетворительный результат. Делаем растр лучше Редактор Adobe Photoshop 6.0, пожалуй, наиболее мощное средство для работы с растровой графикой. Именно этой программой мы и воспользуемся для обработки исходного растрового файла. В качестве примера возьмем gif-файл с логотипом компании "Кодекс". Это файл с официального сайта компании (рис. 1). Рис.1 Разрешение файла слишком низкое, чтобы его можно было сразу векторизовать. Но прежде чем увеличивать разрешение, придется проделать несколько подготовительных операций. Этот файл имеет прозрачный фон. При векторизации эффект прозрачности роли не играет, а в дальнейшей работе он будет только мешать. Поэтому слейте слои изображения, выбрав команду меню Layer>Flatten Image (рис. 2). Рис.2 Это логотип имеет довольно простой формы (впрочем, как большинство логотипов), и в нем применен только один цвет. Вы ничего не потеряете, если преобразуете логотип в черно-белое изображение (bitmap). В таком виде удобнее производить его векторизацию. А готовый векторный логотип всегда можно покрасить. Для начала переведем логотип в градации серого (grayscale). Для этого выберите команду меню Image>Mode>Grayscale (рис. 3). Рис.3 Теперь у вас есть изображение с белым фоном и серым логотипом вместо синего. Осталось сделать серые буквы черными. Выберите Image>Adjust>Curves или просто нажмите комбинацию клавиш Ctrl+M. Рис.4 В открывшейся панели тоновой коррекции (рис. 4) выберите черную пипетку и щелкните ею в центре одной из букв. Если бы логотип содержал тонкие линии, то, возможно, потребовалось бы несколько попыток, чтобы выбрать точку, дающую наилучший результат (рис. 5). Рис.5 После того как все предварительные операции выполнены, можно приступить к увеличению разрешения изображения. Выберите команду меню Image>Image size. Рис.6 В открывшейся панели (рис. 6) установите флажки Constrain Proportions ("Одинаковые изменения по ширине и высоте") и Resample Image ("Проводить изменения дискретных размеров"). В поле Resample Image выберите Bicubic ("Бикубическая интерполяция"). А в поле Height ("Высота") задайте размер 600 пикселов — этого вполне хватит для качественной векторизации. Рис.7 В итоге получится изображение достаточного разрешения, но с размытыми контурами и ступенчатыми краями букв (рис. 7). Чтобы убрать ступенчатые края, используем размытие по Гауссу. Укажите в меню Filter>Blur>Gaussian Blur. Рис.8 На панели фильтра (рис. 8) надо подобрать такое минимально возможное значение параметра Radius ("Радиус размытия"), при котором ступеньки края размываются и становятся незаметными. Рис.9 Итак, мы получили изображение с краем без ступенек, но с размытыми контурами (рис. 9), которым необходимо придать четкость. Выберите команду меню Image>Adjust>Levels или просто нажмите комбинацию клавиш Ctrl+L. Рис.10 Панель Levels (рис. 10) разделена на две части: Input Levels ("Входные уровни") сверху и Output Levels ("Выходные уровни") снизу. В нашем случае нужно будет работать только с входными уровнями. В верхней части панели расположена гистограмма, отражающая распределение пикселов с различной интенсивностью в изображении, и три движка, управляющих точками черного, белого и 50%-ного серого цвета. Подвинем черный и белый движки к центру гистограммы и подрегулируем движок 50%-ного серого для достижения наилучшего результата. Рис.11 Края логотипа стали более четкими (рис. 11). Следующий шаг — конвертирование логотипа в черно-белое (bitmap) изображение, но прежде применим к файлу пороговое преобразование. Это даст больше возможностей для контроля над процессом конвертирования. Итак, укажите в меню Image>Adjust>Threshold. Рис.12 На открывшейся панели Threshold (рис. 12) расположена уже знакомая гистограмма и движок (а также поле с числовым значением Threshold Level), указывающие порог преобразования. Нам нужно подобрать порог так, чтобы обеспечить устранение шумов на краях букв и максимальную передачу деталей (рис. 13). Рис.13 Теперь выберите команду меню Image>Mode>Bitmap, и логотип преобразуется в черно-белое изображение. Рис.14 Открывшаяся панель Bitmap (рис. 14) разделена на две части — Resolution ("Разрешение") и Method ("Метод преобразования").

В части Resolution в поле Output введите такое же значение, как установленное в поле Input. Далее в части Method в поле Use ("Использовать") выберите 50% threshold ("Пороговое преобразование по 50%-ному серому"). А так как пороговое преобразование уже проведено, то в режиме bitmap все пикселы останутся прежними, изменится только глубина цвета (рис. 15).

Рис.15
Сохраните изображение, выбрав тип файла TIFF. На этом обработка растрового файла закончена, и можно заняться векторизацией.
Превращаем растр в вектор
Для векторизации графики используем Adobe Streamline 4.0. Наравне с этой программой я также применяю CorelTRACE 10. Обе программы обладают сходными возможностями векторизации, так что все операции, проделанные в Adobe Streamline 4.0, вы без труда сможете повторить в CorelTRACE 10.
Программа Adobe Streamline 4.0 имеет большой набор предварительных установок, использование которых существенно ускоряет процесс ее настройки. Итак, выберите команду меню Options>Setting или просто нажмите комбинацию клавиш Ctrl+T.

Рис.16
В левом верхнем углу открывшегося окна Settings выберите установку Clip Art (рис. 16). Для получения качественного результата все же потребуется небольшая настройка параметров преобразования. Укажите в меню Options>Conversion Setup или используйте комбинацию клавиш Ctrl+J.

Рис.17
В окне Conversion Setup (рис. 17) нужно настроить всего два параметра: Noise Suppression ("Подавление шума") и Tolerance ("Допуск векторизации"). Поставьте минимальное значение подавления шума, так как шум в изображении отсутствует, и наименьший допуск для обеспечения наиболее точной векторизации.
А теперь векторизуйте логотип, выбрав команду меню File>Convert или нажав комбинацию клавиш Ctrl+R.

Рис.18
Итак, мы получили векторный логотип. Чтобы оценить точность векторизации, настроим параметры отображения файла (рис. 18). В левом верхнем углу панели файла расположены два поля. Первое отвечает за режим отображения графики. В нем выберите пункт Art&Raster ("Векторизованная версия с наложением на растровый оригинал"). Второе поле управляет режимом отображения векторизованной версии. Здесь выберите Artwork. В этом режиме показываются только контуры векторного изображения (на рисунке они обозначены красным). Полученное векторное изображение практически совпадает с растровым оригиналом. Сохраните результат работы, выбрав тип файла EPS.
Векторизация закончена, и остается только немного подправить почти уже готовый логотип.
Последний шаг
Для окончательной коррекции векторизованного логотипа воспользуемся программой Adobe Illustrator 9.0. Можете также применять CorelDRAW, Macromedia FreeHand или другой векторный редактор, к какому вы привыкли. На данном этапе работы потребуются только базовые функции редактирования, а они есть в любом редакторе.
Ввиду особенностей векторизации часть областей в логотипе, которые должны быть прозрачными, оказались белыми. Это хорошо видно, если положить под логотип прямоугольник, закрашенный ярким контрастным цветом (рис. 19).

Рис.19
На примере буквы "К" рассмотрим, как устранить этот недостаток.
Для удобства работы выберите и заблокируйте желтый прямоугольник, указав в меню Object>Lock или нажав комбинацию клавиш Ctrl+2 (рис. 20).

Рис.20
Далее выберите контуры, образующие букву "К": черный и белый, на месте которого должно быть отверстие (рис. 21).

Рис.21
Затем укажите в меню Object>Compound Path>Make или просто нажмите Ctrl+8.

Рис.22
Мы получили букву с отверстием, что и требовалось (рис. 22). Остальные символы логотипа обрабатываются точно также (рис. 23).

Рис.23
После того как обработан каждый символ логотипа, выделите их все и укажите в меню Object>Compound Path>Make или просто нажмите Ctrl+8.

Рис.24
Теперь весь наш логотип является одним большим сложным контуром (рис. 24).
Покрасьте его в нужный цвет и удалите желтый прямоугольник (рис. 25).

Рис.25
Работа закончена — логотип готов. Можно сохранить его и использовать в любых публикациях, например в оформлении поверхности компакт-диска (рис. 26).

http://www.photoweb.com.ua/