Texto de ráfagas de luz colorida en Photoshop

Texto de ráfagas de luz colorida en Photoshop

Texto de ráfagas de luz colorida en Photoshop

En este tutorial de efectos de texto de Photoshop, aprenderemos a envolver el texto en una explosión de luz y color. Este efecto de texto implica bastantes pasos, y utilizaremos un par de filtros que no se usan muy a menudo en el trabajo diario con Photoshop, pero crear el efecto es bastante sencillo y el resultado final definitivamente vale la pena el esfuerzo.

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

Aquí está el resultado que buscamos:

Efecto de texto de ráfagas de luz colorida de Photoshop. Imagen © 2011 Photoshop Essentials.com

El resultado final.

Start!

Paso 1: Abrir un nuevo documento de Photoshop

Abrir un nuevo documento en Photoshop subiendo al Menú de archivos y eligiendo Nuevo…o usando el atajo del teclado, Ctrl+N (Win) / Comando+N (Mac). Puedes elegir tu propio ancho y alto para tu documento, pero si quieres seguir adelante, elegí el 640×480 de la lista de preselecciones disponibles para mantener las cosas simples. También he dejado mi Resolution valor ajustado a su valor por defecto de 72 pixels/inch. Como estoy creando este efecto de texto para la web, no importa a qué valor de resolución le puse, así que el valor por defecto está bien:

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

Crear un nuevo documento en Photoshop. Para seguir, usa el tamaño preestablecido de «640×480».

Paso 2: Añade tu texto

Con tu nuevo documento en blanco abierto, coge el Escriba la herramienta… de la paleta de herramientas o pulsando T en tu teclado. Asegúrate de que negro es seleccionado como su color de primer plano. Si no lo es, simplemente pulse D en tu teclado para reajustarlo a negro. Elige tu fuente en la Barra de Opciones en la parte superior de la pantalla. Las fuentes gruesas y pesadas funcionan mejor para este efecto. Luego, adelante e introduce tu texto. Voy a usar «Impacto», y escribiré las palabras «Ráfaga de luz»:

Efectos de texto de Photoshop: Introduzca su texto

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

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

Con la capa de texto seleccionada en la paleta de capas, use el atajo de teclado Ctrl+T (Win) / Command+T (Mac) para sacar a relucir el Free transformation caja y manijas alrededor de tu texto. Mantén pulsado Shift+Alt (Win) / Shift+Opción (Mac) y arrastra cualquiera de las manijas de las esquinas para agrandar el texto y llenar más el área del documento. Mantener pulsada la tecla Shift limita las proporciones del texto, y mantener pulsada la tecla Alt/Option redimensiona el texto desde el centro:

Efectos de texto de Adobe Photoshop: Redimensionar el texto con Free Transform

Redimensiona el texto con el comando «Transformación libre» de Photoshop.

Asegúrate de dejar suficiente espacio alrededor del texto para nuestro efecto de explosión de luz. Presione Enter (Win) / Returns cuando hayas terminado de aceptar la transformación.

Paso 4: Rasterice su texto

Vamos a aplicar varios filtros a nuestro texto, pero Photoshop no nos permite hacerlo sin rasterizarlo primero, lo que significa simplemente convertirlo en píxeles. Así que de nuevo con la capa de texto seleccionada, sube a la Menú de capas at the top of the screen, choose Rasterizarand then choose Scribe. Esto convertirá nuestro texto en píxeles. Se verá igual en la ventana del documento, pero en la paleta de Capas, la capa de Tipo será ahora una capa regular:

Efectos de texto de Photoshop: Rasterizar el texto

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

Paso 5: Añade una selección alrededor de tu texto y guárdala

Ctrl-click (Win) / Comando y clic (Mac) directamente en el área de vista previa de la miniatura de la capa de texto en la paleta de 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 de texto en la paleta de Capas

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

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

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

El texto está ahora seleccionado.

Con el texto seleccionado, suba al Seleccione el menú en la parte superior de la pantalla y elegir Guardar la selección. Cuando el Guardar la selección aparece el cuadro de diálogo, sólo tienes que hacer clic en OK. No hay necesidad de nombrarlo ni de hacer cambios en las opciones.

FILE Añade múltiples trazos al texto con los efectos de capa de Photoshop

Una vez que haya guardado su selección, pulse Ctrl+D (Win) / Comando+D (Mac) para deseleccionar su texto.

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

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

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

Paso 6: Use «Rellenar» para llenar su capa de texto con blanco y establezca el modo de mezcla para «Multiplicar»

Vuelva a su paleta de 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 elegir Llene…o presione… Shift+F5 en su teclado para que rápidamente aparezca el Photoshop Llene cuadro de diálogo. Cuando aparezca la ventana de diálogo, fije el Contenido to White y cambiar el Mixing mode to Multiply:

Efectos de texto de Photoshop: El cuadro de diálogo de relleno de Photoshop

El cuadro de diálogo «Rellenar» de Photoshop».

Haz clic en OK cuando termines. Parece que no ha ocurrido nada en la ventana del documento, pero si miras la miniatura de la capa de texto en la paleta Capas, verás que todo el espacio vacío alrededor del texto se ha llenado ahora de blanco, mientras que el texto se ha dejado negro gracias al modo «Multiplicar».

Paso 7: Aplicar el filtro de borrosidad gaussiana al texto

Sube al Menú de filtrado at the top of the screen, choose Blurand then choose Borrón Gaussiano. Cuando aparezca el cuadro de diálogo del Gaussian Blur, introduzca un Radio valor de alrededor de 4 píxeles y pulse OK para aplicar un ligero desenfoque al texto:

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

Aplica el filtro de Desenfoque Gaussiano al texto.

Aquí está el texto después de aplicar el Desenfoque Gaussiano:

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

El texto está ahora ligeramente borroso.

Paso 8: Aplicar el filtro «Solarizar» al texto

Con la capa de texto aún seleccionada, vuelve a subir a la Menú de filtrado y esta vez elige Estilizarand then choose Solarice. Esto hará que el documento se vuelva negro, y su texto aparecerá como un trazo blanco:

Efectos de texto de Photoshop: El texto después de aplicar el filtro Solarize

La imagen después de aplicar el filtro Solarize.

Paso 9: Aligera el texto con niveles

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

Efectos de texto de Photoshop: El cuadro de diálogo de niveles de Photoshop

Con el cuadro de diálogo de los niveles abierto, agarra el deslizador del punto blanco de la derecha y arrástralo hasta el borde derecho del histograma para dar brillo al texto.

Haz clic en OK. El texto aparecerá ahora mucho más brillante:

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

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

Paso 10: Haga 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 (Win) / Comando+J (Mac), que añadirá una copia de la capa superior en la paleta de capas:

Efectos de texto de Photoshop: Copiar la capa de texto

La paleta de capas ahora muestra tanto la capa de texto como la copia encima de ella.

Asegúrate de que la copia de la capa de texto esté seleccionada porque todos estos pasos siguientes se harán en la copia. No volveremos a tocar el original hasta cerca del final.

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

Vuelve a subir al Menú de filtradoy esta vez elige Distorsionary luego Coordenadas polares. Vamos a enviar nuestro texto al Polo Norte. De acuerdo, no lo haremos. Lo que nosotros son lo que va a hacer es hacer que se vea muy extraño. Cuando aparezca el cuadro de diálogo de las coordenadas polares, selecciona el Polar a Rectangular en la parte inferior y luego haga clic en OK:

FILE Falsificación de texto envuelto en Photoshop

Efectos de texto de Photoshop: El cuadro de diálogo de coordenadas polares de Photoshop

El cuadro de diálogo «Coordenadas Polares» de Photoshop.

Su texto ahora se verá muy extraño:

Efectos de texto de Photoshop: El texto después de aplicar las coordenadas polares

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

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

Sube al Menú de imágenes en la parte superior de la pantalla, seleccione Rotar el lienzoand then choose 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

Use el atajo de teclado Ctrl+I (Win) / Comando+I (Mac) para invertir la imagen, así que el negro se convierte en blanco y el blanco en negro:

Efectos de texto de Photoshop: Invertir la imagen

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

Paso 14: Aplicar el filtro «Viento» tres veces

Vuelve a subir al Menú de filtrado una vez más, elige Estilizarand then choose Viento. Cuando aparezca el cuadro de diálogo del filtro de viento, asegúrate de que Método is set to Viento and Dirección is set to Desde la derecha:

Efectos de texto de Photoshop: El filtro de viento de Photoshop

El filtro «Viento» de Photoshop.

Haz clic en OK para aplicar el filtro de viento una vez. Luego presiona el atajo de teclado Ctrl+F (Win) / Comando+F (Mac) dos veces para aplicar el mismo filtro dos veces más.

Paso 15: Invertir la imagen de nuevo

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

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

Invierta 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, pulse el atajo de teclado Ctrl+F (Win) / 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 de viento tres veces más

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

Paso 17: Iluminar la imagen de nuevo con niveles

Necesitamos aclarar la imagen de nuevo usando niveles, pero esta vez, dejaremos que Photoshop haga el trabajo por nosotros usando Niveles automáticos. Para hacerlo, presione Shift+Ctrl+L (Win) / Shift+Comando+L (Mac) para aplicar el comando de Niveles Automáticos a la imagen, que la iluminará:

