1. Design & Illustration
  2. Drawing Theory

Tip rápido: convierte una vista lateral en una vista 3D en Photoshop

by
Read Time:5 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dibujar una vista lateral de algo parece ser lo más intuitivo; sin "perspectiva" es simple y divertido. Sin embargo, debido a esta simplicidad, los dibujos de vista lateral también son aburridos y hacen que sea muy difícil presentar todas las características de un personaje. En este breve tutorial, te mostraré cómo convertirlos en una vista 3D interesante con un simple truco de Photoshop.

1. Prepara un dibujo con vista lateral

Paso 1

Abre Adobe Photoshop. Crea un Nuevo Archivo (Control-N) y dibuja el personaje en una vista lateral en una Nueva Capa (Control-Shift-Alt-N).

side view sketch characterside view sketch characterside view sketch character

Paso 2

Establece la Opacidad de la capa en 20%. A continuación, crea una Nueva Capa.

lower opacity new layerlower opacity new layerlower opacity new layer
lower opacity transparentlower opacity transparentlower opacity transparent

Paso 3

En esta nueva capa, dibuja una versión simplificada del personaje. Usa formas que sean lo más simples posible, olvidando los detalles por un tiempo.

character simple shapescharacter simple shapescharacter simple shapes

2. Construye un cuadro delimitador

Paso 1

Cada objeto 3D, sin importar cuán detallado, puede inscribirse en un cuadro. Análogamente, una vista lateral (2D) se puede inscribir en un lado de ese cuadro: un rectángulo. ¡Vamos a construirlo!

Selecciona la Herramienta Rectángulo (U) y cambia tu configuración como se muestra a continuación.

photoshop shape rectangle stroke vectorphotoshop shape rectangle stroke vectorphotoshop shape rectangle stroke vector

Paso 2

Dibuja cualquier rectángulo. No te preocupes por crear una nueva capa, ya que las formas se crean automáticamente.

photoshop resize rectangle photoshop resize rectangle photoshop resize rectangle

Paso 3

Usa la Herramienta de Transformación Libre (Control-T) para cambiar el tamaño del rectángulo y ajustar el personaje dentro. Oculta el personaje (haz clic en el icono "ojo" al lado de la capa).

photoshop resize rectangle 2photoshop resize rectangle 2photoshop resize rectangle 2

Paso 4

Duplica (Control-J) el rectángulo y oculta el original.

Ahora vamos a necesitar algunas reglas de perspectiva. Puedes encontrarlas en mi artículo de perspectiva en vivo: no son tan complicadas como podrías pensar. ¡Aquí hay una muestra!

  • Si quieres ver el frente del personaje, haz el rectángulo más estrecho desde la izquierda.
  • Si quieres ver la parte posterior del personaje, haz el rectángulo más estrecho desde la derecha.
photoshop perspective simple drawing photoshop perspective simple drawing photoshop perspective simple drawing
  • Si deseas ver la parte superior del personaje, baja el rectángulo desde la parte superior.
  • Si quieres ver la parte inferior del personaje, baja el rectángulo desde la parte inferior.
photoshop perspective simple drawing 2photoshop perspective simple drawing 2photoshop perspective simple drawing 2

Paso 5

La vista lateral debe estar distorsionada para ajustarse a la vista 3D. Muestra el rectángulo original y baja su Opacidad. Usa la Herramienta de Selección Directa (A), mantén presionada la tecla Shift y haz clic en los puntos del lado derecho al lado del "espacio".

photoshop perspective simple drawing 3photoshop perspective simple drawing 3photoshop perspective simple drawing 3

Cuando estén ambos puntos seleccionados, presiona la flecha hacia abajo para moverlos hacia abajo. ¡Ahora tenemos un lado del cuadro delimitador 3D!

photoshop perspective simple drawing 4photoshop perspective simple drawing 4photoshop perspective simple drawing 4

Paso 6

La vista lateral nos habla de la longitud y la altura del personaje, pero el 3D tiene que ver con tres dimensiones.

Crea una Nueva Capa. Oculta los rectángulos y muestra el personaje. Activa las lineas guía (Control-R) y arrástralas horizontalmente a la imagen para medir las partes cruciales del personaje. Usa estas líneas para dibujar una vista superior simple.

Sugerencia: puedes dibujar solo la mitad de la vista superior y luego duplicarla (Control-J) y Editar> Transformar> Voltear verticalmente.

photoshop perspective simple drawing 5photoshop perspective simple drawing 5photoshop perspective simple drawing 5

Paso 7

Crea un rectángulo delimitador para la vista superior como antes.

photoshop perspective simple drawing 6photoshop perspective simple drawing 6photoshop perspective simple drawing 6

Paso 8

Vuelve a ese rectángulo sesgado. Podemos crear el segundo lado fuera de él. Arrástralo mientras mantienes presionada la tecla Alt para duplicarlo. Muévelo según las reglas de perspectiva:

  • Si quieres ver el frente, muévete hacia la derecha.
  • Si quieres ver la parte de atrás, muévete a la izquierda.
  • Si quieres ver la parte superior, muévete hacia la parte inferior.
  • Si quieres ver la parte inferior, muévete a la parte superior.

Cuando se trata de la distancia:

  • Cuanto más reducida es la longitud, mayor es la distancia horizontal.
  • Cuanto más baja es la altura, mayor es la distancia verticalmente.
  • La distancia no puede ser mayor que el ancho en la vista superior.
photoshop perspective simple drawing 7photoshop perspective simple drawing 7photoshop perspective simple drawing 7

Paso 9

Conecta los lados con la Herramienta Pluma (P) (usa la misma configuración que para el rectángulo). ¡Nuestra caja está lista!

photoshop perspective simple drawing 8photoshop perspective simple drawing 8photoshop perspective simple drawing 8

3. Ajusta la vista lateral al cuadro delimitador 3D

Paso 1

Ahora tenemos que colocar el personaje dentro de la caja. Primero, usa la Herramienta de Transformación Libre (Control-T) mientras mantienes presionada la tecla Shift para ajustar la altura a la altura de la caja.

photoshop perspective simple drawing box photoshop perspective simple drawing box photoshop perspective simple drawing box

Paso 2

Mantén presionado Control y arrastra el punto inferior a la esquina inferior del lado más alejado. Haz lo mismo con el punto superior. Nuestro objetivo es "pegar" al personaje al lado distorsionado.

photoshop perspective simple drawing box 2photoshop perspective simple drawing box 2photoshop perspective simple drawing box 2

Paso 3

Alt-arrastrar el personaje para colocar la copia en el otro lado.

photoshop perspective simple drawing box 3photoshop perspective simple drawing box 3photoshop perspective simple drawing box 3

Paso 4

El problema es que no todos los elementos del cuerpo son igualmente anchos. Veámoslo en el ejemplo del hocico. Crea una Nueva Capa para dibujar una línea entre la base del hocico en ambos lados.

photoshop perspective simple drawing box 4photoshop perspective simple drawing box 4photoshop perspective simple drawing box 4

Ahora dibuja la misma línea entre ambos lados en la vista superior.

photoshop perspective simple drawing box 5photoshop perspective simple drawing box 5photoshop perspective simple drawing box 5

Paso 5

Como puedes ver, el hocico comienza un poco más adentro, no justo a los lados.

photoshop perspective simple drawing box 6photoshop perspective simple drawing box 6photoshop perspective simple drawing box 6

Intenta emular las mismas proporciones en esta línea:

photoshop perspective simple drawing box 7photoshop perspective simple drawing box 7photoshop perspective simple drawing box 7

Paso 6

Selecciona el hocico de un lado con la Herramienta Lazo (L). Corta y pegalo de nuevo para llevarlo a una nueva capa.

photoshop perspective simple drawing box 8photoshop perspective simple drawing box 8photoshop perspective simple drawing box 8

Paso 7

Arrastra la boca a lo largo de la línea para colocarla en el lugar correcto.

photoshop perspective simple drawing box 9photoshop perspective simple drawing box 9photoshop perspective simple drawing box 9

Paso 8

Haz lo mismo con el otro lado.

photoshop perspective simple drawing box 10photoshop perspective simple drawing box 10photoshop perspective simple drawing box 10

Paso 9

Echa un vistazo a la vista superior y decide qué partes también se deben mover al interior. Incluso puedes medirlas solo con los ojos, si te siente seguro.

photoshop perspective simple drawing box 11photoshop perspective simple drawing box 11photoshop perspective simple drawing box 11

4. Termina el dibujo

Paso 1

Fusiona todas las partes y baja su Opacidad. Luego crea una Nueva Capa y conecta las líneas. Necesitarás un poco de creatividad para eso, ¡pero debería ser mucho más fácil que dibujar sin líneas de guía!

photoshop perspective animal box 3d photoshop perspective animal box 3d photoshop perspective animal box 3d

Paso 2

Baja la Opacidad y crea una Nueva Capa. Dibuja todos los detalles, tal como lo harías con una vista lateral.

photoshop perspective animal box 3d 2photoshop perspective animal box 3d 2photoshop perspective animal box 3d 2

¡Eso es todo!

Puede parecer un poco complicado al principio, pero una vez que comprendas de qué se trata, podrás omitir la mayoría de estos pasos y hacerlos todo en tu mente. ¡Finalmente, podrás presentar a tus personajes como merecen ser mostrados!

photoshop perspective animal box 3d 3photoshop perspective animal box 3d 3photoshop perspective animal box 3d 3
One subscription.
Unlimited Downloads.
Get unlimited downloads