Capas frente a tableros de trabajo comparación de los métodos para exportar paquetes de íconos

Hoy tengo algo especial preparado para ti. Vamos a comparar dos herramientas esenciales de Illustrator, la Capas panel y el Tableros uno, y hablar sobre las ventajas de uno sobre el otro cuando se trata del proceso de exportación de un paquete de iconos.

Por lo tanto, si está interesado en el diseño de iconos, o recién está comenzando, es posible que desee leer este artículo, ya que puede ayudarlo a trabajar más rápido cuando se trata del último paso para exportar sus archivos individualmente..

Antes de comenzar nuestra comparación, quiero tomar un par de momentos y hablar sobre las dos herramientas desde una perspectiva de "uso previsto". En otras palabras, veamos cuál es el propósito de cada uno de ellos, y comencemos a hacerlo dando primero una breve definición que caracteriza brevemente su naturaleza..

El panel de capas

Si has trabajado con Ilustrador antes, y supongo que sí, seguramente has jugado con el Capas panel. Si eres nuevo en el juego, bueno, no tengas miedo, voy a ser lo más explícito posible..

Desde una perspectiva estructural / organizativa, esta herramienta le brinda la capacidad de supervisar la posición de todos los objetos y grupos de objetos que forman parte del documento en el que está trabajando actualmente, aislándolos en diferentes Capas.

Puede pensar que las capas son hojas de papel transparentes que pueden contener diferentes objetos, hojas que se superponen para que pueda crear una estructura jerárquica y, por lo tanto, una obra de arte detallada.

En caso de que no entendiera mucho de eso, permítame ponerlo de esta manera: si está trabajando en una ilustración elaborada que tiene secciones de objetos que se encuentran debajo y sobre las otras, puede separar fácilmente estas secciones en diferentes Capas, haciéndolo Más fácil de acceder, editar y reorganizarlos..

Hmm, pero mantenga una por un segundo, ¿no puede lograr la misma jerarquía utilizando solo una capa y luego creando las formas una encima de la otra, ya que la última forma es siempre la que se encuentra frente a las demás??

Por supuesto que puedes, pero ¿por qué lo harías? Entiendo que puede planear por adelantado y construir utilizando una forma a la vez, pero ¿qué sucede una vez que necesita trabajar en una sección específica de su diseño? Algunos de ustedes podrían decir que podrían usar la Herramienta de aislamiento. Eso podría funcionar, pero debe asegurarse de agrupar objetos a medida que desarrolla su composición y, a veces, puede descubrir que ha creado grupos dentro de otros grupos, lo que significa que debe ingresar en un estado más profundo de Aislamiento, y eso solo complica las cosas.

Si elige trabajar con capas, no solo hará que su diseño sea infalible, sino que también le facilitará el acceso y la edición, lo que le dará menos problemas y le permitirá concentrarse más en el proceso creativo..

Además, ya que Illustrator te permite crear y nombrar tantas capas como quieras o necesites, puedes volverte loco y crear algunas cosas bastante interesantes..

El panel de artboards

Mientras que el Capas herramienta le permite organizar su obra de arte, la Mesa de trabajo Define el espacio de trabajo en el que diseñas. Puedes considerarlo como el lienzo del pintor, un lienzo que puedes escalar hacia arriba o hacia abajo según las necesidades del proyecto..

Lo bueno es que solo mostrará cosas que hayas colocado en él, por lo que cualquier cosa fuera de su superficie no terminará en la vista previa / archivo final.

Ahora, en comparación con el Capas panel, que le da la capacidad de estructurar un diseño, el Tableros el panel lleva las cosas a un nivel completamente nuevo al permitirle estructurar y mostrar varias ilustraciones al mismo tiempo.

Esto es muy útil si usted es un diseñador de UI y tiene que crear simulaciones o interfaces de sitios web, ya que puede crear las diferentes secciones en el mismo documento, lo que le da una sensación de continuidad y facilita el envío del producto a el cliente.

Aunque es una gran herramienta, tiene un ligero inconveniente ya que solo te permite crear un número finito de tableros de trabajo, alrededor de 100, y es cuando su tamaño no excede el área de trabajo que Illustrator le ha asignado..

Uso de los paneles de capas y paneles de trabajo como métodos para exportar iconos individualmente

En este punto, tenemos una idea básica de a qué se destinaron inicialmente las dos herramientas, pero veamos cómo podemos beneficiarnos de ellas en uno de los procesos más frustrantes y que llevan más tiempo: el de exportar individualmente los archivos de un paquete de íconos..

Si alguna vez ha trabajado en un paquete de íconos, definitivamente sabe lo irritante que puede ser el paso final del proceso, desde IllustratorNo tiene ningún botón mágico para exportarlos uno por uno..

La mayoría de las veces, las personas que están creando su primer paquete se encuentran en un aprieto, ya que no saben cómo enviar su producto como archivos PNG y otros formatos. Sé que lo hice, y me tomó un tiempo jugar y ver qué funcionaba mejor para mí en términos de tiempo y facilidad de uso..

Así que les mostraré tres escenarios para exportar los íconos de un paquete (que contiene 12 filas cada una con ocho íconos, exactamente 96 íconos), durante los cuales hablaré sobre los beneficios y las limitaciones de cada método..

Exportando los iconos usando el panel de capas

OK, así que primero usaremos el Capas Panel, y ver cómo se realiza en términos de flujo de trabajo.

Este método es un poco complicado, ya que tendremos que crear un segundo documento y establecer el ancho y la altura de nuestro Mesa de trabajo aproximadamente el mismo tamaño que la cuadrícula base de nuestro icono.

Los iconos que estoy usando como ejemplo están construidos alrededor de un 128 x 128 px cuadrícula, a la que he añadido un relleno de 8 px, por lo que es 136 x 136 px (resaltado con un color gris claro debajo de los propios iconos).

Dado que este método asume que cada ícono se asienta por sí solo Capa, ahora puede comprender por qué necesitamos ese segundo documento, ya que copiaremos los íconos en él y luego los separaremos usando 100 Capas.

No copiaré todo el conjunto para este ejemplo, ya que un número más pequeño hará que el ejemplo sea tan claro como uno más grande.

Entonces, primero he creado mi segundo 136 x 136 px documento, después de lo cual comencé a copiar unos diez iconos, poniendo cada uno por su cuenta Capa, Etiquetándolos del "documento 1" al "documento 10".

Ahora, ya que cada icono es propio, puedo ocultar fácilmente todos los que no necesito y hacer visible el que actualmente quiero exportar, que para este ejemplo es el "documento 1".

Esto es muy útil ya que puedo ir gradualmente a través del paquete, sin perder el rastro del último artículo exportado.

De acuerdo, tengo el primer icono visible y quiero guardarlo como PNG. Puedo hacerlo fácilmente yendo a Archivo> Guardar para Web y luego simplemente seleccionando una ubicación dentro de mis carpetas y asignándole un nombre.

Exportando utilizando el Capas El método es una excelente opción cuando tiene el tiempo necesario para crear el segundo documento. Sí, puede llevar más tiempo, pero me parece que, de todos los métodos, es el más útil para realizar un seguimiento de su proceso de exportación..

Otro beneficio es que cuando se trata de exportar múltiples formatos, no solo PNG, quizás SVG e incluso EPS individuales, el proceso es mucho más rápido, ya que solo selecciona la capa y cambia la configuración de exportación, es tan simple como eso..

Su único inconveniente podría ser el proceso inicial, en el que tiene que copiar los íconos en el documento más pequeño, lo que puede llevarle algo de tiempo si tiene un paquete de íconos grande (300+).

Hemos visto cómo podemos exportar nuestros archivos utilizando el Capas método, así que ahora vamos a probar el Mesa de trabajo uno.

Exportando los iconos usando el método de Artboard

Bueno el Mesa de trabajo El método es un poco diferente, ya que se puede hacer de dos maneras. Sí, me has oído bien, tenemos opciones.

El primero implica usar solo uno Mesa de trabajo, que cambiaremos de tamaño utilizando las cuadrículas base de cada icono, una a la vez, mientras que la segunda es similar a la Capas Una, ya que tenemos que crear un mayor número de mesas de trabajo de menor tamaño..

Por supuesto, hay ventajas y desventajas, pero llegaremos a aquellos en un segundo.

Exportando usando solo una mesa de trabajo

Vamos a empezar hablando del single. Mesa de trabajo método. Es bastante simple, para ser honesto. Primero asegúrate de haber configurado dos Capas: uno para los iconos reales y otro para las cuadrículas base.

Una vez que haya separado los dos, puede comenzar a exportar sus iconos seleccionando una cuadrícula base a la vez, y luego ir a Objeto> Tableros de arte> Ajustar al arte seleccionado.

