Advertisement
  1. Design & Illustration
  2. Product Mockup

Como Crear una Maqueta de Sello de Cera Foto-Realista Con Adobe Photoshop

Scroll to top
Read Time: 16 min
This post is part of a series called Awesome Logo Mockups.
How to Create an Embossed Paper Logo Mockup in Adobe Photoshop
25+ Logo and Branding Mockups

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

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

En este tutorial, voy a enseñarte como crear una maqueta de sello de cera realista. Gracias a este inteligente objeto que vamos a utilizar, puedes reemplazar el diseño del sello con tu propio logotipo, y puedes reutilizarlo ¡Cada vez que lo Necesites!

¡Estás de prisa y lo necesitas ahora? Chequea mi Maqueta del Logotipo de Sello de Cera. Mi maqueta esta lista para usarse--¡Solo tienes que reemplazarla con tu diseño y el sello de cera con un solo click!

WaxSeal Logo MockupWaxSeal Logo MockupWaxSeal Logo Mockup

Recursos del Tutorial

Para este tutorial, vas a necesitar los siguientes recursos:

1. Como Remover el Fondo Blanco del Sello de Cera

Paso 1

Descarga la imagen del sello de cera y ábrela en Photoshop.

Wax sealWax sealWax seal

Paso 2

Primero, presiona Comando-J en el teclado para crear una copia de la imagen. Si observas el panel de Capas, verás que cada una tienes dos capas, cada una contiene la misma imagen. La foto original va a permanecer segura en la capa "Fondo", y todo el trabajo de edición que vamos a hacer se hará a la copia de la imagen. Renombra la nueva capa dando doble--click a el nombre capa en el panel Capas y cámbialo por "Sello de Cera". 

Layers panelLayers panelLayers panel

Paso 3

Lo que vamos a hacer es seleccionar y remover todo el fondo con la Herramienta de Selección Rápida. Selecciónala dando click en el icono en el panel de Herramientas, o presionando la letra W en tu teclado para seleccionarla con el atajo.

Quick Selection ToolQuick Selection ToolQuick Selection Tool

Para empezar la selección, mueve el cursor de la Herramienta de Selección Rápida cerca de la esquina superior izquierda de la imagen y haz click y arrastra sobre el área que necesitas seleccionar como si estuvieras pintando con un pincel. A medida que arrastras, Photoshop analiza continuamente el área, comparando el color, el tono y la textura, y hace todo lo posible para descubrir que es lo que estás tratando de seleccionar, a menudo con resultados excelentes.

Quick Selection ToolQuick Selection ToolQuick Selection Tool

Si observas la Barra de Opciones a lo largo de la parte superior de la pantalla, verás una serie de tres iconos los cuales te permiten cambiar entre los tres modos de selección de la herramienta (de izquierda a derecha: Nueva Selección, Agregar a selección, y Resta de selección). La opción Agregar a selección (la del medio) ya ha sido elegida por nosotros, ya que el objetivo de la Herramienta de Selección Rápida es continuar agregando a la selección hasta que hayas seleccionado todo lo que necesitas:

Add to selectionAdd to selectionAdd to selection

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

Quick Selection ToolQuick Selection ToolQuick Selection Tool

Paso 4

Una vez que tengas seleccionado el fondo, eliminalo eligiendo Editar > Cortar en el menú superior.

Recuerda anular la selección eligiendo Seleccionar > Anular selección o presionando Comando-D.

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

Deactivate the visibilityDeactivate the visibilityDeactivate the visibility
Wax seal background removeWax seal background removeWax seal background remove

2. Como Agregar un Fondo de Papel

Paso 1

En el menú superior, haz click en Imagen > Tamaño del Lienzo.

Canvas sizeCanvas sizeCanvas size

Coloca el tamaño del lienzo en 2000 x 1400 px.

Canvas size panelCanvas size panelCanvas size panel

Paso 2

Descarga la textura de papel y ábrela con Photoshop. Desbloquea la capa eligiendo Capa > Nuevo > Capa del Fondo y presiona OK.

