Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

Cómo Crear un Botella de Vino Realista de Plantilla Mockup en Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, te mostraré cómo crear una maqueta de una botella de vino tinto. Este tipo de maqueta puede ser útil si necesitas exhibir una botella de vino tinto con una etiqueta personalizada, incluso si la botella real aún no existe.

¡Y gracias al objeto inteligente, puedes cambiar fácilmente la etiqueta cada vez que lo necesites!

¿Tienes prisa y la necesitas ahora mismo? Echa un vistazo a mi Maqueta de Vino Tinto Premium. ¡Mi maqueta está lista para usar, solo sustitúyela con tu etiqueta y personaliza la botella con un solo clic!

Premium Red Wine Mockup on GraphicRiver

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

1. Cómo Quitar la Etiqueta de la Botella

Paso 1

Descarga la imagen de la botella de vino tinto de Pixabay y ábrela con Photoshop CS5 o superior.

Red wine bottle

Paso 2

Primero presiona Comando-J en el teclado para crear una copia de la imagen. Si observas el panel Capas, verás que ahora tiene dos capas, cada una con la misma imagen. La foto original se mantendrá segura en la capa de Fondo, y todo el trabajo de edición que estamos a punto de realizar se realizará en la copia de la imagen en la Capa 1 que se encuentra arriba:

Photoshop Layers Panel

Cambia el nombre de la nueva capa haciendo doble-clic directamente en el nombre de la capa en el panel Capas y cambiándola a "Botella".

Paso 3

Selecciona la Herramienta Lazo presionando la letra L en tu teclado. También hay otros dos tipos de herramientas de lazo-la Herramienta de Lazo Poligonal y la Herramienta de Lazo Magnético, que se ocultan detrás de la Herramienta de Lazo estándar en el panel Herramientas. Necesitas seleccionar el primero.

Photoshop Lasso Tool

Simplemente arrastra una selección a mano alzada alrededor de la etiqueta, de manera similar a cómo delinearías algo en una hoja de papel con un bolígrafo o lápiz. Con la Herramienta Lazo seleccionada, el cursor de tu mouse aparecerá como un pequeño icono de lazo, y simplemente haz clic en el punto del documento donde deseas comenzar la selección, y luego mantén presionado el botón del mouse y arrastra para dibujar una selección de contorno de forma libre:

Photoshop label selection

Para completar la selección, regresa al lugar donde comenzaste y suelta el botón del mouse. No necesariamente tienes que devolverte a el mismo punto desde el que comenzaste, pero si no lo haces, Photoshop cerrará automáticamente la selección dibujando una línea recta desde el punto en el que soltaste el botón del mouse hasta el punto en que comenzaste.

Paso 4

Desde el menú superior, selecciona Editar > Rellenar y elige Contenido-Consciente en la sección Contenido en la parte superior. Luego presiona OK.

Photoshop Content-aware fill

¡La etiqueta se ha ido! Photoshop hizo un excelente trabajo al eliminarlo y llenar el área con detalles de botellas. Si no te gustan los resultados después de ejecutar el Relleno de Contenido-Consciente, simplemente puedes deshacerlo presionando Comando-Z y luego ejecutándolo nuevamente. Obtendrás un resultado diferente cada vez. Cuando estés satisfecho con el resultado, recuerda deseleccionar la selección escogiendo Seleccionar > Anular Selección o presionando Comando-D.

Bottle without label

Paso 5

Presiona L para seleccionar la Herramienta Lazo nuevamente y realiza una selección alrededor del diseño dorado en el cuello.

Neck label selection

Desde el menú superior, selecciona  Editar > Rellenar y elige Contenido-Consciente en la sección Contenido en la parte superior. Luego presiona OK.

Red wine neck label

¡Hemos eliminado con éxito la etiqueta de oro del cuello! Recuerda anular la selección de la selección escogiendo Seleccionar > Anular Selección o presionando Comando-D.

2. Cómo Quitar el Fondo

Paso 1

Ahora es el momento de eliminar el fondo blanco de la imagen. Lo que voy a hacer es seleccionar y eliminar todo el fondo con la Herramienta de Selección Rápida. Selecciónalo haciendo clic en tu icono en el panel de Herramientas, o presiona la letra W en tu teclado para seleccionarlo con el acceso directo:

Photoshop Quick Selection Tool

Para comenzar la selección, mueve el cursor de la Herramienta de Selección Rápida cerca de la esquina superior izquierda de la botella y haz clic y arrastra sobre el área que necesitas seleccionar como si estuvieras pintando con un pincel. A medida que arrastras, Photoshop analiza continuamente el área, compara el color, el tono y la textura, y hace su mejor trabajo para averiguar qué es lo que está tratando de seleccionar, a menudo con resultados sorprendentes.

Photoshop Quick Selection Tool

Si observas la Barra de Opciones en la parte superior de la pantalla, verás una serie de tres iconos que nos permiten cambiar entre los tres modos de selección de la herramienta (de izquierda a derecha: Nueva selección, Agregar a la selección y Restar de la selección) ). La opción Agregar a la selección (la del medio) ya está seleccionada para nosotros, ya que todo el punto de la Herramienta de Selección Rápida es continuar agregando a la selección hasta que haya seleccionado todo lo que necesita:

Photoshop Quick Selection Tool

Luego, sigue "cepillando" cerca de los bordes de la botella hasta que selecciones todo el fondo blanco:

Photoshop Quick Selection Tool

Paso 2

Una vez que hayas seleccionado el fondo, elimínalo haciendo clic en Editar > Cortar en el menú superior.

Recuerda anular la selección de la selección escogiendo Seleccionar > Anular Selección o presionando Comando-D.

Asegúrate de desactivar la visibilidad de la capa "Fondo" para apreciar el resultado.

Photoshop Layers Panel visibility

Paso 3

Ahora que has eliminado correctamente el fondo, comprueba los bordes de la botella.

Elimina todas las imperfecciones que puedas encontrar alrededor de los bordes de la botella utilizando la Herramienta Borrador. Para activar la Herramienta Borrador, presiona E y luego abre el menú contextual haciendo clic en el botón derecho del mouse. Selecciona el a Tamaño 20 px y Dureza 100%, y luego cepilla para eliminar el área no deseada.

Remove all the imperfections

3. Cómo Crear un Nuevo Fondo

Paso 1

Selecciona la Herramienta Rectángulo presionando U y crea un nuevo rectángulo debajo de la botella. Asegúrate de que la capa del rectángulo esté debajo de la capa de la botella.

Photoshop Rectangle Tool

Paso 2

Haz Doble-clic en la capa de rectángulo para abrir el panel Estilo de Capa. Agrega una nueva Superposición de Degradado haciendo clic en la pestaña relacionada.

Layer Style Panel

Agrega un nuevo gradiente de color #0a0a0a a #332f30, estilo Lineal y ángulo -90.

Paso 3

Presiona U en tu teclado y agrega otro rectángulo debajo de la botella, cubriendo todo el fondo.

Add background

Ahora haz doble-clic en la capa para abrir el panel Estilo de Capa y agrega una nueva Superposición de Degradado haciendo clic en la pestaña relacionada.

Layer Style Panel Gradient Overlay

Agrega un nuevo gradiente de color #332f30 a #0a0a0a, estilo Radial y escala 150%.

Selecciona estas dos capas que acabas de crear, haz clic-con el botón derecho y selecciona Agrupar desde capas. Luego nombra el grupo "Fondo" y presiona OK.

Paso 4

Ahora tu imagen debe ser similar a esta:

Red wine bottle mockup

Como puedes ver, los bordes de la botella se ven muy mal. Vamos a solucionarlos haciendo doble-clic en la capa de la botella.

En el panel Estilo de Capa, agrega una nueva Sombra Interna como se muestra en la siguiente imagen:

Layer Style Panel Inner Shadow

4. Cómo Agregar Sombras y Reflejos

Paso 1

Haz clic en la capa "Botella", arrástrala sobre el icono Crear una nueva capa y suelta para duplicar la capa:

Create a new layer

Cambia el nombre de la capa "Reflexión" y muévela debajo de la capa de la botella. Haz clic derecho y selecciona Rasterizar Estilo de Capa.

Paso 2

En el menú superior, selecciona Editar > Transformar > Giro Vertical y muévelo hacia abajo debajo de la botella:

Flip the reflection

Paso 3

Ahora seleccione Editar > Transformar > Ajustar y tira de los controles de transformación para que coincida con el reflejo de la botella y presiona Retorno en el teclado para confirmar.

Wrap the reflection

Selecciona la Herramienta Borrador (E), ajústala el Tamaño a 500 px y 0% de Dureza, y borra ligeramente el reflejo como se muestra en la siguiente imagen:

Set the Eraser Tool

Finalmente, ubica la opción Opacidad en el panel Capas y configurala en 35%.

Paso 4

Selecciona la Herramienta Elipse y dibuja una forma de elipse un poco más pequeña que el diámetro de la botella. Asegúrate de establecer el color de la forma en negro. Establece el nombre de la capa en "Sombra Pequeña".

Add a small shadow

Ahora vamos a añadir un efecto de desenfoque a la forma. En el menú superior, selecciona Filtro > Desenfoque > Desenfoque Gaussiano. Un mensaje te avisará: "Esta capa de forma se debe rasterizar o convertir en un objeto inteligente antes de continuar. Si se rasteriza, ya no se podrá editar como una forma". Presiona Rasterizar y establece el efecto en el tamaño del radio de 10 píxeles. Confirma presionando OK.

En el panel Capas, asegúrate de que la capa de elipse "Sombra Pequeña" esté debajo de la capa de la botella y mueve la forma detrás de la botella. La botella debe cubrir la forma casi por completo, como se puede ver en la siguiente imagen:

Gaussian Blur effect to shadow

¡Hemos añadido con éxito la primera sombra! Vamos a añadir otra sombra más descolorida.

Paso 5

Lo que vamos a hacer ahora es repetir el mismo proceso que en el Paso 4, pero con algunos cambios. Selecciona la Herramienta Elipse y dibuja una forma de elipse más grande que el diámetro de la botella. Asegúrate de establecer el color de la forma en negro. Renombra esta nueva capa "Sombra Grande". En el panel Capas, asegúrate de que la capa de elipse esté debajo de la capa de la botella y mueve la forma detrás de la botella. La botella debe cubrir la forma, como se puede ver en la siguiente imagen:

Add a big shadow

Agreguemos un efecto de desenfoque a la forma seleccionando Filtro > Desenfocar > Desenfoque Gaussiano. Ajusta el efecto al tamaño del radio de 85 píxeles y confirma presionando OK. En el panel Capas, establezca la Opacidad al 30%.

Ahora tu panel de Capas debe aparecer así:

Select the layers in the Layers Panel

Selecciona las capas "Sombra Grande", "Sombra Pequeña" y "Reflejo". Para seleccionar varias capas contiguas, haz clic en la primera capa y luego presiona Mayús y haz clic en la última capa. Con un clic-derecho del mouse, selecciona Agrupar desde capas y nombra al grupo "Sombra". Pulsa OK para confirmar.

Red wine bottle mockup

5. Cómo Diseñar la Etiqueta

Paso 1

Crea un Documento Nuevo de 893 x 958 px en Photoshop.

En el panel Capas, haz clic-derecho en el pequeño icono en la parte inferior, haz clic en Color Sólido y rellena con el color #25221f.

Add a Solid Color layer

Paso 2

Descarga e instala la fuente Open Sans y selecciona la Herramienta de Texto (T). En el panel Carácter, establece el seguimiento en 75 y escribe VINO ROJO PREMIUM 2017 en mayúsculas con el color #86752c.

Abre la imagen del Pez Espada. En el menú superior, ve a Seleccionar > Gama de Colores, establece la Borrosidad en 200, deselecciona el Grupo de Colores Localizados y presiona OK.

Color range panel

Invierte la selección yendo a Seleccionar > Inverso. Arrastra esta imagen al lienzo de la etiqueta con la Herramienta Mover (V). Haz doble-clic en la capa "Pez Espada" y agrega una nueva Superposición de Color, configurando el color en #6a6a6b.

Paso 3

Con la fuente Open Sans ya instalada, escribe la palabra NEGRO.

Descarga e instala la fuente Berkshire Swash y escribe la palabra Marvin.

Sigue agregando texto con la fuente Open Sans:

Descarga e instala la fuente Black Jack, y agrega un poco de texto como se muestra en la siguiente imagen:

¡La etiqueta está hecha! Guarda el archivo como Etiqueta.psd en tu escritorio. Lo necesitaremos en un rato.

6. Cómo Envolver la Etiqueta

Paso 1

Vuelve al archivo de la botella y, en el panel Capas, selecciona la capa "Botella".

Selecciona la Herramienta Rectángulo (U) y haz clic en algún lugar del lienzo. Crea un nuevo rectángulo de 893 x 958 px. Renombra la capa "Etiqueta".

Create a new rectangle

Haz clic-derecho en la capa "Etiqueta" y selecciona Convertir en objeto inteligente. Acabas de crear el objeto inteligente que contendrá la etiqueta.

Ahora mueve el rectángulo sobre la botella y, en el menú superior, elige Editar > Transformar > Ajustar (Comando-T). Esto muestra el comando Transformación Libre.

Haz clic en la opción "Personalizado" del control de Deformación. Esto te permite personalizar la forma del ajuste preestablecido que elegiste.

Para manipular la forma, arrastra los puntos de control, un segmento del cuadro delimitador o malla, o un área dentro de la malla. Al ajustar una curva, usa los puntos de control. Esto es similar a ajustar los controladores en el segmento curvo de un gráfico vectorial. Intenta conseguir una malla como esta:

Wrap the Smart Object

Cuando estés satisfecho, presiona Retorno en tu teclado para confirmar.

Paso 2

Selecciona el Objeto Inteligente y elige Capa > Objetos Inteligentes> Reemplazar Contenidos.

Replace contents in Smart Object

Navega hasta el archivo Etiqueta.psd que hemos guardado anteriormente y haz clic en Colocar.

La etiqueta ahora se coloca dentro del Objeto Inteligente.

Aún puedes realizar cualquier tipo de cambios en la etiqueta simplemente editando el objeto inteligente de esta manera:

  1. Selecciona el Objeto Inteligente en el panel Capas.
  2. Haz doble-clic en la miniatura de Objetos Inteligentes en el panel Capas.

Cuando editas un Objeto Inteligente, el contenido de origen se abre en una nueva ventana de Photoshop (o la aplicación que maneja el formato colocado de forma predeterminada, por ejemplo, Adobe Illustrator o Adobe Acrobat).

Cuando estés satisfecho con los cambios en el contenido de origen, guarda el archivo y las ediciones aparecen en todas las instancias vinculadas del Objeto Inteligente en el documento de Photoshop.

Paso 3

Seleccione la capa "Etiqueta" en el panel Capas y haz doble-clic en la capa, fuera del nombre de la capa o la miniatura. Añade una nueva Superposición de Degradado:

Layers Style Gradient Overlay

Edita el degradado haciendo clic en la pequeña ventana de degradado, y establece las dos paradas de color en blanco y la derecha, Parada de Opacidad, en Opacidad 0% y Ubicación 46%.

Set Color and Opacity Stops

Paso 4

Ahora agrega un nuevo Patrón de Superposición. Establece el Modo de Fusión en Multiplicar, la Opacidad al 40% y haz clic en la miniatura del Patrón. Carga "Patrones de Roca" haciendo clic en el ícono de engranaje pequeño, y luego selecciona el último patrón:

Load Rock Patterns

Finalmente, agrega una Sombra: Modo de Fusión Normal, color Negro, Opacidad 9% y Distancia 5 px.

Layers Style Drop Shadow

Paso 5

Elige la Herramienta Rectángulo (U), haz clic en algún lugar del lienzo y usa el siguiente tamaño: 925 x 1275 px. En el panel Capa, establece el relleno para el rectángulo que se acaba de crear en 0%. Con la Herramienta Mover (V), coloca el rectángulo sobre la etiqueta y la botella de esta manera:

Paso 6

Selecciona la capa que acabas de crear, llámala "Aspectos Destacados" y haz doble-clic en la capa para abrir el panel Estilo de Capas. Añade una nueva Superposición de Degradado

Modo de Mezcla: Luz Suave; Opacidad: 80%; Ángulo: 0°; Escala: 150%.

Establece las dos paradas de color en blanco y crea cuatro Paradas de Opacidad. De izquierda a derecha:

  • Primera Parada de Color: Opacidad 0%; Ubicación 9%.
  • Segunda Parada de Color: Opacidad 100%; Ubicación 25%.
  • Tercera Parada de Color: Opacidad 100%; Ubicación 37%.
  • Cuarta Parada de Color: Opacidad 0%; Ubicación 53%.
Gradient Editor Panel

Paso 7

Duplica la capa "Aspectos Destacados" y cámbiale el nombre a "Destacados". Haz doble-clic en la capa para abrir el panel Estilo de Capas. Ajusta la Opacidad al 20% y el ángulo a -23°. Confirma presionando OK.

Layer Style Gradient Overlay

Paso 8

Duplica la capa "Destacados" y cambia su nombre a "Textura". Haz doble-clic en la capa para abrir el panel Estilo de Capas. Elimina el efecto de Superposición de Degradado haciendo clic en el icono de comprobación pequeño y agrega una nueva Superposición de Patrón.

Establece el Modo de Fusión en Multiplicar y la Opacidad en 100%, y haz clic en la miniatura del patrón. Carga los ajustes preestablecidos de Papel de Color haciendo clic en el icono de engranaje pequeño y selecciona el patrón Marbled.

Layer Style Pattern Overlay

Paso 9

Duplica la capa "Textura" y cámbiale el nombre de "Sombras". Haz doble-clic en la capa para abrir el panel Estilo de Capas. Elimina el efecto de Superposición de Patrón haciendo clic en el icono de comprobación pequeño y agrega una nueva Superposición de Degradado.

Establece el Modo de Fusión en Multiplicar, Opacidad en 32%, Ángulo en 0% y Escala en 100%.

Establece las dos Paradas de Color en negro y crea cuatro paradas de opacidad. De izquierda a derecha:

  • Primera Parada de Color: Opacidad 100%; Ubicación 6%.
  • Segunda Parada de Color: Opacidad 0%; Ubicación 23%.
  • Tercera Parada de Color: Opacidad 0%; Ubicación 45%.
  • Cuarta Parada de Color: Opacidad 100%; Ubicación 100%.

Paso 10

Selecciona las capas "Sombras", "Textura", "Destacados" y "Aspectos destacados". Para seleccionar varias capas contiguas, haz clic en la primera capa y luego presiona Mayús y haz clic en la última capa. Con un clic-derecho del mouse, elige Crear Máscara de Recorte.

¡Casi estámos allí! Este es el resultado hasta ahora:

Agreguemos un toque final, agregando una luz global a la imagen.

Selecciona la capa "Sombras" y luego selecciona, en el menú superior, Capa > Nueva capa de ajuste > Curvas y presiona OK.

Vamos a configurar solo las curvas para RGB y Rojo de esta manera:

Curves Panel

¡Felicidades, has terminado!

En este tutorial de habilidades múltiples, aprendimos un método rápido para eliminar algunas partes de la imagen y reemplazar el contenido con la herramienta de llenado que reconoce el contenido. Diseñamos una etiqueta desde cero y la envolvimos alrededor de la botella. Luego agregamos cuidadosamente algunos efectos de luces y sombras para dar una sensación de 3D. El resultado es una maqueta fotorrealista que utiliza un objeto inteligente para reemplazar la etiqueta.

Final Result

No olvides revisar mis productos GraphicRiver sobre maquetas para botellas. ¡Son maquetas de botellas de primera calidad perfectas para exhibir su etiqueta de vino con estilo y profesionalidad!

¡Disponibles una Maqueta de Botellas de Vino Tinto, una Maqueta de Botellas de Vino Blanco y mucho más!

Espero que hayas disfrutado mi tutorial y hayas aprendido algo nuevo. Por favor, siéntete libre de dejar tus comentarios, sugerencias y resultados a continuación.

¡Disfruta de Photoshop!

Red Wine Bottle Mockup
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.