Dominio de Illustrator: 25 técnicas que todo diseñador debe conocer

Artículos de Nathan Brown5 de octubre deeste año

Como muchos otros, comencé mi carrera de diseño experimentando con Adobe Photoshop. En ese momento, los gráficos de mapa de bits eran más accesibles y fáciles de entender. Los gráficos vectoriales, Adobe Illustrator y, especialmente, las curvas de Bézier contenían un velo de misterio, y me estaba divirtiendo demasiado con Photoshop como para ver qué había detrás de la cortina mágica de Illustrator. Unos años más tarde, cuando comencé a incursionar en el diseño de logotipos, Illustrator se convirtió de repente en la herramienta de referencia. Lo que me sorprendió fue lo mucho que me había perdido por no haber elegido Illustrator junto con Photoshop al principio. Así que ahora estamos usando Illustrator a diario para producir increíbles ilustraciones vectoriales, pero al igual que Photoshop, hay muchas herramientas dentro de Illustrator que a menudo se pasan por alto. Por eso decidimos elaborar esta práctica guía de 25 consejos esenciales para Adobe Illustrator.

Conozca el panel de herramientas

El panel aparece en el extremo izquierdo cuando abres Illustrator. Puedes moverlo arrastrando su barra de título. Las herramientas que se encuentran aquí son algunas de las más importantes de Illustrator. Usarás estas herramientas para crear y manipular objetos en la mesa de trabajo. Algunas de las herramientas tienen opciones cuando haces doble clic en ellas, y otras tienen herramientas ocultas cuando haces clic y mantienes el mouse presionado sobre ellas. Estas se indican con un pequeño triángulo negro en la parte inferior derecha del ícono de la herramienta. Debajo de los íconos de las herramientas hay miniaturas que muestran los colores actuales para el relleno y la forma. Puedes cambiar estos colores presionando (X) en el teclado. También puedes restablecerlos a blanco y negro presionando (D). Además, otro conjunto de botones muy importante en este panel son las opciones Dibujar normal, Dibujar detrás y Dibujar dentro. Estos son botones útiles para conocer cuando dibujes objetos en la mesa de trabajo.

Dibujar como un profesional con las herramientas Lápiz y Pluma

Herramienta de lápiz

La herramienta Lápiz te permite dibujar formas libres como un lápiz sobre papel. Creará rutas abiertas o cerradas y colocará puntos de anclaje mientras dibujas. No puedes determinar dónde se colocan los puntos de anclaje, pero puedes ajustarlos después de que hayas terminado de dibujar. El Lápiz también es ideal para crear una apariencia de boceto. No es tan preciso como la herramienta Pluma, pero ese es el objetivo. Puedes hacer doble clic en el ícono de la herramienta Lápiz para ajustar las siguientes configuraciones: Fidelidad : controla la frecuencia con la que se agregan puntos de anclaje a la ruta de dibujo y la distancia que debes mover el cursor antes de agregar un nuevo punto. Suavidad : controla la suavidad de la ruta. Cuanto mayor sea el número aquí, más puntos se agregarán a la ruta mientras dibujas, lo que dará como resultado una línea más precisa. Rellenar nuevos trazos de lápiz : simplemente agrega un color de relleno a la línea después de dibujarla. Esto da como resultado una forma más que una línea. Mantener seleccionado : controla si la línea debe seleccionarse o deseleccionarse después de que termines de dibujarla. Editar rutas seleccionadas : determina si se fusionará con una ruta existente si la nueva línea se acerca a una distancia específica de esta. Dentro de X píxeles : determina qué tan cerca debe estar la nueva línea de una ruta existente para fusionarse.

Herramienta pluma

La herramienta Pluma es la base de Illustrator. Se necesita un poco de práctica para entender cómo utilizarla correctamente. Pero una vez que domine la colocación y edición de puntos de ancla, podrá dibujar o trazar cualquier cosa que desee. Los puntos de ancla son el corazón del dibujo en Illustrator. El concepto básico de la herramienta Pluma es hacer clic para añadir puntos en lugar de dibujar una línea. A medida que añade puntos, Illustrator añade la línea entre los puntos automáticamente. A continuación, puede editar las líneas haciendo clic y arrastrando los puntos de ancla y sus controladores. Para obtener más información y ejemplos sobre el uso de la herramienta Pluma, visite el Manual de referencia de Adobe Illustrator .

Atajos de teclado para dibujar más fácilmente

Mover una forma mientras la dibuja (barra espaciadora + arrastrar con el mouse) Dibujar desde el centro de una forma (Opción + arrastrar con el mouse) Aumentar o disminuir los lados del polígono, las puntas de las estrellas, el ángulo del arco, los vientos espirales o los rayos de destello (arrastrar con el mouse + teclas de flecha hacia arriba o hacia abajo) Cambiar entre modos de dibujo (mayúsculas + D) Unir rutas (Cmd + J)

Comprender el dibujo en perspectiva

Si eres ilustrador de cómics o dibujos animados, ya tienes una sólida comprensión del dibujo en perspectiva. Si eres diseñador gráfico, el concepto puede ser nuevo para ti, pero con un poco de práctica es fácil dominarlo en Illustrator. El concepto de dibujo en perspectiva gira en torno a los puntos de fuga y a cómo el ojo humano percibe de forma natural una escena tridimensional. Por ejemplo, una carretera recta larga parecerá desvanecerse en la distancia. Los objetos parecerán más pequeños cuanto más lejos estén, etc. A partir de CS5, Adobe introdujo una serie de nuevas funciones que te permiten controlar el dibujo en perspectiva como nunca antes.

Echemos un vistazo más de cerca

En Illustrator, haga clic en (Ver | Cuadrícula de perspectiva | Mostrar cuadrícula) o (Cmd + Shift + I) para mostrar la cuadrícula de perspectiva. Mientras la cuadrícula está a la vista, puede agregar formas que se ajustarán automáticamente a la vista en perspectiva. Con la herramienta Selección de perspectiva (Shift + V), puede editar la ubicación de la cuadrícula y ajustar todos los objetos dentro de la perspectiva.

Cómo usar la herramienta Borrador para perfeccionar sus ilustraciones

Una vez que hayas llenado tu mesa de trabajo con ilustraciones, ¿cómo borras lo que no quieres? Borrar en Illustrator es un poco diferente a hacerlo en Photoshop. Existen tres métodos comunes para borrar ilustraciones en Illustrator.

Herramienta Borrador de trazado (ubicada debajo de la herramienta Pluma)

La herramienta Borrador de ruta, y con un solo movimiento suave, haga clic y arrástrela a lo largo del segmento de la ruta que desea borrar.

Herramienta Eliminar punto de ancla (-)

Seleccione esta herramienta y simplemente haga clic en los puntos de ancla que desea eliminar. La ruta se reajustará una vez que se elimine el punto.

Herramienta Borrador (mayúsculas + E)

Esta es la herramienta más parecida a la equivalente de PS. Seleccione esta herramienta y haga clic y arrástrela sobre la parte de la forma que desea eliminar.

Colocación perfecta con reglas, cuadrículas, guías y el panel Alinear

