La forma más sencilla de crear una imagen de caja de producto

Me gustaría presentar nuestros productos como imágenes de cajas de productos en 3D como esta:

ingrese la descripción de la imagen aquí

Creo que Adobe Illustrator con la herramienta de perspectiva podría hacerlo, pero me preguntaba si tal vez haya algo aún más simple. Soy un programador con habilidades gráficas amateur.

Terminé con BoxShot, alrededor de $50, muy bien gastado. Muy rápido para obtener resultados. Ligeros problemas con los rayos y la resolución de la imagen. Pero extremadamente dirigido a la tarea única de obtener una foto de caja. Muy recomendable. Gracias por la punta.
Me sorprendió que nadie mencionara psdcovers.com Si tienes Photoshop, es una herramienta de "acción" gratuita que hace el trabajo muy bien en la mayoría de los casos.
@Ryan, también agradable.

Respuestas (2)

La revista Layers publicó un buen artículo sobre esto hace mucho tiempo cuando me hice la misma pregunta.

  • Paso 1 Comience con el arte del producto

Para este tutorial, creamos la ilustración del cuadro en Photoshop que aplicaremos a un objeto 3D en Illustrator. El arte consta de tres archivos PSD aplanados separados que colocaremos en Illustrator. El archivo para el frente de la caja es de 5×5", y los archivos para los lados son de 3×5". (Nota: para este tutorial, solo usaremos el frente y el lado derecho de la ilustración de la caja).

ingrese la descripción de la imagen aquí

  • Paso 2 Coloque el arte en Illustrator

En Illustrator, elija Archivo>Nuevo para crear un nuevo documento. Ahora ve al menú Archivo y elige Colocar. Navegue a sus archivos de arte y seleccione el primer archivo. Antes de hacer clic en el botón Colocar en el cuadro de diálogo Colocar, asegúrese de que la opción Enlace no esté marcada. Esto incrustará el arte en el archivo. Solo podrá colocar un archivo a la vez, así que vuelva a verificar esta configuración para los otros archivos colocados.

ingrese la descripción de la imagen aquí

  • Paso 3 Convierte el arte en símbolos

Ahora ve al menú Ventana y elige Símbolos. Para crear símbolos a partir de su arte, haga clic y arrastre cada elemento al panel Símbolos, o simplemente presione F8. Verá el nuevo cuadro de diálogo Opciones de símbolo que se transfirió de Flash, que le permite convertir el arte en un símbolo gráfico o un clip de película. Queremos seleccionar Gráfico y darle al símbolo un nombre que corresponda al lado que representa. Haz esto para todos los objetos. Una vez que el arte se convierte en símbolos, elimine el arte en la mesa de trabajo.

ingrese la descripción de la imagen aquí

  • Paso 4 Dibuja la forma de la caja

Elija la herramienta Rectángulo (M) en la Caja de herramientas y haga clic una vez en la mesa de trabajo. En el cuadro de diálogo que aparece, ingrese "5 pulgadas" para Ancho y Alto. Con el cuadro aún seleccionado, vaya a la Caja de herramientas y haga doble clic en la muestra de color de relleno para que aparezca el Selector de color. Cambie el color de Relleno a 50 % de gris (C:0, M:0, Y:0, K:50) y haga clic en Aceptar. A continuación, establezca el Trazo en Ninguno en el panel de control.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

  • Paso 5 Duplica la forma de la caja

Ahora necesitamos hacer un duplicado del cuadro justo debajo del original. Este será el reflejo de nuestra caja de productos. En el menú Objeto, vaya a Transformar y elija Transformar cada uno. En la sección Mover del cuadro de diálogo, ingrese “–5 pulgadas” para la configuración Vertical y luego haga clic en Copiar. Elija la herramienta Selección (V), seleccione ambas formas y agrúpelas yendo al menú Objeto y eligiendo Agrupar.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

  • Paso 6 Haz que los objetos sean tridimensionales

A continuación, vaya al menú Efecto, en 3D, y elija Extrusión y biselado. De forma predeterminada, la Vista previa no está marcada, así que actívela antes de comenzar. Para este tutorial, usamos la configuración que se muestra arriba. Tenga en cuenta que la profundidad de extrusión debe ser igual al ancho del arte para el lado de la caja, que es de 3". Como esta configuración solo se mide en puntos, escriba "3 pulgadas" e Illustrator lo convertirá en 216 puntos. Después de ingresar la configuración que se muestra, haga clic en Map Art.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

  • Paso 7 Arte de la caja frontal del mapa

