1. Design & Illustration
  2. Tattoo Design

Usa una fuente para tatuajes para crear un tatuaje realista en Photoshop

by
Read Time:7 minsLanguages:

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

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

Una fuente para tatuaje es la manera más fácil de crear un estilizado tatuaje en muy poco tiempo. En este tutorial, te mostraré cómo añadir un tatuaje realista en Photoshop usando una de ellas. Vamos a agregar algunos efectos de texto a la fuente, deformarla, y aplicar efectos fotográficos de textura y brillo. El proceso es rápido y puede ser usado para todos los colores de piel.

Síguenos en nuestro canal de Envato Tuts+ en YouTube:

Usa una fuente para tatuajes para crear un tatuaje realista en Photoshop

Paso 1

Abre tu foto (utilicé esta). Usa la Herramienta Texto (T) para agregar el texto del tatuaje. Cambia la fuente a una fuente para tatuaje (por ejemplo Rocksands), centra el texto y redimensiónalo. El texto debería ser más ancho que el área donde lo estás ubicando.

Puedes encontrar más fuentes para tatuaje al final de este tutorial:

tattoo font texttattoo font texttattoo font text

Paso 2

Con el texto seleccionado, haz clic en Deformar Texto. Elige el estilo que encaje con la forma y la perspectiva de la parte del cuerpo en la que estés trabajando.

warp textwarp textwarp text

Paso 3

Vamos a acentuar la perspectiva un poco más. Cuando las letras se alejan de nosotros, se hacen más angostas. Selecciona el texto y abre el panel Carácter. Selecciona las primeras tres letras y reduce su anchura a 75%. Disminuye la distancia entre ellas en 10.

change letters distancechange letters distancechange letters distance

Selecciona las primera dos letras y haz el efecto aún más fuerte.

make text tightermake text tightermake text tighter

Finalmente, selecciona la primera letra y agrégale un cambio aún más drastico.

warp text realisticallywarp text realisticallywarp text realistically

Ajusta el otro lado de la misma manera, pero ten en cuenta que aquí el ángulo no es tan agudo.

how to warp text without rasterizinghow to warp text without rasterizinghow to warp text without rasterizing

Paso 4

Reubica y vuelve a escalar el texto si es necesario con la Herramienta Transformación Libre (Control-T). Haz clic derecho y selecciona Rasterizar Texto.

scale the textscale the textscale the text

Paso 5

Duplica (Control-J) la capa fondo y arrástrala hacia arriba. Aplica Filtro > Enfocar > Enfoque Suavizado y fortalece la textura con ella. Ve a Imagen > Ajustes > Desaturar, luego Imagen > Ajustes > Niveles. Profundiza el contraste arrastrando el marcador de la izquierda y el marcador blanco hacia el centro. No te excedas, pues necesitamos la textura de la piel.

sharpen skin texturesharpen skin texturesharpen skin texture
increase contrastincrease contrastincrease contrast

Paso 6

Copia esta imagen y guárdala como un archivo separado. Nómbralo Map.

create displace mapcreate displace mapcreate displace map

Paso 7

Oculta esta capa y regresa a la capa de texto. Aplica Filtro > Distorsionar > Desplazar. Haz clic en OK y selecciona el archivo Map. Después de realizar la distorsión, decide si es demasiado fuerte o demasiado débil. Si es necesario, aplica deshacer y repite, esta vez ajustando los valores según corresponda.

use displace filteruse displace filteruse displace filter
displacement texturedisplacement texturedisplacement texture

Paso 8

Agrupa el texto (Control-G). Agrega una Máscara de Capa al grupo. Pinta de negro para eliminar las partes que quedan afuera del cuerpo.

add layer maskadd layer maskadd layer mask
clean up the edgeclean up the edgeclean up the edge

Paso 9

Duplica la capa fondo y arrástrala sobre el grupo. Aplícale el filtro Enfoque Suavizado. Mantén presionada la tecla Alt y haz clic en la línea entre las capas para recortarla con respecto al grupo ubicado debajo.

add skin textureadd skin textureadd skin texture
clip the layerclip the layerclip the layer

Paso 10

Agrega un ajuste de Tono/Saturación para hacer el tatuaje azul oscuro. Cambia su Modo de Fusión a Oscurecer.

add hue saturation adjustmentadd hue saturation adjustmentadd hue saturation adjustment
colorize the skincolorize the skincolorize the skin

Paso 11

Muestra la capa superior y también recórtala. Cambia su Modo de Fusión a Trama. Haz doble clic en esta capa. En la sección Fusionar Si es, mantén presionada la tecla Alt y arrastra el marcador negro superior hacia la derecha. De esta manera, eliminarás el efecto de la parte sombreada de la piel. Mantén presionada la tecla Alt para dividir el marcador buscando un efecto más gradual. Disminuye la Opacidad para un brillo más realista.

remove dark effectremove dark effectremove dark effect
add shine to skinadd shine to skinadd shine to skin
create relistic shine tattoocreate relistic shine tattoocreate relistic shine tattoo

Paso 12

Haz doble clic en el texto (¡no en el grupo!) para acceder al panel de su Estilo de Capa. Añade una Sombra Paralela para simular una profundidad sutil.

add blowout to tattooadd blowout to tattooadd blowout to tattoo
tattoo blowout effecttattoo blowout effecttattoo blowout effect

Paso 13

Si quieres hacer más visible este efecto, también puedes agregar un Resplandor Exterior. Ajusta su intensidad con opacidad, tamaño y ruido.

add glow to textadd glow to textadd glow to text
photoshop text effectsphotoshop text effectsphotoshop text effects

Paso 14

Si quieres añadir este efecto fotográfico a una piel más oscura, aplica el mismo proceso. En la mayoría de los casos lucirá bien, pero en ocasiones tendrás que ajustar el color del tatuaje o la opacidad de la profundidad.

dark skin tattoodark skin tattoodark skin tattoo

Fuentes para tatuaje

¿Necesitas una fuente para tatuaje para incluirla en tu proyecto? Consulta estas propuestas:

Manuscrita inuTattoo

inuTattoo ScriptinuTattoo ScriptinuTattoo Script

Fuente para tatuaje Incógnito

Incognito Tattoo FontIncognito Tattoo FontIncognito Tattoo Font

Manuscrita Milestone

Milestone ScriptMilestone ScriptMilestone Script

Fuente para tatuaje american traditional

American Traditional Tattoo FontAmerican Traditional Tattoo FontAmerican Traditional Tattoo Font

Tipografía Flathead

Flathead TypefaceFlathead TypefaceFlathead Typeface

¡Buen trabajo!

Ahora sabes cómo usar una fuente utilizada en tatuajes para añadir un tatuaje realista a una foto en Photoshop. Si quieres consultar más fuentes para tatuaje o aprender más sobre diseño de tatuajes, prueba estos tutoriales:

tattoo text design photoshoptattoo text design photoshoptattoo text design photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads