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.

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.

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 %

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.

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.

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 %

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

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