Hoy vamos a echar un vistazo a cómo usar la cuadrícula de perspectiva en Adobe Illustrator. Esta impresionante y bastante nueva herramienta le permite fluir automáticamente elementos vectoriales en una cuadrícula tridimensional previamente construida.
Podría pensar que necesita ser un artista para usar esta herramienta, pero de hecho hay todo tipo de usos prácticos para ella en el diseño diario. Lo usaremos para presentar algún tipo como en el ejemplo anterior.
¿Qué es la herramienta de cuadrícula de perspectiva?
La herramienta de cuadrícula de perspectiva se lanzó como parte de Illustrator CS5. Para ver qué es, abra un nuevo documento en blanco y presione Mayús + P para seleccionar la herramienta. Esto debería mostrar automáticamente lo que parece ser la esquina de un cubo grande justo en el medio de su documento.
Estos planos hacen que crear ilustraciones en perspectiva sea un juego de niños. Es importante tener en cuenta que son más que guías, que simplemente brindan pistas visuales, esta cuadrícula es en realidad un elemento vivo que te muestra tus ilustraciones en tiempo real. Es una herramienta realmente fantástica que puede evitarle un montón de problemas al intentar inclinar manualmente algo hacia una perspectiva realista.
¿Como lo uso?
Lo primero que debes saber es que la cuadrícula es totalmente ajustable. Con la Herramienta de cuadrícula de perspectiva seleccionada, puede hacer clic en cualquiera de los muchos controles de la superposición de cuadrícula y ajustarla a su gusto. Puedes mover el punto de fuga, mover los aviones, todo está bajo tu control.
Cerca del centro de la parte inferior de la cuadrícula, encontrará las manijas para mover cada plano hacia adelante y hacia atrás al espacio 3D. Cada uno de estos controladores tiene tres estados posibles que se pueden alternar mediante una Opción + Clic (Control + Clic en una PC). Los tres estados son color sólido, rejilla o invisible. Aquí he establecido cada uno de los controladores en un estado diferente para que pueda ver la diferencia. El plano izquierdo es un color sólido, el derecho es invisible y la parte inferior está configurada en cuadrícula.
Dibujo en la cuadrícula
Dibujar en la cuadrícula es bastante fácil, pero el proceso es un poco peculiar para que pueda frustrarse y confundirse fácilmente si no sabe lo que está haciendo. Supongamos que queremos colocar un rectángulo a lo largo de uno de los planos, primero tenemos que seleccionar el plano adecuado haciendo clic en él en el pequeño widget de cuadrícula de perspectiva que deberías ver flotando sobre tu mesa de trabajo. En la captura de pantalla de abajo, tengo seleccionado el plano correcto, por lo que todo lo que dibuje se ajustará automáticamente a este ángulo.
Y por supuesto, si cojo la herramienta Rectángulo y comienzo a crear una forma, se desviará automáticamente a la cuadrícula. Tenga en cuenta que estoy dibujando la forma como siempre, Illustrator está haciendo el 100% del trabajo pesado para los cálculos y ajustes de perspectiva.
Esto funciona con cualquier cosa que quieras crear. Rectángulos, círculos, estrellas, incluso formas personalizadas. Todas tus ilustraciones vectoriales pueden ajustarse fácilmente a la escena tridimensional que intentas crear.
Arrastrando elementos a la cuadrícula
Si alguna vez ha intentado crear una obra de arte con una perspectiva tridimensional, entonces sabe que a menudo es mucho más fácil crear lo que desea en una versión plana y luego sesgarla en perspectiva. Afortunadamente, Illustrator te permite tomar esta ruta también.
Para ver cómo funciona esto, comencemos haciendo un montón de elementos vectoriales simples. Aquí hay un grupo de estrellas que funcionarán perfectamente:
En este punto, es bueno asegurarse de que su diseño sea aproximadamente como lo querrá en la versión final. De hecho, puedes mover piezas en modo Perspectiva, pero es mucho más fácil desde aquí. Una vez que tengas tus estrellas alineadas, es hora de pulsar Comando + Mayús + I para abrir la Cuadrícula de perspectiva.
Con su herramienta de cuadrícula de perspectiva seleccionada, podría pensar que solo puede arrastrar los elementos, pero eso no funciona. Debe mantener presionada la tecla Comando para activar la Herramienta de selección de perspectiva (o ir manualmente y seleccionar esta herramienta en la paleta). Ahora puede hacer clic en su obra de arte (asegúrese de seleccionar el plano adecuado) y arrastrarlo a la cuadrícula. En este punto, se inclinará automáticamente en el espacio 3D.
Para volver atrás y ajustar su trabajo de arte una vez que lo haya colocado en su lugar, asegúrese de volver a utilizar la Herramienta de selección de perspectiva, utilizando la Herramienta de selección directa ampliará el diseño de la ilustración en la perspectiva original, que no queremos en este momento . Desde aquí, puede hacer clic y arrastrar o usar las teclas de flecha para desplazar la ilustración vectorial. Si colocaste varias piezas separadas como lo hice yo, se agruparán automáticamente. Simplemente haga triple clic en un elemento para editarlo individualmente, aparte del grupo.
Trabajando con el tipo
Una de mis cosas favoritas sobre esta herramienta es que hace que el tipo de sesgo sea tan fácil. Incluso si desea utilizar un tipo sesgado en Photoshop, puede ser más fácil comenzar aquí y traer el objeto como un objeto inteligente.
Para tener una idea de este proceso, construyamos la imagen del título para esta publicación. Comience utilizando el conocimiento que ya ha adquirido para dibujar un cuadro 3D como el que se muestra a continuación. Básicamente, agarré mi herramienta de rectángulo y dibujé un cuadro sobre el plano derecho, y luego hice otro rectángulo ligeramente más oscuro sobre el plano izquierdo.
Luego, en una capa o documento separado, comience a trabajar en un bloqueo de texto agradable. Utilicé Franchise Bold y Adobe Garamond Pro Italic para mis dos tipos de letra y coloqué en una línea divisoria simple. Tenga en cuenta que, de hecho, se trata de un texto vivo y seleccionable mezclado con arte vectorial. Todos estos objetos pueden ser lanzados en perspectiva todos a la vez.
Pegue el bloqueo de texto en su documento o capa con el cubo de antes y active la herramienta Cuadrícula de perspectiva. Antes de continuar, asegúrese de hacer clic en el plano derecho en el pequeño widget.
Ahora active su Herramienta de selección de perspectiva (mantenga presionada la tecla Comando) y haga clic / arrastre el texto al plano. Voila, tu texto debe fluir directamente hacia la forma de tu cubo.
Repita estos pasos con un poco de texto para el otro lado del cubo y ¡estará listo! Una vez que hayas terminado, oculta la Cuadrícula de perspectiva con Comando-Shift-I (recuerda este atajo, ¡es realmente molesto cuando no puedes hacer que la cuadrícula desaparezca!).
Trabajando en Photoshop
Nuestra obra de arte se ve muy bien como es, pero quiero llevarla al siguiente nivel con un poco de contraste mientras exagero el efecto 3D con un poco de profundidad de campo borroso. Para empezar, simplemente pegue su cubo en Photoshop sobre un fondo oscuro. Para darle una bonita viñeta, puse una sombra interior en la capa de fondo.
A continuación, copie la capa de cubo y vaya a Filtro> Desenfoque> Desenfoque de lente y toque el radio hasta que le guste la intensidad general del efecto de desenfoque.
Esta parte es un poco complicada, así que presta mucha atención. Deberías tener una capa de cubos ahora que es todo borrosa y otra que no es borrosa en absoluto. Aplique una máscara a la capa borrosa y use un degradado espejado para enmascarar el centro de la capa de modo que solo los lados queden borrosos. Tu máscara debe verse algo como esto:
Desde aquí, vuelva a duplicar la capa no borrosa, luego presione Comando y haga clic en la máscara de capa que acaba de crear para convertirla en una selección. Con esa selección activa, presione Comando-F para ejecutar el filtro de desenfoque nuevamente, esta vez solo al área seleccionada. Ahora deshace su capa de desenfoque original con la máscara.
La razón por la que hicimos esto es que enmascarar un desenfoque de lente puede producir algunos efectos desordenados. En mi experiencia, es mejor crear una selección, luego aplicar el desenfoque solo al área seleccionada.
Todo terminado
Ahí lo tienes, tu imagen ahora debería verse como la de abajo. Has construido un objeto 3D muy bien sesgado sin el dolor de tratar manualmente de transformar tus objetos a una perspectiva convincente. ¡Buen trabajo!
Conclusión
Si no sabes lo que estás haciendo, trabajar con la herramienta de cuadrícula de perspectiva puede parecer más problemático de lo que vale. Después de todo, una transformación manual no es tan difícil en Photoshop si tiene buen ojo para la perspectiva. Sin embargo, tenga en cuenta que este fue un ejemplo simple y que los beneficios de usar esta herramienta aumentan exponencialmente a medida que su obra de arte se vuelve más y más compleja.
Lo bueno de la herramienta Cuadrícula de perspectiva es que todas sus ilustraciones y texto permanecen completamente editables, incluso punto por punto. También es increíblemente fácil volver atrás y cambiar de opinión acerca de la posición de un objeto, empujándolo hacia adelante o hacia atrás en la escena. Esto no es muy fácil con un objeto tradicionalmente sesgado.
Si te ha gustado este tutorial, deja un comentario a continuación y avísanos. ¿Alguna vez has usado la herramienta de cuadrícula de perspectiva? ¿Le ayudó este artículo a envolver su mente en torno a algunos usos potenciales de esta herramienta?