1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto de Collage Geométrico en Adobe Photoshop

Scroll to top
Read Time: 4 min

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

Final product imageFinal product imageFinal 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 SizeImage SizeImage 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 TextCreate the TextCreate 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 ShapeCreate a Line ShapeCreate 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 SegmentsCreate the SegmentsCreate 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 LinesGroup the LinesGroup the Lines

Paso 4

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

Merge the GroupMerge the GroupMerge 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 SelectionCreate a SelectionCreate 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 SelectionIntersect the SelectionIntersect the Selection

Paso 3

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

Inverse the SelectionInverse the SelectionInverse 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 LayerDuplicate the Text LayerDuplicate 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 SettingsStroke SettingsStroke Settings

Paso 3

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

Merge LayersMerge LayersMerge Layers

Paso 4

Haz invisible la capa del texto.

Hide the Text LayerHide the Text LayerHide 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 SegmentSelect a SegmentSelect 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 SelectionMove the SelectionMove the Selection

Paso 3

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

Duplicate the Selected AreaDuplicate the Selected AreaDuplicate 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 SegmentMove the SegmentMove 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 SegmentsFill the Letter SegmentsFill the Letter Segments

Paso 6

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

Collage GroupCollage GroupCollage 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 LayerShadow Shape LayerShadow 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 SettingsStroke SettingsStroke 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 SettingsShadow SettingsShadow Settings

Paso 4

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

Nudge the ShadowNudge the ShadowNudge the Shadow

Paso 5

Cambia la Opacidad de la capa Shadow a 30%.

Shaow OpacityShaow OpacityShaow 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 LayerAdd a Curves Adjustment LayerAdd 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 ValuesChange the Channel ValuesChange 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 ResultFinal ResultFinal Result
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