Efecto de texto de explosión de luz colorida con Photoshop CS6

Efecto de texto de explosión de luz colorida CS6

Efecto de texto de explosión de luz colorida con Photoshop CS6

En este tutorial de efectos de texto, aprenderemos cómo envolver el texto en rayos de luz y color que lo atraviesan y rodean. Esta versión del tutorial ha sido completamente reescrita y actualizada para Photoshop cs6. Si está utilizando una versión anterior de Photoshop, querrá seguir el tutorial original de Colorful Light Burst Text.

Aquí el efecto que crearemos. Por supuesto, este es solo un ejemplo del efecto. Puede elegir el texto y los colores que desee:

Un efecto de texto de explosión de luz colorida creado con Photoshop CS6

El efecto de explosión de luz colorida.

Hay bastantes pasos involucrados en la creación de este efecto de texto, pero todos están completamente explicados y son fáciles de seguir, incluso si es nuevo en Photoshop. Una vez más, esta versión del tutorial es específicamente para usuarios de Photoshop CS6. Para versiones anteriores de Photoshop, asegúrese de consultar el tutorial original. ¡Empecemos!

Paso 1: cree un nuevo documento de Photoshop

Empecemos desde cero creando un nuevo documento para el efecto. Sube al Expediente menú en la barra de menú en la parte superior de la pantalla y elija Nuevo:

Creando un nuevo documento de Photoshop desde el menú Archivo.  Imagen © 2013 Photoshop Essentials.com

Ir a Archivo> Nuevo.

Esto abre el cuadro de diálogo Nuevo documento donde podemos configurar varias opciones para nuestro nuevo documento, incluidas sus dimensiones. Para este tutorial, simplificaré las cosas seleccionando Web Para el Preestablecido cerca de la parte superior del cuadro de diálogo, que establece automáticamente la Ancho para 800 píxeles y el Altura para 600 píxeles. También establece el Resolución valor a 72 píxeles por pulgada, pero a menos que esté creando este efecto para imprimir, no necesita preocuparse por la resolución. los Contenidos de fondo La opción en la parte inferior debe establecerse en blanco. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo y se abrirá un nuevo documento de Photoshop relleno en blanco en su pantalla:

El cuadro de diálogo Nuevo documento en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

El cuadro de diálogo Nuevo documento.

Paso 2: agregue su texto

Ahora que tenemos nuestro nuevo documento, agreguemos algo de texto. Selecciona el Tipo de herramienta desde el panel Herramientas en el extremo izquierdo de la pantalla:

Selección de la herramienta Texto en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Selección de la herramienta Texto.

Presione la letra D en su teclado para restablecer rápidamente su Colores de primer plano y de fondo a sus valores predeterminados, lo que establecerá su color de primer plano en negro (y su color de fondo a blanco). Photoshop utiliza el color de primer plano actual como color del texto, lo que significa que el color del texto ahora también será negro.

A continuación, elija su fuente en el Barra de opciones a lo largo de la parte superior de la pantalla. Este efecto funcionará mejor con letras gruesas, así que elegiré Impactoy estableceré el tamaño inicial de mi fuente en 72 pt. Veremos cómo cambiar fácilmente el tamaño del texto una vez que lo hayamos agregado. Para obtener más detalles sobre cómo trabajar con texto en Photoshop, asegúrese de consultar nuestro tutorial completo de Photoshop Type Essentials:

Configuración de las opciones de tipo en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Configuración de las opciones de fuente en la barra de opciones.

Con la Herramienta de texto en la mano, las opciones de fuente configuradas y el color del texto en negro, haga clic dentro del documento y agregue su texto. Escribiré las palabras «RÁFAGA DE LUZ»:

Agregar texto al documento de Photoshop.  Imagen © 2013 Photoshop Essentials.com

Añadiendo mi texto.

Cuando haya terminado, haga clic en el marca de verificación en la barra de opciones para aceptarlo y salir del modo de edición de texto:

Hacer clic en la marca de verificación para aceptar el texto.  Imagen © 2013 Photoshop Essentials.com

Hacer clic en la marca de verificación en la barra de opciones.

Si echamos un vistazo rápido al panel Capas, vemos que el texto aparece en un Capa de tipo encima de la capa de fondo llena de blanco:

El panel Capas que muestra el texto en una capa de Texto.  Imagen © 2013 Photoshop Essentials.com

El panel Capas que muestra la capa Tipo recién agregada.

Paso 3: cambiar el tamaño del texto con transformación libre

Si su texto parece demasiado pequeño, como el mío, podemos cambiar su tamaño fácilmente usando el comando Transformación libre de Photoshop. Sube al Editar en la parte superior de la pantalla y elija Transformación libre:

Seleccionando el comando Transformación libre en el menú Editar.  Imagen © 2013 Photoshop Essentials.com

Ir a Editar> Transformación libre.

Esto coloca el cuadro Transformación libre y las manijas (los pequeños cuadrados) alrededor del texto. Para cambiar el tamaño del texto, haga clic y arrastre cualquiera de los manijas de esquina. Mantenga presionado su Cambio mientras arrastra las manijas para restringir las proporciones de su texto para no distorsionar la forma de las letras (asegúrese de soltar el botón del mouse primero antes de soltando la tecla Shift). También puede mover el texto a su posición haciendo clic en cualquier lugar dentro del cuadro delimitador de Transformación libre y arrastrando con el mouse. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) en su teclado para aceptarlo y salir del modo Transformación libre:

Cambiar el tamaño del texto con el comando Transformación libre.  Imagen © 2013 Photoshop Essentials.com

Hacer clic y arrastrar los tiradores de las esquinas para cambiar el tamaño del texto.

Paso 4: Rasterizar la capa de texto

A continuación, necesitamos convertir nuestro texto de una capa de Tipo en píxeles, un proceso conocido como rasterizado. Sube al Escribe menú (nuevo en CS6) en la parte superior de la pantalla y elija Rasterizar capa de tipo:

Seleccionando el comando Rasterize Type Layer del nuevo menú Type en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Ir a Texto> Rasterizar capa de texto.

No parecerá que le haya pasado nada al texto, pero si miramos en el panel Capas, vemos que nuestra capa Tipo se ha convertido en una capa estándar basada en píxeles:

El panel Capas que muestra la capa de Texto rasterizado.  Imagen © 2013 Photoshop Essentials.com

La capa Tipo ahora es una capa basada en píxeles.

Paso 5: guarde el texto como una selección

Necesitamos crear un esquema de selección a partir de nuestro texto y luego guardar la selección para que podamos volver a cargarla más tarde. Para crear el contorno de la selección, mantenga presionada la tecla control (Ganar) / Mando (Mac) en su teclado y haga clic directamente en la capa de texto vista previa en miniatura en el panel Capas:

Haciendo clic en la miniatura de vista previa de la capa.  Imagen © 2013 Photoshop Essentials.com

Hacer clic en la miniatura de vista previa mientras mantiene presionada la tecla Ctrl (Win) / Comando (Mac).

Photoshop carga una selección alrededor de las letras:

Aparece un contorno de selección alrededor del texto.  Imagen © 2013 Photoshop Essentials.com

Aparece un contorno de selección alrededor del texto.

Para guardar la selección, cambie a su Panel de canales haciendo clic en su pestaña de nombre. Encontrará el panel Canales agrupado junto al panel Capas:

Cambiar al panel Canales en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en la pestaña del panel Canales.

Luego, haga clic en el Guardar selección como canal icono en la parte inferior del panel Canales (segundo icono desde la izquierda):

Haciendo clic en el icono Guardar selección como canal.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en el icono Guardar selección como canal.

Un nuevo canal llamado Alpha 1 aparece debajo de los canales rojo, verde y azul. Nuestra selección ahora está guardada:

Aparece un nuevo canal Alfa 1 en el panel Canales.  Imagen © 2013 Photoshop Essentials.com

La selección se ha guardado como un nuevo canal llamado Alpha 1.

Regrese del panel Canales a su Panel de capas haciendo clic en la pestaña de su nombre:

Seleccionando el panel Capas.  Imagen © 2013 Photoshop Essentials.com

Volviendo al panel Capas.

Ya no necesitamos el esquema de selección alrededor del texto, así que suba al Seleccione en la parte superior de la pantalla y elija Deseleccionar. O simplemente presione Ctrl + D (Ganar) / Comando + D (Mac) en su teclado para anular la selección con el atajo:

Elegir el comando Deseleccionar en el menú Seleccionar.  Imagen © 2013 Photoshop Essentials.com

Ir a Seleccionar> Deseleccionar.

Paso 6: rellene el área alrededor del texto con blanco

Haga clic en la capa de fondo icono de visibilidad (el pequeño globo ocular) para ocultar temporalmente la capa Fondo por un momento:

Haciendo clic en el icono de visibilidad de la capa.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en el icono de visibilidad de la capa Fondo.

Con la capa de fondo llena de blanco oculta, solo vemos la capa de texto en el documento. El patrón de tablero de ajedrez gris y blanco que rodea las letras es la forma en que Photoshop representa la transparencia, lo que significa que todo el espacio alrededor del texto en la capa está actualmente vacío:

Visualización del área transparente alrededor del texto.  Imagen © 2013 Photoshop Essentials.com

El área que rodea el texto de la capa es transparente.

Necesitamos llenar el espacio vacío con blanco sin afectar nuestro texto negro, y podemos hacerlo usando el comando Rellenar de Photoshop. Sube al Editar en la parte superior de la pantalla y elija Llenar:

Seleccionando el comando Rellenar en el menú Editar.  Imagen © 2013 Photoshop Essentials.com

Ir a Editar> Rellenar.

Esto abre el cuadro de diálogo Rellenar. Selecciona el Usar opción en la parte superior para blanco, luego configure el Modo de fusión opción a Multiplicar:

Configuración de las opciones de relleno en Photoshop.  Imagen © 2013 Photoshop Essentials.com

Configuración de las opciones de relleno.

Haga clic en Aceptar para cerrar el cuadro de diálogo Rellenar y Photoshop rellenará el área transparente que rodea las letras con blanco. Al configurar el modo de fusión en Multiplicar, las letras negras no se vieron afectadas:

Configuración de las opciones de relleno en Photoshop.  Imagen © 2013 Photoshop Essentials.com

Solo el área transparente alrededor del texto se llenó de blanco.

Puede volver a activar la capa Fondo en este punto haciendo clic de nuevo en la capa icono de visibilidad. Solo lo desactivamos temporalmente para que pudiéramos ver lo que estaba sucediendo con el comando Rellenar en la capa de texto:

Haciendo clic de nuevo en el icono de visibilidad de la capa Fondo.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic de nuevo en el icono de visibilidad de la capa Fondo.

Paso 7: aplique el filtro de desenfoque gaussiano

Necesitamos agregar una pequeña cantidad de desenfoque a nuestro texto, y podemos hacerlo con el filtro Desenfoque gaussiano. Sube al Filtrar menú en la parte superior de la pantalla, elija Difuminar, entonces escoge Desenfoque gaussiano:

Seleccionando el filtro Desenfoque gaussiano en el menú Filtro.  Imagen © 2013 Photoshop Essentials.com

Ir a Filtro> Desenfocar> Desenfoque gaussiano.

Cuando se abra el cuadro de diálogo Desenfoque gaussiano, arrastre el control deslizante en la parte inferior para establecer el Radio valor a alrededor 4 píxeles:

Establecer el valor de Radio en el cuadro de diálogo Desenfoque gaussiano.  Imagen © 2013 Photoshop Essentials.com

Estableciendo el valor de Radio en 4 píxeles.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Aquí está mi texto con el desenfoque aplicado:

El texto después de aplicar el filtro Desenfoque gaussiano.  Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el filtro Desenfoque gaussiano.

Paso 8: aplique el filtro Solarizar

Una vez más sube al Filtrar en la parte superior de la pantalla, pero esta vez, elija Estilizar, entonces escoge Solarizar:

Seleccionando el filtro Solarizar en el menú Filtro.  Imagen © 2013 Photoshop Essentials.com

Ir a Filtro> Estilizar> Solarizar.

No hay ningún cuadro de diálogo para el filtro Solarizar. Photoshop simplemente lo aplica a la capa de texto, y ahora el texto aparece como un contorno gris claro sobre un fondo negro:

El texto después de aplicar el filtro Solarizar.  Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el filtro de solarización.

Paso 9: aclara el texto con tono automático

Necesitamos iluminar el texto y podemos hacerlo muy rápidamente usando uno de los ajustes de imagen automáticos de Photoshop. Sube al Imagen en la parte superior de la pantalla y elija Tono automático. Para nuestros propósitos aquí, realmente no importa si elige Tono automático, Contraste automático o Color automático, ya que básicamente estamos trabajando con una imagen en blanco y negro. Elegí Auto Tone solo porque es el primero en la lista:

Seleccionando el comando Tono automático en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Ir a Imagen> Tono automático.

Con Auto Tone aplicado, el texto ahora aparece mucho más brillante:

El texto después de aplicar el ajuste de tono automático.  Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el ajuste de tono automático.

Paso 10: duplica la capa de texto

Necesitamos hacer una copia de nuestra capa de texto. Sube al Capa menú en la parte superior de la pantalla, elija Nuevo, entonces escoge Capa a través de la copia. O una forma más rápida de duplicar una capa es simplemente presionando Ctrl + J (Ganar) / Comando + J (Mac) en tu teclado:

Seleccionar la nueva capa mediante el comando Copiar en el menú Capa.  Imagen © 2013 Photoshop Essentials.com

Ir a Capa> Nueva> Capa a través de Copiar.

Aparece una copia de la capa de texto sobre el original en el panel Capas:

El panel Capas que muestra la copia de la capa de texto.  Imagen © 2013 Photoshop Essentials.com

El panel Capas que muestra la copia de la capa de texto.

Paso 11: Aplicar el filtro de coordenadas polares

Con la copia de la capa de texto seleccionada (resaltada en azul) en el panel Capas, suba al Filtrar menú en la parte superior de la pantalla, elija Distorsionar, entonces escoge Coordenadas polares:

Selección del filtro Coordenadas polares.  Imagen © 2013 Photoshop Essentials.com

Ir a Filtro> Distorsionar> Coordenadas polares.

Cuando se abra el cuadro de diálogo Coordenadas polares, seleccione el Polar a rectangular en la parte inferior, luego haga clic en Aceptar para cerrar el cuadro de diálogo:

Seleccionar la opción Polar a Rectangular para el filtro Coordenadas polares.  Imagen © 2013 Photoshop Essentials.com

Seleccionando la opción Polar a Rectangular.

Su texto ahora se verá así:

El texto después de aplicar el filtro Coordenadas polares.  Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el filtro Coordenadas polares.

Paso 12: Rotar la imagen

En un momento, aplicaremos el filtro Viento de Photoshop a la imagen, pero el filtro Viento solo funciona horizontalmente, por lo que antes de ejecutarlo, debemos rotar nuestra imagen de lado. Para hacer eso, sube al Imagen menú en la parte superior de la pantalla, elija Rotacion de imagen, entonces escoge 90 ° CW (agujas del reloj):

Girar la imagen 90 grados en el sentido de las agujas del reloj.  Imagen © 2013 Photoshop Essentials.com

Ir a Imagen> Rotación de imagen> 90 ° CW.

La imagen ahora debería girarse en el sentido de las agujas del reloj:

La imagen giró 90 ° en el sentido de las agujas del reloj.  Imagen © 2013 Photoshop Essentials.com

La imagen giró 90 ° en el sentido de las agujas del reloj.

Paso 13: invertir la imagen

A continuación, necesitamos invertir la imagen, haciendo que las áreas negras sean blancas y las áreas blancas negras. Sube al Imagen menú, elija Ajustes, entonces escoge Invertir. O presione Ctrl + I (Ganar) / Comando + I (Mac) en tu teclado:

Seleccionando el comando Invertir en el menú Imagen.  Imagen © 2013 Photoshop Essentials.com

Ir a Imagen> Ajustes> Invertir.

La imagen ahora está invertida:

La imagen después de invertir los valores de brillo.  Imagen © 2013 Photoshop Essentials.com

La imagen después de invertir los valores de brillo.

Paso 14: aplique el filtro de viento tres veces

Para crear lo que eventualmente se convertirá en rayos de luz, usaremos el filtro Viento. Sube al Filtrar menú, elija Estilizar, entonces escoge Viento:

Seleccionar el filtro de viento en Photoshop.  Imagen © 2013 Photoshop Essentials.com

Ir a Filtro> Estilizar> Viento.

Cuando aparezca el cuadro de diálogo Viento, configure el Método opción a Viento, luego configure el Dirección opción a Desde la derecha:

Configuración de las opciones para el filtro de viento en Photoshop.  Imagen © 2013 Photoshop Essentials.com

Las opciones de filtro de viento.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop aplicará el filtro Viento a la imagen. En realidad, necesitamos aplicar el filtro dos veces más, pero en lugar de seleccionarlo nuevamente en el menú Filtro, simplemente presione Ctrl + F (Ganar) / Comando + F (Mac) en tu teclado. Este es un atajo útil para volver a aplicar el último filtro que se usó (junto con la configuración que se usó). prensa Ctrl + F (Ganar) / Comando + F (Mac) nuevamente para volver a aplicar el filtro de viento por segunda vez (por lo que ahora se ha aplicado un total de tres veces). Su imagen ahora debería verse así:

La imagen después de aplicar el filtro de viento tres veces.  Imagen © 2013 Photoshop Essentials.com

La imagen después de aplicar el filtro de viento tres veces.

Paso 15: invierta la imagen de nuevo

A continuación, tenemos que volver a invertir la imagen, así que una vez más vamos a la Imagen menú, elija Ajustes, entonces escoge Invertir, o presione Ctrl + I (Ganar) / Comando + I (Mac) en tu teclado:

Seleccionando el comando Invertir en el menú Imagen.  Imagen © 2013 Photoshop Essentials.com

Ir a Imagen> Ajustes> Invertir.

El texto vuelve a aparecer en gris claro sobre un fondo negro:

La imagen se ha vuelto a invertir.  Imagen © 2013 Photoshop Essentials.com

La imagen después de invertirla nuevamente.

Paso 16: aclara el texto de nuevo con tono automático

De nuevo, hagamos que el texto sea más brillante volviendo a la Imagen menú y elegir Tono automático:

Seleccionando el comando Tono automático en Photoshop CS6.  Imagen © 2013 Photoshop Essentials.com

Volviendo a Imagen> Tono automático.

Y una vez más, el texto parece más brillante:

El texto vuelve a ser más brillante después de volver a aplicar el comando Tono automático.  Imagen © 2013 Photoshop Essentials.com

El texto después de volver a aplicar el comando Tono automático.

Paso 17: Vuelva a aplicar el filtro de viento tres veces más

prensa Ctrl + F (Ganar) / Comando + F (Mac) en su teclado tres veces para volver a aplicar el filtro Viento tres veces más a la imagen:

La imagen después de aplicar el filtro de viento tres veces más.  Imagen © 2013 Photoshop Essentials.com

La imagen después de aplicar el filtro de viento tres veces más.

Paso 18: Gire la imagen

Hemos terminado con el filtro de viento, así que volvamos a rotar la imagen a su orientación original. Sube al Imagen menú, elija Rotacion de imagen, entonces escoge 90 ° CCW (en sentido anti-horario):

Seleccionando el comando Girar 90 grados CCW en el menú Imagen.  Imagen © 2013 Photoshop Essentials.com

Ir a Imagen> Rotación de imagen> 90 ° CCW.

La imagen ahora vuelve a su posición original:

La imagen después de girarla en sentido antihorario.  Imagen © 2013 Photoshop Essentials.com

La imagen después de girarla en sentido antihorario.

Paso 19: Vuelva a aplicar el filtro de coordenadas polares

Sube al Filtrar menú, elija Distorsionar, entonces escoge Coordenadas polares. Esta vez, cuando aparezca el cuadro de diálogo, seleccione el Rectangular a Polar opción en la parte inferior:

Selección de rectangular a polar en las coordenadas polares  cuadro de diálogo de filtro.  Imagen © 2013 Photoshop Essentials.com

Seleccionando la opción Rectangular to Polar.

Haga clic en Aceptar para aplicar el filtro Coordenadas polares y salir del cuadro de diálogo. El efecto de ráfaga de luz ahora comienza a tomar forma:

La imagen después de volver a aplicar el filtro de coordenadas polares.  Imagen © 2013 Photoshop Essentials.com

La imagen después de volver a aplicar el filtro de coordenadas polares.

Paso 20: cambia el modo de fusión de capas a la pantalla

A continuación, debemos permitir que nuestra capa de texto original a continuación se muestre a través de los rayos de luz, y podemos hacerlo simplemente cambiando el modo de fusión de la capa superior. Encontrará la opción Modo de fusión en la esquina superior izquierda del panel Capas (es el cuadro que está configurado en Normal de forma predeterminada). Haga clic en el cuadro y seleccione Pantalla de la lista de modos de fusión que aparece:

Cambiando el modo de fusión de capas a Trama.  Imagen © 2013 Photoshop Essentials.com

Cambiar el modo de fusión de la capa de Normal a Pantalla.

Con el modo de fusión configurado en Pantalla, los rayos de luz ahora parecen brillar a través del texto:

La imagen después de cambiar el modo de fusión a Pantalla.  Imagen © 2013 Photoshop Essentials.com

El efecto después de cambiar el modo de fusión a Pantalla.

Paso 21: agregue una capa de relleno degradado

Agreguemos un color muy necesario al efecto, y lo haremos usando una capa de Relleno degradado. Clickea en el Nueva capa de relleno o ajuste icono hacia abajo en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa de relleno o de ajuste en el panel Capas.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en el icono Nueva capa de relleno o de ajuste.

Seleccione Degradado cerca de la parte superior de la lista:

Elegir una capa de relleno de degradado.  Imagen © 2013 Photoshop Essentials.com

Añadiendo una capa de relleno degradado.

Esto abre el cuadro de diálogo Relleno degradado. Clickea en el barra de vista previa de degradado en la parte superior para abrir el Editor de degradado:

Hacer clic en la barra de vista previa del degradado en el cuadro de diálogo Relleno degradado.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en la barra de vista previa del degradado.

Cuando aparezca el editor de degradado, seleccione el Blanco negro degradado preestablecido haciendo clic en su miniatura en la parte superior del cuadro de diálogo (tercera miniatura desde la izquierda, fila superior). Esto nos dará una base inicial para el degradado y, lo más importante, se asegurará de que ambos colores estén configurados al 100% de opacidad:

Seleccionando el degradado blanco y negro del editor de degradado en Photoshop.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en la miniatura del degradado en blanco y negro.

La mitad inferior del editor de degradado es donde realmente podemos editar el degradado. Haga doble clic en el lleno de negro parada de color debajo del extremo izquierdo de la gran barra de vista previa de degradado:

Editando la parada de color izquierda para el degradado.  Imagen © 2013 Photoshop Essentials.com

Haga doble clic en la parada de color rellena de negro a la izquierda.

Esto abrirá Photoshop Selector de color donde podemos reemplazar el negro en el degradado con el color que queramos. Elegiré un color naranja rojizo. Haga clic en Aceptar una vez que haya elegido un nuevo color para cerrar el Selector de color:

Seleccionar un nuevo color de degradado en el Selector de color.  Imagen © 2013 Photoshop Essentials.com

Elegir un nuevo color para el lado izquierdo del degradado.

Luego, haz lo mismo con el otro lado del degradado en el Editor de degradado. Haga doble clic en el blanco lleno parada de color debajo del lado derecho de la barra de vista previa del degradado:

Editando la parada de color correcta para el degradado.  Imagen © 2013 Photoshop Essentials.com

Haga doble clic en la parada de color rellena de blanco a la derecha.

Elija un nuevo color para el lado derecho del degradado de la Selector de color. Elegiré un amarillo anaranjado. Haga clic en Aceptar cuando haya terminado para cerrar nuevamente el Selector de color:

Seleccionar un segundo color de degradado nuevo en el Selector de color.  Imagen © 2013 Photoshop Essentials.com

Elegir un nuevo color para el lado derecho del degradado.

Aquí está mi degradado editado con sus nuevos colores personalizados. Si está satisfecho con los colores que eligió, haga clic en Aceptar para cerrar el Editor de degradado, luego haga clic en Aceptar para cerrar el cuadro de diálogo Relleno de degradado:

El nuevo degradado personalizado.  Imagen © 2013 Photoshop Essentials.com

El nuevo degradado personalizado.

Paso 22: cambie el modo de fusión de la capa de relleno degradado a color

Por el momento, el degradado llenará todo el documento de arriba a abajo, lo que obviamente no es lo que queremos. Solo queremos que coloree nuestro texto y los rayos de luz. Para solucionar el problema, todo lo que tenemos que hacer es cambiar el modo de mezcla para la capa de relleno degradado de Normal a Color:

Cambiar el modo de fusión de la capa Relleno degradado a Color.  Imagen © 2013 Photoshop Essentials.com

Cambiando el modo de fusión de la capa de relleno Degradado a Color.

Con el modo de fusión establecido en Color, el efecto ahora está coloreado por el degradado:

El efecto después de cambiar el modo de fusión a Color.  Imagen © 2013 Photoshop Essentials.com

El efecto después de cambiar el modo de fusión a Color.

Paso 23: convierta la capa de texto original en un objeto inteligente

Tenemos un último filtro para aplicar al efecto y debe aplicarse a la capa de texto original, así que primero, haga clic en la capa de texto original en el panel Capas para seleccionarla y activarla:

Seleccionando la capa de texto original en el panel Capas.  Imagen © 2013 Photoshop Essentials.com

Seleccionando la capa de texto original.

El filtro que vamos a usar es Radial Blur, pero el problema con Radial Blur es que no nos da una vista previa en vivo de los resultados, lo que significa que no podemos ver el efecto de desenfoque hasta que realmente hayamos aplicado el filtro, y esa es una forma pésima de trabajar. Afortunadamente, existe una manera fácil de resolver el problema, y ​​es convirtiendo primero la capa en una Objeto inteligente. Con la capa de texto original seleccionada, haga clic en el pequeño icono de menú en la esquina superior derecha del panel Capas:

Haciendo clic en el icono del menú del panel Capas.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en el icono de menú.

Escoger Convertir en objeto inteligente en el menú que aparece:

Elegir el comando Convertir en objeto inteligente.  Imagen © 2013 Photoshop Essentials.com

Elegir el comando Convertir en objeto inteligente.

No ocurrirá nada en la ventana del documento, salvo un pequeño Icono de objeto inteligente aparece en la esquina inferior derecha de la miniatura de vista previa de la capa en el panel Capas, haciéndonos saber que la capa ahora es un Objeto Inteligente:

La capa se ha convertido en un objeto inteligente.  Imagen © 2013 Photoshop Essentials.com

los La capa es ahora un objeto inteligente.

Paso 24: aplique un filtro inteligente de desenfoque radial

Cualquier filtro que apliquemos ahora a nuestro objeto inteligente se convertirá en Filtros inteligentes, y lo mejor de los filtros inteligentes es que podemos volver atrás y cambiar la configuración del filtro tantas veces como queramos sin hacer ningún cambio permanente (o daño) a la imagen. Apliquemos el filtro Desenfoque radial. Sube al Filtrar menú, elija Difuminar, entonces escoge Desenfoque radial:

Selección del filtro Desenfoque radial.  Imagen © 2013 Photoshop Essentials.com

Ir a Filtro> Desenfocar> Desenfoque radial.

Esto abre el cuadro de diálogo Desenfoque radial. Selecciona el Método de desenfoque para Zoom y el Calidad para Mejor, luego configure el Monto valor en la parte superior a alrededor sesenta y cinco arrastrando el control deslizante. No se preocupe por obtener el valor de Cantidad exactamente correcto porque, dado que es un filtro inteligente, siempre podemos volver atrás y cambiarlo más tarde:

La configuración del filtro Desenfoque radial.  Imagen © 2013 Photoshop Essentials.com

El cuadro de diálogo Desenfoque radial.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Aquí está el efecto con Radial Blur aplicado:

El efecto después de aplicar el filtro Radial Blur.  Imagen © 2013 Photoshop Essentials.com

El efecto después de aplicar el filtro Radial Blur.

Si observa la capa de texto en el panel Capas, verá el Filtro inteligente de desenfoque radial en la lista directamente debajo. Si desea probar un valor de Cantidad diferente para el desenfoque, simplemente haga doble clic en el nombre del filtro para volver a abrir el cuadro de diálogo Desenfoque radial, luego configure su nuevo valor de Cantidad. Haga clic en Aceptar para cerrar el cuadro de diálogo y Photoshop actualizará los resultados en la ventana del documento. Puedes hacer esto tantas veces como quieras sin dañar la imagen:

Reabrir el filtro inteligente Radial Blur en el panel Capas.  Imagen © 2013 Photoshop Essentials.com

Haga doble clic en Radial Blur Smart Filter para volver a abrir su cuadro de diálogo si es necesario.

Paso 25: agregue una nueva capa en blanco

Ya casi hemos terminado. Clickea en el Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en el panel Capas.  Imagen © 2013 Photoshop Essentials.com

Haciendo clic en el icono Nueva capa.

Photoshop agrega una nueva capa en blanco llamada Capa 1 entre las dos capas de texto:

El panel Capas que muestra la nueva capa en blanco.  Imagen © 2013 Photoshop Essentials.com

El panel Capas que muestra la nueva capa en blanco.

Paso 26: cargue la selección desde el panel de canales

¿Recuerda esa selección que guardamos en el paso 5? Finalmente es hora de cargarlo. Para hacer eso, vuelva a la Panel de canales (al lado del panel Capas) haciendo clic en su pestaña de nombre. Luego, mantenga presionada la tecla control (Ganar) / Mando (Mac) en su teclado y haga clic en el Alfa 1 canal debajo de los canales rojo, verde y azul:

Cargando la selección Alfa 1 desde el panel Canales.  Imagen © 2013 Photoshop Essentials.com

Mantenga presionada la tecla Ctrl (Win) / Command (Mac) y haga clic en Alpha 1.

Esto carga la selección y el esquema de selección vuelve a aparecer en el documento:

La selección se había cargado en el documento.  Imagen © 2013 Photoshop Essentials.com

Vuelve a aparecer el esquema de selección del texto original.

Paso 27: rellene la selección con negro

Vuelve a tu Panel de capas haciendo clic en su pestaña de nombre, luego sube al Editar menú y elegir Llenar:

Seleccionando el comando Rellenar en el menú Editar.  Imagen © 2013 Photoshop Essentials.com

Ir a Editar> Rellenar.

En el cuadro de diálogo Relleno, establezca el Usar opción a Negro y el Modo de fusión para Normal:

El cuadro de diálogo Rellenar.  Imagen © 2013 Photoshop Essentials.com

Asegúrese de que el Modo de fusión esté configurado en Normal esta vez, no en Multiplicar.

Haga clic en Aceptar para cerrar el cuadro de diálogo Rellenar. Photoshop llena la selección con negro. Para eliminar rápidamente el contorno de la selección, simplemente presione Ctrl + D (Ganar) / Comando + D (Mac) en tu teclado. Y con eso, ¡hemos terminado! Aquí está mi efecto final:

Un efecto de texto de explosión de luz colorida creado con Photoshop CS6

El resultado final.


¡Y ahí lo tenemos! Así es como se crea un efecto de texto de explosión de luz colorida en Photoshop CS6. ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!