Texto de explosión de luz colorida en Photoshop

Texto de explosión de luz colorida en Photoshop

Texto de explosión de luz colorida en Photoshop

En este tutorial de efectos de texto de Photoshop, aprenderemos cómo envolver el texto en una explosión de luz y color. Hay bastantes pasos involucrados en este efecto de texto, y usaremos un par de filtros que no se usan con mucha frecuencia en el trabajo diario de Photoshop, pero crear el efecto es bastante simple y el resultado final definitivamente vale la pena el esfuerzo.

¿Utiliza Photoshop CS6? Querrá seguir nuestra versión de Photoshop CS6 completamente actualizada del tutorial.

Este es el resultado que buscamos:

Efecto de texto de explosión de luz colorida de Photoshop.  Imagen © 2011 Photoshop Essentials.com

El resultado final.

¡Empecemos!

Paso 1: Abrir un nuevo documento de Photoshop

Abra un nuevo documento en Photoshop subiendo a la Menú Archivo y eligiendo Nuevo…, o usando el atajo de teclado, Ctrl + N (Ganar) / Comando + N (Mac). Puede elegir su propio ancho y alto para su documento, pero si desea seguir adelante, elegí el 640×480 tamaño de la lista de ajustes preestablecidos disponibles para simplificar las cosas. Yo tambien he dejado mi Resolución valor establecido en su valor predeterminado de 72 píxeles / pulgada. Dado que estoy creando este efecto de texto para la web, no importa en qué establezca el valor de resolución, por lo que el valor predeterminado está bien:

Efectos de texto de Photoshop: creación de un nuevo documento en Photoshop

Crea un nuevo documento en Photoshop. Para seguirlo, use el tamaño preestablecido «640×480».

Paso 2: Agrega tu texto

Con su nuevo documento en blanco abierto, tome el Herramienta de tipo desde la paleta de Herramientas o presionando T en tu teclado. Asegurarse negro se selecciona como su color de primer plano. Si no es así, simplemente presione D en su teclado para restablecerlo a negro. Elija su fuente en la barra de opciones en la parte superior de la pantalla. Las fuentes gruesas y pesadas funcionan mejor para este efecto. Luego, continúe e ingrese su texto. Usaré «Impacto» y escribiré las palabras «RÁFAGA DE LUZ»:

Efectos de texto de Photoshop: ingrese su texto

Elija una fuente gruesa y pesada, y con el negro como color de primer plano, ingrese su texto.

Paso 3: Cambiar el tamaño de su texto con Free Transform

Con su capa de texto seleccionada en la paleta Capas, use el atajo de teclado Ctrl + T (Ganar) / Comando + T (Mac) para abrir el Transformación libre cuadro y asas alrededor de su texto. Sujetar Mayús + Alt (Ganar) / Mayús + Opción (Mac) y arrastre cualquiera de los controles de las esquinas para agrandar el texto y llenar más el área del documento. Mantener presionada la tecla Mayús restringe las proporciones del texto y mantener presionada la tecla Alt / Opción cambia el tamaño del texto desde el centro:

Efectos de texto de Adobe Photoshop: cambie el tamaño del texto con Free Transform

Cambie el tamaño del texto con el comando «Transformación libre» de Photoshop.

Asegúrese de dejar suficiente espacio alrededor del texto para nuestro efecto de ráfaga de luz. prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado para aceptar la transformación.

Paso 4: Rasteriza tu texto

Vamos a aplicar varios filtros a nuestro texto, pero Photoshop no nos permite hacerlo sin primero rasterizarlo, lo que simplemente significa convertirlo en píxeles. Así que de nuevo con la capa de texto seleccionada, sube a la Menú de capas en la parte superior de la pantalla, elija Rasterizary luego elige Escribe. Esto convertirá nuestro texto en píxeles. Seguirá teniendo el mismo aspecto en la ventana del documento, pero en la paleta Capas, la capa Tipo ahora será una capa normal:

Efectos de texto de Photoshop: rasteriza el texto

Después de rasterizar el texto, la capa Texto en la paleta Capas se convierte en una capa normal.

Paso 5: Agregue una selección alrededor de su texto y guárdelo

Ctrl-clic (Ganar) / Comando-clic (Mac) directamente en el área de vista previa en miniatura de la capa de texto en la paleta Capas para cargar rápidamente una selección alrededor de su texto:

Efectos de texto de Photoshop: Ctrl-clic (Win) o Comando-clic (Mac) directamente en la miniatura del texto en la paleta Capas

«Ctrl-clic» (Win) / «Comando-clic» (Mac) directamente en la miniatura del texto en la paleta Capas.

Su texto ahora tendrá una selección a su alrededor:

Efectos de texto de Photoshop: el texto ahora está seleccionado

El texto ahora está seleccionado.

Con el texto seleccionado, sube al Seleccione el menú en la parte superior de la pantalla y elija Guardar selección. Cuando el Guardar selección aparece el cuadro de diálogo, simplemente haga clic en OK. No es necesario nombrarlo ni realizar cambios en las opciones.

Una vez que haya guardado su selección, presione Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su texto.

Cambia a tu Paleta de canales por un momento (está agrupado al lado de la paleta Capas) y verá su selección guardada como un nuevo canal llamado «Alfa 1» en la parte inferior. Regresaremos aquí un poco más tarde para cargar nuestra selección nuevamente:

Efectos de texto de Photoshop: la selección guardada como un nuevo canal en la paleta Canales de Photoshop

La selección ahora se guarda como un nuevo canal, «Alpha 1», en la paleta Canales de Photoshop.

Paso 6: Utilice «Rellenar» para rellenar su capa de texto con blanco y establecer el modo de fusión en «Multiplicar»

Vuelva a la paleta Capas una vez más, y con la capa de texto seleccionada, suba a la Menú de edición en la parte superior de la pantalla y elija Llenar, o presione Mayús + F5 en su teclado para abrir rápidamente Photoshop Llenar caja de diálogo. Cuando aparezca el cuadro de diálogo, configure el Contenido para blanco y cambia el Modo de fusión para Multiplicar:

Efectos de texto de Photoshop: cuadro de diálogo Relleno de Photoshop

Cuadro de diálogo «Rellenar» de Photoshop «.

Haga clic en Aceptar cuando haya terminado. No parecerá que sucedió nada en la ventana de su documento, pero si observa la miniatura de la capa de texto en la paleta Capas, verá que todo el espacio vacío alrededor del texto ahora se ha llenado de blanco, dejando el texto en negro. gracias a ese modo «Multiplicar».

Paso 7: Aplicar el filtro de desenfoque gaussiano al texto

Sube al Menú de filtro en la parte superior de la pantalla, elija Difuminary luego elige Desenfoque gaussiano. Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, introduzca un Radio valor de aproximadamente 4 píxeles y haga clic en Aceptar para aplicar un ligero desenfoque al texto:

Efectos de texto de Photoshop: cuadro de diálogo del filtro Desenfoque gaussiano de Photoshop

Aplica el filtro Desenfoque gaussiano al texto.

Aquí está el texto después de aplicar Gaussian Blur:

Efectos de texto de Photoshop: el texto ahora está ligeramente borroso

El texto ahora está ligeramente borroso.

Paso 8: Aplicar el filtro «Solarizar» al texto

Con la capa de texto aún seleccionada, vuelva a la Menú de filtro y esta vez elige Estilizary luego elige Solarizar. Esto convertirá el documento en negro y su texto aparecerá como un trazo blanco:

Efectos de texto de Photoshop: el texto después de aplicar el filtro Solarizar

La imagen después de aplicar el filtro Solarizar.

Paso 9: Aclare el texto con niveles

El texto se ve un poco oscuro, así que vamos a aclararlo. Usa el atajo de teclado Ctrl + L (Ganar) / Comando + L (Mac) para abrir Photoshop Niveles y arrastre el control deslizante de punto blanco de la derecha hacia la izquierda hasta llegar al borde derecho del histograma:

Efectos de texto de Photoshop: cuadro de diálogo Niveles de Photoshop

Con el cuadro de diálogo Niveles abierto, agarre el control deslizante de punto blanco a la derecha y arrástrelo al borde derecho del histograma para iluminar el texto.

Haga clic en Aceptar. El texto ahora aparecerá mucho más brillante:

Efectos de texto de Photoshop: el texto ahora es mucho más brillante

El texto ahora es mucho más brillante después de aplicar Niveles.

Paso 10: Hacer una copia de la capa de texto

Necesitamos hacer una copia de la capa de texto en este punto, así que para hacer eso, con la capa de texto seleccionada, use el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac), que agregará una copia de la capa sobre ella en la paleta Capas:

Efectos de texto de Photoshop: copie la capa de texto

La paleta Capas ahora muestra tanto la capa de texto como la copia sobre ella.

Asegúrese de que la copia de la capa de texto esté seleccionada porque todos estos próximos pasos deben realizarse en la copia. No volveremos a tocar el original hasta cerca del final.

Paso 11: Aplicar el filtro «Coordenadas polares» al texto

Vuelve a la Menú de filtro, y esta vez elige Distorsionar, y luego Coordenadas polares. Vamos a enviar nuestro mensaje de texto al Polo Norte. Está bien, no, no lo estamos. Lo que están que voy a hacer es hacer que parezca muy extraño. Cuando aparezca el cuadro de diálogo Coordenadas polares, seleccione el Polar a rectangular opción en la parte inferior y luego haga clic en Aceptar:

Efectos de texto de Photoshop: cuadro de diálogo Coordenadas polares de Photoshop

Cuadro de diálogo «Coordenadas polares» de Photoshop.

Tu texto ahora se verá muy extraño:

Efectos de texto de Photoshop: el texto después de aplicar coordenadas polares

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

Paso 12: Gire el lienzo 90 grados en el sentido de las agujas del reloj

Sube al Menú de imagen en la parte superior de la pantalla, seleccione Girar lienzoy luego elige 90 ° CW para rotar el lienzo 90 grados en el sentido de las agujas del reloj:

Efectos de texto de Photoshop: gire el lienzo 90 grados en el sentido de las agujas del reloj

Gire el lienzo 90 grados en el sentido de las agujas del reloj.

Paso 13: Invertir la imagen

Usa el atajo de teclado Ctrl + I (Ganar) / Comando + I (Mac) para invertir la imagen, de modo que el negro se vuelva blanco y el blanco se vuelva negro:

Efectos de texto de Photoshop: invierta la imagen

Invierta la imagen con «Ctrl + I» (Win) / «Comando + I» (Mac).

Paso 14: Aplicar el filtro «viento» tres veces

Vuelve a la Menú de filtro una vez más, elige Estilizary luego elige Viento. Cuando aparezca el cuadro de diálogo del filtro de viento, asegúrese de Método se establece en Viento y Dirección se establece en Desde la derecha:

Efectos de texto de Photoshop: filtro de viento de Photoshop

Filtro «Viento» de Photoshop.

Haga clic en Aceptar para aplicar el filtro de viento una vez. Luego presione el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) dos veces para aplicar el mismo filtro dos veces más.

Paso 15: Invertir la imagen de nuevo

prensa Ctrl + I (Ganar) / Comando + I (Mac) para invertir la imagen una vez más:

Efectos de texto de Photoshop: invierta la imagen una vez más

Invierte la imagen una vez más usando «Ctrl + I» (Win) / «Comando + I» (Mac).

Paso 16: Aplicar el filtro «viento» tres veces más

Con la imagen invertida, presione el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) tres veces más para aplicar el filtro a la imagen tres veces más:

Efectos de texto de Photoshop: aplique el filtro Viento tres veces más

Aplica el filtro «Viento» a la imagen tres veces más.

Paso 17: Ilumina la imagen de nuevo con niveles

Necesitamos aclarar la imagen nuevamente usando Niveles, pero esta vez, dejaremos que Photoshop haga el trabajo por nosotros usando Niveles automáticos. Para hacer eso, presione Mayús + Ctrl + L (Ganar) / Mayús + Comando + L (Mac) para aplicar el comando Niveles automáticos a la imagen, lo que la iluminará:

Efectos de texto de Photoshop: aplique niveles automáticos a la imagen para iluminarla

Aplica el comando «Niveles automáticos» para iluminar la imagen.

Paso 18: Gire el lienzo 90 grados en sentido antihorario

Vuelve a la Menú de imagen en este punto, elija Girar lienzo una vez más, y esta vez elige 90 ° CCW para girar el lienzo de nuevo a la forma en que estaba originalmente:

Efectos de texto de Photoshop: gire el lienzo de nuevo a la forma en que estaba originalmente

Gira el lienzo 90 ° en sentido antihorario.

Paso 19: Aplicar de nuevo el filtro «Coordenadas polares»

Vuelve a la Menú de filtro de nuevo, elige Distorsionary luego elige Coordenadas polares. Esta vez elige el Rectangular a Polar opción y haga clic en Aceptar:

Efectos de texto de Photoshop: aplique de nuevo el filtro Coordenadas polares

Vuelva a aplicar «Coordenadas polares», esta vez eligiendo «Rectangular a polar».

Su imagen ahora debería verse así:

Efectos de texto de Photoshop: la imagen después de aplicar el filtro de coordenadas polares por segunda vez

La imagen después de aplicar el filtro «Coordenadas polares» por segunda vez.

Paso 20: Establecer el modo de fusión de capas en «Pantalla»

Vaya a las opciones del modo de fusión en la parte superior izquierda de la paleta Capas y cambie el modo de fusión de la capa de copia de texto de «Normal» a Pantalla haciendo clic en la flecha que apunta hacia abajo y seleccionando «Pantalla» de la lista:

Efectos de texto de Photoshop: cambio del modo de fusión a pantalla

Cambie el modo de fusión de la capa de copia de texto a Pantalla.

Esto revela la capa de texto original debajo de ella:

Efectos de texto de Photoshop: la capa de texto original ahora está visible

La capa de texto original ahora también es visible.

Paso 21: Aplicar una capa de relleno degradado para agregar color

Clickea en el Nueva capa de relleno o ajuste en la parte inferior de la paleta Capas:

Efectos de texto de Photoshop: haga clic en el icono Nueva capa de relleno o ajuste

Haga clic en el icono «Nueva capa de relleno o ajuste».

Y seleccione «Gradiente» de la lista:

Efectos de texto de Photoshop: seleccione la opción de capa de relleno degradado

Seleccione una capa de relleno degradado.

Cuando el Relleno degradado aparece el cuadro de diálogo, haga clic dentro del área de vista previa del degradado en la parte superior:

Efectos de texto de Photoshop: haga clic dentro de la vista previa del degradado zona

Haga clic dentro del área de vista previa del degradado.

Esto traerá el Editor de degradado caja de diálogo. Haga clic en la muestra de degradado en la parte superior izquierda, el negro a blanco degradado primero, y esto asegurará que ambos colores a cada lado del degradado tengan su opacidad establecida en 100%:

Efectos de texto de Photoshop: seleccione el degradado de blanco a negro en la parte superior izquierda

Seleccione la muestra de degradado de negro a blanco en la parte superior izquierda para asegurarse de que ambos colores estén configurados al 100% de opacidad primero.

Luego, configure sus colores degradados a lo que quiera. Establecí el color de la izquierda en un naranja rojizo y el color de la derecha en un naranja amarillento:

Efectos de texto de Photoshop: establezca sus colores degradados.

Configura tus colores degradados.

Salga de los cuadros de diálogo de degradado una vez que haya elegido sus colores.

Paso 22: Cambiar el modo de fusión de la capa de relleno degradado a «Color»

Con la capa de relleno de degradado seleccionada, vuelva a las opciones del modo de fusión en la parte superior izquierda de la paleta Capas y cambie el modo de fusión de la capa a Color:

Efectos de texto de Photoshop: cambie el modo de fusión a Color

Cambie el modo de fusión de la capa de relleno degradado a «Color».

La imagen ahora está coloreada con los colores del degradado:

Efectos de texto de Photoshop: la imagen ahora está coloreada

Los colores degradados ahora se aplican a la imagen.

Paso 23: Aplicar un desenfoque radial a la capa de texto original

Hemos terminado con la capa de copia de texto en este punto. Vamos a terminar los últimos pasos trabajando en la capa de texto original, así que haga clic en ella en la paleta Capas para seleccionarla. Entonces sube al Menú de filtro, escoger Difuminary luego elige Desenfoque radial:

Efectos de texto de Photoshop: cuadro de diálogo Desenfoque radial de Photoshop

Cuadro de diálogo «Desenfoque radial» de Photoshop.

Selecciona el Monto a alrededor 65 píxeles, los Método de desenfoque para Zoom, y el Calidad para Mejor, como se muestra en un círculo arriba, y luego haga clic en Aceptar para aplicar el filtro al texto original:

Efectos de texto de Photoshop: el desenfoque radial aplicado a la imagen

El Desenfoque radial aplicado a la imagen.

Paso 24: Cargar la selección de texto guardada

Solo quedan un par de cosas por hacer. Primero, cambie a su Paleta de canales de nuevo como hicimos antes. Vamos a recargar esa selección que guardamos. Para hacer eso, simplemente botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier parte del Alfa 1 canal en la parte inferior, que cargará la selección de nuevo en la ventana del documento:

Efectos de texto de Photoshop: cargue la selección guardada

Haga clic con el botón derecho (Win) / Control-clic (Mac) en cualquier lugar del canal «Alpha 1» para cargar la selección de texto guardada.

Vuelva a la paleta Capas cuando haya terminado. La selección ahora está cargada en la imagen:

Efectos de texto de Photoshop: los seleccionados ahora cargados en la imagen

La selección ahora cargada en la imagen.

Quedaba una cosa por hacer …

Paso 25: Rellena la selección con negro

Con la capa de texto original seleccionada en la paleta Capas y el negro aún como color de primer plano, presione Alt + Retroceso (Ganar) / Opción-Eliminar (Mac) para rellenar la selección con negro y finalizar el efecto. prensa Ctrl + D (Ganar) / Comando + D (Mac) para eliminar la selección, ¡y listo! Después de todo eso, aquí está el efecto de texto final de «explosión de luz»:

Efectos de texto de Photoshop: el efecto final

El efecto final de «Light Burst».


A dónde ir después …

¡Y ahí lo tenemos! ¡Así es como se crea un efecto de explosión de luz colorida con texto en Photoshop! ¡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!