Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Crear un Efecto de Texto con Tema Futbolero en Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, le mostraré cómo crear un efecto de texto con tema de fútbol, ​​usando Estilos de Capas básicos, pinceles y un par de texturas. ¡Empecemos!

Recursos para el Tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

1. Cree el Fondo

Paso 1

Cree un nuevo documento 1000 x 1000 px y establezca la Resolución en 300.

Establezca el color de Primer Plano en #d9d9d9 y el color de Fondo en #818181. Seleccione la Herramienta Gradiente, elija el relleno de degradado de Primer Plano a Fondo y haga clic en el ícono de Degradado Radial.

Luego haga clic y arrastre desde un poco por debajo de la esquina superior derecha del documento hasta la esquina inferior izquierda para crear la gradiente de fondo y duplique la capa de Fondo.

Paso 2

Haga doble clic en la capa de copia de fondo para aplicar un efecto de Superposición de Motivo, cambiando el Modo de Fusión a Multiplicar, la Opacidad a 70% y utilizando el Patrón de Textura Blanco.

Paso 3

Esto agregará una textura sutil al fondo.

2. Cree y Dele Estilo al Texto

Paso 1

Cree el texto usando la fuente Lobster 1.3. El Color es #3f3f3f, y el Tamaño es 70 pt.

Paso 2

Duplique la capa de texto y haga doble clic en la copia para aplicar el Estilo de Capa a continuación:

Paso 3: Bisel y Relieve

  • Tamaño: 3
  • Marque la casilla Anti-Alias

Paso 4: Contorno

  • Contorno: Semicírculo
  • Marque la casilla Anti-Alias

Paso 5: Sombra paralela

  • Distancia: 1
  • Tamaño: 1

Paso 6

Esto le dará estilo al texto.

3. Convierta a Forma y Modifique los Atributos de Forma

Paso 1

Seleccione la capa de texto original y vaya a Texto > Convertir en forma.

Paso 2

Haga clic en el ícono Operaciones de trazado en la barra de Opciones y a continuación haga clic en Combinar Componentes de Forma. Esto garantizará una mejor aplicación de los Efectos de Capa.

Paso 3

Tome la Herramienta de Selección Directa y en la barra de Opciones fije el Color de trazo a #e0e1e3, el Tamaño a 3, luego haga clic en el ícono Establecer tipo de trazo de forma y cambie Alineación a Exterior.

Paso 4

Duplicar la capa de Forma y luego arrastre la copia hacia la parte superior de la capa de texto. Vaya a Capa > Rasterizar > Forma y cambie el valor de Relleno a 0.

Paso 5

Duplique la capa de forma original una vez más, arrastre la copia debajo de la original y luego cambie ambos colores de Relleno y Trazo a #000000.

Paso 6

Cambie el nombre de la capa copiada a Sombra de Texto, vaya a Capa > Rasterizar > Forma y haga la capa invisible haciendo clic en el ícono de ojo situado junto a ella.

4. Dele Estilo a la Capa del Borde Externo de la Forma

Haga doble clic en la capa original de la forma (la primera justo por encima de la capa Sombra de Texto) para aplicar el siguiente Estilo de Capa:

Paso 1: Bisel y Relieve

  • Tamaño: 1
  • Marque la casilla Anti-Alias
  • Modo de Sombra > Opacidad: 35%

Paso 2: Contorno

  • Marque la casilla Anti-Alias.

Paso 3: Sombra Paralela

El efecto de Sombra Paralela se usa en caso de que no quiera agregar la parte de hierba debajo del texto. Si usted agrega la hierba sin embargo, puede simplemente desmarcar este efecto para obtener un resultado más realista.

  • Opacidad: 35%

Paso 4

Esto le dará estilo al trazo exterior del texto.

5. Dele Estilo a la Capa Superior con Textura de Cuero

Haga doble clic en la capa rasterizada (la que está encima de la capa de texto) para aplicar el siguiente Estilo de Capa:

Paso 1: Bisel y relieve

  • Tamaño: 1
  • Marque la casilla Anti-Alias
  • Modo de Resaltado: Luz Lineal
  • Opacidad: 100%
  • Modo de Sombra > Opacidad: 35%

Paso 2: Contorno

  • Marque la casilla Anti-Alias.

Paso 3: Textura

  • Motivo: Textura Blanca
  • Escala: 25%

Paso 4

Esto le dará estilo a la capa superior y añadirá el efecto de cuero al texto.

6. Cree el Rectángulo de Grama Principal

Paso 1

Elija la Herramienta Rectángulo y cree un rectángulo blanco detrás del texto (debajo de la capa de Sombra de Texto).

Paso 2

Seleccione la Herramienta de Selección Directa, haga clic y arrastre para seleccionar las dos esquinas superiores del rectángulo.

Paso 3

Vaya a Edición > Transformar puntos > Escala, mantenga presionada la tecla Alt/Opción y, a continuación, arrastre uno de los lados del rectángulo hacia dentro. La tecla Alt/Option también arrastra el otro lado.

