Adobe Illustrator es una de mis aplicaciones favoritas absolutas. Para el trabajo de vectores, Illustrator simplemente no puede ser superado y realmente debería dejar de lado sus reservas y darle una oportunidad. Incluso si comúnmente crea gráficos raster para la web, hay una serie de cosas que Illustrator simplemente hace mejor que Photoshop, por lo que es imprescindible conocer ambas aplicaciones y sus fortalezas / debilidades.
El artículo de hoy es para los novatos extremos de Illustrator. Tiene Adobe Creative Suite instalado en su computadora y ha visto a Illustrator sentado tranquilamente rogando que lo jueguen, pero nunca ha saltado. Revisaremos más de diez cosas básicas que debe saber antes de comenzar.
Una discusión centrada en Photoshop
Al escribir este artículo, una de las principales suposiciones que estoy haciendo es que estás bastante familiarizado con Photoshop. La mayoría de los diseñadores web viven en Photoshop y / o Fireworks, por lo que debería funcionar bien si se ajusta a esa descripción.
A medida que avanzo los consejos a continuación, muchas de las explicaciones se basarán en cómo trabajar en Illustrator es diferente a Photoshop. Las dos aplicaciones son bastante similares, por lo que debería poder aprovechar su conocimiento existente siempre que tenga en mente la información que se encuentra a continuación.
Al igual que Photoshop, Illustrator es una aplicación enorme, por lo que no podemos abarcar todo en un solo post, pero esta es una descripción decente de algunas técnicas, herramientas y conocimientos para tener en cuenta.
Los gráficos vectoriales son mágicos
Lo primero que debes saber sobre Illustrator es que se utiliza para crear gráficos vectoriales. Como probablemente sepa, los gráficos vectoriales son muy diferentes de los gráficos raster que crea normalmente en Photoshop (es cierto que Photoshop tiene algunas capacidades vectoriales limitadas, pero no es lo que puede lograr en Illustrator). En lugar de estar compuesto por píxeles individuales estáticos, los gráficos vectoriales son dibujados matemáticamente por su computadora y, por lo tanto, se pueden cambiar drásticamente con una pérdida de calidad absolutamente nula.
Lo que esto significa a nivel práctico es que cuando creas arte en Illustrator, no importa cuál sea su tamaño original, en cualquier momento que lo desees puedes hacerlo tan grande como una valla publicitaria o tan pequeño como un pulgar. Esto tiene importantes implicaciones positivas para la forma en que trabajas.
Por ejemplo, digamos que estás en Photoshop y tienes un logotipo circular que es pequeño y quieres que sea grande. Como es probable que haya encontrado un millón de veces, si intenta aumentar el tamaño de ese elemento, prácticamente se destruye. Observe cuánto pierde un círculo simple la calidad a medida que aumenta su tamaño:
Esto hace que crear y trabajar con gráficos complejos en trama sea bastante difícil porque su libertad para cambiar de opinión es limitada, incluso si está utilizando objetos inteligentes, está restringido al tamaño original del objeto.
Con los gráficos vectoriales, estos problemas simplemente no existen, lo que le brinda la libertad de cambiar continuamente su mente y su obra de arte a voluntad sin preocuparse por la degradación visual.
Además, como los gráficos vectoriales se componen de puntos y líneas, tiene una libertad ilimitada para entrar y cambiar segmentos de línea individuales.
Pero tu ya lo sabías
Las probabilidades son que si estás leyendo este blog, ya sabes cuáles son las diferencias entre los gráficos vectoriales y raster. Lo que debe aceptar ahora es que Illustrator realmente destruye Photoshop en esta área (Fireworks es un intermedio interesante que hace ambas cosas bastante bien). Aún mejor, no tiene que elegir una sobre la otra, sino que puede utilizarlas y todas las demás aplicaciones de Creative Suite de forma sinérgica a lo largo de sus diversos proyectos.
¿Qué es toda esta mierda en mi pantalla?
Lo primero que probablemente notará cuando comience a usar Illustrator es que suceden muchas cosas cuando selecciona y edita algo. Esto es algo que muchos de los nuevos usuarios tienden a odiar de inmediato porque se ve confuso, pero en realidad toda la información y los controles que Illustrator arroja son extremadamente útiles.
La caja delimitadora
Para empezar, cada vez que seleccione algo, verá su cuadro delimitador. Esta es una característica intuitiva que debe comprender al instante, la parte que no es intuitiva es la razón por la cual no desaparecerá.
En Photoshop, solo ves el cuadro delimitador de un objeto cuando estás en medio de una transformación. En Illustrator, ve el cuadro delimitador cuando tiene seleccionado un objeto completo y la herramienta activa es la Herramienta de selección directa (V).
Si tiene varios objetos seleccionados, el cuadro delimitador aparecerá alrededor de todos ellos, lo que le permitirá moverlos o transformarlos juntos. Las mismas reglas se aplican a lo que está acostumbrado en Photoshop: mantenga presionado shift para escalar uniformemente, presione la tecla Alt / Opción para escalar desde el centro, etc.
Una diferencia importante aquí es que no se puede agarrar y mover de forma independiente una esquina específica del cuadro delimitador como en una transformación de Photoshop. Esto hace que esquivar y poner la perspectiva de los objetos sea un poco más complicado, ya que tiene que usar las herramientas dedicadas para este tipo de transformaciones. Más adelante veremos cómo usar Free Transform, que se sentirá mucho más como si estuvieras acostumbrado en Photoshop.
Guías inteligentes
Las guías inteligentes son lo más importante que incomoda a muchos novatos y profesionales por igual. Estos son los pequeños fragmentos de información y esquemas que aparecen a medida que se desplaza, se mueve o se transforma algo. Puede parecer que se están interponiendo en su camino, pero trate de acostumbrarse a ellos y usarlos lo más posible, pronto comenzará a ver su valor.
Las guías inteligentes le permiten dimensionar objetos sobre la marcha utilizando mediciones precisas y alinear lo que haya seleccionado con puntos y líneas de otros objetos que lo rodean. Hacen que sea realmente fácil crear diseños complejos muy rápidamente y son mucho más fáciles que? cosas. Por supuesto, también tiene un conjunto completo de herramientas de alineación para estos tipos de operaciones:
Apagarlo todo
Recomiendo trabajar con todos estos extras activados, pero algunos usuarios simplemente odian todas las distracciones. Es cierto que siento lo mismo por los extras de InDesign, por lo que definitivamente entiendo esta mentalidad.
Afortunadamente, Illustrator te permite silenciar el ruido y apagar todo esto. Como una forma rápida de desactivar el cuadro delimitador, pulsa Comando-Shift-B, o ir a Ver> Ocultar cuadro delimitador.
Del mismo modo, apagar las Guías inteligentes es tan fácil como golpear Comando-U, o yendo a Ver y sin marcar Guías inteligentes.
Las capas son diferentes
Al cambiar de Photoshop a Illustrator, es importante tener en cuenta los cambios conceptuales en el flujo de trabajo. A pesar del hecho de que las dos aplicaciones comparten tantas características, es frecuente que la característica se use de una manera muy diferente.
Las capas son un excelente ejemplo de esto. En Photoshop, cada pieza tiene su propia capa. De hecho, un objeto individual está realmente definido por la capa en la que está. Si lanza dos elementos en la misma capa, se convertirán en un solo elemento y si se superponen, no podrá separarlos más. Además, la aplicación de un efecto a un objeto afecta a toda la capa.
En Illustrator, las capas no son tanto la manera de acceder a cada pieza de la página como una utilidad de organización conveniente. Si lo desea, puede crear una obra de arte increíblemente compleja con miles de elementos individuales, todos utilizando una sola capa. Además, los elementos en esa capa tienen su propia subjerarquía y se pueden editar y organizar de forma independiente en cualquier momento.
Entonces, por ejemplo, en lugar de tener una capa para cada elemento, sería bastante típico crear una capa que contenga todos sus diversos elementos de texto, otra para sus gráficos vectoriales y posiblemente incluso una tercera para el arte de Photoshop importado.
Cómo funcionan las capas en Ai
Hay un montón de funcionalidades en las capas de Illustrator que no verá en Photoshop. Para empezar, cada capa tiene una pequeña flecha desplegable que le permite ver la jerarquía de cada elemento dentro de esa capa. Aquí se pueden reorganizar los elementos para ajustar el orden de apilamiento visual del resultado (use Comando- [y Comando-] para adelantar un artículo o empujarlo).
En el lado derecho de la paleta debería ver un círculo al lado de un cuadrado de color. Al hacer clic en el círculo le permite seleccionar fácilmente un elemento. Haga clic en el círculo de la capa para seleccionar todo dentro de la capa o el círculo de un elemento individual para seleccionar solo ese elemento.
El cuadrado de color indica el color de esa capa. Para mayor comodidad, el cuadro delimitador y otros gráficos emergentes están codificados por colores según las capas, de esa manera, cuando selecciona algo, puede ver instantáneamente a qué capa pertenece. Para mover un elemento de una capa a otra, simplemente haga clic y arrastre su pequeño cuadrado.
El Pathfinder es impresionante
Seamos realistas, dibujar en una computadora es difícil. Incluso las formas simples pueden ser difíciles de crear si no eres un maestro de la herramienta Pluma. Al igual que con la mayoría de los programas vectoriales profesionales, Illustrator facilita mucho la creación de formas complejas mediante el uso de operaciones booleanas que se encuentran en la paleta de Pathfinder.
Las pequeñas vistas previas en los botones de Pathfinder son bastante auto explicativas. Todos ellos esencialmente te permiten combinar dos formas de una manera interesante. Cuando use Ai por primera vez, puede sentirse tentado a pensar que esta es una característica novedosa que nunca usará, pero créanme, si va a hacer una ilustración, poner el Pathfinder en funcionamiento le ahorrará mucho tiempo.
Un poco de creatividad va muy lejos y una vez que puedas aprender a ver las formas simples que conforman los objetos complejos, Pathfinder será tu mejor amigo.
Generador de formas
Si tiene CS5, Illustrator le ofrece otra forma de realizar operaciones booleanas complejas. La herramienta Shape Builder Tool (Shift + M) le permite simplemente hacer clic y arrastrar objetos superpuestos para combinarlos.
Trate de mantener presionada la Opción Clave para restar geometría en lugar de agregarla. Vea un video tutorial sobre la nueva herramienta Shape Builder aquí.
Tableros de Arte, No Páginas
Durante más de una década, los usuarios de Illustrator han lamentado el hecho de que es imposible crear documentos de varias páginas. Adobe intencionalmente mantiene los proyectos de varias páginas como una característica clave de InDesign, así que no había muchas esperanzas para una solución.
Sin embargo, recientemente, el problema se resolvió de una manera interesante al permitir a los usuarios crear múltiples mesas de trabajo. Se pueden usar de muchas maneras: ideas separadas para el mismo proyecto, diseño de la parte delantera y trasera de un objeto, etc.
Puede crear tantas mesas de trabajo como desee en un solo documento. Incluso pueden ser de diferentes tamaños. Funcionalmente, hay muchas ventajas al usar múltiples mesas de trabajo dentro de un solo documento en lugar de simplemente crear múltiples documentos. Puede mover / copiar objetos de un lado a otro e imprimir o exportar las tablas de diseño seleccionadas a la vez.
Los efectos son raros
¿En lugar de? Filtros? Como en Photoshop, Illustrator te da varios efectos. que se puede usar para manipular su obra de arte, y requieren cierto tiempo para acostumbrarse. Para ver lo que quiero decir, vamos a usar uno. A continuación, tengo un texto que se ha convertido en esquemas y quiero darle una perspectiva.Como mencioné anteriormente, el cuadro delimitador no me da esta libertad, así que fui a Efectos> Distorsionar y transformar> Free Distort.
Ahora, cuando aplico la transformación, las cosas se ponen un poco torpes. El efecto se puede ver claramente en mi texto, pero cuando selecciono el objeto, todos mis puntos están todavía en sus posiciones originales y no reflejan mi arte actual.
Esto se debe a que la transformación no se aplica de manera permanente. En lugar de ensuciar realmente con la forma de su objeto, los efectos se aplican "en vivo". Esto es realmente una gran cosa porque significa que siempre conserva la integridad de su objeto original y puede regresar y editar el efecto en cualquier momento.
Para editar el efecto, seleccione su objeto y muestre su paleta de apariencia. Debe haber un poco de? Fx? Ícono en algún lugar con el nombre del efecto que aplicaste. Simplemente haga doble clic en ese icono para editarlo o arrástrelo a la papelera para eliminarlo.
Efectos de photoshop
Es posible que haya notado que en realidad hay un conjunto de efectos de Photoshop disponibles dentro de Illustrator. Puede ser divertido jugar con ellos, pero con toda honestidad recomiendo usarlos con moderación, si es que lo hacen. Los efectos de Illustrator están diseñados para vectores y utilizan cálculos matemáticos para adaptarse a los cambios en la ilustración. Los efectos de Photoshop son rasterizados y, por lo tanto, no son tan confiables al intentar aplicarlos en un espacio de trabajo basado en vectores.
El cuentagotas hace mucho
Dentro de Photoshop, ¿la herramienta Cuentagotas captura un color de su documento o pantalla? Eso es. En Illustrator sin embargo, la herramienta es mucho más potente. Aquí hay algunas cosas que puedes hacer con él.
Agarra un color de otro elemento
Este que usted conoce. Seleccione un objeto, un cuentagotas otro, el color del segundo objeto se aplicará al primero.
Ejemplo: Seleccione el cuadro rojo, el cuadro azul Eyedropper, ambos cuadros ahora serán azules.
Aplicar el color del objeto seleccionado en otra parte
Una forma alternativa de usar la herramienta Eyedropper es seleccionar el objeto cuyo color desea replicar en otro lugar, luego mantenga presionada la tecla Opción clave y haga clic en cualquier otra cosa que desee dar ese color.
Ejemplo: Seleccione el cuadro rojo, pulse Opción y haga clic en el cuadro azul, ambos cuadros ahora serán rojos.
Agarra el estilo de texto y otros objetos
La herramienta Eyedropper de Illustrator no solo captura color sino también estilo. Puede usarlo para hacer que dos objetos de texto tengan fuentes, color y tamaño idénticos o para tomar el trazo de un objeto de forma.
Ejemplo 1: Seleccione el texto rojo de Futura 12pt, el texto azul Helvetica Eyedropper 15pt, ambos objetos se convierten en texto azul Helvetica 15pt.
Ejemplo 2: Seleccione un cuadro blanco con un trazo negro, Cuentagotas un cuadro azul con un trazo amarillo, ambos cuadros se vuelven azules con trazos amarillos.
Consejo: mantenga presionada la tecla Mayús para capturar solo el color de primer plano de un objeto.
Fuentes hacen que compartir archivos sea difícil
Cuando le paso un documento de Photoshop a alguien, independientemente de las fuentes que se utilicen, pueden abrirlo y ver cómo se veía el diseño original. Sin las fuentes, no pueden editar el texto, pero al menos pueden verlo.
En Illustrator este no es el caso. Si crea una obra de arte para alguien y se la envía, si se usan fuentes poco comunes, es probable que esa persona no pueda ver su archivo .ai correctamente (verán las fuentes incorrectas).
En la práctica, la mayoría de las personas solo envían las fuentes, pero esto podría ser una mala elección por varias razones. En primer lugar, la licencia de fuentes es complicada y técnicamente no se supone que solo debe entregar sus fuentes caras a todos los que quieran ver su archivo.
Además, a menudo es el caso de que alguien, como una impresora comercial, solicite sus archivos, pero realmente no quiere que cambien nada. En ambos casos, puede ahorrarse muchos problemas yendo a Tipo> Crear contornos (Comando-Shift-O). Básicamente, esto convierte el texto en formas vectoriales y, por lo tanto, elimina cualquier problema de fuente y elimina la capacidad del espectador de cambiar el texto.
Alternativamente, puede guardar el documento como un PDF y compartirlo de esa manera. Muchos clientes solicitarán los "archivos en capas originales", en cuyo caso un PDF no será suficiente, pero si a la persona no le importan los formatos de archivo, entonces PDF es el camino a seguir.
Tratar con las fuentes que faltan
Si está en el otro extremo de esta discusión y recibe un archivo con fuentes faltantes, no hay mucho que pueda hacer para solucionarlo. Sin embargo, Illustrator hace que sea más fácil identificar fuentes faltantes específicas y reemplazarlas en un documento con algo de su sistema. Esto se hace en el Tipo> Buscar fuente diálogo.
Útiles atajos de teclado
Para finalizar nuestra discusión sobre los conceptos básicos de Illustrator, debe familiarizarse con la forma de moverse por la interfaz de forma rápida y sin problemas utilizando los métodos abreviados de teclado. Obviamente, al desplazarse sobre cualquier herramienta le mostrará el acceso directo equivalente, por lo que aquí hay algunos otros trucos útiles que quizás no conozca. Muchos de estos son directamente de Photoshop, por lo que debe sentirse como en casa.
Acabo de lanzar los atajos de Mac aquí. Los usuarios de PC deberían saber eso? (Comando) = Control y? (Opción) = Alt.
Zoom
- Acercar / alejar: ? + o? -
- Ajustar la mesa de trabajo a la pantalla: ?0
- Zoom al tamaño real: ?1
Cambio temporal de herramientas
- Herramienta de mano temporal: Mantener el espacio desde cualquier herramienta
- Herramienta de selección temporal: Sostener ? desde cualquier herramienta (le da una selección directa si ya está en la herramienta de selección)
- Herramienta de zoom temporal: Mantener? Espacio de cualquier herramienta
Paliza
- Pegar en frente ?F
- Pegar en la parte posterior: ?SEGUNDO
- Pegar en su lugar: V
Trabajando con objetos
- Duplicar un objeto: Sostener ? mientras arrastra
- Objetos de grupo: ?SOL
- Desagrupar objetos: ??SOL
- Traer al frente: ??]
- Mandado hacia atras: ??[
- Seleccionar todo solo en Active Artboard: ??UNA
- Selección de bloqueo: ? 2,? 2 para desbloquear todos
- Esconder selección: ? 3,? 3 para mostrar todo
Otro
- Revisar la ortografía: ?YO
- Mostrar cuadrícula: ??
- Hacer Guías: ? 5 (seleccione una forma primero)
Conclusión
Espero que los diez consejos anteriores te hayan animado a darle a Illustrator otra mirada. Es una aplicación complicada, pero no puede ser superada para el trabajo vectorial y una vez que entiendes lo diferente que es Photoshop, todo comienza a tener sentido.
Deja un comentario a continuación y cuéntanos cualquier gran consejo de Illustrator que te venga a la mente. ¿Con qué luchaste cuando recogiste esta aplicación por primera vez? ¿Con qué todavía luchas?