Esto cambiará el tamaño de su Mesa de trabajo de modo que se ajuste a la cuadrícula base real del icono que desea guardar. Como probablemente querrá guardarlo como PNG (con transparencia) o tal vez como SVG, debe eliminar la cuadrícula base antes de exportarla..

Como puede ver, esta es otra opción relativamente simple para exportar sus iconos, pero también tiene algunas desventajas.

Primero, hablemos de sus puntos fuertes. Es rápido, no tan rápido como el método de Capas, pero fácilmente toma el número dos para la velocidad. Al igual que con el método anterior, puede realizar un seguimiento de su último ícono exportado, ya que eliminará las cuadrículas de la base, lo que facilita la recogida desde donde lo dejó..

Además, al igual que con el método de Capas, puede manejar paquetes de íconos más grandes, por lo que no hay limitaciones en cuanto al número de elementos que puede contener y exportar, lo cual es muy importante una vez que tenga un gran conjunto de íconos..

Ahora hablemos de las desventajas. Se aburre rápido, realmente rápido, ya que tiene que hacer clic, seleccionar y luego pasar por la misma opción de ajuste de forma una y otra vez. Así que si tu paquete tiene más de 100 íconos, ponte los auriculares y toma una taza de café, ya que los necesitarás.

Exportar utilizando múltiples tableros

Y estamos en el método número tres, el Multi Artboardsuno. Como he dicho antes, este es bastante similar a las capasuno, pero desafortunadamente está limitado a un máximo de solo 100 mesas de trabajo. Entonces, si su paquete de íconos supera la barrera de los 100, tendrá que usar uno de los otros métodos, pero si está dentro del límite, entonces le gustará este método..

En comparación con los dos anteriores, las múltiples mesas de trabajouno puede y debe ser implementado desde el principio. Si se está preguntando por qué, bueno, digamos que sería mucho más fácil crear un par de Artboardsy construya sus íconos uno a la vez, en lugar de crearlos utilizando un Artboardy luego moviéndolos a un segundo documento multi-artboard.

Entonces, si usamos este método, simplemente crearíamos un Nuevo documento (Control-N)que tiene el mismo tamaño que la cuadrícula base de nuestro icono (136 x 136 px), pero en lugar de dejar el Número de tableros estableciendo en 1, Iríamos con algo más alto, como 96. Entonces podríamos jugar con el Espaciado y Columnas Opciones para obtener la configuración correcta, dependiendo de cómo nos gusta organizar las cosas.

Una vez que nuestro documento esté listo, podemos comenzar a trabajar en el diseño de nuestros iconos, posicionando cada uno por sí mismo. Mesa de trabajo.

Ahora viene la parte dulce. Al iniciar el proceso de exportación, simplemente haga clic en el icono Mesa de trabajo y luego ir a Guardar para Web o cualquier método de exportación que prefieras, y eso es todo.

De acuerdo, de acuerdo, tal vez mentí cuando dije que las capasEl método es el más rápido, cuando claramente el Multi ArtboardUno es el ganador aquí. Pero, seamos honestos, hoy cuando alguien crea un paquete de íconos, esa persona generalmente le agrega más de 100 piezas, por lo que el tercer método ni siquiera sería una opción..

Hmm, espera un segundo, ¿es realmente cierto? Quiero decir que podría crear dos, cuatro documentos, cada uno con 100 mesas de trabajo, y agrupar los iconos por categorías. De esta manera, cuando pasas por el proceso de exportación, las cosas irían bastante rápido. La única vez que reduzca la velocidad sería cuando necesite cambiar el documento, lo que realmente no requiere tanto tiempo..

Entonces, el tercer método se ve bastante bien en comparación con su competencia, pero ¿qué pasa con sus contras??

Bueno, si estás trabajando en un pequeño paquete de iconos, realmente podría decir que no tiene ninguno. Si estás trabajando en uno más grande, bueno, lo único malo que se me ocurre es que en algún momento podrías perder el rastro del último icono exportado, pero si utilizas un buen sistema de nombres, eso no sucederá..

Conclusión

Ahí lo tiene: una comparación rápida y completa de tres métodos de exportación capaces que realmente pueden ayudarlo a decidir cuál es la mejor opción para usted cuando se trata de entregar sus preciosos íconos como activos individuales..

Como siempre, espero que hayan disfrutado el tutorial y, lo más importante, que haya aprendido algo nuevo e interesante en el camino..