Cómo crear una caja en 3 dimensiones con Photoshop

Descargar el PDF
Descargar el PDF

¡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
  1. {"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.
  2. {"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.
  3. {"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.
  4. {"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.
  5. {"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)
  6. {"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)
  7. {"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.
  8. {"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.
  9. {"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.
  10. {"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>"}
    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. 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. 12
    Crea una nueva capa. Aplica un degradado de blanco transparente en la parte superior de las solapas restantes.
  13. {"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.
  14. {"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>"}
    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.
  15. {"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.
  16. {"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.
  17. {"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.
  18. {"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. 19
    Listo.
    Anuncio

wikiHows relacionados

Cómo
dibujar líneas curvas en Photoshop
Cómo
eliminar un objeto en Photoshop
Cómo
agregar una viñeta en Photoshop
Cómo
hacer líneas rectas en Photoshop
Cómo
justificar texto en Photoshop
Cómo
cambiar el color de un texto en Photoshop
Cómo
cambiar el idioma de Photoshop en una PC o Mac
Cómo
centrar texto en Photoshop
Cómo
convertir archivos JPEG a vectores en Photoshop
Cómo
abrir varias imágenes como capas en Photoshop usando Bridge
Cómo
distorsionar texto en Photoshop
Cómo
abrir un archivo de Photoshop en un iPhone o iPad
Cómo
seleccionar una imagen en Photoshop
Cómo
crear una esfera 3D en Photoshop
Anuncio

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 6435 visitas.

¿Te ayudó este artículo?

Anuncio