Advertisement
  1. Design & Illustration
  2. Photo Effects

Cómo Usar Photoshop para Hacer un Efecto de Sello de Goma

Scroll to top
Read Time: 9 min
This post is part of a series called Photo Effects.
How to Create a GTA V Photo Effect Action in Adobe Photoshop
How to Create an Abstract, Sci-Fi Portrait in Adobe Photoshop

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

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

En este tutorial, te mostraré cómo usar Photoshop para hacer un sello personalizado de goma en Photoshop. Convierte cualquier foto en una imagen de sello de goma en unos cuantos pasos rápidos.

Después de aprender cómo hacer un sello personalizado desde cero en Photoshop, es posible que necesites algunos recursos listos para usar para cuando no tengas tiempo. Envato Elements tiene una amplia selección de complementos de Photoshop con efectos de sellos personalizados, texturas de sellos y archivos de sellos PNG para una gran variedad de proyectos. Y todo esto viene incluido por una suscripción de tarifa plana mensual. Desplázate hacia abajo después de este tutorial para encontrar complementos de efectos de sello Photoshop como este:

Crea fácilmente un sello personalizado en unos pocos clics con este genial tutorial de Photoshop sobre efectos de sello.

¿Prefieres aprender a diseñar un sello con un vídeo tutorial? Puedes seguirnos en nuestro canal de YouTube Envato Tuts+ para aprender cómo crear un sello digital en Adobe Photoshop:

Lo que aprenderás en este tutorial sobre cómo usar Photoshop para hacer un sello de goma:

  • Cómo crear el fondo de papel desgastado
  • Cómo crear el contorno del sello de goma
  • Cómo añadir texto en el sello de goma
  • Cómo crear el efecto de sello fotográfico
  • Cómo añadir un efecto desgastado
  • Cómo crear un sello de goma multicolor

Lo que necesitarás:

Los siguientes recursos fueron utilizados durante la producción de este tutorial de Photoshop para diseñar un sello de goma:

1. Cómo crear el fondo de papel desgastado

Paso 1

Empecemos a aprender cómo hacer un sello en Photoshop. Crea un nuevo documento de 850 x 550 px. Por supuesto, puedes utilizar otro tamaño para tu archivo PSD, pero tendrás que ajustar proporcionalmente todos los tamaños utilizados en este tutorial.

Añade la textura Papel manchado y desgastado en una nueva capa. 

Crea textura de fondo machada y desgastada para tu sello personalizadoCrea textura de fondo machada y desgastada para tu sello personalizadoCrea textura de fondo machada y desgastada para tu sello personalizado

Paso 2

Ve a Capa > Nueva capa de ajustes y añade un ajuste de Mapa de degradado. Los colores que utilizaremos para el mapa de degradado son #7a6849 y #fffbf7.

Cambia el color de fondo de tu sello personalizado con Mapa de degradadoCambia el color de fondo de tu sello personalizado con Mapa de degradadoCambia el color de fondo de tu sello personalizado con Mapa de degradado

2. Cómo crear el contorno del sello de goma

Paso 1

Siguiendo con este tutorial de Photoshop sobre cómo hacer un sello personalizado, ahora necesitamos crear el contorno de sello. Elige la herramienta Elipse. Mantén la tecla Shift presionada mientras dibujas, para crear un círculo redondo perfecto. Llamaremos a esta capa Círculo 1.

Dibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizado

Paso 2

Presiona Comando/Control-J para duplicar la capa Círculo 1 tres veces, y nombra a las capas Círculo 2, Círculo 3 y Círculo 4.

Duplica capas en Photoshop para tu sello personalizadoDuplica capas en Photoshop para tu sello personalizadoDuplica capas en Photoshop para tu sello personalizado

Ajusta el Relleno de la capa Círculo 1 al 0% y añade también un Trazo de 6 px, color #000000.

Añade trazos en Photoshop para tu sello personalizadoAñade trazos en Photoshop para tu sello personalizadoAñade trazos en Photoshop para tu sello personalizado
Dibuja una forma de círculo en Photoshop para tu sello personalizadoDibuja una forma de círculo en Photoshop para tu sello personalizadoDibuja una forma de círculo en Photoshop para tu sello personalizado

Paso 3

