Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Capas vs. Mesas de Trabajo: Comparación de los Métodos para Exportar Paquetes de Íconos

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Naudys Angulo (you can also view the original English article)

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

Por lo tanto, si estás en el diseño de iconos, o simplemente estás empezando, tal vez quieras leer este artículo, ya que podría ayudarte a trabajar más rápido cuando se trata del paso final de la exportación individual de tus archivos.

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

El Panel de Capas

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

the layers panel

Desde una perspectiva estructural / organizativa, esta herramienta le permite supervisar el posicionamiento de todos los objetos y grupos de objetos que forman parte del documento en el que está trabajando, aislándolos en diferentes Capas.

Se puede pensar en Capas como transparentes hojas de papel que pueden contener diferentes objetos, hojas que se superponen para que pueda crear una estructura jerárquica y, por tanto, una pieza detallada de ilustraciones.

En caso de que usted no entienda mucho de eso, permítanme decirlo de esta manera: si están trabajando en una ilustración elaborada que tiene secciones de objetos que se encuentran por debajo y por encima el uno del otro, fácilmente podría separar estas secciones en diferentes capas, por lo que Más fácil de acceder, editar y reorganizar.

Hmm, pero mantenga uno por un segundo, no se puede lograr la misma jerarquía con sólo una capa, y luego crear las formas una encima de la otra, ya que la última forma es siempre la que se sienta frente al resto?

Por supuesto que puedes, pero ¿por qué lo harías? Entiendo que puede planificar con anticipación 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. Puede que funcione, pero debe asegurarse de que agrupa objetos a medida que desarrolla su composición y a veces puede encontrar que ha creado grupos dentro de otros grupos, lo que significa que debe ir a un estado más profundo de aislamiento y que sólo complica las cosas.

Si elige trabajar con capas, no sólo le dará un diseño a prueba de errores, sino que le facilitará mucho el acceso y la edición, lo que le dará menos molestia y le permitirá centrarse más en el proceso creativo.

También desde Illustrator le permite crear y nombrar tantas capas como desee o necesita, puede volverse loco y construir algunas cosas bastante interesantes.

El Panel de las Mesas de Trabajo

Mientras que la herramienta Capas le permite organizar su obra de arte, la Mesa de Trabajo define el espacio de trabajo en el que diseña. Usted puede pensar en él como el lienzo del pintor, un lienzo que puede escalar hacia arriba o hacia abajo dependiendo de las necesidades del proyecto.

the artboards panel

Lo bueno es que solo mostrará cosas que hayas puesto en ella, así que cualquier cosa fuera de su superficie no terminará en la vista preliminar / archivo.

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

Esto es super útil si eres un diseñador de Interfaz de Usuario y tienes que crear maquetas o interfaces de sitio web, ya que puedes crear diferentes secciones, todas en el mismo documento, dándole un sentido de continuidad y facilitando el envío del producto a el cliente.

A pesar de que es una gran herramienta, tiene un pequeño inconveniente, ya que sólo le permite crear un número finito de mesas de arte, alrededor de 100, y que es cuando su tamaño no excede el área de trabajo que ha asignado a Illustrator.

Uso de los Paneles Capas y Mesas de Trabajo como Métodos para la Exportación Individual de Íconos

En este punto tenemos una idea básica de lo que las dos herramientas estaban destinadas inicialmente, pero veamos cómo podemos beneficiarnos de ellos en uno de los procesos más largos y frustrantes: el de exportar individualmente los archivos de un paquete de iconos.

Si alguna vez has trabajado en un paquete de iconos, definitivamente sabes lo irritante que puede ser el paso final del proceso, ya que Illustrator no 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 lío, ya que realmente no saben cómo enviar su producto como archivos PNG y otros formatos. Sé que lo hice, y me tomó un tiempo para jugar y ver lo que funcionó mejor para mí en términos de tiempo y facilidad de uso.

Así que voy a mostrar tres escenarios para exportar los iconos de un paquete (que contiene 12 filas cada uno con ocho iconos, de manera exactamente 96 iconos), durante el cual hablaré de los beneficios y limitaciones de cada método.

icon pack used as an example

Exportar los Íconos Usando el Panel Capas

OK, primero utilizaremos el panel Capas y veremos cómo funciona 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 nuestra Mesa de Trabajo a 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 una cuadrícula de 128 x 128 px, a la que he añadido un relleno completo de 8 px, de modo que es 136 x 136 px (resaltado con un color gris claro debajo de los iconos mismos).

Dado que este método supone que cada icono se encuentra en su propia Capa, es posible que ahora entienda por qué necesitamos ese segundo documento, ya que copiaremos los iconos en él y luego los separaremos usando 100 Capas.

En realidad no copiaré el conjunto completo de este ejemplo, ya que un número más pequeño hará que el ejemplo sea tan claro como uno más grande.

Así que, primero he creado mi segundo documento de 136 x 136 px, después de lo cual comencé a copiar alrededor de diez iconos, poniendo cada uno en su propia Capa, etiquetándolos del "documento 1" al "documento 10"

layers panel icons added

Ahora, ya que cada ícono está por su cuenta, puedo ocultar fácilmente todos los que no necesito, y hacer visible el que actualmente quiero exportar, que para este ejemplo es "documento 1".

setting only the current icon visible

Esto es muy práctico ya que puedo ir gradualmente a través del paquete, sin perder la pista del último elemento exportado.

OK, por lo que tengo el primer icono visible, y quiero guardarlo como PNG, lo puedo hacer fácilmente yendo a Archivo> Guardar para Web y luego simplemente escoger una ubicación dentro de mis carpetas y asignar un nombre a ésta.

exporting for the web using the layers method

Exportar utilizando el método de Capas es una gran opción cuando se tiene el tiempo necesario para construir realmente el segundo documento. Sí, puede ser más consumo-de-tiempo, pero me parece que de todos los métodos es más útil cuando se trata de mantener un registro de su proceso de exportación.

Otro beneficio es que cuando se trata de exportar múltiples formatos, no sólo PNG, quizás SVG e incluso EPS individuales, el proceso es mucho más rápido, ya que sólo 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 iconos en el documento más pequeño, lo que podría llevarle algún tiempo si tiene un paquete de iconos grande (300+).

Hemos visto cómo podemos exportar nuestros archivos usando el método de Capas, así que ahora probemos el de Mesas de Trabajo.

Exportación de Íconos con el Método de la Mesa de Trabajo

Bueno, el método Mesas de Trabajo es un poco diferente ya que se puede hacer de dos maneras. Sí, me escuchaste bien, tenemos opciones.

El primero consiste en usar una sola Mesa de Trabajo, que vamos a cambiar el tamaño usando las cuadrículas de base de cada icono, uno a la vez, mientras que el segundo es similar al de las Capas, ya que tenemos que crear un mayor número de mesas de trabajo de menor tamaño.

Por supuesto, hay pros y contras, pero vamos a llegar a los en un segundo.

Exportación Usando Solo Una Mesa de Trabajo

Comencemos hablando del método de la Mesa de Trabajo única. Es bastante simple, para ser honesto. Primero asegúrese de que ha configurado dos Capas: una para los iconos reales y otra para las cuadrículas de base.

exporting using the single artboard method

Una vez que haya separado los dos, puede comenzar a exportar sus iconos seleccionando una cuadrícula de base a la vez y a continuación, ir a Objeto> Mesa de Trabajo> Encajar en Ilustración Seleccionada.

using the fit to selected art to resize the artboard

Esto redimensionará su Mesa de Trabajo para que se ajuste a la cuadricula base actual del icono que desea guardar. Puesto que probablemente querrá guardarlo como PNG (con transparencia) o tal vez con un SVG, debe quitar la cuadrícula de base antes de exportarla.

artboard resized to icon base grid

Así como se 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 icono exportado, ya que va a eliminar las cuadrículas de base, por lo que es fácil de retomar donde lo dejó.

Además, como con el método de capas, puede manejar paquetes de iconos más grandes, por lo que no hay limitaciones en cuanto al número de elementos que puede contener y exportar, lo cual es bastante importante una vez que tenga un conjunto de iconos enormes.

Ahora hablemos de las desventajas.  Se hace aburrido muy rápido, ya que tienes que hacer clic, seleccionar y luego pasar por el mismo ajuste para dar forma a la opción una y otra vez.  Así que si su paquete es más grande que 100 iconos, póngase los auriculares y tome una taza de café, ya que va a necesitarlos.

Exportación Usando Varias Mesas de Trabajo

Y estamos en el método número tres, las Múltiples Mesas de Trabajo. Como he dicho antes, este es bastante similar a las Capas, pero por desgracia se limita al máximo de sólo 100 mesas de trabajo. Por lo tanto, si su paquete de iconos sobrepasa la barrera de 100, tendrá que usar uno de los otros métodos, pero si está dentro del límite, entonces chico, te gustará este método.

En comparación con los dos anteriores, en las mesas de trabajo múltiples puede y debe ser implementado desde el principio. Si te estás preguntando por qué, bueno digamos que sería mucho más fácil crear un par de mesas de trabajo y crear tus iconos uno a la vez, en lugar de crear usando una mesa de trabajo y luego moverlos a un segundo documento multi-mesa de trabajo.

Así que si usamos este método, simplemente crearíamos un Nuevo Documento (Control-N) que tenga 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 Mesas de Trabajo configurado en 1, iremos con algo más alto, como 96. Entonces podríamos jugar con las opciones de Espaciado y Columnas para obtener la configuración correcta, dependiendo de cómo nos gusta que las cosas se arreglen.

setting up a multiple artboard document

Una vez que nuestro documento es bueno para ir, podemos comenzar a trabajar en el diseño de nuestros iconos, colocando cada uno en su propia Mesa de Trabajo.

icons positioned on multiple artboards

Ahora viene la parte dulce. Cuando inicie el proceso de exportación, simplemente haga clic en el icono Mesa de Trabajo y a continuación, vaya a Guardar para Web o cualquier método de exportación que prefiera, y ya está.

OK, OK, así que tal vez mentí cuando dije que el método de Capas es el más rápido, cuando claramente el de múltiples Mesas de Trabajo es el ganador aquí. Pero, seamos honestos, hoy cuando alguien crea un paquete de iconos, esa persona agrega generalmente más de 100 pedazos a éste, y así el tercer método no sería incluso una opción.

Hmm, espera un segundo, ¿es eso verdad? Quiero decir que usted podría crear dos, cuatro documentos cada uno con 100 mesas de trabajo, y agrupar los iconos por categorías. De esta manera, cuando pases por el proceso de exportación, las cosas irían muy rápido. La única vez que se ralentiza sería cuando usted necesita cambiar el documento, que realmente no es que consume mucho tiempo.

Por lo tanto, el tercer método es bastante bueno en comparación con su competencia, pero ¿qué pasa con sus contras?

Bueno, si usted está 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, lo único malo que puedo pensar es que en algún momento puedes perder la pista del último icono exportado, pero si usas un buen sistema de nombres, eso no sucederá.

Conclusión

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.