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

Cómo Crear un Efecto de Texto de Tela de Camuflaje en Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

En éste tutorial te mostraré cómo crear un efecto de texto de tela de camuflaje o "camo" en Adobe Photoshop. Aprenderás cómo usar algunos filtros de Photoshop y crear motivos con ellos. luego aprenderás cómo usar los motivos con estilos de capa para crear el resultado final.

Si quisieras saltarte éste tutorial pero todavía deseas comprar el efecto de texto, puedes dirigirte a GraphicRiver y comprar Estilos de Tela.

El paquete completo tiene ocho diferentes efectos de texto y funciona con formas y texto.

Fabric Styles
Estilos de Tela

Recursos del Tutorial

Los siguientes recursos fueron usados durante éste tutorial:

  • Aller Display
  • Fondo y Contorno adentro del archivo zip adjunto a éste tutorial.

1. Cómo Crear el Motivo de Tela

Paso 1

Abre Photoshop y crea un nuevo documento de 18 x 18 px.

Creating a new document

Paso 2

Cambia el color de frente a #6b6b6b.

Changing the foreground color

Paso 3

Presiona Control-Mayúsculas-N para crear una nueva capa. Luego toma la Herramienta Rectángulo y dibuja un cuadrado de 6 x 6 px en la esquina superior izquierda (Puedes hacer un acercamiento en la imagen con Control-Espacio-Click-Izquierdo).

Necesitamos una textura como la imagen de abajo. Nota que tenemos tres diferentes colores en la imagen: #6b6b6b para el color claro, #3f3f3f para el color medio, y #121212 para el color oscuro. Continúa haciendo cuadrados de 6 x 6 px en capas separadas hasta que rellenes todo el documento de 18 x 18 px.

Creating the texture

Paso 4

Ve a Edición > Definir Motivo y nombra el motivo Fabric Texture Tutorial. Luego haz click en OK para guardar el motivo.

Saving the pattern

2. Cómo Crear la Textura de Camuflaje

Paso 1

Crea un nuevo documento de 486 x 486 px.

Creating a new document

Paso 2

Presiona D para restablecer los colores de frente y de fondo. Luego ve a Filtro > Interpretar > Nubes.

Using the Clouds filter

Paso 3

Ve a Filtro > Pixelizar > Mosaico, establece el Tamaño de celda en 18 cuadrados y haz click en OK.

Using the Mosaic filter

Paso 4

Ve a Filtro > Galería de Filtros. Luego selecciona Cuarteado en la categoría Artístico con éstos parámetros:

  • Número de Niveles: 4 o 5 (prueba y ve cual te gusta más)
  • Simplicidad de Borde: 1
  • Fidelidad de Borde: 1
Using the cutout filter

Paso 5

Ahora haz doble-click en la capa Background (Fondo) para desbloquear la capa. Luego renómbrala Base Camo y haz click en OK.

Renaming the layer

Paso 6

Haz doble-click en la capa Base Camo para abrir la ventana Estilo de Capa. Agrega una Superposición de Motivo con éstos ajustes:

  • Modo de Fusión: Luz Fuerte
  • Opacidad: 52%
  • Motivo: Selecciona el motivo que creamos antes (Fabric Texture Tutorial)
  • Escala: 100%
  • Enlazar con Capa: Marcada

Haz click en OK.

Pattern Overlay settings

Tu imagen debería verse así:

How the image should look

Paso 7

Ve a Ventana > Ajustes para abrir el panel Ajustes.

Opening the Adjustments Panel

Paso 8

Agrega una Mapa de Degradado al dar click en el último ícono del panel.

Creating a gradient map layer

Paso 9

Haz doble-click en el ícono del degradado de la capa Mapa de Degradado 1. El panel Propiedades emergerá.

Opening the properties panel

Paso 10

Haz click en la barra de degradado del panel Propiedades para abrir el Editor de Degradado.

Puedes experimentar con éste siguiente paso y realizar diferentes colores. Voy a crear una textura verde.

Crea un degradado con éstos parámetros:

  • Primera Detención Color: #0c1005
  • Primera Detención Posición: 0%
  • Segunda Detención Color: #8aa269
  • Segunda Detención Posición: 51%
  • Tercera Detención Color: #e3efcc
  • Tercera Detención Posición: 100%
Creating a Gradient map

Paso 11

Selecciona la capa Base Camo y ve a Edición > Definir Motivo, y lugo nombra el motivo Camo Fabric y haz click en OK.

Saving the pattern

3. Cómo Crear la Textura del Borde

Paso 1

Crea un nuevo documento de 4 x 4 px con un fondo negro.

Creating a new document

Paso 2

Haz un acercamiento en la imagen hasta que veas los pixeles individuales. Luego toma la Herramienta Lápiz con un tamaño de 1 px y dibuja una línea blanca diagonal como se muestra en la imagen de abajo.

Drawing a white line with the pencil tool

Paso 3

Ve a Edición > Definir Motivo y nómbralo Border Texture.

Saving the pattern

4. Cómo Crear los Estilos de Capa

Paso 1

Abre la imagen de Background (Fondo) que está dentro del archivo zip adjunto a éste tutorial.

Background image

Paso 2

Toma la Herramienta Texto (T) con la fuente Aller Display y tamaño de 179 pt y escribe FABRIC. Luego colócala en el estante del fondo.

Horizontal type tool and its settings

Paso 3

Haz doble-click en la capa de texto para abrir la ventana Estilo de Capa.

Comencemos con la Superposición de Motivo para que podamos ver lo que está ocurriendo con la imagen.

Agrega la Superposición de Motivo con éstos parámetros:

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Motivo: Selecciona la textura que creamos (Camo Fabric)
  • Escala: 25%
  • Enlazar con Capa: Marcada
Pattern Overlay settings

Paso 4

Agrega un Bisel & Relieve con éstos parámetros:

  • Estilo: Relieve
  • Técnica: Redondeado
  • Profundidad: 174%
  • Dirección: Arriba
  • Tamaño: 4 px
  • Suavizar: 0 px
  • Usar Luz Glogal: Desmarcada
  • Ángulo: 90°
  • Altitud: 48°
  • Contorno de Resplandor: Haz click en la casilla y Cargar para instalar el archivo de contorno que está dentro del archivo zip
  • Modo Resaltado: Trama
  • Modo Resaltado Color: #ffffff
  • Mod Resaltado Opacidad: 10%
  • Modo de Sombra: Normal
  • Modo de Sombra Color: #364928
  • Modo de Sombra Opacidad: 81%
Bevel and Emboss settings

Paso 5

Agrega un Trazo con éstos parámetros:

  • Tamaño: 4 px
  • Posición: Exterior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Sobreimpresión: Desmarcada
  • Tipo de Relleno: Motivo
  • Motivo: Selecciona el motivo Camo Fabric
  • Escala: 25%
  • Enlazar con Capa: Marcada
Stroke settings

Paso 6

Agrega una Sombra Interior con éstos parámetros:

  • Mod de Fusión: Luz Lineal
  • Opacidad: 2%
  • Usar Luz Glogal: Desmarcado
  • Ángulo: -27°
  • Distancia: 6 px
  • Retraer: 6%
  • Tamaño: 8 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Ruido: 0%
Inner Shadow settings

Paso 7

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Superponer
  • Opacidad: 20%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Origen: Centro
  • Retraer: 39%
  • Tamaño: 27 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Rango: 85%
  • Vibración: 0%
Inner Glow settings

Paso 8

Agrega un Resplandor Exterior con éstos parámetros:

  • Modo de Fusión: Luz Lineal
  • Opacidad: 100%
  • Ruido: 59%
  • Color: #969c8e
  • Técnica: Más suavizado
  • Extensión: 100%
  • Tamaño: 4 px
  • Contorno: Lineal
  • Suavizado: Marcada
  • Rango: 100%
  • Vibración: 0%
Outer Glow settings

Paso 9

Agrega una Sombra Paralela con éstos parámetros:

  • Mod de Fusión: Normal
  • Color: #000000
  • Opacidad: 100%
  • Usar Luz Glogal: Desmarcada
  • Ángulo: 146°
  • Distancia: 1 px
  • Extensión: 26%
  • Tamaño: 10 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
  • La Capa Cubre la Sombra Paralela: Marcada
Drop Shadow settings

Paso 10

Selecciona la capa de texto y presiona Control-J para duplicarla. Luego renombra la copia a Camo TOP.

Renaming the layer

Paso 11

Haz click-derecho en la capa Camo Top y elige Borrar estilo de capa. Luego haz doble-click en ella para abrir la ventana Estilo de Capa.

Agrega un Bisel & Relieve con éstos parámetros:

  • Estilo: Relieve
  • Técnica: Redondeado
  • Profundidad: 174%
  • Dirección: Arriba
  • Tamaño: 4 px
  • Suavizar: 0 px
  • Usar Luz Glogal: Desmarcada
  • Ángulo: 90°
  • Altitud: 48°
  • Contorno de Resplandor: Selecciona el contorno que instalamos antes (Fabric Custom)
  • Suavizado: Marcado
  • Modo Resaltado: Trama
  • Modo Resaltado Color: #ffffff
  • Modo Resaltado Opacidad: 0%
  • Modo de Sombra: Normal
  • Modo de Sombra Color: #4d6326
  • Modo de Sombra Opacidad: 15%
Bevel and Emboss settings

Paso 12

Agrega un Trazo con éstos parámetros:

  • Tamaño: 2 px
  • Posición: Exterior
  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 45%
  • Sobreimpresión: Desmarcada
  • Tipo de Relleno: Motivo
  • Motivo: Selecciona Border Texture (Ésto creará la ilusión de costuras en los bordes)
  • Escala: 200%
  • Enlazar con Capa: Marcada
Stroke settings

Paso 13

Agrega una Sombra Interior con éstos parámetros:

  • Modo de Fusión: Luz Suave
  • Color: #000000
  • Opacidad: 20%
  • Usar Luz Global: Desmarcada
  • Ángulo: -27°
  • Distancia: 0 px
  • Retraer: 62%
  • Tamaño: 10 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Ruido: 0%
Inner Shadow settings

Paso 14

Agrega un Resplandor Interior con éstos parámetros:

  • Modo de Fusión: Superponer
  • Opacidad: 4%
  • Ruido: 0%
  • Color: #ffffff
  • Técnica: Más suavizado
  • Origen: Centro
  • Retraer: 53%
  • Tamaño: 16 px
  • Contorno: Lineal
  • Suavizado: Desmarcado
  • Rango: 85%
  • Vibración: 0%

Después de eso, haz click en OK.

Inner Glow settings

¡Felicidades, Terminaste!

En éste tutorial, aprendiste cómo crear un efecto de texto de tela de camuflaje en Adobe Photoshop.

Comenzamos por crear una textura de tela, luego creamos una textura de camuflaje y combinamos ambas texturas. Luego creamos una tercer textura para el borde del texto Después de eso, creamos dos estilos de capa usando las tres texturas.

No olvides guardar los estilos, para que puedas usarlos con otras cosas.

Final Result

Espero que hayas disfrutado éste tutorial, y con toda confianza deja tus comentarios abajo.

Éste efecto de texto que acabamos de crear es parte de Estilos de Tela.

Fabric Styles
Estilos de Tela
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.