Как создать Icon Pack

Будучи новичком в Illustrator, я создавал довольно крутую графику, которой хотел бы поделиться на своем веб-сайте. Из того, что я видел, люди создают один файл .ai icon pack, который вы можете скачать и использовать бесплатно. Большинство из них настроены в идеальном формате сетки, даже с примерно 100 значками. Если я хочу сделать что-то подобное, как мне настроить свой проект? Должен ли я создавать каждую иконку отдельно, а затем импортировать их в основной файл пакета иконок? Любое направление было бы здорово. Спасибо!

Мое мнение , что вы должны использовать .pdf, а не .ai. Людям гораздо больше повезет, если они откроют файл PDF.
Не совсем, если цель состоит в том, чтобы поделиться исходными файлами. Для этого Illustrator EPS очень распространен.
@KMSTR Почему тогда вы не используете .pdf?
Я должен согласиться с Йонасом. PDF гораздо более удобный формат, чем EPS. Файлы PDF могут содержать полностью редактируемые векторные данные.
Illustrator PDF тоже подойдет. Просто я чаще видел это в ЭПС.
Да, иди с ИИ. EPS — это старый формат, когда принтеры застряли в 80-х. Любой, кто захочет использовать ваши файлы, будет иметь Illustrator (или эквивалент с открытым исходным кодом), и они смогут открыть ваш файл. Зачем мучиться с изменением форматов и, возможно, даже с увеличением размера файла? Просто оставайтесь с .ai.
Как видите, вариантов много. Позвольте мне также упомянуть SVG, так как браузеры теперь начинают поддерживать этот формат.

Ответы (3)

Я бы начал с сетки с хорошим расстоянием между значками не только для того, чтобы с ней было легче работать, но и потому, что вам не нужно переставлять их в конце. Самое простое, что я могу придумать, это значки 16x16px с интервалом 16px между ними (хотя, если вы работаете со спрайтом значка, расстояние между ними должно быть минимальным). В зависимости от того, что вы хотите в итоге. Но это должно упростить определение размеров документа в начале. Вы также можете настроить направляющие или фоновый растр.чтобы убедиться, что вы работаете в правильном пространстве/размерах. Я предпочитаю этот метод созданию значков в отдельных файлах, потому что он дает вам хорошее представление о том, хорошо ли все значки сочетаются друг с другом. Что-то, что вам придется постоянно переоценивать во время их разработки.

Опять же, варианты огромны и зависят от того, что вы хотите в конечном итоге, поэтому я просто приведу вам пример :

введите описание изображения здесь

Еще одним преимуществом создания файла «все в одном» является простота изменения цветовой палитры и графических стилей.
О, и не забудьте включить предварительный просмотр пикселей и привязку к пикселям, а также использовать Эффект > Исказить и трансформировать... > Трансформировать, чтобы создать сетку рабочих квадратов. Я предпочитаю правило одного пикселя, чтобы очертить мою рабочую область, если не отдельную монтажную область.
Спасибо. Это именно то, что мне нужно. Я ценю ваше время.
@plainclothes: хорошие дополнения, повторное использование форм, цветов и стилей действительно имеет большое значение.

Я не эксперт в создании иконок, но, на мой взгляд, это будет зависеть от сложности ваших иконок. Если у них много элементов, ради размера и обработки я бы использовал разные файлы для их создания. Как только они будут готовы, вы можете вставить их в свой файл сетки, но также сначала экспортируйте их, например, как прозрачный .png. В любом случае вам, скорее всего, понадобится один битовый файл для каждой иконки, так как многие из пакетов, которые я загрузил, имели папки для предварительного просмотра (а также фактический файл .ai). И если в будущем вы захотите сделать разные пакеты из одних и тех же, это тоже будет проще.

Другой популярной тенденцией является создание иконочных шрифтов . Они очень полезны в Интернете. Но это можно сделать только в том случае, если у вас есть одноцветные значки. Это на самом деле очень удобно, я регулярно использую их в дизайне из-за простоты использования.

Но большинство пакетов значков, которые я вижу, имеют несколько доступных вариантов: - Несколько размеров в виде отдельных 24-битных PNG с прозрачностью (темный на белом и наоборот) - отдельные файлы AI или PDF - Шрифт значка (если доступен) - отдельные файлы ICO, в различных размеров (настоящие значки).

Я не видел многих на «контактном» листе, но это мог быть я :)

Как создать Icon Pack
СпросиСетьПолитика конфиденциальности1y, 0v