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

Crea un efecto de texto inspirado en una pelota de béisbol en Photoshop

Scroll to top
Contents
Scroll to top
Contents
Read Time: 11 min

() translation by (you can also view the original English article)

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

Aplicar textura a un efecto de texto puede ser muy divertido. En este tutorial explicaremos cómo crear un efecto de texto inspirado en la pelota de béisbol utilizando estilos de capas, motivos y pinceles. ¡Empecemos!

Recursos del tutorial

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

Paso 1

Crea un nuevo documento de 1024 x 645 px.

Puedes usar cualquier otro valor para el Alto y el Ancho dependiendo del texto que vayas a crear.

Descarga la Textura de césped 1, colócala encima de tu capa de "Fondo", y luego cambia su tamaño según sea necesario.

Cambia el nombre de la capa a "Textura de césped".

Paso 2

Los colores del césped son un poco oscuros y desaturados. Para solucionar esto, ve a Imagen > Ajustes > Equilibrio de color, asegúrate de que Medios tonos es la opción activa en Tonos, y luego modifica los valores como se muestra a continuación.

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Luces a 226. Esto iluminará un poco la textura. Usaremos Capas de ajuste más adelante, así que eso sería todo por ahora para la textura de césped.

Paso 3

Crea el texto utilizando la fuente Merkin. El color es #e6e6e6 y el tamaño es 250pt. Establece el valor Tracking en 100 para evitar superposiciones, y haz clic en el icono Todo en mayúsculas.

Presiona la tecla Ctrl/Cmd y haz clic en el icono de la capa de texto para crear una selección.

Paso 4

Ve a Selección > Modificar > Expandir y escribe 15. Esto expandirá la selección 15 px hacia afuera.

Crea una nueva capa debajo de la capa de texto y llámala "Trazo".

Establece el color del Primer plano en #e7e7e7, y rellena la selección con ese color. Puedes ir a Selección > Deseleccionar, o pulsar Ctrl/Cmd + D para cancelar la selección.

Paso 5

Vamos a separar el trazo del texto. Así que pulsa Ctrl/Cmd + clic en el icono de la capa de texto una vez más, luego ve a Selección > Modificar > Expandir, y escribe 1.

Asegúrate de que la capa "Trazo" esté activa (seleccionada), y pulsa Borrar para deshacerte de las partes internas del trazo.

Paso 6

Esto es opcional, pero si quieres borrar partes del trazo que conectan algunos bordes de la letra para mejorar el trazo, puedes usar la herramienta Borrador. O bien, puedes simplemente pulsar Ctrl/Cmd + clic en el icono de la capa de texto para crear una selección, y luego expandirla (Seleccionar > Modificar > Expandir) en valores inferiores a 15. Por ejemplo, el valor 10 se usará aquí para mejorar el trazo en la parte superior de la letra S.

Ve a Selección > Invertir para invertir la selección.

Usa la herramienta Borrador para eliminar las partes no deseadas. Este método permite obtener la forma exacta de las áreas no deseadas, en lugar de borrarlas al azar. Por supuesto, los valores más bajos de "Expandir" permiten borrar áreas más grandes, y viceversa.

Paso 7

Es hora de crear el Pincel de costuras. Haz uno nuevo de 23 x 82 px.

Elige la herramienta Elipse y establece el color de Primer plano en negro.

Haz clic en la esquina superior izquierda del documento y arrastra hasta la esquina inferior derecha para crear una elipse.

No te preocupes si algunos bordes de la elipse no aparecen, lo harán en el siguiente paso.

Para mostrar todos los bordes y continuar creando el pincel, ve a Imagen > Tamaño del lienzo, y establece el Ancho en 100 px.

Paso 8

Pulsa Ctrl/Cmd + T para entrar en el modo Transformación libre. Gira la elipse 45° en el sentido de las agujas del reloj. (Puedes escribir el valor en el campo Girar en la barra de opciones de la parte superior). Pulsa Enter/Retorno para aceptar y salir del modo de Transformación libre

Duplica la capa de la elipse y presiona Ctrl/Cmd + T para transformar libremente la copia.

Escribe -100% en el campo Ancho (en la barra de opciones en la parte superior) para voltear la elipse horizontalmente. Presiona Enter/Retorno para aceptar.

A continuación vamos a rasterizar las dos capas de forma, pero primero, agrúpalas para que tengas las capas originales disponibles en caso de que algo salga mal después de rasterizar.

Paso 9

