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 Collage Geométrico 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

Éste tutorial te mostrará cómo usar las herramientas de selección y mover para dividir texto en segmentos y rellenarlos con partes de una imagen, creando un efecto de texto de collage geométrico. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en Graphic River.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

1. Cómo Redimensionar una Imagen y Crear Texto

Paso 1

Abre la Imagen de la Montaña, y luego ve a Imagen > Tamaño de Imagen, escribe 1500 para el valor de Anchura, y haz click en OK.

Image Size

Paso 2

Crea el texto en Mayúsculas usando la fuente Peace Sans. Establece el Color en Negro, el Tamaño en 250 pt, y el valor de Interlineado en 210 pt.

Create the Text

2. Cómo Crear Segmentos

Paso 1

Establece el Color de Frente en Blanco, selecciona la Herramienta Línea, y establece el valor de Grosor en la barra de Opciones en 1

Haz click-y-arrastra para crear una línea que divida una sección de la primera letra que tengas.

Create a Line Shape

Paso 2

Sigue creando más líneas para dividir el texto en un par de segmentos por letra. El número y tamaño de segmentos que creas controla cómo se aprecia el resultado final.

Create the Segments

Paso 3

Agrupa todas las capas de línea que tengas, y luego duplica el grupo y hazlo visible al hacer click en el ícono del ojo junto a él.

Group the Lines

Paso 4

Haz click-derecho en la copia del grupo, elige Combinar Grupo, y renombra la capa combinada a Lines.

Merge the Group

3. Cómo Usar las Opciones de Selección

Paso 1

Haz comando-click en la miniatura de la capa del texto para crear una selección.

Create a Selection

Paso 2

Haz click mientras presionas las teclas Mayúsuculas-Comando-Opción en la miniatura de la capa Lines para hacer que la selección de texto se intersecte con las líneas.

Intersect the Selection

Paso 3

Ve a Seleccion > Invertir, pulsa la tecla Suprimir, y presiona Comando-D para deseleccionar.

Inverse the Selection

4. Cómo Crear una Forma de Trazo Exterior

Paso 1

Duplica la capa de texto original, y renombra la copia Stroke 1.

Duplicate the Text Layer

Paso 2

Haz click-derecho en la capa Stroke 1, y elige Convertir a Forma.

Selecciona la Herramienta Selección Directa (A) y luego, en la barra de Opciones, cambia el Relleno a Ninguno, el Color de Trazo a Blanco, y su Tamaño a 1.

Stroke Settings

Paso 3

Selecciona las capas Stroke 1 y Lines, y presiona Comando-E para combinarlas.

Merge Layers

Paso 4

Haz invisible la capa del texto.

Hide the Text Layer

5. Cómo Crear un Collage

Paso 1

Selecciona la Herramienta Varita Mágica (W), y marca la casilla Contiguo en la barra de Opciones.

Haz click una vez para seleccionar el primer segmento en la primera letra.

Select a Segment

Paso 2

Con la Herramienta Varita Mágica aún activa, haz click-y-arrastra para mover la selección sobre cualquier área dentro de la imagen que tienes.

Move the Selection

Paso 3

Selecciona la capa Background, y presiona Comando-J para duplicar el área elegida en una nueva capa.

Duplicate the Selected Area

Paso 4

Selecciona la Herramienta Mover (V) y haz click-y-arrastra para colocar la parte duplicada en el segmento.

Move the Segment

Paso 5

Repite esos pasos para rellenar todos los segmentos de la primera letra, y luego coloca las capas del segmento en un grupo que tenga el nombre de esa letra.

Fill the Letter Segments

Paso 6

Rellena cada una de las letras restantes, y coloca todos los grupos de letras en un grupo Collage.

Collage Group

6. Cómo Crear un Trazo Exterior y una Sombra

Paso 1

Dupica la capa de texto original, haz la copia visible, renómbrala Shadow, y conviértela en una forma.

Shadow Shape Layer

Paso 2

Duplica la capa Shadow, y renombra la capa de la copia Stroke.

Selecciona la Herramienta Selección Directa (A) y luego, en la barra Opciones, cambia el Relleno a Ninguno, el Color de Trazo a Blanco, y su Tamaño a 2.

Stroke Settings

Paso 3

Arrastra la capa Shadow debajo del grupo Collage, y luego cambia el Color de Trazo a Negro y el Tamaño a 2.

Shadow Settings

Paso 4

Usa la Herramienta Mover y las Teclas de Flecha para alejar la sombra un poco del texto.

Nudge the Shadow

Paso 5

Cambia la Opacidad de la capa Shadow a 30%.

Shaow Opacity

7. Cómo Ajustar el Color Usando una Capa de Ajuste de Curvas

Paso 1

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Curvas.

Add a Curves Adjustment Layer

Paso 2

Para cada canal de color que tienes, selecciónalo del menú desplegable en la parte superior del panel Propiedades, y cambia sus valores ligeramente para lograr un resultado que quieras.

Change the Channel Values

¡Felicidades! Terminaste

En éste tutorial, creamos algún texto y lo dividimos en un par de segmentos.

Luego, utilizamos las herramientas de selección y mover para rellenar los segmentos con diferentes áreas de la imagen y creamos el efecto de collage geométrico.

Finalmente, usamos una capa de ajuste de curvas para ajustar el color del resultado final.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados en la seccion de abajo.

Final Result
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.