1. Design & Illustration
  2. Add-Ons

Crea un Restaurante Americano Clasico con Herramientas de Dibujo de Perspectivas

Scroll to top

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

Con el lanzamiento de Illustrator CS5, Adobe presentó el nuevo conjunto de herramientas Dibujo de perspectiva, que permiten crear imágenes en perspectiva precisa de 1, 2 o 3 puntos. El dibujo en perspectiva evita las tediosas tareas de medición y escalamiento, lo que le permite concentrarse en el arte, no en la matemática. En este tutorial, aprenderás a configurar una cuadrícula de perspectiva y a usar las herramientas de perspectiva para dibujar y modificar formas. Aprenderás a usar y editar Símbolos y texto en vivo, todo en perspectiva. También revisaremos las prácticas recomendadas para el dibujo en perspectiva.

La función de dibujo en perspectiva requiere algo de práctica. Debo admitir que la primera vez que lo utilicé, me sentí como mi primera vez con Illustrator, pensé que sabía lo que se suponía que debía hacer, pero no tenía idea de cómo hacerlo funcionar. Pero una vez que experimentes un poco con ella, y empieces a pensar en perspectiva, se volverá menos intimidante. Este es un tutorial avanzado y asume un alto nivel de experiencia de Illustrator. ¡Empecemos!


Conocer las herramientas

Hay tres componentes principales de la función Dibujo de perspectiva: Las herramientas, la Cuadrícula y el Anotador. La Herramienta Cuadrícula de Perspectiva (Shift + P) se utiliza para trabajar únicamente con la cuadrícula; moverla, cambiar su tamaño y ajustar su configuración. La Herramienta Selección de Perspectiva (Mayús + V) se utiliza para seleccionar y modificar objetos mientras están en perspectiva. Ambas forman parte del conjunto de herramientas de dibujo de perspectiva en el panel Herramientas y se encuentran debajo de la herramienta Transformación libre. Me gusta soltar las herramientas para facilitar el acceso a estas, y recordarme su uso.

Al hacer clic en la herramienta Perspectiva, aparecen dos elementos en el espacio de trabajo: la cuadrícula de perspectiva y el anotador del plano activo. Puedes cambiar la ubicación del Anotador haciendo doble clic en la herramienta Cuadrícula de perspectiva para que aparezcan sus opciones. El Anotador solo se puede colocar en una de las cuatro esquinas: no puede moverse libremente.

CS5 viene con tres cuadrículas de perspectiva estándar. Para ver cada cuadrícula y activar cada una de ellas, ve a Ver > Cuadrícula de perspectiva. Los ajustes preestablecidos son "1P", "2P" y "Vista normal 3P". Una vez que comiences a crear y modificar y tus propias cuadrículas, puedes guardarlas como ajustes preestablecidos desde el menú Ver > Cuadrícula de perspectiva > Definir cuadrícula. Aquí puedes establecer algunas preferencias de unidades y color.


Conocer la cuadrícula

Cuando se trabaja con dibujo en perspectiva, es importante configurar con precisión la cuadrícula desde el comienzo. Harás toda la configuración de cuadrícula con la Herramienta Cuadrícula de Perspectiva (Mayús + P), que es su única función, y los controles de cuadrícula solo serán visibles cuando se seleccione esta herramienta.

Hay varios controles en la cuadrícula que te permitirán modificarla. Aquí hay una descripción general: (Consejo: Me resulta muy útil ocultar la mesa de trabajo cuando se trabaja con perspectiva. Hay demasiadas líneas en la pantalla y los bordes de la mesa de trabajo dificultan su visibilidad).