En la parte superior del cuadro de diálogo Map Art hay un conmutador de superficie en el que puede hacer clic en las flechas para alternar entre cada plano de superficie del objeto 3D. El plano activo se indica con un contorno rojo. Seleccione la superficie frontal, luego vaya al menú emergente Símbolo y seleccione el arte para el frente de la caja. No haga clic en Aceptar todavía.

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

  • Paso 8 Mapa del cuadro del lado derecho

Una vez que el arte frontal esté en su lugar, alterne las superficies hasta que el contorno rojo apunte al lado derecho de la caja. Luego, desplácese hacia abajo en el menú Símbolo y elija el arte para el lado derecho del cuadro. Dependiendo de la orientación del símbolo, es posible que deba girar el arte para que encaje. Simplemente coloque el cursor sobre cualquier manija de control en el cuadro de diálogo Map Art hasta que el cursor se convierta en una flecha doble doblada, luego haga clic y arrastre para rotar la imagen.

ingrese la descripción de la imagen aquí

  • Paso 9 Mapa de la obra de arte a la reflexión

Ahora apliquemos el mismo arte al reflejo. Alterne entre las superficies hasta que encuentre el reflejo, luego seleccione su símbolo para el arte. Gire el arte en el cuadro de diálogo Map Art para que las imágenes se reflejen y no se apilen. Haga esto como antes agarrando el mango y simplemente arrastrando para rotar. Desafortunadamente, mantener presionada la tecla Shift restringirá el ángulo, así que colóquelo lo más cerca posible manualmente. Repita para el arte de la caja lateral. A pesar de que el arte está girado, ambas piezas aún deben voltearse horizontalmente para que el arte se refleje.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

  • Paso 10 Voltear la imagen reflejada

Para voltear el reflejo, tome un controlador lateral y arrástrelo hacia el lado opuesto, deteniéndose justo antes del otro controlador. Ahora, tome la manija opuesta y arrástrela a la posición original de la primera manija. (Sugerencia: desactive la vista previa para no tener que esperar a que la ilustración se actualice cada vez que arrastre un controlador). Con la imagen ahora volteada, ajuste con precisión cualquiera de los controladores laterales que no se alinean con la superficie. líneas. Haga clic en Aceptar para cerrar el cuadro de diálogo Map Art, luego haga clic en Aceptar para cerrar el cuadro de diálogo Opciones de biselado y extrusión 3D.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

  • Paso 11 Dibuja un Rectángulo sobre la Forma

Ahora tenemos una carátula en 3D y un reflejo debajo. Para completar el efecto, necesitamos aplicar una máscara de opacidad al área reflejada para que parte de ella parezca transparente. Comience eligiendo la herramienta Rectángulo y dibujando un rectángulo sobre todo el gráfico. Sugerencia: Establezca el Relleno en Ninguno para que pueda ver la ilustración debajo del rectángulo.

  • Paso 12 Establecer un degradado de blanco a negro

Vaya al menú Ventana y elija Muestras. En la parte inferior del panel Muestras, haga clic y mantenga presionado el icono Mostrar menú de tipos de muestras y elija Mostrar muestras de degradado. Seleccione la muestra Linear Gradient 1 (es un degradado de blanco a negro). Ahora elija la herramienta Degradado (G) en la Caja de herramientas y haga clic y arrastre desde el punto central hacia la parte inferior del rectángulo para cambiar la dirección del degradado.

  • Paso 13 Aplicar máscara de opacidad

Con la herramienta Selección, seleccione tanto el arte del producto como el degradado. Vaya al menú Ventana y elija Transparencia. En el menú flotante del panel Transparencia, seleccione Crear máscara de opacidad. Esto enmascarará el objeto solo donde están presentes el negro y el gris, y no en el área blanca. Haga clic en el icono de la máscara en el panel Transparencia para modificar la propia máscara.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

  • Paso 14 Arte Final

Nota de producción: no hay copia para el paso final. Coloque el título del paso en la parte superior del cuadro y rellene el cuadro con la imagen final.ingrese la descripción de la imagen aquí

boxshot.com

Boxshot es muy simple. Todo lo que necesita es una imagen plana para cada lado del paquete. Aunque no es gratis. Permite controles de entorno 3D completos con reflejos, sombras e iluminación especular. Guardará, en la mayoría de los formatos de trama. No creará formatos vectoriales.

La etiqueta de precio vale la pena aquí, pero puede no serlo para otros.

en cualquier caso, la palabra "boxshot" fue muy útil, este es el término de búsqueda que se encuentra en trueboxshot.com/products , por ejemplo. boxshot.com es sin embargo el mejor de todos. las mejores características y la mejor flexibilidad. ¿Haría gráficos todo el día? Sería obvio conseguirlo.