Растрирование в Adobe Illustrator 10 и CS » О Дизайне, для дизайнеров...
29 Jul 2010
 

| Расширенный поиск |

Статьи » Adobe Illustrator : Растрирование в Adobe Illustrator 10 и CS

Растрирование в Adobe Illustrator 10 и CS

Много камней преткновения попадается на пути терпеливого дизайнера пиктограмм. Некоторые удается обойти, некоторые столкнуть, но обо что-то все равно придется споткнуться. И вопрос «как из большой красивой картинки сделать маленькую красивую картинку — пиктограмму?» находится где-то в верхних строчках хит-парада проблем. Иными словами, как превратить векторную картинку в растровую пиктограмму, не потеряв при этом четкость и различимость изображения?

Радикальное решение проблемы — сразу рисовать в требуемом пиксельном размере, стараясь делать так, чтобы границы объектов по большей части совпадали с границами пикселей. Это нетрудно контролировать, используя режим Pixel Preview в Adobe Illustrator.

Но как же быть, спросите вы, если нужно сделать пиктограмму сразу в нескольких размерах, например 32×32, 24×24 и 16×16? Я обычно начинаю с самого крупного размера, а потом уменьшаю картинку в векторном редакторе и снова подгоняю точки, опять же глядя в Pixel Preview. И так для каждого размера.

Иконка в трех размерах
 

 

А никто и не говорил, что будет легко.

Также бывает полезно вокруг всех объектов нарисовать рамку ровно по пиксельной сетке (например X:10,5px Y:10,5px W:500px H:500px Weight:1px). Тогда при растрировании картинка не сместится, и выверенные в Pixel Preview границы не будут размыты.

Но наиболее наблюдательные и привередливые экспериментаторы заметят, что результат экспорта в растровый файл (например в PSD) не совсем совпадает с картинкой в Pixel Preview.

Pixel Preview и экспорт в PSD
 

 

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

Дело в том, что в Adobe Illustrator заложены два алгоритма анти-алиасинга:

  • Art Optimized — оптимизированный для иллюстраций без текста;
  • Type Optimized — оптимизированный для текста.

По непостижимым мне причинам при экспорте в растровый файл всегда используется первый алгоритм, а при отображении картинки в рабочем окне — второй. Увы, с механизмом предварительного просмотра мы ничего поделать не можем. Но все таки есть способ получить растровый файл, в точности соответствующий картинке в Pixel Preview. Для этого нужно перед экспортом принудительно растрировать все объекты, используя эффект Rasterize, и выбрав в диалоге настройки алгоритм анти-алиасинга Type Optimized.

Rasterize
 

 

Только после этого можно экспортировать картинку в PSD, добавить чуть-чуть Sharpen или Unsharp Mask (по вкусу) и, наконец, слегка наклонив голову вправо, долго наслаждаться полученным результатом.



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.


 (голосов: 0)
Комментарии (5)  Распечатать

№1 написал: мси


Группа: Гости
Регистрация: --
Публикаций: 0 | Комментариев: 0
цитировать    
№2 написал: Danilka


Группа: Гости
Регистрация: --
Опять нажрался вчера и сегодня плохо мне :(
Публикаций: 0 | Комментариев: 0
цитировать    
№3 написал: iron-zorin3


Группа: Гости
Регистрация: --
Честно говоря ерунда какая-то.
Публикаций: 0 | Комментариев: 0
цитировать    
№4 написал: HowardG


Группа: Гости
Регистрация: --
В рот мне килограм печенья...
Публикаций: 0 | Комментариев: 0
цитировать    
№5 написал: Jerry


Группа: Гости
Регистрация: --
Вот вы какие нехорошие, ай ай ай!
Публикаций: 0 | Комментариев: 0
цитировать    


Добавить комментарий

Ваше Имя:
Ваш E-Mail:

Код:
Включите эту картинку для отображения кода безопасности
обновить код
Введите код:

 
логин :  
пароль :  
   
Регистрация Напомнить пароль?
 

Меню
Календарь
«    Июль 2010    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Архив
Популярные статьи