Cada cuadrícula tiene una Línea de plano a tierra, que podemos considerar como el piso en el que un objeto está descansando. Al mover la línea de tierra arrastrando el punto en forma de diamante, toda la rejilla se mueve. La Línea de horizonte corresponde al nivel de los ojos del espectador. Si arrastras la Línea de horizonte hacia abajo, más cerca del Plano del suelo, es como si el observador fuera pequeño (en relación con la composición general) y mirara hacia arriba un objeto de la cuadrícula. Arrastra la línea horizonte hacia arriba desde el suelo, y podrías imaginar estar arriba de un objeto mirando hacia abajo.

En una cuadrícula de Perspectiva de 2 puntos, tenemos puntos de fuga izquierdo y derecho. Estos son los puntos en el horizonte en los que convergen las líneas paralelas. En otras palabras, donde la imagen se va alejando en la distancia y parece desaparecer. Estos puntos se deslizan hacia la izquierda y hacia la derecha, y determinan la intensidad de la perspectiva.

Si bloqueas el Punto de estación (Ver > Perspectiva > Bloquear punto de estación) y luego mueves uno de los puntos de fuga, los dos planos se mueven en conjunto y giran alrededor del punto central.

El diamante justo encima del Punto de estación se utiliza para ajustar el tamaño de la celda, o determinar el número de líneas de rejilla en cada plano. Muévelo hacia arriba o hacia abajo como prefieras.

Los Controles de panel de cuadrícula izquierdo y derecho se utilizan para mover sus respectivos planos. El control Plano de rejilla izquierda está a la derecha: moverlo es como abrir una puerta cuya "bisagra" es el punto de fuga. Lo mismo con el lado derecho; su control está a la izquierda.

Después de haber experimentado un poco con la cuadrícula, puedes restablecer la perspectiva normal de 2 puntos.


Parte I - Configuración de la cuadrícula

Por supuesto, puedes usar cualquiera de los ajustes previos y simplemente empezar a dibujar, pero para los fines de este tutorial, usaremos una referencia fotográfica y configuraremos una cuadrícula personalizada. Ten en cuenta que cualquier foto o dibujo que utilices probablemente no coincida exactamente con la cuadrícula. Las lentes de la cámaras distorsionan los objetos y es casi imposible dibujar, —sin herramientas de medición— en una perspectiva matemáticamente precisa.


Paso 1

Coloca tu foto o dibujo en su propia capa, y haz que esta capa sea una capa plantilla (los miembros Plus pueden descargar el archivo original de este tutorial, con la foto ya incrustada). Haz visible la cuadrícula de perspectiva dando clic en la herramienta Cuadrícula de perspectiva. Con la herramienta Cuadrícula de perspectiva, mueve la línea de suelo (y, por lo tanto, toda la cuadrícula) cerca a la parte inferior de la acera en la foto. Mueve la línea de Horizonte, aproximadamente al nivel de los ojos.


Paso 2

Coloca el centro superior de la cuadrícula en la parte superior del primer piso del edificio, en la esquina. Esto alineará los dos planos de retícula con el borde del edificio.


Paso 3

Arrastra el punto de fuga izquierdo hasta que las líneas de la retícula coincidan con los ángulos del edificio. Tal vez tengas que alejarte un poco para poder arrastrar el punto lo suficiente. En la imagen de abajo, puedes ver hasta dónde necesitarás alejarte, en relación con la mesa de trabajo.

Haz lo mismo con el plano de izquierdo de la cuadrícula. Una vez que estés seguro de que la cuadrícula coincide, es posible que quieras bloquearla (Ver > Cuadrícula de perspectiva > Bloquear cuadrícula).


Parte II — Dibujo en perspectiva