Illustrator hace que alinear objetos sea muy fácil. Hay una amplia variedad de herramientas que nos ayudan a colocar los objetos en la posición exacta. Al igual que en Photoshop, están disponibles las reglas (Cmd + R) y las guías. También hay una cuadrícula muy útil (Cmd + ") si la necesitas. Pero lo más importante es que echemos un vistazo al Panel Alinear. El Panel Alinear contiene una serie de opciones para alinear y distribuir objetos. Este panel es esencial si necesitas que tu ilustración se alinee perfectamente.

Cómo usar Illustrator como la herramienta tipográfica definitiva

Illustrator facilita enormemente el trabajo con textos. Para empezar, basta con ver las opciones de la herramienta Texto (T). Una de las herramientas más útiles es Texto en un trazado. Primero, dibuje un trazado de cualquier forma y seleccione la herramienta Texto en un trazado. A continuación, seleccione el trazado con el cursor y comience a escribir. Existen excelentes oportunidades para el diseño de tipos utilizando esta herramienta. Tenga en cuenta también que las opciones de tipo habituales están disponibles en el Panel de caracteres ((Cmd + T).

Uso de muestras y grupos de colores para optimizar la gestión del color de las líneas

El panel de muestras contiene colores, tintes, degradados y patrones que se pueden guardar por separado del documento. ¿Por qué es útil? Supongamos que está trabajando en un proyecto que contiene 4 colores más un degradado y dos patrones sin costuras para un cliente. Este es el proyecto de impresión 1 de 8 que el cliente ha solicitado y sabe que utilizará estos colores exactos en todas estas piezas. Simplemente puede crear un nuevo grupo de colores seleccionándolo en el menú desplegable del panel, luego arrastrar y soltar cada color en el grupo o elegir "Agregar colores seleccionados" en el menú desplegable. Una vez que sus colores y degradados estén contenidos en el panel, puede guardarlos desde el menú desplegable dentro del panel de muestras.¿Sabías que puedes guardar muestras entre Illustrator, InDesign y Photoshop? Solo tienes que guardar la biblioteca de muestras para intercambiarlas. Los colores se verán iguales en todas las aplicaciones siempre que tus configuraciones de color estén sincronizadas.

Cómo agregar ilustraciones con un solo clic usando símbolos

Los símbolos en Illustrator ofrecen una excelente manera de reutilizar ilustraciones de una fuente. Por ejemplo, supongamos que está diseñando una interfaz de usuario y el diseño contiene 10 o 12 botones y, a mitad del proceso, decide cambiar ligeramente el estilo del botón. Como ha creado todos los botones a partir de un símbolo inicial, todo lo que tiene que hacer es editar el original para cambiar todas las instancias del botón. Esta puede ser una herramienta increíble para ahorrar tiempo.

Para crear tus propios símbolos

Simplemente arrastre su ilustración al panel de símbolos y aparecerá el cuadro de diálogo de nuevo símbolo, donde puede nombrar su símbolo. El tipo de símbolo predeterminado es Clip de película. Puede establecer el punto de registro, alinear a la cuadrícula y utilizar la escala de 9 segmentos si planea exportar para Flash. Para editar un símbolo, simplemente haga doble clic en la miniatura en la biblioteca de símbolos o en una instancia en el documento. Cualquier cambio realizado en el símbolo se guardará y se aplicará a todas las instancias. Tenga en cuenta también que puede guardar las bibliotecas de símbolos tal como lo haría con las muestras para poder usar símbolos entre documentos.¿Sabías que puedes configurar el tipo de símbolo como MovieClip? Esto resulta útil al exportar a Flash.

Rellenando sus formas con degradados, mallas y patrones

Gradientes

Los degradados en Illustrator se pueden agregar desde el panel Degradado (Ventana | Degradado). En el panel Degradado, la miniatura del cuadro Relleno de degradado muestra los colores y el tipo del degradado actual. Al hacer clic en la miniatura, el objeto seleccionado en la mesa de trabajo se rellena con el degradado. Los degradados también se pueden agregar con la herramienta Degradado (G), que ofrece algunas de las mismas funciones que el panel Degradado, excepto que se encuentran directamente sobre el objeto en la mesa de trabajo. Con el control deslizante, puede modificar el ángulo, la ubicación y la extensión de un degradado lineal o el punto focal y el origen de un degradado radial. También puede agregar y editar paradas de color directamente desde el control deslizante cuando pasa el mouse sobre él.

Mallas

Cuando se crea un objeto de malla, este puede contener varios colores que pueden fluir en diferentes direcciones y realizar transiciones suaves de un punto a otro. Varias líneas cruzan el objeto y brindan una forma de manipular fácilmente las transiciones de color en el objeto. Donde se cruzan estas líneas, se crea un punto de malla. Los puntos de malla aparecen como formas de diamante y actúan de manera similar a los puntos de anclaje, pero con la capacidad de aceptar color. Puede agregar y eliminar puntos de malla según sea necesario. Para convertir un objeto en una malla, simplemente seleccione la herramienta Malla (U), elija un color de relleno para la malla y comience a hacer clic en el objeto para agregar puntos de malla.

Patrones

Los patrones en Illustrator se guardan en la paleta Muestras. Cualquier cosa se puede guardar como patrón, pero lo más probable es que estés creando un diseño uniforme. Para crear un nuevo patrón, simplemente elige (Editar | Definir patrón). Los patrones se pueden guardar junto con los colores y los degradados en una biblioteca de muestras.

Manipulación de formas definitiva mediante sobres

Los sobres son objetos que modifican la forma de objetos seleccionados. Puedes crear un sobre a partir de un objeto o puedes utilizar una forma de deformación predefinida o una cuadrícula de malla como sobre.

Para distorsionar un objeto usando un sobre

Seleccione un objeto. Elija (Objeto | Distorsión de envolvente | Crear con deformación o Crear con malla). Para utilizar un objeto como forma de la envolvente, asegúrese de que haya dos objetos seleccionados, siendo el objeto superior la forma de la envolvente, y seleccione (Objeto | Distorsión de envolvente | Crear con objeto superior). A continuación, edite cualquier punto de ancla en la envolvente con la herramienta Selección directa. Esto le permite ajustar el objeto a la forma que desee.

Atajos de teclado para editar formas

Cambiar la herramienta Pluma a la herramienta Convertir punto de ancla (alt)PC (opción)Mac Cambiar entre la herramienta Agregar punto de ancla y la herramienta Eliminar punto de ancla (alt)PC (opción)Mac Mover el punto de ancla actual mientras se dibuja con la herramienta Pluma (barra espaciadora + arrastrar con el mouse) Cortar una línea recta con la herramienta Cuchillo (alt + arrastrar con el mouse)PC (opción + arrastrar con el mouse)Mac Cortar a 45° o 90° con la herramienta Cuchillo (mayús + alt + arrastrar con el mouse)PC (mayús + opción + arrastrar con el mouse)Mac

Lleva tus ilustraciones al siguiente nivel con pinceles

Los pinceles son simplemente trazados estilizados en Illustrator. Hay cinco tipos de pinceles disponibles.

1. Pinceles caligráficos : crean trazos que se asemejan a los dibujados con la punta en ángulo de una pluma caligráfica.

2. Pinceles dispersos : dispersan copias de un objeto a lo largo de una ruta.

3. Pinceles artísticos : estiran una forma uniformemente a lo largo de un trazado.

4. Pinceles de cerdas : crea pinceladas con la apariencia de un pincel natural con cerdas.

5. Pinceles de patrones : pinta un patrón que se repite a lo largo de un trazado. Los pinceles de patrones pueden incluir hasta cinco mosaicos para los lados, la esquina interna, la esquina externa, el comienzo y el final del patrón.

Crea tus propios pinceles para una personalización máxima

El poder de los pinceles en Illustrator reside en la posibilidad de crear tu propio conjunto de pinceles personalizados a partir de las ilustraciones que hayas creado. Por ejemplo, si tienes un conjunto de lápices de carboncillo que utilizas para hacer bocetos y te gustaría conseguir el mismo efecto en Illustrator, puedes escanear los puntos hechos con tus lápices, escanearlos y vectorizarlos, y crear tu propio conjunto de pinceles de lápiz de carboncillo para utilizar en Illustrator.

Para crear un nuevo pincel

Seleccione la ilustración que desea utilizar en la mesa de trabajo y luego haga clic en el botón Nuevo pincel en el Panel de pinceles o arrastre la ilustración seleccionada al panel de pinceles. En la ventana emergente que aparece, seleccione el tipo de pincel que desea crear y haga clic en Aceptar. Cada tipo de pincel tiene sus propios ajustes. Juegue con ellos para crear una multitud de comportamientos de pincel diferentes a partir de la misma obra de arte.

Pintar con pintura viva

La pintura interactiva trata tu mesa de trabajo como si fuera un libro para colorear, lo que significa que todos los trazados están en la misma superficie, en lugar de uno delante y otro detrás. Los trazados se utilizarán para dividir la ilustración en áreas que se pueden colorear. Una vez que hayas creado un grupo de pintura interactiva, cada trazado seguirá siendo editable e Illustrator ajustará los colores del trazado si decides editar la forma. Es como editar una página de un libro para colorear después de haberla coloreado.

Para crear un grupo de pintura en vivo

Seleccione uno o más trazados o trazados compuestos y, a continuación, elija (Objeto | Pintura interactiva | Crear). A continuación, seleccione la herramienta Bote de pintura interactiva y haga clic en el objeto seleccionado.

Calca tu propia obra de arte dibujada a mano con Live Trace

El trazado dinámico es una herramienta increíblemente poderosa. En mi opinión, extiende el mundo exterior al mundo vectorial de Illustrator. Si estás acostumbrado a dibujar objetos a mano y luego escanearlos y editarlos en Photoshop, prueba el mismo proceso en Illustrator pasando primero el boceto dibujado a mano por el trazado dinámico.

Para utilizar Live Trace

Importa tu ilustración de mapa de bits (escaneada) en la mesa de trabajo mediante (Archivo | Colocar). Con la ilustración seleccionada, ve a (Objeto | Trazado en vivo | Opciones de trazado...). Hay varios ajustes preestablecidos dentro de la ventana Opciones de trazado, o puedes usar los controles para ajustar tus propios ajustes. Marca la casilla de verificación de vista previa para ver tus ajustes aplicados en tiempo real. Cuando estés satisfecho, haz clic en el botón Trazar. Una vez que tu objeto esté trazado, haz clic en (Objeto | Expandir) para convertir tu ilustración en trazados editables.¿Sabías que? Desde la ventana Opciones de trazado puedes elegir Rellenos o Trazos. Por lo tanto, si estás trayendo un dibujo lineal escaneado a Illustrator, puedes convertirlo en trazos y editarlo. Luego, puedes editar el trazado como si lo hubieras creado desde cero en Illustrator.

Diseño no destructivo con atributos de apariencia

Los atributos de apariencia son similares a las capas de ajuste en Photoshop. Básicamente, son la respuesta de Illustrator al diseño no destructivo. Los atributos de apariencia son propiedades que se aplican a la apariencia de un objeto y que no afectan a su estructura subyacente. Si aplica un atributo de apariencia a un objeto y luego decide eliminarlo, no cambia el objeto subyacente ni ningún otro atributo aplicado al objeto. Eche un vistazo al Panel de apariencia (Ventana | Apariencia). Desde este panel puede controlar TODO lo relacionado con un objeto o un grupo de objetos. Conozca este panel y comprenda cómo usarlo. Marcará una gran diferencia en su flujo de trabajo y en la estructura de su obra de arte vectorial.

Cómo guardar y reutilizar estilos con el panel Estilos gráficos

Los estilos gráficos de Illustrator son similares a los estilos de capa de Photoshop. Por lo tanto, si está familiarizado con los estilos de capa, este concepto no le resultará nuevo. Con los estilos gráficos puede guardar todos los atributos que haya aplicado a un objeto. Por ejemplo, supongamos que ha aplicado un relleno degradado y un color de trazo, ha modificado la transparencia de los objetos y ha aplicado un efecto de visualización de gotas. Ahora, simplemente arrastre este objeto al panel Estilos gráficos y se creará un nuevo estilo que podrá aplicar a otros objetos. Tenga en cuenta que puede guardar un grupo de estilos gráficos para utilizarlos en otros documentos, tal como lo haría con un grupo de muestras del panel Muestras.

Añadiendo un toque profesional con efectos especiales

Se pueden agregar efectos especiales a un objeto de la misma manera que se hace en Photoshop. Puede aplicar estos efectos seleccionando un objeto y eligiendo un efecto en el menú Efecto. Recuerde que todos los efectos se pueden editar desde el Panel de atributos. Consulte más arriba para obtener más detalles.

Automatizar tareas para hacerte la vida más fácil en Illustrator

Comportamiento

Si has leído nuestra publicación anterior sobre Photoshop, entonces ya estás familiarizado con las acciones. Funcionan de la misma manera en Illustrator. Básicamente, una acción es una serie grabada de tareas que puedes ejecutar una y otra vez con solo hacer clic en un botón. Para crear una acción, simplemente abre el Panel de acciones y haz clic en el botón Nueva acción. Una vez que presiones Grabar, todas tus tareas se grabarán hasta que presiones el botón Detener en el Panel de acciones. Esta es una característica increíblemente poderosa para agregar a tu flujo de trabajo. Por ejemplo, si tuvieras una serie de 45 archivos de botones que necesitaran ser redimensionados y tener una sombra paralela aplicada, podrías configurar eso como una acción y aplicarla con solo hacer clic en un botón en lugar de hacerlo todo a mano.

Gráficos basados ​​en datos

Los gráficos basados ​​en datos permiten producir múltiples versiones de su diseño. Por ejemplo, supongamos que trabaja en una empresa con un personal de ventas de más de 100 empleados y ha diseñado una nueva tarjeta de presentación para todo el personal de ventas. En lugar de colocar a mano los datos de cada empleado en la tarjeta, puede configurar el archivo de diseño como una plantilla y utilizar un script para completar los datos (nombre, teléfono, correo electrónico, foto) desde la base de datos de la empresa. Puede convertir cualquier pieza de diseño en una plantilla para gráficos basados ​​en datos dentro de Illustrator. Todo lo que necesita hacer es definir qué objetos en la mesa de trabajo son dinámicos (modificables) utilizando variables. Esto es increíblemente útil si es un diseñador dentro de un equipo de producción. Puede crear una plantilla que le brinde control sobre los elementos dinámicos de su diseño. Cuando entregue su plantilla para producción, puede estar seguro de que solo cambiarán los datos variables.

¿Consejos adicionales que “debes saber”?

Tanto si eres un usuario avanzado de Illustrator como si recién estás empezando, nunca faltan consejos para Illustrator. Comparte tus consejos favoritos que debes conocer en los comentarios y cuéntanos si nos olvidamos de algo importante.