Описание задачи

У нас есть готовые векторные макеты хоккейной экипировки, созданные в Adobe Illustrator (формат .ai). Текущая структура слоев оптимизирована для печати (все элементы одного цвета сгруппированы вместе). Необходимо переработать файлы так, чтобы ими можно было управлять программно через JavaScript (например, менять цвет отдельных зон в веб-конфигураторе).

Цель работы

Преобразовать 3 вида экипировки (щитки, ловушка, блин) в 3-4 ракурсах в структуру с четкими логическими зонами (Зона 1, Зона 2, Зона 3...).

Что нужно сделать:

1. Работа со слоями и группами

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

2. Очистка векторной графики

Удалить Clipping Masks (маски обтравки). Маски - частый источник ошибок веб-интеграции. Все формы должны быть замкнуты;
Для заливочных зон использовать верные замкнутые контуры (Compound Paths, Pathfinder);
Произвести обрезку лишних объектов и объединение пересекающихся форм.

3. Наименование (нейминг)

Присвоить слоям строгие ID согласно техническому заданию (например: zone_1, zone_2, zone_3).

Требования к исполнителю:

Опыт работы с SVG-графикой для веб-проектов;
Понимание того, почему Clipping Masks вредны для динамического конфигуратора;
Владение инструментами Pathfinder (обрезка, объединение фигур), умение работать с составными контурами.

Формат сдачи работ:

Исходные файлы предоставляются в .ai;
На выходе нужно отдать переработанные файлы по каждому ракурсу в готовой структуре.

перевод