Texto con efecto bandera en Photoshop

Hacía ya bastante tiempo que no escribía un tutorial de Photoshop, así que hoy me he propuesto hacerlo en este nuevo post de El Blog de la Informática 10, en concreto, os voy a explicar cómo añadir un efecto bandera al texto utilizando Photoshop.

Texto con efecto bandera en Photoshop (resultado final)

En primer lugar, crearemos una imagen de tamaño, a elegir por vosotros, pero para este ejemplo utilizaré un 400 x 200 píxeles.

A continuación, escribiremos el texto al que vamos a aplicar este efecto bandera. En este ejemplo, he utilizado la tipografía Snap ITC y el color #bababa. Evidentemente podéis elegir la tipografía que queráis, pero como consejo, es mejor que sea ancha para que se vea mejor el efecto que vamos a aplicar … incluso con los controles de transformación, en vez de seleccionar un tamaño en concreto, podemos agrandarla hasta abarcar el área de la imagen creada.

Texto con efecto bandera en Photoshop (paso 1)

Haciendo clic con el botón derecho en el panel Capas en la que contiene el texto accederemos a las opciones de fusión de la capa donde aplicaremos los siguientes efectos. Algo a destacar es que uso Photoshop CS3 por lo que tal vez algunas opciones no se llamen igual.

  • Sombra interior
    • Modo de fusión: Multiplicar
    • Color: Negro
    • Opacidad: 50%
    • Ángulo: –30º (Desactivar Usar luz global)
    • Distancia: 3 px
    • Retraer: 10 %
    • Tamaño: 8 px
  • Resplandor interior
    • Modo de fusión: Multiplicar
    • Opacidad: 50 %
    • Color: Negro
    • Técnica: Preciso
    • Tamaño: 7 px
  • Bisel y relieve
    • Estilo: Inglete interior
    • Técnica: Redondeado
    • Profundidad: 150 %
    • Dirección: Arriba
    • Tamaño: 5 px
    • Suavizado: 3 px
  • Superposición de degradado
    • Modo de fusión: Multiplicar
    • Opacidad: 30 %
    • Degradado: Negro – Transparente
    • Estilo: Lineal (Activar Alinear con capa)
    • Ángulo: 90 º
    • Escala: 30 %

Texto con efecto bandera en Photoshop (paso 2)

El siguiente paso será buscar la bandera de España (o la que queramos aplicar) en internet o directamente de la wikipedia. En este ejemplo, como el ancho de la imagen era 400 píxeles nos bastará con descargar la de tamaño 500px.

Descargada la imagen de la bandera, la abriremos en Photoshop y la incluiremos como capa en la imagen donde tenemos escrito el texto. Al igual que con el texto, ajustaremos el alto y ancho por medio de la herramienta Mover con los controles de transformación.

Texto con efecto bandera en Photoshop (paso 3)

En este momento del tutorial nos fijaremos en el panel Capas y comprobaremos que tenemos la capa Fondo, encima de ésta la del texto y encima la de la bandera.

Si todo es correcto, haremos clic con el botón derecho sobre la capa de la bandera y seleccionaremos Crear máscara de recorte. Con esto, la bandera se recortará y tomará la forma del texto.

Texto con efecto bandera en Photoshop (paso 4)

Para terminar, de nuevo accedemos a las opciones de fusión de la capa que contiene el texto y en Bisel y relieve seleccionaremos las siguientes características para el apartado Sombra.

  • Ángulo: 95 º
  • Desactivar Usar luz global
  • Altitud: 26 º
  • Contorno resplandor: Gaussiano
  • Modo de resaltado: Luz intensa (color blanco)
  • Opacidad: 100 %
  • Modo de sombra: Luminosidad (color negro)
  • Opacidad: 100 %

Texto con efecto bandera en Photoshop (paso 5)

Como práctica adicional podríamos seguir aplicando banderas para obtener resultados parecidos a los que muestra la siguiente imagen.

Texto con efecto bandera en Photoshop (resultado final)

José M. García
@josem2112
El Blog de la Informática 10

6 comentarios:

Kenia Rodriguez dijo...

Este blog es muy bueno

José M García dijo...

Hola Kenia

gracias por el comentario y que tengas un buen fin de semana :-)

DESIGNLAND dijo...

Hola amigo, mira por donde me apetecía un cambio de look en el blog y lo he aplicado jaja...gracias. Un besoo ;)

José M García dijo...

Sí, yo también llevo toda la tarde cambiando cosas jajaja, gracias Lucía, buen fin de semana :-)

KaRolliina CoBa dijo...

Gracis por tu información esta super padre el blog :D

José M García dijo...

Gracias KaRolliina, saludos :-)

Publicar un comentario

Cualquier comentario que incluya en su contenido la dirección URL de una web o blog será reportado inmediatamente por spam y no será publicado.