Залипы и наплывы

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

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

После исправления иконки выглядят вот так:

Поделиться
Отправить
Запинить
21 сентября   графязык   иконка   контур
3 комментария
Макс

Не слишком ли узкие стали наклонные линии в конверте и листе?
Сейчас они мне кажутся отчетливо уже чем остальные линии в изображении.

Сергей Стеблина

Это зависит от дальнейшего контекста и масштаба. В том, что они выглядят тоньше, нет ничего страшного.

Ильяс Бикбулатов

Привет? А pixel-perfect с уменьшением толщины не нарушится?

В примерах обводка достаточно толстая, как быть с малыми иконками с обводкой 1-2px?

Сергей Стеблина

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

Акакий Акакиевич

Сергей, про полутона и пропуск пикселей в маленьких интерфейсных иконках расскажите, пожалуйста.

Сергей Стеблина

Светлые линии имитируют тонкие линии, а пропуск пикселей — скругление. На примере правый квадрат с компенсацией в «толщине» линий.

http://www.steblina.com/images/misc/lines.png

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное