Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto de explosión de colores en Adobe Photoshop

Scroll to top
Read Time: 6 min

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

Este tutorial te mostrará cómo usar un par de coloridas imágenes con textura, con una acción de Photoshop y algunos overlays (superposiciones) de humo y textura para crear un fácil efecto de texto de explosión colorida. ¡Comencemos!

Recursos del tutorial

Dos de los elementos del tutorial de hoy están disponibles gratuitamente este mes mediante Envato Elements.

Free files on Envato ElementsFree files on Envato ElementsFree files on Envato Elements

Los siguientes recursos se usaron durante la producción de este tutorial:

1. Cómo crear las capas de fondo y de texto

Paso 1

Crea un nuevo documento de 1500 x 1000 px, haz clic en el ícono Crear nueva capa de relleno o de ajuste en la parte inferior del panel Capas, elige Color uniforme, y establece el color de relleno en Negro.

Solid ColorSolid ColorSolid Color

Paso 2

Crea el texto en Mayúsculas usando la fuente Ministry Bold, y establece el Tamaño en 500 pt y el Tracking en 50.

Puedes incrementar el Tamaño del lienzo si tu texto no cabe.

Create the TextCreate the TextCreate the Text

2. Cómo rellenar texto con texturas de imagen

Paso 1

Aplica Archivo > Colocar elementos enlazados, y abre la imagen Gota de pintura azul cayendo en agua. Pulsa la tecla Intro, y da clic derecho en la capa para elegir Crear máscara de recorte.

Luego, presiona Comando-T para entrar en el Modo de transformación libre y redimensionar, rotar y mover la imagen dentro de la primera letra que tienes hasta que esté rellena de la textura.

Pulsa la tecla Intro para confirmar los cambios.

Add an Image TextureAdd an Image TextureAdd an Image Texture

Paso 2

Pulsa las teclas Comando-clic en la miniatura de la capa de texto para cargar una selección.

Load a SelectionLoad a SelectionLoad a Selection

Paso 3

Toma la Herramienta marco rectangular, mantén presionada las teclas Mayúsculas-Opción para formar una intersección de la selección, y dibujar un rectángulo alrededor de la primera letra que tienes.

Una vez que liberas todas, solo se seleccionará la primera letra.

Intersect SelectionsIntersect SelectionsIntersect Selections

Paso 4

Asegúrate de que la capa de la textura de imagen esté seleccionada, presiona las teclas Comando-J para duplicar la selección en una nueva capa, y eliminar la capa de la imagen original.

Duplicate the SelectionDuplicate the SelectionDuplicate the Selection

Paso 5

Repite los mismos pasos para añadir otras texturas de imagen a las letras restantes. Una vez que termines, oculta la capa de texto.

Repeat to Fill all the LettersRepeat to Fill all the LettersRepeat to Fill all the Letters

3. Cómo guardar y cargar selecciones

Paso 1

Selecciona todas las capas que tengas excepto la capa de texto y aplica Capa > Combinar capas.

Merge LayersMerge LayersMerge Layers

Paso 2

Pulsa las teclas Comando clic en la capa de texto para cargar una selección.

Load a SelectionLoad a SelectionLoad a Selection

Paso 3

Aplica Selección > Guardar selección y escribe Text en el campo Nombre.

Save SelectionSave SelectionSave Selection

Paso 4

Elimina la capa de texto.

Usaremos la selección para pintar dentro del área del texto, así que si en algún momento necesitas otra vez la selección, puedes simplemente aplicar Selección > Cargar selección y elegir la selección de Text del menú Canal.

Load SelectionLoad SelectionLoad Selection

4. Cómo usar la acción de Photoshop tormenta de arena

Paso 1

Toma la Herramienta pincel, crea una nueva capa arriba de todas las capas y nómbrala brush. El nombre es muy importante, así que asegúrate de que esté bien escrito y en mayúsculas.

Create the Brush LayerCreate the Brush LayerCreate the Brush Layer

Paso 2

Este es un paso opcional, pero ayuda a crear un resultado más dinámico. Abre el panel Pincel y usa estos ajustes para las pestañas Forma de la punta del pincel y Dinámica de forma.

Brush SettingsBrush SettingsBrush Settings

Paso 3

Establece el Color de fondo en cualquier color que te guste, y comienza a pintar en las áreas que quieras que se fragmenten.

La acción viene con muchas opciones de dirección (izquierda, derecha, arriba, abajo y centro). Así que ten en cuenta la dirección en la que quieres que las partes se dispersen.

También, considera que las partes se generarán desde dentro de las áreas pintadas, lo que significa que el tamaño del pincel también afecta el resultado.

Paint Over the TextPaint Over the TextPaint Over the Text

5. Cómo ejecutar la acción

Paso 1

Una vez que termines de pintar, presiona las teclas Comando-D para deseleccionar.

Abre el panel Acciones, carga la acción si aún no lo has hecho y elige la dirección que quieres.

Haz clic en el ícono de Reproducir selección en la parte inferior del panel Acciones para ejecutar la acción y espera a que se ejecute. Esto podría tomar un par de minutos.

Run the ActionRun the ActionRun the Action

Paso 2

Después de que obtienes el resultado, puedes ver que aún tienes las capas Fondo y brush. Si no te gusta el resultado, puedes eliminar las capas de la acción, efectuar algunos cambios en la capa brush y ejecutar de nuevo la acción.

En este proceso no hay algo correcto o equivocado, únicamente es a base de prueba y error hasta que obtienes el resultado que quieres.

Action ResultAction ResultAction Result

Paso 3

Una vez que logras el resultado deseado, puedes verificar todas las carpetas y las capas de la acción y realizar ajustes en cualquiera de ellas.

Por ejemplo, aquí reduje uniformemente el grupo Particle Groups. Puedes continuar y hacer cualquier otro cambio, eliminar áreas no deseadas usando las máscaras y probar las diferentes opciones disponibles en el grupo COLOR.

Action Folders and LayersAction Folders and LayersAction Folders and Layers

6. Cómo añadir las capas de superposiciones de humo y textura

Paso 1

Coloca una de las imágenes de humo arriba de una de las letras, transfórmala como sea necesario y cambia el Modo de fusión de su capa a Trama.

Add a Smoke ImageAdd a Smoke ImageAdd a Smoke Image

Paso 2

Aplica Imagen > Ajustes > Tono/Saturación, marca la casilla Colorear y cambia la Saturación a 50.

Luego arrastra el control deslizante Tono hasta que obtengas un color similar al color de la textura de la letra, y haz clic en OK.

HueSaturationHueSaturationHueSaturation

Paso 3

Agrega una máscara a la capa de humo y pinta cualquier área que no te guste.

Mask Out Unwanted AreasMask Out Unwanted AreasMask Out Unwanted Areas

Paso 4

Agrega otras imágenes de humo al resto de las letras que tengas, con diferentes colores basándote en los colores de la textura de la letra.

Pon todas las capas de textura de humo en un grupo y nómbralo Smoke.

Smoke GroupSmoke GroupSmoke Group

Paso 5

Coloca la imagen Paisaje arriba de todas las capas, redimensiónala para que llene todo el documento y cambia el Modo de fusión de su capa a Luz suave y su Opacidad a 50%.

Add the Landscape ImageAdd the Landscape ImageAdd the Landscape Image

¡Felicidades! ¡Terminaste!

En este tutorial, creamos texto, lo rellenamos con texturas coloridas y guardamos su selección. Luego, pintamos algunas áreas y ejecutamos una acción de Photoshop para crear un efecto de explosión de colores.

Finalmente, agregamos un par de imágenes de textura de humo y una imagen de superposición de textura para terminar el efecto.

Por favor con toda confianza puedes dejar tus comentarios, sugerencias y resultados a continuación.

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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads