Cómo crear una caja en 3 dimensiones con Photoshop

¡Imagínate la caja! Aprende a crear una caja en tres dimensiones utilizando Adobe Photoshop siguiendo este tutorial paso a paso.

Pasos

Descargar el PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/92\/Create-a-3D-Box-in-Photoshop-Step-1-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/92\/Create-a-3D-Box-in-Photoshop-Step-1-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Para ello, ve a Archivo y selecciona "Nuevo" o Ctrl + N. A continuación, crea un nuevo documento que tenga una anchura y altura de 1500x1500 píxeles. # Crea un cuadrado con la herramienta Rectángulo. Rellena con el color: # bf9271.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/51\/Create-a-3D-Box-in-Photoshop-Step-2-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/51\/Create-a-3D-Box-in-Photoshop-Step-2-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Edita la forma y la inclinación hacia arriba en su lado izquierdo.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/75\/Create-a-3D-Box-in-Photoshop-Step-3-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Create-a-3D-Box-in-Photoshop-Step-3-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Para dar la vuelta ve a Edición> Transformación libre o presionando Ctrl + T en el teclado para utilizar Transformación libre.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/Create-a-3D-Box-in-Photoshop-Step-4-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/Create-a-3D-Box-in-Photoshop-Step-4-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Esto puede ser cualquier cosa que desees, el punto de este paso es para ayudarte a recordar cuál es cuál. También mueve la imagen hacia abajo para que tengas espacio para el paso siguiente.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/ad\/Create-a-3D-Box-in-Photoshop-Step-5-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Create-a-3D-Box-in-Photoshop-Step-5-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Para crear el interior, sólo tienes que copiar las dos primeras capas y voltearlas verticalmente. Cambia los colores a un marrón más oscuro. (utiliza el color: # b07d5b)
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Create-a-3D-Box-in-Photoshop-Step-6-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Create-a-3D-Box-in-Photoshop-Step-6-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Dibuja la primera solapa mediante la creación de un rectángulo a lo largo del borde diagonal de la caja. Luego llena la forma con un ligero color marrón. (utilice el color: # cfa98d)
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/74\/Create-a-3D-Box-in-Photoshop-Step-7-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/74\/Create-a-3D-Box-in-Photoshop-Step-7-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Esta vez, sin embargo, llénalo con el mismo color marrón usado en la caja.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/47\/Create-a-3D-Box-in-Photoshop-Step-8-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/47\/Create-a-3D-Box-in-Photoshop-Step-8-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Colorea las últimas dos aletas y llénalas con el mismo color utilizado en la primera solapa.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a5\/Create-a-3D-Box-in-Photoshop-Step-9-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a5\/Create-a-3D-Box-in-Photoshop-Step-9-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Hazlo seleccionando las capas que deseas agrupar y yendo a Capas> Agrupar capas o escribiendo Ctrl + G.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Create-a-3D-Box-in-Photoshop-Step-10-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-10-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Create-a-3D-Box-in-Photoshop-Step-10-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

10
Añade sombras para conseguir un efecto 3D. Hazlo añadiendo un superposición de degradado en las opciones de mezcla de cada capa. Puedes probar tus propias combinaciones o también puedes seguir los detalles a continuación sobre la superposición de degradado para cada capa:
1. 1: Modo de mezcla: Multiplica, Opacidad: 44%; Degradado: Inverso; Estilo: Lineal, Alinear con capa, Ángulo: 90 º; Escala: 100%
  
  {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b5\/Create-a-3D-Box-in-Photoshop-Step-11-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-11-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b5\/Create-a-3D-Box-in-Photoshop-Step-11-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-11-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
2. 2: Modo de mezcla: Multiplica, Opacidad: 44%; Degradado: Inverso; Estilo: Lineal, Alinear con capa; Ángulo: 147o; Escala: 100%
3. 1 Copia: Modo de mezcla: Multiplica, Opacidad: 44%; Degradado: Inverso; Estilo: Lineal, Alinear con capa; Angle:-90o; Escala: 90%
4. 2 Copia: Modo de mezcla: Multiplica, Opacidad: 54%; Degradado: Desactiva la opción inverso; Estilo: Lineal, Alinear con capa; Ángulo: 133o; Escala: 100%
11
A continuación para las solapas, aplica primero una superposición de degradado negro en una solapa. Aquí hay también detalles sobre la superposición de degradado:
1. Modo de mezcla: Multiplica, Opacidad: 44%, Degradado: Desactiva la opción inverso; Estilo: Lineal, Alinear con capa, Ángulo: 90 º; Escala: 100%
  
  {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e5\/Create-a-3D-Box-in-Photoshop-Step-12-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-12-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e5\/Create-a-3D-Box-in-Photoshop-Step-12-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-12-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
12

Crea una nueva capa. Aplica un degradado de blanco transparente en la parte superior de las solapas restantes.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/Create-a-3D-Box-in-Photoshop-Step-13-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-13-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/Create-a-3D-Box-in-Photoshop-Step-13-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-13-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Para crear el espacio en blanco, dibuja un pequeño rectángulo en la parte superior de la solapa con la herramienta pluma. A continuación, ve a la ventana de caminos y haz clic en tu camino para que las hormigas marchantes aparezcan o para realizar la selección. Añade una nueva capa y rellena la selección con blanco.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c9\/Create-a-3D-Box-in-Photoshop-Step-14-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-14-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Create-a-3D-Box-in-Photoshop-Step-14-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-14-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

14
Asegúrate de que cuando utilizas la herramienta pluma hiciste clic en el camino y no en la forma de las capas con el fin de poder dibujar caminos.
- Mueve la capa anterior debajo de la capa de la solapa.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/Create-a-3D-Box-in-Photoshop-Step-15-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-15-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/Create-a-3D-Box-in-Photoshop-Step-15-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-15-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Una vez más utilizando la herramienta pluma, dibuja rectángulos pequeños en las solapas de la caja para ilustrar las tres dimensiones de las solapas de la caja. Añade una nueva capa y, a continuación, haz clic en Ctrl sobre tus caminos para hacer la selección. A continuación, llena la selección con un color marrón oscuro y mueve la capa por debajo de las solapas.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2f\/Create-a-3D-Box-in-Photoshop-Step-16-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-16-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2f\/Create-a-3D-Box-in-Photoshop-Step-16-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-16-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Crea la sombra mediante la creación de una nueva capa y aplica un degradado de negro transparente sobre la capa. La sombra también debe estar situada en el lado derecho de la caja.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cd\/Create-a-3D-Box-in-Photoshop-Step-17-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-17-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cd\/Create-a-3D-Box-in-Photoshop-Step-17-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-17-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Para crear el fondo, añade una nueva capa y rellénala con un color oscuro o utilizar el color: # 61351d.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fd\/Create-a-3D-Box-in-Photoshop-Step-18-Version-3.jpg\/v4-460px-Create-a-3D-Box-in-Photoshop-Step-18-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fd\/Create-a-3D-Box-in-Photoshop-Step-18-Version-3.jpg\/v4-728px-Create-a-3D-Box-in-Photoshop-Step-18-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
19

Listo.

Anuncio

Iniciar sesión

Cómo crear una caja en 3 dimensiones con Photoshop

Pasos

wikiHows relacionados

Acerca de este wikiHow

¿Te ayudó este artículo?

Artículos relacionados

¡Suscríbete al boletín gratuito de wikiHow!

Síguenos

Compartir

Explore Categories