1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Consejo rápido: Cómo crear un efecto de texto con temática deportiva utilizando estilos de capa en Photoshop

Scroll to top

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

En este rápido tutorial te mostraremos cómo crear un efecto de texto con temática deportiva utilizando estilos de capa en Photoshop. ¡Empecemos!


Recursos del tutorial

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


Paso 1

Prepara los recursos y crea el documento. Primero crea un nuevo documento .PSD, 600 x 400 píxeles en modo RGB, 72 PPP con cualquier color de fondo. Ahora prepara tus recursos. Instala las fuentes SF Sports Night en tu ordenador y abre el archivo .PAT.


Paso 2

Crea el fondo. Primero necesitamos cambiar nuestro color de fondo. Cambia tu color de primer plano a #111F2A como se ve en la imagen de abajo. A continuación, pulsa simplemente Alt+Supr y tu fondo debería cambiar a ese color.

Ahora crea una capa a partir del fondo haciendo clic con el botón derecho del ratón en el menú de capas y eligiendo la opción "Capa a partir de fondo". A continuación, ve a Menú > Capa > Estilo de capa > Opciones de fusión y utiliza los ajustes que aparecen a continuación. También puedes acceder a las opciones de fusión de dos formas más rápidas. La primera y más rápida es hacer doble clic en la capa en el menú de capas. La otra forma es hacer clic con el botón derecho del ratón sobre la capa en el menú de capas y elegir Opciones de fusión. Cuando hayas terminado con todos los ajustes, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión!

Para el efecto final de fondo, duplica la capa de fondo. Puedes lograrlo haciendo clic con el botón derecho del ratón sobre la capa en el menú de capas y eligiendo "Duplicar capa" en las opciones. Vamos a aplicar sólo el motivo en esta capa duplicada, así que primero borramos el estilo anterior en esta capa duplicada yendo a Menú > Capa > Estilo de capa > Borrar estilo de capa, y luego iniciamos uno nuevo yendo a Menú > Capa > Estilo de capa > Opciones de fusión y utilizamos la configuración de abajo. También puedes acceder a las opciones de fusión de dos maneras más rápidas. La primera y más rápida es hacer doble clic en la capa en el menú de capas. La otra forma es hacer clic con el botón derecho del ratón sobre la capa en el menú de capas y elegir Opciones de fusión. Cuando hayas terminado con todos los ajustes, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión!

Esta capa duplicada debe estar por encima de la capa de fondo original en tu menú de capas.


Paso 3

Comienza a crear el texto; MAGIC. Ahora podemos empezar a crear nuestro primer efecto de texto. Primero escoge la herramienta Texto y cambia el tipo de letra a SF Sports Night NS, tamaño alrededor de 158 pt y Método de suavizado Enfocado. Ahora escribe tu texto en algún lugar del centro de la imagen. puedes escribir cualquier palabra, pero en este tutorial usaré "MAGIC". Como puedes ver, he utilizado una variante alternativa de la misma fuente para la letra "M". Es la SF Sports Night NS Alternate.

Ahora continuaremos con la deformación de nuestro texto. Ve a Menú > Edición > Transformar > Deformar y utiliza los ajustes de la imagen de abajo.


Paso 4

Personalización de la primera capa de texto con la palabra MAGIC. Por último, estamos listos para empezar con nuestro estilo de texto. Ve a Menú > Capa > Estilo de capa > Opciones de fusión y utiliza los ajustes que aparecen a continuación en nuestro texto. También puedes utilizar los métodos más rápidos para acceder a las Opciones de fusión del "Paso 2" de este tutorial. Cuando hayas terminado con todos los ajustes de abajo, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión! Esta capa de texto añadirá algunas sombras al resultado final.


Paso 5

Personalización de la segunda capa de texto con la palabra MAGIC. Ahora duplicamos nuestra capa de texto "MAGIC" para que la capa duplicada esté por encima de la original. Primero borramos el estilo anterior en esta capa duplicada yendo a Menú > Capa > Estilo de capa > Borrar estilo de capa y luego iniciamos uno nuevo yendo a Menú > Capa > Estilo de capa > Opciones de fusión y utilizando los ajustes de abajo en nuestro texto. También puedes utilizar los métodos más rápidos para acceder a las Opciones de fusión del "Paso 2" de este tutorial. Cuando hayas terminado con todos los ajustes de abajo, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión! Esta capa de texto añadirá el efecto de texto principal en el resultado final.


Paso 6

Personalización de la tercera capa de texto con la palabra MAGIC. Ahora duplicamos nuestra capa de texto "MAGIC" para que esta capa duplicada esté por encima de la primera capa duplicada. Primero borramos el estilo anterior en esta capa duplicada yendo a Menú > Capa > Estilo de capa > Borrar estilo de capa y luego iniciamos uno nuevo yendo a Menú > Capa > Estilo de capa > Opciones de fusión y utilizando los ajustes de abajo en nuestro texto. También puede utilizar los métodos más rápidos descritos en el "Paso 2" de este tutorial para acceder a las Opciones de fusión. Cuando hayas terminado con todos los ajustes de abajo, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión! Esta capa de texto añadirá algunos efectos más al resultado final.


Paso 7

Empieza a crear el texto "SAN DIEGO". Ahora podemos empezar a crear nuestras próximas palabras con un efecto de texto diferente. Primero elige la herramienta Texto y vuelve a elegir la fuente SF Sports Night NS, con un tamaño de unos 59 pt y Método de suavizado Enfocado. Ahora escribe tu texto en algún lugar del centro de la imagen. Puedes escribir cualquier palabra, pero en este tutorial usaré "SAN DIEGO". Como puedes ver, he utilizado una variante alternativa de la misma fuente para la letra "M". Es la SF Sports Night NS Alternate.

Ahora continuaremos con la deformación de nuestro texto. Ve a Menú > Edición > Transformar > Deformar y utiliza los ajustes de la imagen de abajo.


Paso 8

Personalización de la primera capa de texto SAN DIEGO. Finalmente estamos listos para empezar con nuestro estilo de texto. Ve a Menú > Capa > Estilo de capa > Opciones de fusión y utiliza los ajustes de abajo en nuestro texto. También puedes utilizar los métodos más rápidos descritos en el "Paso 2" de este tutorial para acceder a las Opciones de fusión. Cuando hayas terminado con todos los ajustes de abajo, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión! Esta capa de texto añadirá una sombra en el resultado final.


Paso 9

Personalización de la segunda capa de texto SAN DIEGO. Ahora duplicamos nuestra capa de texto "SAN DIEGO" para que la capa duplicada esté por encima de la original. Primero borramos el estilo anterior en esta capa duplicada yendo a Menú > Capa > Estilo de capa > Borrar estilo de capa y luego iniciamos uno nuevo yendo a Menú > Capa > Estilo de capa > Opciones de fusión y utilizando los ajustes de abajo en nuestro texto. También puedes utilizar los métodos más rápidos descritos en el "Paso 2" de este tutorial para acceder a las Opciones de fusión. Cuando hayas terminado con todos los ajustes de abajo, ¡no olvides pulsar "OK" en la ventana de Opciones de fusión! Esta capa de texto añadirá el efecto de texto principal en el resultado final.


Paso 10

Creación de las estrellas. Para hacer una estrella, necesitaremos usar la herramienta Polígono con la Estrella blanca de 5 puntas seleccionada como puedes ver en la imagen de abajo. Dibuja sólo una estrella, duplicaremos la estrella final más tarde.

También continuaremos con la deformación de esta forma. Ve a Menú > Edición > Transformar > Deformar y utiliza los ajustes que se muestran en la siguiente imagen.


Paso 11

Como puedes ver, el estilo de las estrellas en el resultado final es el mismo que en el texto de SAN DIEGO. No necesitamos personalizar los estilos de nuevo ya que podemos guardar los de SAN DIEGO y simplemente usarlos en las estrellas. ¿Cómo hacerlo? Primero necesitamos guardar los dos estilos usados en el texto de SAN DIEGO. Haz clic en la capa superior del texto SAN DIEGO y ve a Menú > Capa > Estilo de capa > Opciones de fusión. Allí pulsa el botón "Nuevo estilo..." de la derecha y marca ambas opciones en una ventana emergente. Puedes ponerle un nombre a tu estilo y luego darle a OK. Haz lo mismo con la segunda capa del texto SAN DIEGO. En mi ejemplo he llamado a esos estilos "TOP" (Superior) y "SHADOW" (Sombra).

Una vez que hayas guardado ambos estilos, podrás encontrarlos en tu paleta de estilos. Si no puedes ver tu paleta de estilos ve a Menú > Ventana > Estilos para abrirla. Ahora selecciona la capa de la "estrella" en tu menú de capas y haz clic en el estilo "SOMBRA" en tu menú de estilos para aplicarlo a la forma. Ahora duplica la capa de la "estrella" de forma que la capa duplicada esté por encima de la original y utiliza el estilo "SUPERIOR" en ella.

Ahora deberías ver el efecto final de la primera estrella. Para hacer otra, simplemente selecciona ambas capas de la "estrella" (la selección de múltiples capas puede hacerse con un clic en la primera y luego un clic en la segunda mientras mantienes presionada la tecla Ctrl o Cmd) y ve a Menú > Capa > Duplicar capas. Mueve las dos nuevas capas creadas a la derecha y reduce la escala de ambas un poco. También tendrás que rotar ambas capas para que se vean como en mi imagen final. He rotado ambas alrededor de 6 grados.

Haz lo mismo con la tercera estrella, pero esta vez gírala unos 9 grados.


Paso 12

Opcionalmente, puedes volver a colorear la primera estrella para que sea más oscura como en mi tutorial. Esto se puede hacer seleccionando la capa SUPERIOR de la primera forma de estrella y yendo a Menú > Capa > Estilo de capa > Opciones de fusión donde puedes cambiar la superposición de colores.


Imagen final