Cómo hacer para crear un Icon Pack

Como principiante en Illustrator, he estado creando algunos gráficos geniales que me gustaría compartir en mi sitio web. Por lo que he visto, la gente crea un paquete de íconos .ai de un archivo que puedes descargar y usar libremente. La mayoría de estos están configurados en un formato de cuadrícula perfecto, incluso con alrededor de 100 íconos. Si estoy buscando hacer algo como esto, ¿cómo debo realizar la configuración de mi proyecto? ¿Debo crear cada ícono individualmente y luego importarlos al archivo del paquete de íconos maestro? Cualquier dirección sería genial. ¡Gracias!

Mi opinión es que deberías usar .pdf y no .ai. La gente tendrá mucha más suerte al abrir un archivo pdf.
No realmente si el objetivo es compartir los archivos de origen. Para eso, Illustrator EPS es muy común.
@KMSTR ¿Por qué entonces no usarías .pdf?
Tengo que estar de acuerdo con Joonas. PDF es un formato mucho más transferible que EPS. Los archivos PDF pueden contener datos vectoriales completamente editables.
Illustrator PDF también funcionaría. Simplemente lo vi más a menudo en EPS.
Sí, ve con ai. EPS es un formato antiguo para cuando las impresoras estaban atascadas en los años 80. Cualquiera que quiera usar sus archivos tendrá Illustrator (o el equivalente de código abierto) y podrá abrir su archivo. ¿Por qué pasar por la molestia de cambiar formatos y posiblemente incluso aumentar el tamaño del archivo? Solo quédate con .ai.
Como puedes ver, hay muchas opciones. Permítanme mencionar también SVG ya que los navegadores comienzan a admitir este formato ahora.

Respuestas (3)

Comenzaría con una cuadrícula que tenga un buen espaciado entre los íconos, no solo para facilitar el trabajo sino también porque no tiene que reorganizar al final. Lo más simple que se me ocurre son íconos de 16x16px con un espacio de 16px entre ellos (si estás trabajando en un sprite de ícono, el espacio entre ellos debería ser mínimo). Dependiendo de lo que quieras al final. Pero esto debería facilitar la determinación de las dimensiones del documento al principio. También puede configurar guías o un ráster de fondopara asegurarse de que está trabajando en el espacio/dimensiones correctos. Prefiero este método a crear íconos en archivos individuales porque le da una buena perspectiva si los íconos van bien juntos. Algo que tendrás que reevaluar constantemente durante su diseño.

Una vez más, las opciones son amplias y dependen de lo que quieras al final, así que solo te daré un ejemplo :

ingrese la descripción de la imagen aquí

La otra ventaja de crear un archivo todo en uno es la facilidad de reutilizar la paleta de colores y los estilos gráficos.
Ah, y no olvide activar la vista previa de píxeles y ajustar a píxeles, y use Efecto > Distorsionar y transformar... > Transformar para generar su cuadrícula de cuadrados de trabajo. Prefiero una regla de un solo píxel para delinear mi área de trabajo, si no una mesa de trabajo dedicada.
Gracias. Esto es exactamente lo que necesitaba. Aprecio tu tiempo.
@plainclothes: buenas adiciones, la reutilización de formas, colores y estilos hace una gran diferencia.

No soy un experto en la creación de íconos, pero en mi opinión, dependerá de qué tan complejos sean tus íconos. Si tienen muchos elementos, por el tamaño y el manejo usaría diferentes archivos para crearlos. Una vez que estén terminados, puede pegarlos en su archivo de cuadrícula, pero también exportarlos primero como .png transparente, por ejemplo. Lo más probable es que necesite un archivo bitmat para cada ícono de todos modos, ya que muchos de los paquetes que descargué tenían carpetas de vista previa (así como el archivo .ai real). Y si en el futuro quieres hacer diferentes packs con los mismos, también es más fácil de manejar.

Otra tendencia popular es crear fuentes de iconos . Estos son muy útiles en la web. Pero esto solo se puede hacer si tiene íconos de un solo color. Estos son bastante útiles, los uso regularmente en el diseño debido a la facilidad de uso.

Pero la mayoría de los paquetes de íconos que veo tienen algunas variaciones disponibles: - Algunos tamaños como PNG de 24 bits separados con transparencia (oscuro sobre blanco y reverso) - Archivos AI o PDF separados - Fuente de ícono (si está disponible) - Archivos ICO separados, en varios tamaños (iconos reales).

No he visto muchos en una hoja de "contacto", pero ese podría ser yo :)