Duplica el grupo, ve a Capa > Combinar grupo, o presiona Ctrl/Cmd + E para combinar las capas del grupo y hacer invisible el grupo original haciendo clic en el icono del ojo junto a él. Ahora, ambas capas de forma están rasterizadas y combinadas en una sola capa.

Utiliza la herramienta Marco rectangular para crear una selección alrededor de la parte inferior de la costura. El Alto de la selección debe estar alrededor de 13 px, puedes verificarlo en el panel de información (Ventana > Info).

Presiona Suprimir para deshacerte de la parte seleccionada, y presiona Ctrl/Cmd + D para cancelar la selección.

Una vez más, usa la herramienta Marco rectangular para crear una selección en la parte media de la costura. El ancho de la selección debe ser de alrededor de 2 px.

Pulsa Suprimir y pulsa Ctrl/Cmd + D.

Ve a Imagen > Cortar y aplica los siguientes valores. Una vez que hagas clic en OK, el espacio blanco extra alrededor de la costura será eliminado. Esto ayuda a definir el tamaño del pincel con mayor precisión.

Por último, ve a Edición > Definir valor de pincel y escribe un nombre para el pincel. Puedes guardar el archivo PSD si quieres también.

Paso 10

Volvamos al documento original, abre el panel Pincel (Ventana > Pincel), y elige el "Pincel de costuras" (probablemente tendrá un tamaño aproximado de 90 o 100 px). Cambia los ajustes en Forma de la punta del pincel como se muestra a continuación, y asegúrate de cambiar el Ángulo a 90°.

Cambia también los ajustes en Dinámica de forma como se muestra a continuación, y asegúrate de elegir Dirección en el menú desplegable Control, bajo la sección Variación del ángulo. Esto es importante ya que hará que las costuras sigan la dirección del trazado del texto en lugar de tener el mismo ángulo en todas partes.

Paso 11

Haz clic con el botón derecho del ratón en la capa de texto y elige Crear trazado de trabajo.

Crea una nueva capa encima de todas las capas y llámala "Costuras".

Establece el color del Primer plano en #d5002c, elige la herramienta Selección directa, haz clic con el botón derecho del ratón en el trazado y elige Contornear trazado.

Selecciona el Pincel en el menú desplegable Herramienta y asegúrate de que la casilla Simular presión no esté marcada.

Esto contorneará el trazado con las costuras. Presiona Enter/Retorno para terminar con el trazado.

A continuación, vamos a aplicar algunos Estilos de capa.

Paso 12

Antes de aplicar los Estilos de capa, puede que necesites Cargar los Contornos utilizados. Para ello, ve a Edición > Gestor de ajustes preestablecidos y elige Contornos en el menú desplegable Tipo ajuste preest.

Haz clic en la pequeña flecha de la esquina superior derecha, y elige Contornos

Haz clic en Añadir para agregar los nuevos contornos a los ya existentes.

Haz doble clic en la capa de texto para aplicar los siguientes Estilos de capa:

Sombra interior: Cambia la Distancia a 0 y el Tamaño a 16.

Resplandor interior: Cambia el Modo de fusión a Multiplicar, la Opacidad a 30, el color a #c9ac86, la Fuente a Centro, el Tamaño a 59, y el Contorno brillante a Gaussiano - Inverso.

Bisel y relieve: Cambia el tamaño a 24 y el color del Modo de sombra a #a6a6a6.

Textura: Carga el archivo .pat (motivo) en la carpeta de Textura de cuero sin costuras para usarlo.

A continuación, cambia la Escala a 50 y la Profundidad a 15.

Satinado: Solo cambia el color a #e4e4e4.

Esto creará un bonito efecto de cuero/goma.

Paso 13

Haz doble clic en la capa del Trazo para aplicar los siguientes Estilos de capa:

Sombra paralela: Cambia el color a #5a543d, la Distancia a 0 y el Tamaño a 10.

Sombra interior: Cambia la Distancia a 0 y el Tamaño a 3.

Resplandor interior: Cambia el Modo de fusión a Multiplicar, el color a #a67c5a, la Fuente a Centro, y el Tamaño a 16.

Bisel y relieve: Cambia el Tamaño a 16 y el color del Modo de sombra a #a6a6a6.

Textura: Usa la misma textura de cuero, y cambia la Escala a 50 y la Profundidad a 20.

Esto aplicará el efecto al trazo.

Paso 14

Haz doble clic en la capa de las Costuras para aplicar los siguientes Estilos de capa:

Sombra paralela: Cambia el color a #686868, la Distancia a 0 y el Tamaño a 2.

Bisel y relieve: Cambia la Profundidad a 521, el Tamaño a 1, el Modo resaltado a Luz suave y el color del Modo de sombra a #939393.

Contorno: Elije Aro como contorno y marca la casilla Suavizado.

Textura: Usa el motivo Paisaje de metal (Metal Landscape), cambia la Escala a 31 y la Profundidad a 100.

Esto añadirá algo de profundidad y dimensión a las costuras.

Eso es todo en cuanto a los Estilos de capa.

Paso 15

Pulsa Ctrl/Cmd + clic en el icono de la capa de texto para crear una selección, luego pulsa Ctrl/Cmd + Shift + clic en el icono de la capa "Trazo", para añadir el trazo a la selección de texto.

Crea una Nueva capa encima de todas las capas y llámala "Grunge", luego cambia su Modo de fusión a Multiplicar.

Establece el color del Primer plano en #9a8b74, y elige uno de los pinceles del Conjunto de pinceles Grunge undercover para añadir algo de suciedad al texto.

Puedes ajustar el valor de la Opacidad, si quieres. Aquí se establece en 70%.

Paso 16

Duplica la capa "Textura de césped", y luego arrastra y suelta la copia sobre todas las capas.

Pulsa Ctrl/Cmd + clic en el icono de la capa de texto para crear una selección.

Ve a Selección > Modificar > Expandir, y escribe 15 para seleccionar tanto el texto como el trazo. A continuación, ve a Selección > Invertir para invertir la selección.

Haz clic en el icono Añadir máscara de capa en el panel Capas (Ventana > Capas). Esto hará que el texto aparezca de nuevo. Usaremos la máscara para añadir algo de césped sobre el texto más tarde.

Paso 17

Modificamos un poco los colores del césped al principio del tutorial. Y ahora, añadiremos algunas Capas de ajuste para mejorar los colores de toda la imagen, lo que aportará un agradable aspecto vintage y ayudará a fusionar bien todos los elementos.

Así que haz clic en el icono Añadir nueva capa de ajuste en el panel Capas y elige Equilibrio de color.

Asegúrate de que Medios tonos es la opción activa en Tonos, y luego modifica los valores como se muestra a continuación.

Ahora selecciona las Sombras, y escribe los siguientes valores:

Añade otra Capa de ajuste de equilibrio de color y cambia los valores de los Medios tonos como se muestra a continuación.

Y cambia los valores de las Sombras como se muestra abajo también. Esos valores sacarán a relucir los muchos y hermosos colores del césped que antes no eran tan vivos.

Paso 18

Crea una nueva capa encima de todas las capas y llámala "Degradado". Cambia su Modo de fusión a Luz suave, y su valor de Opacidad a 70%.

Establece el color del Primer plano en #724c21, selecciona la herramienta Degradado, elige el tipo de relleno De primer plano a transparente, haz clic en el icono de Degradado radial en la barra de opciones y marca la casilla Invertir. Haz clic en el centro del documento y arrastra el cursor a una de las esquinas para crear el Degradado.

Esto añadirá una profundidad básica a la imagen para que no parezca tan plana.

Haz clic en el icono Añadir nueva capa de ajuste y elige Niveles esta vez.

Cambia el valor de Sombras a 20. Esto oscurecerá un poco la imagen. Puedes experimentar con los valores.

Paso 19

Es hora de añadir un poco de césped sobre el texto. Así que abre el panel Pincel (Ventana > Pincel) y elige el pincel Dune Grass (Césped de dunas).  Modifica la forma de la punta del pincel como se muestra a continuación.

También, cambia los valores de Dinámica de forma como se muestra a continuación.

Ten en cuenta que siempre puedes girar la punta del pincel en la pestaña Forma de la punta del pincel, moviendo la flecha del Ángulo o escribiendo diferentes valores. Esto hará que añadir el césped sea más fácil en diferentes ángulos y áreas.

Paso 20

Establece el color de Primer plano en #000000 y el color de Fondo en #ffffff, selecciona la herramienta Borrador, haz clic en la Máscara de capa de la "Copia de la textura de césped".

Pinta algunos trazos cortos, al azar, cerca de los bordes del texto. Siempre puedes presionar Ctrl/Cmd + Z para deshacer si no te gusta el resultado, y luego volver a pintar. También puedes cambiar el Tamaño y el Ángulo del pincel cuando lo necesites. Solo trata de que el texto no se hunda en el césped, no exageres.

Si ajustas el controlador de los colores del Primer plano y el Fondo, puedes usar la herramienta Borrador para borrar las partes no deseadas con un pincel circular definido.

Imagen final

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.
One subscription. Unlimited Downloads.
Get unlimited downloads