Layer from BackgroundLayer from BackgroundLayer from Background

Selecciona la textura eligiendo Selección > Todo o presionando Commando-A. Ahora copia el contenido de la Capa yendo a Editar > Copiar o presionando Comando-C.

Paso 3

Regresa a el archivo de sello de cera haciendo click en la pestaña adecuada y seleccionando la capa "Fondo". Ahora pegue la textura del papel que acaba de copiar eligiendo Editar > Pegar o presionando Comando-V.

La textura es actualmente demasiado larga para nuestros lienzos, por lo tanto elige Editar > Transformación Libre o presiona Comando-T y arrastra un controlador para cambiar el tamaño del papel. Presiona Mayús mientras que arrastras un asa de esquina para escalar proporcionalmente.

Free TransformFree TransformFree Transform

Renombra la capa papel dando doble-click directamente en el nombre de la capa en el panel de Capas y cámbialo a "Sobre".

Paso 4

Duplica la capa "Sobre" seleccionando y eligiendo Capa > Nuevo > Capa A Través de la Copia o presionando Comando-J, y entonces renombra esta nueva capa dando doble-click directamente en el nombre capa en el panel Capas y cámbialo a "Flap".

Selecciona la Herramienta Lazo Poligonal. De forma predeterminada, la Herramienta Lazo Poligonal se esconde detrás de la Herramienta Lazo estándar en el panel Herramientas. Para llegar a ella, haz clic en la Herramienta Lazo y luego mantenga presionado el botón del mouse hasta que aparezca un menú flotante que te muestra las herramientas adicionales disponibles. Selecciona la Herramienta Lazo Poligonal de la lista:

 Polygonal Lasso Tool Polygonal Lasso Tool Polygonal Lasso Tool

Comienza haciendo click en la esquina superior izquierda del lienzo y luego suelte el botón del mouse. Esto agrega un punto, comúnmente llamado punto de ancla, al documento. Al mover la Herramienta Lazo Poligonal lejos del punto, verás una delgada línea recta que se extiende desde el cursor del mouse con el otro extremo de la línea unida al punto de anclaje. Haz click nuevamente para agregar nuevos puntos hasta que crees una forma triangular como esta:

Polygonal Lasso ToolPolygonal Lasso ToolPolygonal Lasso Tool

Completa la selección haciendo click una vez más en el punto inicial que agregaste. Photoshop convertirá todas las líneas rectas en un esquema de selección. Elige Editar > Cortar para eliminar el área seleccionada.

Paso 5

Haz doble-click en la capa "Flap" para abrir en el panel la Capa Estilo. Agrega una nueva Sombra Interna haciendo click en la pestaña relacionada.

Establece el Modo de Fusión a Normal, Color Blanco, Opacidad 52%, Angulo -90°, Distancia 1 px, Choke 100% y Tamaño 0 px.

Inner Shadow panelInner Shadow panelInner Shadow panel

Agrega una nueva Sombra haciendo clic en la pestaña relacionada. Establece el Modo de Fusión en Multiplicar, Color Negro, Opacidad 30%, Ángulo 101°, Distancia 5 px, Spread 1% y Tamaño 4 px.

Drop Shadow panelDrop Shadow panelDrop Shadow panel

Paso 6

Haz click en el pequeño icono en la parte inferior del panel Capas y selecciona Degradado.

Gradient layerGradient layerGradient layer

Presiona D en tu teclado para configurar los colores de fondo y primer plano en blanco y negro. Haz click en la pequeña ventana de degradado para editar el degradado.

Gradient FillGradient FillGradient Fill

Haz click en el engranaje pequeño y elige Restablecer Gradientes para restablecer todos los ajustes preestablecidos de gradiente. Ahora elige el segundo ajuste preestablecido llamado Primer Plano a Transparente y presiona OK.

Gradient EditorGradient EditorGradient Editor

Ubica el panel Capas y cambia el nombre de la capa que acabas de crear haciendo doble-click directamente sobre el nombre de la capa en el panel Capas y cambialo a "Sombra", y luego establece la Opacidad al 5%.

Selecciona las capas "Sombra", "Flap" y "Sobre". Para seleccionar varias capas contiguas, haz clic en la primera capa y luego presiona Mayús-Haz click en la última capa. Con un click-derecho del mouse, selecciona Agrupar desde capas y nombra el grupo "Sobre". Pulsa OK para confirmar.

3. Cómo Agregar Efectos de Sombra al Sello de Cera (Solo Photoshop CC 2015 o Superior)

A partir de Photoshop CC 2015, tenemos la capacidad de aplicar efectos de múltiples capas (Trazo, Sombra ...) desde un solo cuadro de diálogo Estilo de Capa. Si estás utilizando Photoshop CC 2015 o superior, sigue leyendo esta sección. De lo contrario, salta a la Sección 4.

Paso 1

Selecciona la capa "Sello de Cera" y haz Doble-click en la capa, fuera del nombre de la capa o miniatura, para abrir el panel Estilo de Capa.

Agrega una nueva Sombra Interna, configurando el Modo de Fusión en Normal, Color Negro, Opacidad 100%, Distancia 4px, Choke 0%, Tamaño 0 px.

Inner Shadow panelInner Shadow panelInner Shadow panel

Paso 2

Agrega una nueva Sombra, configurando el Modo de Fusión en Superposición, Color Negro, Opacidad 39%, Ángulo 66°, Distancia 7 px, Spread 7% y Tamaño 13 px.

Drop Shadow panelDrop Shadow panelDrop Shadow panel

Paso 3

Junto al efecto Sombra, verás un signo más (+). Agrega un efecto de Sombra más haciendo click en el signo más.

Establece el Modo de Fusión en Superposición, Color negro, Opacidad 58%, Ángulo 66°, Distancia 7 px, Spread 7% y Tamaño 13 px.

Drop Shadow panelDrop Shadow panelDrop Shadow panel

Paso 4

Agrega un efecto de Sombra más haciendo click en el signo más. Establece el Modo de Fusión en Multiplicar, Color Negro, Opacidad 27%, Ángulo 86°, Distancia 11 px, Spread 6% y Tamaño 18 px.

Drop Shadow panelDrop Shadow panelDrop Shadow panel

Paso 5

Agrega el último efecto de Sombra haciendo click en el signo más. Establece el Modo de Fusión en Normal, Color Negro, Opacidad 10%, Ángulo 86°, Distancia 27 px, Spread 6% y Tamaño 101 px.

Drop Shadow panelDrop Shadow panelDrop Shadow panel

4. Cómo Agregar Efectos de Sombra al Sello de Cera (Solo Photoshop CS4, CS5 o CS6)

Para usuarios de CS4, CS o CS6, lee los siguientes pasos.

Necesitamos agregar varios efectos de Sombra a la capa Sello de Cera. Las versiones anteriores de Photoshop solo te permiten aplicar un estilo de capa una vez a una capa determinada. Por ejemplo, solo puedes agregar un efecto Sombra a una capa. A partir de Photoshop CC, sin embargo, esta limitación se ha eliminado para que puedas agregar el mismo estilo de capa a una sola capa varias veces. Mi consejo es que actualices tu Photoshop a la última versión.

De todos modos, si estás utilizando una versión de Photoshop antes de CC, hay una solución para ti. Así es cómo:

Duplica la capa "Sello de cera" tres veces seleccionando Capa > Nueva > Capa a Través de la Copia. En el panel Capas, selecciona las tres nuevas capas que acabas de crear y establece el Relleno en 0%.

Aplica a la capa "Sello de Cera" los efectos descritos en los Pasos 1 y 2 de la sección anterior.

Ahora aplica a las 3 capas residuales de "Copia de Sello de Cera" los efectos descritos en los Pasos 3, 4 y 5 de la sección anterior.

5. Cómo Crear el Diseño del Sello

Paso 1

Crear un Documento Nuevo de 600 x 600 px en Photoshop.

Selecciona la Herramienta Elipse. De forma predeterminada, la Herramienta Elipse se oculta detrás de la Herramienta Rectángulo estándar en el panel Herramientas. Para acceder a ella, haz clic en la Herramienta Rectángulo y luego mantén presionado el botón del mouse hasta que aparezca un menú desplegable que te muestra las herramientas adicionales que están disponibles. Selecciona la Herramienta Elipse de la lista:

Ellipse ToolEllipse ToolEllipse Tool

Ahora haz click en la esquina superior izquierda del lienzo (no sueltes el botón del mouse), mantén presionado el botón Mayús del teclado y arrastra el mouse hacia la esquina inferior derecha. Cuando estés muy cerca de la esquina, verás que el cursor se engancha al lienzo. En este punto, suelta Mayús y el botón del mouse. El resultado debe ser similar a este:

Black ellipseBlack ellipseBlack ellipse

Paso 2

Localiza el panel de Propiedades. Si no puede ver el panel, ábrale seleccionando Ventana > Propiedades.

En la sección Detalles de la Forma, establece el Tipo de Relleno de la Forma en Transparente, el Tipo de Trazo de la Forma en Negro y el Ancho del Trazo de la Forma en 15 px. Asegúrate de que el tamaño sea exactamente 600 x 600 px y que la posición sea 0 para los ejes X e Y.

Properties panelProperties panelProperties panel

Ahora el resultado debería ser similar a este:

EllipseEllipseEllipse

Paso 3

Con la capa "Elipse" seleccionada, elige Capa > Nueva > Capa de Forma A Través de Copia para duplicar la capa. Cambia el nombre de la nueva capa haciendo doble-click directamente en el nombre de la capa en el panel Capas y cambiándola a "Ruta".

Localiza el panel de Propiedades. En la sección Cuadro Delimitador, establece el ancho y el alto en 516 px, los ejes X e Y en 42 px y, a continuación, cambia el Tipo de Trazo de Forma a Transparente.

Properties panelProperties panelProperties panel

Paso 4

Descarga la Fuente Rubik, una fuente que es gratuita para uso comercial. Instala la fuente en tu computadora; Lo necesitaremos un rato.

Con nuestro camino trazado, estamos listos para agregar tu texto. Selecciona la Herramienta de Tipo Horizontal en el panel Herramientas:

Horizontal Type ToolHorizontal Type ToolHorizontal Type Tool

En la barra de opciones superior, elige Rubik Bold establecido en 62 px con la opción de Alineación de Texto establecida en Izquierda y Tipo de Color establecido en Negro.

Top option barTop option barTop option bar

Además, establece el seguimiento para el personaje en 500 en el panel Carácter. Si no puedes ver el panel Carácter, ábrelo seleccionando Ventana > Carácter.

Character panelCharacter panelCharacter panel

Paso 5

Mueve la Herramienta de Tipo Horizontal sobre el borde de la ruta. El puntero cambia a una viga en I con una línea ondulada punteada a través de ella. Haz click en el borde de la forma en el lugar donde deseas comenzar a agregar texto.

Horizontal Type Tool cursorHorizontal Type Tool cursorHorizontal Type Tool cursor

El punto en el que hagas click es donde comenzará el texto y, a medida que continúes escribiendo, el texto seguirá la dirección de la ruta.

Escribe el texto "MAQUETA DE LA MARCA DEL SELLO DE CERA". Cuando termines de comer agregar el texto, presiona ENTER en tu teclado.

WAX SEAL STAMP MOCKUPWAX SEAL STAMP MOCKUPWAX SEAL STAMP MOCKUP

Paso 6

Ahora necesitamos reposicionar tu texto a lo largo del camino. Elige la Herramienta de Selección de Ruta en el panel Herramientas:

Path Selection ToolPath Selection ToolPath Selection Tool

Mueve el cursor de la Herramienta de Selección de Ruta en cualquier lugar sobre la parte superior de tu texto. Verás que el cursor cambia de una flecha negra a una viga en I con una pequeña flecha a un lado que apunta hacia la izquierda o hacia la derecha.