Necesitará arrastrar los puntos hasta que estén detrás del texto, creando una ilusión de un efecto 3D/perspectiva. Una vez que haya terminado, pulse la tecla Enter/Return para aceptar los cambios.

7. Añadiendo la Textura de Hierba

Paso 1

Coloque la imagen de Grass0138_20_M sobre la capa del rectángulo, luego vaya a Edición > Transformar > Perspectiva y clic arrastrar una de las esquinas superiores moviéndola hacia dentro, presione Enter/Return para aceptar los cambios.

Paso 2

Haga clic con el botón derecho en la capa de textura de hierba y seleccione Crear Máscara de Recorte. Puede utilizar la Herramienta Mover para mover la textura dentro del rectángulo hasta que esté conforme con el resultado.

Paso 3

Seleccione la Herramienta Pincel, abra el Panel de Pincel (Ventana > Pincel), elija la punta de Dune Grass y modifique su Configuración como se muestra a continuación.

Una vez que haya terminado de modificar las configuraciones, haga clic en el icono Crear pincel nuevo en el panel Pincel y escriba un nombre para la punta del pincel. Esto agregará el pincel a los pinceles programados para que pueda usarlo más adelante en el tutorial también.

Forma de la Punta del Pincel
Dinámica de la Forma
Dispersión
Dinámica de Color
Transferencia

8. Delimite los bordes de la hierba

Paso 1

Utilice la Herramienta de Selección Directa para seleccionar los puntos de anclaje de la forma del rectángulo de hierba, luego vaya a Edición > Copiar.

Paso 2

Crear una nueva capa encima de la capa de textura de hierba y llamar a Contorno de Hierba, luego vaya a Edición > Pegar. Esto pega el trazo en el documento.

Paso 3

Seleccione de nuevo la Herramienta Pincel y establezca el color del Primer Plano en #232d05 y el color de Fondo en #7b892a. Pulse la tecla Enter/Return 3 veces para contronear el trazado con el pincel de hierba, luego tome la Herramienta de Selección Directa y presione Enter/Return una vez más para deshacerse del trazo.

Paso 4

Command/Ctrl-clic sobre la miniatura de la capa del rectángulo para crear una selección.

Paso 5

Vaya a Selección > Modificar > Contraer e ingrese 2. Esto contraerá la selección 2 px hacia adentro.

Paso 6

Vaya a Seleccionar > Refinar Borde, marque la casilla Radio inteligente y cambie el valor del Radio a 3.

Paso 7

Pulse la tecla Eliminar para deshacerse de la parte seleccionada y luego vaya a Seleccionar > Deseleccionar. Esto ayudará a fusionar la hierba del trazo con la textura de la hierba un poco mejor.

Paso 8

Elija la Herramienta Superponer, y en la barra de Opciones, elija una punta suave redonda de 65 píxeles, establezca el Rango a Tonos Medios y la Fuerza a 50%.

Luego comience a aclarar el trazo donde se encuentra con las áreas brillantes de la textura original. Una vez más, esto ayudará con la mezcla de ambas partes más fácilmente.

9. Añada la Tierra Debajo de la Hierba

Paso 1

Utilice la Herramienta Rectángulo para crear un rectángulo más pequeño debajo del rectángulo de hierba y a continuación, siguiendo los mismos pasos que antes, seleccione las dos esquinas inferiores para transformarlas hacia dentro.

Paso 2

Coloque la imagen SoilCliff0027_1_S en la parte superior del rectángulo pequeño, asegurándose de mostrar algo de la hierba en la parte superior.

Paso 3

Command/Ctrl-clic en la miniatura de la capa de rectángulo pequeño para crear una selección, luego presione Command/Ctrl-J para duplicar la selección en una nueva capa. Elimine la capa de textura SoilCliff0027_1_S original.

Paso 4

Copie y pegue la ruta de trabajo del rectángulo pequeño en la capa de copia SoilCliff0027_1_S, establezca el color de Primer Plano en #6a492b y el color de Fondo en #4e3119 y trace la ruta 2-3 veces con el mismo pincel de hierba. No se olvide de deshacerse de la ruta después también.

Paso 5

Coloque la imagen SoilSand0046_1_S encima de la capa SoilCliff0027_1_S de copia y vaya a Edición > Transformar > Perspectiva para mover las esquinas inferiores hacia el interior.

Paso 6

Haga clic con el botón derecho en la capa de tierra y seleccione Crear Máscara de Recorte y luego cambie su Modo de Fusión a Multiplicar.

Paso 7

Haga doble clic en la capa de tierra recortada para aplicar un efecto de Superposición de Degradado, cambiando el Modo de Fusión a Luz Suave y utilizando una gradiente de Negro a Blanco.

Paso 8

Con el cuadro Estilo de Capa aún abierto, haga clic y arrastre el degradado en el documento para moverlo, de modo que sea más oscuro en la parte superior y más claro en la parte inferior.

Paso 9

Eso es todo para la parte de tierra debajo de la hierba.

10. Agregue la Sombra y la Suciedad Dispersa

Paso 1

Escoja la Herramienta Pincel y elija una punta redonda de 150px, ajuste el color de Primer Plano a #a1a1a, haga invisible la capa del rectángulo pequeño, cree una nueva capa encima de ella, llámela Sombra y cambie su Modo de Fusión a Luz Lineal.

Coloque la punta del pincel en la esquina frontal izquierda del rectángulo para que su centro se encuentre en el centro de la parte de tierra, haga clic y mantenga presionada la tecla Mayúsculas y arrastre hasta la esquina frontal derecha para crear la sombra.

Paso 2

Elija la Herramienta Borrador y utilice una punta de cepillo redondo suave para borrar cualquier sombra adicional alrededor de los bordes.

Paso 3

Elija la Herramienta Pincel nuevamente, elija la punta de Tiza de 11 Píxeles y modifique su Configuración como a continuación:

Forma de la Punta del Pincel
Dinámica de la Forma
Dispersión
Dinámica del color

Paso 4

Establezca el color de Primer Plano en #6a492b y el color de Fondo en #4e3119, cree una nueva capa debajo de la capa Sombra, llámela Dispersión, luego pinte a lo largo de la sombra para agregar algo de tierra.

11. Agregue Hierba al Frente del Texto; Modifique la Sombra

Paso 1

Seleccione la Herramienta Tampón, seleccione la capa de textura de hierba, presione y mantenga presionada la tecla Alt/Option y luego haga clic en donde la última letra coincide con la hierba.

Paso 2

Cree una nueva capa sobre todas las demás capas, llámela Hierba, con la Herramienta Tampón todavía seleccionada, elija la punta del pincel de hierba modificada y comience a pintar algo de hierba en la parte inferior del texto.

Paso 3

Seleccione la Capa Sombra de Texto y hágala visible haciendo clic en la casilla vacía junto a donde estaba el ojo, luego vaya a Edición > Transformar > Perspectiva para mover las esquinas superiores hacia adentro.

Paso 4

Vaya a Edición > Transformar > Distorsionar, luego haga clic y arrastre la parte superior hacia abajo para colocar la sombra en la hierba. Usted también puede mover las esquinas si es necesario, y una vez que esté conforme con el resultado, pulse la tecla Enter/Return para aceptar los cambios.

Paso 5

Cambie el Modo de Mezcla de la capa Sombra de Texto a Multiplicar y su Opacidad al 50%.

Paso 6

Vaya a Filtro > Desenfoque > Desenfoque Gaussiano, y cambie el Radio a 5.

12. Cree los Detalles del Centro

Paso 1

Command/Ctrl-clic en la miniatura de la capa de rectángulo grande para crear una selección, cree una nueva capa debajo de la capa Sombra de Texto, llámela Centro, cambie su Modo de Fusión a Luz Lineal y establezca el color de Primer Plano en #a1a1a1.

Paso 2

Tome la Herramienta Pincel, elija un pincel redondo de 35 px y establezca su Dureza en 90%. Haga clic en la parte superior central del rectángulo, mantenga presionada la tecla Mayúsculas y luego arrástrela hasta la parte inferior.

Paso 3

Cambie el Tamaño del Pincel a 200 px, y la Redondez al 50%, luego agregue la elipse en el centro del rectángulo.

Paso 4

Escoja la Herramienta Borrador, utilice una punta de pincel redonda, ajuste el Tamaño a 150 px, la Dureza al 90% y la Redondez al 50%, luego haga clic en el centro de la elipse que agregó en el paso anterior para borrar su centro dejando sólo un borde externo.

Paso 5

Haga clic en el ícono Crear Nuevo Relleno o Capa de Ajuste abajo en el panel Capas y elija Mapa de Degradado.

Paso 6

Coloque la capa de ajuste encima de todas las capas, cambie su Modo de Fusión a Multiplicar y su Opacidad a 3. Para el Degradado, utilice los colores #2c1f12 a la izquierda y #deaf41 a la derecha. Esto sólo agregará una corrección de color muy sutil al resultado final.

Paso 7

No se olvide de remover el efecto de Sombra Paralela (Paso 4.3) del borde externo.

¡Felicitaciones! Ha terminado.

En este tutorial, le mostramos cómo crear un efecto de texto con tema futbolero utilizando sólo algunas técnicas y herramientas simples en Photoshop. Comenzamos escribiendo un poco de texto, luego, agregamos algunos efectos de estilo de capa, añadimos un campo de hierba, y finalmente, agregamos algunos toques finales. Espero que haya aprendido algo de este tutorial y pueda aplicar las técnicas que demostré en su propio trabajo.

Por favor, no dude en dejar sus comentarios, sugerencias y resultados a continuación.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.