Efectos de texto de Photoshop: Aplicar Auto Niveles a la imagen para darle brillo

Aplique el comando «Niveles automáticos» para dar brillo a la imagen.

Paso 18: Gire el lienzo 90 grados en sentido contrario a las agujas del reloj

Vuelve a subir al Menú de imágenes en este punto, elige Rotar el lienzo una vez más, y esta vez elige 90° CCW para rotar 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

Gire el lienzo 90° CCW.

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

Vuelve a subir al Menú de filtrado otra vez, elige Distorsionarand then choose Coordenadas polares. Esta vez elige el Rectangular a polar y haga clic en OK:

Efectos de texto de Photoshop: Aplicar el filtro de coordenadas polares de nuevo

Aplica «Coordenadas Polares» de nuevo, esta vez eligiendo «Rectangular a Polar».

Tu imagen debería verse ahora algo como esto:

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: Poner el modo de mezcla de capas en «Pantalla»

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

Efectos de texto de Photoshop: Cambiando el modo de fusión a Pantalla

Cambiar el modo de mezcla 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 es ahora visible

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

Paso 21: Aplicar una capa de relleno gradiente para añadir color

Haga clic en el Nueva capa de relleno o ajuste en la parte inferior de la paleta de capas:

Efectos de texto de Photoshop: Haga clic en el icono de 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 Capa de relleno de gradiente

Seleccione una capa de relleno de gradiente.

Cuando el Relleno de gradiente se abre un cuadro de diálogo, haz clic dentro del área de vista previa del gradiente en la parte superior:

Efectos de texto de Photoshop: Haga clic dentro del área de vista previa del gradiente

Haz clic dentro del área de vista previa del gradiente.

Esto traerá a colación el Editor de Gradientes cuadro de diálogo. Haga clic en la muestra de gradiente en la parte superior izquierda, el de negro a blanco y esto asegurará que ambos colores a cada lado del gradiente tengan su opacidad al 100%:

FILE How to create split-color text in Photoshop

Efectos de texto de Photoshop: Seleccione el gradiente de negro a blanco en la parte superior izquierda

Selecciona el gradiente de negro a blanco en la parte superior izquierda para asegurarte de que ambos colores se ajusten primero al 100% de opacidad.

Entonces pon los colores de tu gradiente a lo que quieras. He puesto el color de la izquierda a un rojizo-naranja, y el de la derecha a un amarillo-naranja:

Efectos de texto de Photoshop: Establece tus colores de gradiente.

Ponga los colores de su gradiente.

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

Paso 22: Cambiar el modo de mezcla de la capa de relleno de gradiente a «color»

Con la capa de relleno de gradiente seleccionada, vuelva a las opciones de modo de fusión en la parte superior izquierda de la paleta de capas y cambie el modo de fusión de la capa a Colour:

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

Cambie el modo de mezcla de la capa de relleno de gradiente a «Color».

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

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

Los colores del gradiente se aplican ahora 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 haz clic en ella en la paleta de capas para seleccionarla. Luego sube a la Menú de filtrado…elige… Blurand then choose Desenfoque radial:

Efectos de texto de Photoshop: El cuadro de diálogo de Desenfoque Radial de Photoshop

El cuadro de diálogo «Desenfoque Radial» de Photoshop.

Put the Quantity a cerca de 65 píxelesthe Método Blur to Zoomand the Calidad to Mejorcomo se indica en el círculo anterior, 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 guardado

Sólo quedan un par de cosas por hacer. Primero, cambia a tu Paleta de canales otra vez como hicimos antes. Vamos a recargar esa selección que guardamos. Para hacerlo, simplemente clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar de la Alfa 1 en la parte inferior, que cargará la selección de nuevo en la ventana del documento:

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

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

Vuelve a la paleta de capas cuando termines. La selección está ahora cargada en la imagen:

Efectos de texto de Photoshop: Lo seleccionado ahora cargado en la imagen

La selección ahora cargada en la imagen.

Queda una cosa por hacer…

Paso 25: Llenar la selección con negro

Con la capa de texto original seleccionada en la paleta de Capas y el negro como color de primer plano, pulse Alt+Retroceso (Win) / Opción-Borrar (Mac) para llenar la selección con negro y terminar el efecto. Presiona Ctrl+D (Win) / Comando+D para quitar la selección, ¡y ya está! Después de todo eso, aquí está el efecto final de texto «ráfaga 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 colorido efecto de luz con texto en Photoshop! Mira nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon