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:

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:

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:

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:

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:

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»:

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:

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:

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:

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:

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:

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:

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:

Photoshop carga una selección alrededor de las letras:

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:

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

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

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

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:

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:

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:

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:

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:

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:

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:

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:

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:

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

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:

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:

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:

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

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:

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

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:

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:

Su texto ahora se verá así:

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):

La imagen ahora debería girarse 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:

La imagen ahora está invertida:

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:

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:

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í:

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:

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

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:

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

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:

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):

La imagen ahora vuelve a su posición original:

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:

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:

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:

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

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:

Seleccione Degradado cerca de la parte superior de la lista:

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:

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:

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:

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:

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:

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:

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:

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:

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

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:

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:

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

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:

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:

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:

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

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:

Paso 25: agregue una nueva capa en blanco

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

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

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:

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

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:

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

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:

¡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!