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:

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

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

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:

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:

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:

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

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:

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:

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:

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

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:

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:

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

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:

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:

Tu texto ahora se verá muy extraño:

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:

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:

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:

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:

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:

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

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:

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:

Su imagen ahora debería verse así:

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:

Esto revela la capa de texto original debajo de ella:

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:

Y seleccione «Gradiente» de la lista:

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

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

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:

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:

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

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:

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:

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:

Vuelva a la paleta Capas cuando haya terminado. La selección ahora está 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»:

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!