Ya estamos listos para dibujar. Hay dos grupos de herramientas que se utilizan con el dibujo en perspectiva: Herramientas de línea (Segmento de línea, Arco, Espiral, Cuadrícula rectangular, Cuadrícula polar) y Herramientas de forma (Rectángulo, Rectángulo redondeado, Elipse, Polígono, Estrella (Pero no la herramienta Destello).

El Anotador del plano activo determina el plano en que se dibuja. Es una buena idea familiarizarse con los atajos de teclado utilizados por el Anotador. Son simplemente los números del 1 al 5 en el teclado. Estos atajos acelerarán tu flujo de trabajo, y hay algunos casos en los que no hay alternativa de menú.


Paso 1

Crea una nueva capa encima de la capa Plantilla y nómbrala "Edificio Frente". Activa la herramienta Selección de perspectiva (Mayús + V) y haz clic en el plano izquierdo (azul) del Antotador. Esto activa el plano izquierdo. Ahora selecciona la herramienta Rectángulo (M) y comienza a dibujar. Notarás que el rectángulo se ajusta inmediatamente al plano . También notarás que el cursor ahora tiene una flecha hacia la izquierda junto a él. Esta es una indicación visual que permite saber qué plano está activo mientras se dibuja.

Activa nuevamente a la herramienta Selección de perspectiva y mueve el rectángulo. Observa cómo cambia el rectángulo en el espacio. Ten en cuenta que si mueves el objeto más allá de los límites de la cuadrícula visible, el objeto seguirá ajustándose a la perspectiva. Otra indicación visual cuando se trabaja en perspectiva, es la apariencia de los identificadores de esquina en el cuadro delimitador de un objeto. Cuando un objeto está unido a un plano, las asas son sólidas, en vez de huecas como para el dibujo normal.

Comienza a hacer un trazo rápido del edificio, dibujando el frente, las puertas y las ventanas. Usa por ahora solo rectángulos básicos — llegaremos a las ventanas curvas en un momento. Usa la herramienta Selección de perspectiva (Mayús + V) para escalar o mover un objeto. Si mantienes presionada la tecla Opción/Alt y arrastras un rectángulo, la copia resultante quedará en perspectiva.

Tu dibujo debe tener un aspecto similar al de la imagen de abajo:


Paso 2

Crea una nueva capa para el lado del edificio. Como antes, dibuja rápidamente la estructura del lado derecho del edificio y sus ventanas.


Paso 3

En el caso de objetos redondeados, la recomendación es dibujarlos primero y luego ponerlos en perspectiva. Harás esto para las ventanas con arco. Para objetos que usarás más de una vez, es una buena idea convertirlos en símbolos. Así tendrás una biblioteca de objetos a la que puedes recurrir cuando lo necesites. Esto no debe confundirse con el mapeo de arte en 3-D, es sólo una manera de mantener copias "planas" de ciertos objetos a mano. Dado que una vez que un objeto se mueve a la perspectiva, no se puede revertir a su estado original. Otra razón para usar Símbolos es que puede hacer doble clic en uno para editar su apariencia. Edita un símbolo y se actualizarán todas las instancias de ese símbolo.

Dado que este es un tutorial avanzado, voy a suponer que sabes cómo hacer las formas de la ventana. Puedes crear una forma básica y otras con algo más de adornos. Arrastra cada uno de ellas al panel Símbolos.


Paso 4

Arrastra un símbolo de ventana a la mesa de trabajo. Asegúrate de que el panel izquierdo esté activo y, con la herramienta Selección de perspectiva, arrastra la ventana en su lugar. Verás que se ajusta a la perspectiva. Agrega más ventanas con arco a los planos izquierdo y derecho. El dibujo debe tener un aspecto similar a la imagen de abajo:


Paso 5

Del mismo modo que puedes arrastrar Símbolos a la perspectiva, puedes hacer lo mismo con los objetos planos normales. Para las columnas de ladrillos salientes, primero haz clic en la sección "sin plano" del Anotador de plano activo. Ahora dibuja una serie de rectángulos y agrúpalos. Luego presiona 1 o haz clic en el plano izquierdo en el Anotador y arrastra el grupo. Se ajustará a la perspectiva. Presiona Alt/Opción y arrastra para colocar otro grupo en el borde del edificio.


Paso 6

Para colocar este grupo en el plano correcto, crea una copia del mismo y, a continuación, mientras arrastras, presiona la tecla 3 para cambiar al plano correcto. Los grupos colocados (resaltados en gris) deben parecerse a la imagen de abajo:


Paso 7

Crea una nueva capa para el signo. Activa el plano izquierdo y dibuja un rectángulo. El signo tiene algo de volúmen y no está pegado a la pared, por lo que puedes alejarlo de la pared (hacia el espectador) manteniéndolo en perspectiva. Selecciona la forma con la herramienta Selección de perspectiva, mantén pulsada la tecla '5' y arrástrala un poco hacia arriba. Una línea indica que estás arrastrando perpendicularmente, en perspectiva. Haz lo mismo a la derecha, alineando el rectángulo derecho con el izquierdo.


Paso 8

Para agregar texto al signo, escribe con la herramienta Texto. Este será un texto normal sin perspectiva, pero una vez que actives la herramienta Selección de perspectiva, actives un plano y arrastres, el texto se ajustará a la perspectiva. Muévelo y escálalo como sea necesario. Se verá como si estuviera convertido a curvas, pero sigue siendo completamente editable.

Para editar el texto en perspectiva, haz doble sobre el texto para entrar en el modo de aislamiento. Cambia el color, la fuente o escribe un nuevo texto y, a acontinuación, presiona la tecla Escape dos veces para volver a la perspectiva. (Nota: Debido a las restricciones de licencia de fuente, el tipo en el archivo de ejemplo se ha expandido y no es editable)

Sitúa el texto al lado derecho del signo. Tu ilustración debe parecerse a la imagen de abajo


Parte III — Los detalles

Con la estructura completa de la ilustración, solo falta añadir los detalles. Esta no es una tarea sencilla: se necesitarán más que unos pocos rellenos y trazos para completar la ilustración. Tendrás que usar todas tus habilidades en Illustrator para completar tu dibujo de perspectiva y darle vida.

La mayoría de estos detalles se agregarán en perspectiva. Estos son algunos ejemplos:

El bloque de abajo está formado por tres rectángulos separados, cada uno en su propio plano de perspectiva.

El uso de degradados le dará profundidad y riqueza a tu ilustración, y el posicionamiento cuidadoso de los objetos le dará realismo:


Mejores prácticas

  • Aprende y usa atajos de teclado.

    Los atajos de teclado son espectaculares en cualquier aplicación, pero son escenciales para el dibujo en perspectiva. Te sentirás tentado a presionar 'V' cada vez que quieras mover algo, pero no tomará mucho tiempo recordar presionar Shift-V. Y los accesos directos para activar los planos —1, 2, 3, 4, 5 — ¿qué podría ser más fácil?

  • Usa Guías inteligentes.

    Cruciales para alinear objetos y hacer que tus dibujos sean perfectos.

  • Usa símbolos. Piensa en el panel Símbolos como una biblioteca. Puedes almacenar objetos en su estado plano, sin perspectiva. Te alegrarás de tenerlos.
  • Define y guarda tus propias cuadrículas. Ve a Ver cuadrícula > Perspectiva > Definir cuadrícula. Cuando hayas tomado tu tiempo para configurar una cuadrícula personalizada, guárdala. De esa manera, si alguna vez quieres hacer otra ilustración basada en esa cuadrícula, la tendrás a mano. Y si experimentas un bloqueo, o pierdes el dibujo en el que estás trabajando, puedes empezar de nuevo usando la cuadrícula guardada.

Conclusión

Justo cuando crees que Adobe no podría añadir algo nuevo a Illustrator, lo hace. Y te preguntas cómo lo hacías antes sin él. Siempre fue posible hacer dibujos en perspectiva con Illustrator, si tenías tiempo y paciencia. Ahora con CS5, puedes dejar que Illustrator haga el trabajo tedioso, mientras te concentras en la parte divertida. Descarga una versión de prueba gratuita de CS5 en Adobe.