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

Cómo Crear un Efecto de Texto Inspirado en Brasil en Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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 inspirado en Brasil en Photoshop, usando un estilo de capa con un motivo que crearemos. En el proceso, aprenderás cosas básicas de la Herramienta Pluma y la Herramienta Convertir Punto, y algunos atajos de teclado que uso cada día.

Si quisieras saltarte éste tutorial pero todavía deseas comprar el estilo, puedes dirígete a Graphic River y compra Countries Styles (Estilos de Países).

Promo Image
Estilos de Países

Recurso del Tutorial

La siguiente fuente fue utilizada durante éste tutorial:

1. Cómo Crear el Motivo

Paso 1

Descarga el archivo zip que es adjuntado a éste tutorial y abre el Motivo Draft en Photoshop. Si ya sabes cómo usar la Herramienta Pluma y quieres saltarte algunos pasos, puedes usar éste motivo que usaremos como borrador para continuar con el tutorial. Solo ábrelo en Photoshop y luego salta hasta el paso 12.

A draft of the pattern

Paso 2

Presiona Control-Mayúsculas-N para crear una nueva capa, y nómbrala Shape 1. Luego toma la Herramienta Pluma (P) para comenzar a dibujar.

Pen tool and a new layer

Paso 3

Haz un acercamiento en la imagen para que se te facilite trabajar con ella. Puedes hacer eso al presionar Control-Espacio-Click (para alejar presiona Alt-Espacio-Click).

Hay muchas maneras de usar la Herramienta Forma. Voy a mostrarte cómo hacer una forma usando una técnica muy sencilla, y luego puedes usar la misma técnica para las otras formas.

Para ver mejor lo que estamos dibujando, necesitamos cambiar el color de la forma. Así que con la Herramienta Pluma seleccionada, cambia el color del Relleno a azul #130eef. Luego selecciona la capa Shape 1 y cambia su Opacidad a 50%.

Changing the color of the fill

Paso 4

Comienza a hacer click en los bordes de la forma con la Herramienta Pluma (no arrastres el mouse, solo haz click). Ésto creará los puntos de ancla. Tenemos que colocarlos en cada vértice definido y donde haya una curva. Sigue haciendo eso hasta que cierres la forma.

Drawing a shape

Paso 5

Ahora toma la Herramienta Convertir Punto y haz click y arrastra en cada punto de ancla que esté en una curva, pero no toques los que están en esquinas definidas. No tiene que ser 100% como la forma original porque es una cosa abstracta, pero trata de hacerlo como en la imagen original.

Aquí están algunos consejos para éste paso.

  • Si necesitas mover un punto de ancla, necesitas mantener presionada la tecla Espacio mientras haces click en el punto de ancla, y luego muévelo donde pienses que encajará mejor.
  • Para remover un punto de ancla innecesario, tienes que hacer click en él con la Herramienta Pluma (P). Para agregar uno nuevo, solo haz click con la Herramienta Pluma donde lo necesites.
  • Para seleccionar un punto de ancla con la Herramienta Convertir Punto, manten presionada la tecla Control y haz click en él. Lo mismo para la Herramienta Pluma (P).
  • Cuando seleccionas un punto de ancla, aparecen dos manejadores. Puedes mantener presionada la tecla Alt y hacer click y arrastrar para cambiar únicamente un manejador.
Refining the shape with the Convert Point Tool

Paso 6

Después de que todas las formas están completadas, cambia la Opacidad de cada capa a 100%.

Changing the opacity of the layers to 100

Paso 7

Crea una nueva capa y nómbrala BG. Luego colócala debajo de las formas.

Creating a new background

Paso 8

Cambia el color de Frente a #e2e2e2 y presiona Alt-Retroceso para rellenar la capa BG con ese color.

Changing the foreground color and applying it to the image

Paso 9

Ahora toma la Herramienta Pluma (P) de nuevo para cambiar el color de las formas para el color correcto. Puedes usar la imagen original y la Herramienta Cuentagotas para seleccionar los colores, o copiarlos de la imagen de abajo. Selecciona la capa de la forma para la cuál quieres cambiar el color, y cambia el color igual que en el paso 3.

Colors of the shapes

Paso 10

Selecciona todas las capas excepto la capa Background (fondo), y luego presiona Control-G para agruparlas.

Selecting all layers and grouping them

Paso 11

Selecciona la capa Group (Grupo) y presiona Control-Atl-Mayúsculas-E para combinar todo en una nueva capa. Luego renombra ésta nueva capa a Base Pattern y oculta las otras capas al hacer click en el ícono del ojo.

Merging the layers

Paso 12

Ve a Imagen > Tamaño de Lienzo y cambia la Anchura a 512 px.

Changing the canvas size

Paso 13

Toma la Herramienta Mover (V) y mueve la capa Base Pattern 128 px a la izquierda.

Moving the layer

Paso 14

Duplica la capa Base Pattern al presionar Control-J. Luego presiona Control-T para activar Transformación Libre. Después mueve la capa 256 px a la derecha. Después de eso, haz click-derecho en la imagen y elige Voltear Horizontal y presiona Enter.

Duplicating a layer and moving the copy

Paso 15

Selecciona las capas Base Pattern y Base Pattern copia, y presiona Control-E para combinarlas. Luego renombra ésta capa a Base.

Selecting the layers and merging them

Paso 16

Ve a Imagen > Tamaño de Lienzo y cambia la Altura a 994 px.

Changing canvas size again

Paso 17

Mueve la capa Base hacia abajo 249 px. Luego haz una copia de la capa Base y presiona Control-T para activar de nuevo Transformación Libre. Luego haz click-derecho en la imagen y elige Voltear Vertical. Después de eso, mueve la capa Base copia hacia arriba 497 px y hacia la izquierda 256 px y presiona Enter.

Moving the layer and flipping it

Paso 18

Ahora haz una copia de la capa Base copia y muévela 512 px hacia la derecha.

Moving a copy of the layer

Paso 19

Ve a Edición > Definir Motivo... y nómbralo Abstract - Brazil Pattern, y luego presiona OK. Después de eso, guarda y cierra el documento.

Saving the pattern

2. Cómo Crear el Estilo de Capa

Paso 1

Ve a Archivo > Abrir... y abre la imagen de fondo que está en el archivo zip.

Background image

Paso 2

Toma la Herramienta Texto (T) y escribe BRAZIL usando la fuente Ash.

Background image with BRAZIL written on it

Paso 3

Haz click-derecho en la capa de texto y elige Opciones de Fusión para crear el Estilo de Capa.

Comencemos con Bisel & Relieve:

  • Estilo: Inglete Interior
  • Técnica: Suave
  • Profundidad: 100%
  • Dirección: Abajo
  • Tamaño: 250 px
  • Suavizar: 0 px
  • Usar Luz Global: Desmarcada
  • Ángulo: 90°
  • Altitud: 50°
  • Contorno de Resplandor: Elige el Brazil Contour (archivo zip)
  • Suavizado: Desmarcada
  • Modo Resaltado: Trama
  • Modo Resaltado Color: #ffffff
  • Modo Resaltado Opacidad: 93%
  • Modo de Sombra: Multiplicar
  • Modo de Sombra Color: #0084ff
  • Modo de Sombra Opacidad: 100%
Bevel and Emboss settings

Paso 4

Ahora agrega un Trazo:

  • Tamaño: 1 px
  • Posición: Interior
  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Sobreimprimir: Desmarcada
  • Relleno Tipo: Degradado
  • Estilo: Lineal
  • Invertir: Desmarcada
  • Alinear Con Capa: Marcada
  • Ángulo: 90°
  • Tramado: Desmarcada
  • Escala: 100%

Ahora haz click en la barra de degradado y añade un degradado con éstos parámetros:

  • Primera Detención de Color: #106a00
  • Primera Detención Posición: 0%
  • Segunda Detención de Color: #7cdc00
  • Segunda Detención Posición: 40%
  • Tercera Detención de Color: #ffffff
  • Tercera Detención Posición: 100%
Stroke settings

Paso 5

Añade una Sombra Interior

  • Modo de Fusión: Superponer
  • Color: #000000
  • Opacidad: 88%
  • Usar Luz Global: Desmarcada
  • Ángulo: 90°
  • Distancia: 0 px
  • Retraer: 12%
  • Tamaño: 21 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Ruido: 0%
Inner Shadow settings

Paso 6

Agrega un Resplandor Interior

  • Modo de Fusión: Sobreexposición Lineal (Añadir)
  • Opacidad: 48%
  • Ruido: 0%
  • Color: #ffffbe
  • Técnica: Más suave
  • Origen: Borde
  • Retraer: 0%
  • Tamaño: 5 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Rango: 50%
  • Vibración: 0%
Inner Glow settings

Paso 7

Agrega una Superposición de Degradado:

  • Modo de Fusión: Luz Intensa
  • Tramado: Desmarcada
  • Opacidad: 100%
  • Invertir: Desmarcada
  • Estilo: Lineal
  • Alinear con Capa: Desmarcada
  • Ángulo: 90°
  • Escala: 100%

Ahora haz click en la barra de degradado y añade un degradado con éstos parámetros:

  • Primera Detención Color: #00688e
  • Primera Detención Posición: 0%
  • Segunda Detención Color: #ffde00
  • Segunda Detención Posición: 51%
  • Tercera Detención Color: #53ba00
  • Tercera Detención Posición: 100%
Gradient Overlay settings

Paso 8

Agrega una Superposición de Motivo

  • Modo de Fusión: Normal
  • Opacidad: 100%
  • Motivo: Elige el motivo que creamos (Abstract - Brazil Pattern)
  • Escala: 25%
  • Enlazar con Capa: Marcada

En éste punto, puedes mover la ventana Estilo de Capa hacia un lado y haz click-izquierdo en la imagen y arrastra el mouse para mover el motivo.

Pattern Overlay settings

Paso 9

Agrega una Sombra Paralela:

  • Modo de Fusión: Normal
  • Color: #00233a
  • Usar Luz Global: Marcada
  • Ángulo: 90°
  • Distancia: 4 px
  • Extensión: 52%
  • Tamaño: 3 px
  • Contorno: Lineal
  • Suavizado: Desmarcada
  • Ruido: 0%
  • La Capa Cubre la Sombra Paralela: Marcada
Drop Shadow settings

Paso 10

Haz click en Estilo Nuevo... para guardar el estilo de capa. Nómbralo Brazil Layer Style y marca las casillas Incluir Efectos de Capa e Incluir las Opciones de Fusión de Capas. Después de eso, haz click en OK para cerrar la ventana Estilo de Capa.

Saving the layer style

¡Felicidades, Terminaste!

En éste tutorial, aprendiste cómo crear un motivo abstracto y usarlo en un estilo de capa en Adobe Photoshop. Comenzamos por crear el motivo, y luego creamos un estilo de capa.

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

Result of the tutorial

Éste efecto de texto que acabamos de crear es parte de Countries Styles (Estilos de Países).

Promo image
Estilos de Países
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.