Para la capa Círculo 2 presiona Comando/Control-T para escalar la forma.  Asegúrate de hacer clic en la casilla Bloquear relación de aspecto y establece la escala al 95%.

Redimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en Photoshop

Establece el Relleno de la capa Círculo 2 al 0% y añada un Trazo de 4px, color #000000.

Ajusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizado
Dibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizado

Paso 4

Para la capa Círculo 3, presiona Comando/Control-T para escalar la forma. Asegúrate de hacer clic en la casilla Bloquear relación de aspecto y establece la escala en 75%.

Redimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en Photoshop

Ajusta el Relleno de la capa Círculo 3 al 0% y añade un Trazo de 6px, color #000000.

Ajusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizado

Dibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizado

Paso 5

Para la capa Círculo 4, presiona Comando/Control-T para escalar la forma. No te olvides de hacer clic en la casilla Bloquear relación de aspecto y de ajustar la escala al 75%.

Redimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en PhotoshopRedimensiona las capas de tu sello personalizado en Photoshop

Establece el Relleno de la capa Círculo 4 al 0% y añade también un Trazo de 4px, color #000000.

Ajusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizadoAjusta el estilo de las capas de tu sello personalizado

Dibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizadoDibuja un círculo en Photoshop para tu sello personalizado

Paso 6

Descarga las Formas circulares de Photoshop y carga el archivo CSH en Photoshop. Ve a Editar > Gestor de ajustes preestablecidos y elige Tipo de ajuste preestablecido > Formas personalizadas. Haz clic en el botón Cargar para cargar el archivo CSH.

Ajusta el Color frontal a #000000. Elige la herramienta Forma personalizada y asegúrate de que la opción Proporciones definidas está marcada. Para este tutorial, he utilizado la forma nº 17, pero puedes utilizar cualquier forma que te guste.

Formas circulares de Photoshop para tu sello personalizadoFormas circulares de Photoshop para tu sello personalizadoFormas circulares de Photoshop para tu sello personalizado

3. Cómo añadir texto en el sello de goma

El siguiente paso de este tutorial Photoshop sobre cómo hacer un sello de goma es: el texto. Haz clic en la miniatura de Máscara vectorial de la capa Círculo 3. Escoge la herramienta Texto horizontal y mueve el cursor directamente sobre el trazado del círculo. El cursor cambiará a la forma de selección de texto con una línea punteada ondulada que lo atraviesa. 

He utilizado la fuente Intro y el color #000000 para el texto. Puedes usar otro tipo de fuente y otro color.

Añade texto en tu sello personalizado en PhotoshopAñade texto en tu sello personalizado en PhotoshopAñade texto en tu sello personalizado en Photoshop

4. Cómo crear el efecto de sello fotográfico

Paso 1

No puedes aprender cómo hacer un sello en Photoshop sin añadir una foto. Añade la imagen de stock Retrato de hombre en una nueva capa.

Añade una imagen de stock en tu sello personalizado en PhotoshopAñade una imagen de stock en tu sello personalizado en PhotoshopAñade una imagen de stock en tu sello personalizado en Photoshop

Paso 2

Mantén presionada la tecla Control y haz clic en la miniatura de Máscara vectorial de la capa Círculo 4 para hacer una selección.

Crea una selección en la capa de tu sello personalizado en PhotoshopCrea una selección en la capa de tu sello personalizado en PhotoshopCrea una selección en la capa de tu sello personalizado en Photoshop

Haz clic en el botón Añadir máscara de capa de la pestaña Capas para añadir una máscara en la capa Retrato de hombre.

Añade máscaras de capa en tu sello personalizado en PhotoshopAñade máscaras de capa en tu sello personalizado en PhotoshopAñade máscaras de capa en tu sello personalizado en Photoshop

Añade máscaras de capa en tu sello personalizado en PhotoshopAñade máscaras de capa en tu sello personalizado en PhotoshopAñade máscaras de capa en tu sello personalizado en Photoshop

Paso 3

Asegúrate de que el Color frontal esté establecido en #000000 y el Color de fondo en #ffffff, de lo contrario el siguiente efecto fotográfico no se verá bien.

Ve a Filtro > Boceto > Sello y ajusta el Balance de blancos/negros a 4 y la Suavidad a 1.

Cómo usar el filtro de sello en Photoshop, sello personalizadoCómo usar el filtro de sello en Photoshop, sello personalizadoCómo usar el filtro de sello en Photoshop, sello personalizado

Crea un sello personalizado en PhotoshopCrea un sello personalizado en PhotoshopCrea un sello personalizado en Photoshop

Paso 4

Abre la ventana de Estilos de capas de la capa Retrato de hombre. Los controles deslizantes de Fusionar si estarán bajo este cuadro de diálogo. Utiliza los controles deslizantes titulados Esta capa para eliminar el color blanco. Simplemente, arrastra el control deslizante de la derecha a 180 para ocultar el color blanco.

Estilos de capas, Fusionar si, sello personalizado PhotoshopEstilos de capas, Fusionar si, sello personalizado PhotoshopEstilos de capas, Fusionar si, sello personalizado Photoshop

Haz clic derecho en la capa Retrato de hombre y elige Convertir en objeto inteligente.

Efecto de sello de goma, sello personalizadoEfecto de sello de goma, sello personalizadoEfecto de sello de goma, sello personalizado

5. Cómo añadir un efecto desgastado

Paso 1

Para el siguiente paso en nuestro tutorial sobre cómo crear un sello digital, vamos a añadir una textura de sello desgastado a nuestro trabajo. Selecciona todas las capas del sello (las capas de Círculo, la capa de Texto y la capa de Retrato de hombre), haz clic derecho en las capas y elige Convertir en objeto inteligente.

Añade una Máscara de capa al objeto inteligente Retrato de hombre. Elige la herramienta Pincel y ajusta el Tamaño del pincel a unos 800 px. También establece el Color frontal a #000000. Utiliza los Pinceles de efecto desgastado de Photoshop para crear efectos de sello desgastado; utiliza diferentes pinceles.

Pinceles de efecto desgastado para tu sello personalizado de PhotoshopPinceles de efecto desgastado para tu sello personalizado de PhotoshopPinceles de efecto desgastado para tu sello personalizado de Photoshop

Paso 2

Crea una nueva capa y llámala Líneas de sello. Elige la herramienta Pincel y desde los Pinceles de Photoshop de sellos de goma, utiliza el pincel Líneas de sello

Utiliza el pincel de líneas de sello en tu sello personalizado en PhotoshopUtiliza el pincel de líneas de sello en tu sello personalizado en PhotoshopUtiliza el pincel de líneas de sello en tu sello personalizado en Photoshop

Añade una Máscara de capa a la capa Líneas de sello. Una vez más, utiliza los Pinceles Photoshop de efecto desgastado para crear efectos de sello desgastado, así como para ocultar algunas zonas de las líneas de sello que cubren el sello.

Utiliza el pincel de líneas de sello en tu sello personalizado en PhotoshopUtiliza el pincel de líneas de sello en tu sello personalizado en PhotoshopUtiliza el pincel de líneas de sello en tu sello personalizado en Photoshop

6. Cómo hacer un sello de goma multicolor

Este es el último paso para aprender a crear un sello digital personalizado: aprenderemos a hacer un sello en Photoshop con múltiples colores. Si quieres diseñar un sello de goma multicolor, puedes añadir un estilo de capa de Superposición de color al objeto Inteligente Retrato de hombre utilizando el color #d9a4ae, o bien puedes, añadir diferentes colores para las capas dentro del Objeto inteligente.

Sello de goma multicolor Photoshop para sellos personalizadosSello de goma multicolor Photoshop para sellos personalizadosSello de goma multicolor Photoshop para sellos personalizados

Para los últimos retoques, crea una nueva capa y llámala Pinceles de sello de sobre antiguo. Puedes usar los Pinceles de sello de sobre antiguo para añadir un efecto realista de sobre antiguo. Utiliza el color #b24659 y el color #b24659 para añadir diferentes sellos.

Pinceles de sello de sobre antiguo para tu sello personalizadoPinceles de sello de sobre antiguo para tu sello personalizadoPinceles de sello de sobre antiguo para tu sello personalizado

¡Felicitaciones! ¡Lo hiciste!

En este tutorial aprendiste cómo usar Photoshop para crear un sello digital desde cero usando pinceles y texturas. Espero que hayas disfrutado de este tutorial de Photoshop de creación de sellos personalizados.

Cómo hacer un sello de goma en PhotoshopCómo hacer un sello de goma en PhotoshopCómo hacer un sello de goma en Photoshop

Los 5 mejores complementos de efectos de sello Photoshop de Envato Elements

Ahora que sabes cómo diseñar un sello, puede que estés buscando alternativas para cuando tengas poco tiempo o cuando necesites algo listo para usar.

En el caso de que no tengas tiempo para seguir proceso de creación de sellos personalizados, visita Envato Elements. Por una tarifa plana mensual, podrás descargar un número ilimitado de complementos de efectos de sello Photoshop, imágenes de sellos, archivos de sellos PNG y mucho más. Aquí tienes 5 de los mejores complementos de texturas y efectos de sello Photoshop que puedes utilizar para acelerar tu proceso de creación de sellos personalizados:

1. Efectos de sello Photoshop de tinta (en formato PSD)

Efectos de sello Photoshop de tinta (PSD), crea sellos personalizadosEfectos de sello Photoshop de tinta (PSD), crea sellos personalizadosEfectos de sello Photoshop de tinta (PSD), crea sellos personalizados

Esta textura de sello es perfecta si quieres hacer un sello en Photoshop en unos pocos clics. Es un paquete súper completo que incluye más de 20 efectos de texto de sello de tinta, todo en un archivo PSD. Podrás diseñar un sello original para tus logos, marcas, proyectos creativos, ¡y mucho más!

2. Estilos de capa de Photoshop de sello de tinta (en formatos ASL, ATN, PDF)

Estilos de capa de Photoshop de sello de tinta (ASL, ATN, PDF), sellos personalizadosEstilos de capa de Photoshop de sello de tinta (ASL, ATN, PDF), sellos personalizadosEstilos de capa de Photoshop de sello de tinta (ASL, ATN, PDF), sellos personalizados

Si prefieres trabajar con estilos de capa, este complemento de efectos de sello Photoshop es para ti. El paquete consiste en 12 estilos de capa individuales con diferentes texturas, una acción de efecto desgastado para crear bordes irregulares y una acción de color, todo lo necesario para crear un sello digital increíble. ¡Crearás imágenes y contornos de sellos que de seguro llamarán la atención!

3. Morning Coffee - Pinceles de sello (en formatos ABR, BRUSHSET)

Morning Coffee - Pinceles de sello (ABR, BRUSHSET), sellos personalizadosMorning Coffee - Pinceles de sello (ABR, BRUSHSET), sellos personalizadosMorning Coffee - Pinceles de sello (ABR, BRUSHSET), sellos personalizados

¿A quién no le gustaría un bonito contorno de sello inspirado en el café? ¡Este completo paquete incluye 20 pinceles de contorno de sellos centrados en nuestra bebida favorita! Y lo mejor: ¡también puedes usarlos en tus procesos de creación de sellos en Procreate y Affinity Designer!

4. Efectos de texto vintage de letras/tinta (en formato PSD)

Efectos de texto vintage de letras/tinta (PSD), sellos personalizadosEfectos de texto vintage de letras/tinta (PSD), sellos personalizadosEfectos de texto vintage de letras/tinta (PSD), sellos personalizados

¡Dale un toque vintage a tus diseños de sello en formato PNG con este paquete! Fue creado especialmente para hacer un sello en Photoshop que tenga un aire retro. Conseguirás 12 efectos de texto en archivos PSD totalmente organizados en capas.

5. Efectos de texto de imprenta vintage (en formato PSD)

Efectos de texto de imprenta vintage (PSD), sellos personalizadosEfectos de texto de imprenta vintage (PSD), sellos personalizadosEfectos de texto de imprenta vintage (PSD), sellos personalizados

Si el texto ocupa un lugar privilegiado en el diseño de tus sellos PNG, échale un vistazo a este paquete de efectos de texto. Estos 10 efectos exclusivos transformarán rápidamente cualquier texto en una imagen de sello vintage.

Descubre más interesantes recursos y tutoriales de Photoshop

Este ha sido un tutorial de Photoshop bastante detallado en el que has aprendido cómo usar Photoshop para la creación de sellos personalizados. Si te ha gustado y quieres descubrir más interesantes tutoriales de Photoshop, consulta algunos de los siguientes:

Nota editorial: Este artículo ha sido actualizado con las contribuciones de Maria Villanueva. Maria es la Editora asociada del canal Tuts+ Design.

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.