Turbomilk

«Обрезание» — праздник детства

Автор: Дмитрий Жуков
15 марта 2007

Вспомним операционные системы прошлого века — куча Windows до 2000, Mac OS до 9-ой версии. Все они поддерживали только однобитную прозрачность для иконок. К счастью, прогресс не стоит на месте — современные операционные системы используют уже восьмибитную прозрачность. Однако ради обратной совместимости Microsoft рекомендовала включать в состав иконкок для Windows XP варианты картинок и с однобитной прозрачностью. Со временем возня со сведением современной восьмибитной прозрачности к однобитной обрела в среде дизайнеров-иконочников романтическое название — обрезание краев. Именно об этой возне пойдет сегодня речь…

Я уже слышу удивленные возгласы: «Кому нужны старые иконки в XXI веке?». Однако историческая справедливость требует осветить и эту веху в нашей работе. Тем более, что приемы, о который пойдет речь, могут пригодиться не только дизайнерам иконок, а вообще всем, кто работает в жанре цифровой миниатюры.

Чтобы не было вопросов:

1. в скобках указаны горячие клавиши;
2. пользователи Mac OS самостоятельно заменяют в голове Ctrl на ⌘ Command.

В качестве подопытного кролика возьмем иконку 32×32 с хищным инопланетянином из заметки «Кристально чистый вектор». Для начала нам надо избавиться от областей с прозрачностью близкой к 100%. Для этого выделяем весь слой с иконками (Ctrl+Click в панеле Layers) и переходим в режим редактирования маски (q).

Теперь воспользуемся инструментом Threshold (Image → Adjustments → Threshold). Перемещаем ползунок вправо до тех пор, пока все ненужные полупрозрачные области не уйдут в красный цвет.

Выходим из режима быстрой маски, инвертируем выделение (Ctrl+Shift+I) и очищаем все, что осталось за бортом (Del). Ура, мы избавились от всех ненужных полупрозрачных пикселей.

Дальнейшая работа сводится к тому, чтобы сделать нужные полупрозрачные пиксели непрозрачными. Для этого (прошу помидорами не кидаться) скопируем текущий слой раз 10 (Ctrl+J). Если кто расскажет, как сделать это проще — я весь внимание. Теперь осталось только кучу слоев с одинаковыми названиями объединить в один.

Многолетний опыт рисования и обрезания дал о себе знать и результат для автоматического метода получился весьма неплохой. Тем не менее, настоятельно рекомендую пройтись по периметру с карандашиком и ластиком размером 1×1 пиксель. Местами, возможно, надо цвет поменять, где-то пиксель лишний убрать, а где-то — добавить.

Не стоит забывать, что в прежние времена иконки обычно имели обводку. Чтобы мои инструкции могли претендовать на полноту, давайте ручками дорисуем нашему инопланетному убийце обводку в 1px а-ля старая школа.

Резюмируя все вышесказанное, хочу лишь пожелать, чтобы эта инструкция вам никогда не пригодилась. Большие и красивые иконки — в жизнь!