Path Selection ToolPath Selection ToolPath Selection Tool

Simplemente haz click en el texto y arrástralo hacia abajo para desplazar el texto dentro de la forma e invertirlo.

Reverse the textReverse the textReverse the text

Paso 7

Selecciona la Herramienta de Tipo Horizontal en el panel Herramientas. Mueve el cursor del mouse a la esquina superior izquierda del lienzo. Verás que el cursor cambia a una viga en I con un cuadrado punteado alrededor. Haz click y escribe la letra "W".

Horizontal Type ToolHorizontal Type ToolHorizontal Type Tool

En el panel de Propiedades, elige Rubik Regular y establece su tamaño en 383 px. A continuación, establece la posición en 136 px para X y 68 px para el eje Y. Asegúrate de establecer el color de relleno en Negro.

Properties panelProperties panelProperties panel

Ahora tu diseño de marca de sello de cera debe ser similar a esto:

Stamp design final resultStamp design final resultStamp design final result

Paso 8

En el panel Capas, selecciona las cuatro capas. Para seleccionar varias capas contiguas, haz click en la primera capa y luego presiona Mayús-haz click en la última capa.

Mueve el cursor del mouse sobre uno de los niveles y, con un click-derecho del mouse, elige Convertir en Objeto Inteligente.

Ahora agarra la Herramienta Mover (V), haz click y mantén presionado el diseño del sello en la ventana del documento (no en el panel Capas, solo en la imagen), arrastre el cursor al título de la pestaña del documento anterior (el que tiene el sello de cera rojo), y esperr hasta que cambie la vista del documento (aún no sueltes el botón izquierdo del ratón). Luego mueve el cursor del mouse hacia la ventana del documento y suelta el botón izquierdo del mouse (mantén presionada la tecla Mayús para colocar la capa en el centro del documento).

Cambia el nombre de esta nueva capa haciendo doble-click directamente en el nombre de la capa en el panel Capas y cambiándola a "Efecto de objeto inteligente 01".

Layers panelLayers panelLayers panel

6. Cómo Transformar el Diseño del Sello

Ahora que nuestro diseño de sello está listo, es hora de incluirlo en el sello de cera. Deberías estar en esta situación:

Stamp design over the wax sealStamp design over the wax sealStamp design over the wax seal

Paso 1

Elige Edición > Transformar > Rotar. En la barra de opciones superior, establece la rotación a 33°. No presiones Enter todavía para confirmar, ya que todavía necesitamos transformar el diseño.

Top option barTop option barTop option bar

Paso 2

Si observamos de cerca, aparece un cuadro delimitador delgado alrededor del diseño del sello. También podemos ver un cuadrado pequeño en el centro superior, el centro inferior, el centro izquierdo y el centro derecho, así como un cuadrado en cada una de las cuatro esquinas. Estos pequeños cuadrados se denominan "asas", y podemos transformar lo que haya dentro del cuadro delimitador simplemente arrastrando estas asas.

En este paso, es extremadamente importante que transformemos el diseño del sello utilizando solo las manijas en el centro de cada lado del cuadro delimitador. En la imagen de abajo, las manijas que podemos usar para transformar el diseño del sello se indican mediante flechas.

Bounding box handles Bounding box handles Bounding box handles

Primero, mueve el cursor del mouse sobre el controlador en el lado derecho, presione y mantén presionado el botón Comando en tu teclado (el cursor cambiará a una pequeña flecha blanca), y luego haz click y arrastra el controlador para mover el lado derecho del círculo negro del sello dentro de la sala de sello de cera:

Bounding box handles Bounding box handles Bounding box handles

Sigue arrastrando las asas para ajustar el diseño del sello en el sello de cera (recuerde: ¡no uses las asas de las esquinas!). Asegúrate de dejar un espacio igual alrededor del diseño del sello, entre este y el borde interior del sello de cera:

Wax seal particularWax seal particularWax seal particular

Cuando estés satisfecho con la transformación, presiona Enter. El resultado final debe ser similar a este:

Wax seal mockupWax seal mockupWax seal mockup

7. Cómo Aplicar un Efecto 3D al Diseño del Sello

Paso 1

Selecciona la capa "Efecto de objeto inteligente 01" y luego, en el panel Capas, establece el relleno en 0%. Duplica la capa "Efecto de objeto inteligente 01" seleccionándola en el panel Capas y seleccionando Capa > Nueva > Capa Vía Copia. Cambia el nombre de esta nueva capa haciendo doble-click directamente en el nombre de la capa en el panel Capas y cambiándola a "Efecto de Objeto Inteligente 02".

Layers panelLayers panelLayers panel

Paso 2

Selecciona la capa "Efecto de objeto inteligente 01" y luego haz doble-click en la capa, fuera del nombre de la capa o miniatura, para abrir el panel Estilo de Capa.

Añade un nuevo estilo de Bisel y Relieve. Asegúrate de configurar el efecto exactamente como en la imagen de abajo:

Layers Style Bevel EmbossLayers Style Bevel EmbossLayers Style Bevel Emboss

Use el Código Hexadecimal #440303 para el color del Modo de Resaltado y el#7b0000 para el color del Modo de Sombra.

Añade un nuevo estilo de Sombra. Asegúrate de establecer el efecto exactamente como en la imagen de abajo. Usa el Código Hexadecimal #5e2831 para el color del Modo de Mezcla. Presiona OK para confirmar los cambios y cerrar el panel Estilo de Capa.

Layers Style Drop ShadowLayers Style Drop ShadowLayers Style Drop Shadow

Paso 3

Elige Filtro > Distorsionar > Ondulación y configura el efecto como en la imagen a continuación:

Ripple filterRipple filterRipple filter

Presiona OK para confirmar los cambios y cerrar el panel.

Elige Filtro > Desenfocar > Desenfoque Gaussiano y configura el Radio a 0,6 px. Presiona OK para confirmar los cambios y cerrar el panel Estilo de Capa.

Gaussian Blur filterGaussian Blur filterGaussian Blur filter

Paso 4

Selecciona la capa "Efecto de Objeto Inteligente 02" y luego haz doble-click en la capa, fuera del nombre de la capa o miniatura, para abrir el panel Estilo de Capa.

Añade un nuevo estilo de Bisel y Relieve. Asegúrate de configurar el efecto exactamente como en la imagen de abajo:

Layers Style Bevel EmbossLayers Style Bevel EmbossLayers Style Bevel Emboss

Usa el color blanco#ffffff para el Modo de Resaltado y el negro #000000 para el Modo de Sombra.

Añade un nuevo estilo de Sombra. Asegúrate de establecer el efecto exactamente como en la imagen de abajo. Usa el Código Hexadecimal #602532 para el color del Modo de Mezcla. Presiona OK para confirmar los cambios y cerrar el panel Estilo de Capa.

Layers Style Drop ShadowLayers Style Drop ShadowLayers Style Drop Shadow

Paso 5

Elige Filtro > Distorsionar > Rizo y establece la Cantidad en -20% y Tamaño Medio. Presiona OK para confirmar los cambios y cerrar el panel.

Elige Filtro > Desenfocar > Desenfoque Gaussiano y configura el Radio a 0,8 px. Presiona OK para confirmar los cambios y cerrar el panel.

¡Felicidades, Has Terminado!

En este tutorial aprendimos cómo hacer una imitación realista del logotipo del sello de cera usando un objeto inteligente y los estilos de capa.

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.

Wax Seal MockupWax Seal MockupWax Seal Mockup

No te olvides de revisar mi ¡Logo de Maqueta de Sello de Cera! ¡Es un sello de cera de primera calidad perfecto para exhibir tu marca con estilo y profesionalidad! Incluye dos formas de sello de cera y un archivo de ayuda detallado.

WaxSeal Logo MockupWaxSeal Logo MockupWaxSeal Logo Mockup
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads