Efecto de texto con ráfagas de luz de colores con Photoshop CS6

Efecto de texto con ráfagas de luz de colores con Photoshop CS6

Efecto de ráfaga de luz de colores en el texto CS6

En este tutorial de Efectos de Texto, aprenderemos a envolver el texto en rayos de luz y color que irradian a través y alrededor de él. Esta versión del tutorial ha sido completamente reescrita y actualizada para Photoshop CS6. Si estás usando una versión anterior de Photoshop, querrás seguir el tutorial original de Colorful Light Burst Text.

Aquí el efecto que vamos a crear. Por supuesto, esto es sólo un ejemplo del efecto. Puedes elegir el texto y los colores que quieras:

Un colorido efecto de ráfaga de luz de texto creado con Photoshop CS6

El efecto de estallido de luz de colores.

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

Paso 1: Crear un nuevo documento de Photoshop

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

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

Yendo a File > New.

Esto abre el cuadro de diálogo de Nuevo Documento donde podemos establecer varias opciones para nuestro nuevo documento, incluyendo sus dimensiones. Para este tutorial, mantendré las cosas simples seleccionando Web for the Preset cerca de la parte superior del cuadro de diálogo, que automáticamente establece la Wide to 800 pixels and the Height to 600 píxeles. También establece el Resolution a 72 píxeles por pulgada, pero a menos que estés creando este efecto para la impresión, no tienes que preocuparte por la resolución. El Background content La opción en la parte inferior debe ser puesta en White. Haga clic en OK cuando termine de cerrar el cuadro de diálogo y un nuevo documento de Photoshop con relleno blanco se abrirá en su pantalla:

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

El cuadro de diálogo de Nuevo Documento.

Paso 2: Añadir su texto

Ahora que tenemos nuestro nuevo documento, añadamos algo de texto. Seleccione el Tool Type desde el panel de herramientas en el extremo izquierdo de la pantalla:

Seleccionando la herramienta de tipos en Photoshop CS6. Imagen © 2013 Photoshop Essentials.com

Selecting the type tool.

Presiona la carta D en tu teclado para reajustar rápidamente tu Colores de primer y segundo plano a sus valores por defecto, lo que pondrá su color de primer plano a negro (y su color de fondo a blanco). Photoshop utiliza el color actual de primer plano como color del texto, lo que significa que el color del texto será ahora también 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 a 72 pt. Veremos cómo redimensionar fácilmente el texto una vez que lo hayamos añadido. Para más detalles sobre cómo trabajar con el tipo en Photoshop, asegúrese de revisar nuestro tutorial completo de Photoshop Type Essentials:

Configurando las opciones de tipo en Photoshop CS6. Imagen © 2013 Photoshop Essentials.com

Configurar las opciones de fuentes en la Barra de opciones.

Con la herramienta de escritura a mano, las opciones de fuente establecidas y el negro como color del texto, haz clic dentro del documento y añade tu texto. Escribiré las palabras «Ráfaga de luz»:

Añadiendo texto al documento de Photoshop. Imagen © 2013 Photoshop Essentials.com

Añadiendo mi texto.

Cuando termines, haz clic en el check mark en la barra de opciones para aceptarlo y salir del modo de edición de texto:

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

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

Si echamos un vistazo rápido en el panel de Capas, vemos que el texto aparece en un Tipo de capa… por encima de la capa de fondo de relleno blanco:

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

El panel de Capas que muestra la capa de Tipo recién añadida.

Paso 3: Redimensionar el texto con Free Transform

Si tu texto aparece demasiado pequeño, como el mío, podemos fácilmente redimensionarlo usando el comando Transformación Libre de Photoshop. Sube al Edit en la parte superior de la pantalla y elegir Free transformation:

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

Go to Edit; Free transformation.

Esto coloca la caja de la Transformación Libre y las manijas (los pequeños cuadrados) alrededor del texto. Para cambiar el tamaño del texto, haz clic y arrastra cualquiera de los corner handles. Mantenga presionado su Change mientras arrastras las manijas para restringir las proporciones de tu texto para no distorsionar la forma de las letras (asegúrate de soltar el botón del ratón primero). before liberando la tecla Shift). También puedes mover el texto a su posición haciendo clic en cualquier lugar dentro del cuadro delimitador de Transformación Libre y arrastrando con el ratón. Cuando hayas terminado, pulsa Enter (Win) / Returns (Mac) en su teclado para aceptarlo y salir del modo de transformación libre:

Redimensionando el texto con el comando Transformación Libre. Imagen © 2013 Photoshop Essentials.com

Haciendo clic y arrastrando las manijas de las esquinas para cambiar el tamaño del texto.

Paso 4: Rasterizar la capa de tipos

A continuación, necesitamos convertir nuestro texto de una capa de tipo en píxeles, un proceso conocido como rasterización. Sube al Scribe (nuevo en CS6) en la parte superior de la pantalla y elegir Capa de tipo rasterizado:

Seleccionando el comando Rasterizar Capa de Tipo en el nuevo menú de Tipo en Photoshop CS6. Imagen © 2013 Photoshop Essentials.com

Pasando a Tipografía; Rasterizar Capa de Tipografía.

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

El panel de capas que muestra la capa de tipo rasterizado. Imagen © 2013 Photoshop Essentials.com

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

Paso 5: Guardar 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 poder cargarla de nuevo más tarde. Para crear el esquema de selección, mantenga pulsada la tecla Ctrl (Win) / Comando (Mac) en tu teclado y haz clic directamente en la capa de texto vista previa de la miniatura in the Layers panel:

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

Haciendo clic en la miniatura de la vista previa mientras se mantiene pulsada la tecla Ctrl (Win) / Comando (Mac).

Photoshop carga una selección alrededor de las letras:

Un esquema de selección aparece alrededor del texto. Imagen © 2013 Photoshop Essentials.com

Un esquema de selección aparece alrededor del texto.

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

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

Haciendo clic en la pestaña del panel de Canales.

Entonces, haga clic en el Guardar selección como canal en la parte inferior del panel de 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 Alfa 1 aparece debajo de los canales Rojo, Verde y Azul. Nuestra selección está ahora guardada:

FILE Usar el texto como contenedor para más texto en Photoshop

Un nuevo canal Alfa 1 aparece en el panel de Canales. Imagen © 2013 Photoshop Essentials.com

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

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

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

Volviendo al panel de Capas.

Ya no necesitamos el esquema de selección alrededor del texto, así que sube al Select en la parte superior de la pantalla y elegir Deseleccione. O, simplemente presione Ctrl+D (Win) / Comando+D (Mac) en tu teclado para deseleccionarlo con el atajo:

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

Ir a Seleccionar; Deseleccionar.

Paso 6: Rellenar 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 de 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 de fondo.

Con la capa de fondo de relleno blanco oculta, sólo 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 de Photoshop de representar la transparencia, lo que significa que todo el espacio alrededor del texto en la capa está actualmente vacío:

Viendo el área transparente alrededor del texto. Imagen © 2013 Photoshop Essentials.com

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

Necesitamos llenar el espacio vacío con blanco sin afectar a nuestro texto negro, y podemos hacerlo usando el comando Fill de Photoshop. Sube al Edit en la parte superior de la pantalla y elegir Llene:

Seleccionando el comando Rellenar en el menú Edición. Imagen © 2013 Photoshop Essentials.com

Ir a Editar; Llenar.

Esto abre el cuadro de diálogo Rellenar. Establece el Utilice opción en la parte superior para Whitey luego establecer el Mixing mode the option to Multiply:

Configurando las opciones de relleno en Photoshop. Imagen © 2013 Photoshop Essentials.com

Configurando las opciones de llenado.

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

Configurando las opciones de relleno en Photoshop. Imagen © 2013 Photoshop Essentials.com

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

Puedes volver a activar la capa de fondo en este punto haciendo clic de nuevo en la capa icono de visibilidad. Sólo lo apagamos temporalmente para poder ver lo que pasaba con el comando Fill en la capa de texto:

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

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

Paso 7: Aplicar el Filtro de Desenfoque Gaussiano

Necesitamos añadir una pequeña cantidad de desenfoque a nuestro texto, y podemos hacerlo con el filtro de Desenfoque Gaussiano. Sube al Filter at the top of the screen, choose Blury luego elige… Borrón Gaussiano:

Seleccionando el filtro de Gaussian Blur en el menú Filter. Imagen © 2013 Photoshop Essentials.com

Pasando a Filtro; Borrón; Borrón Gaussiano.

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

Estableciendo el valor del Radio en el cuadro de diálogo del Desenfoque Gaussiano. Imagen © 2013 Photoshop Essentials.com

Ajustando el valor del radio a 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 de Gaussian Blur. Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el filtro de Gaussian Blur.

Paso 8: Aplicar el filtro Solarize

Una vez más sube al Filter en la parte superior de la pantalla, pero esta vez, elige Estilizary luego elige… Solarice:

Seleccionando el filtro Solarize en el menú Filter. Imagen © 2013 Photoshop Essentials.com

Ir a Filtro; Estilizar; Solarizar.

No hay ningún cuadro de diálogo para el filtro Solarize. 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 Solarize. Imagen © 2013 Photoshop Essentials.com

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

Paso 9: Aligerar el texto con el 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 Image en la parte superior de la pantalla y elegir Auto Tone. Para nuestros propósitos aquí, realmente no importa si eliges Tono Automático, Contraste Automático o Color Automático ya que esencialmente estamos trabajando con una imagen en blanco y negro. Elegí Auto Tono sólo porque es el primero de la lista:

Seleccionando el comando Auto Tono en Photoshop CS6. Imagen © 2013 Photoshop Essentials.com

Pasando a Imagen; Auto Tono.

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

El texto después de aplicar el ajuste de Auto Tono. Imagen © 2013 Photoshop Essentials.com

El texto después de aplicar el ajuste de Auto Tono.

Paso 10: Duplicar la capa de texto

Necesitamos hacer una copia de nuestra capa de texto. Sube al Cloak at the top of the screen, choose Nuevoy luego elige… Capa a través de la copia. O, una forma más rápida de duplicar una capa es simplemente presionando Ctrl+J (Win) / Comando+J (Mac) on your keyboard:

Seleccionando el comando Nueva Capa a través de Copiar en el menú Capa. Imagen © 2013 Photoshop Essentials.com

Pasando a Capa; Nueva; Capa a través de Copia.

Una copia de la capa de texto aparece sobre el original en el panel de Capas:

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

El panel de 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 de Capas, suba al Filter at the top of the screen, choose Distorsionary luego elige… Coordenadas polares:

Seleccionando el filtro de coordenadas polares. Imagen © 2013 Photoshop Essentials.com

Pasando a Filtro; Distorsión; Coordenadas Polares.

Cuando se abre el cuadro de diálogo de las coordenadas polares, selecciona la Polar a Rectangular en la parte inferior, luego haga clic en Aceptar para cerrar el cuadro de diálogo:

Seleccionando la opción Polar a Rectangular para el filtro de coordenadas polares. Imagen © 2013 Photoshop Essentials.com

Seleccionando la opción Polar a Rectangular.

Tu texto ahora se verá algo así:

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

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

Paso 12: Rotar la imagen

En un momento, vamos a aplicar el filtro de viento de Photoshop a la imagen, pero el filtro de viento sólo funciona horizontalmente, así que antes de ejecutarlo, tenemos que girar nuestra imagen sobre su lado. Para hacer eso, sube al Image at the top of the screen, choose Rotación de la imageny luego elige… 90° CW (en el sentido de las agujas del reloj):

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

Pasando a Imagen; Rotación de Imagen; 90° CW.

La imagen debe ser girada ahora 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, tenemos que invertir la imagen, haciendo que las áreas negras sean blancas y las blancas negras. Sube a la Image menu, choose Settingsy luego elige… Invertir. O bien, pulse Ctrl+I (Win) / Comando+I (Mac) on your keyboard:

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

Ir a Imagen; Ajustes; Invertir.

La imagen está ahora 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: Aplicar el filtro de viento tres veces

Para crear lo que eventualmente se convertirá en rayos de luz, usaremos el filtro de viento. Sube al Filter menu, choose Estilizary luego elige… Viento:

FILE How to create a Spray Paint text effect in Photoshop

Seleccionando el filtro de Viento en Photoshop. Imagen © 2013 Photoshop Essentials.com

Ir a Filtro; Estilizar; Viento.

Cuando aparezca el cuadro de diálogo Viento, establezca el Método the option to Vientoy luego establecer el Dirección the option to Desde la derecha:

Configurando las opciones del filtro de viento en Photoshop. Imagen © 2013 Photoshop Essentials.com

Las opciones del filtro de viento.

Haga clic en Aceptar para cerrar el cuadro de diálogo. Photoshop aplicará el filtro de viento a la imagen. En realidad necesitamos aplicar el filtro dos veces más, pero en lugar de seleccionarlo de nuevo en el menú de filtro, simplemente pulse Ctrl+F (Win) / Comando+F (Mac) en tu teclado. Este es un atajo práctico para volver a aplicar el último filtro que se utilizó (junto con los ajustes que se utilizaron). Presione Ctrl+F (Win) / Comando+F (Mac) de nuevo para volver a aplicar el filtro de Viento una segunda vez (por lo que ahora se ha aplicado un total de tres veces). Tu imagen debería verse ahora algo como esto:

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: Invertir la imagen de nuevo

A continuación, necesitamos reinvertir la imagen, así que una vez más sube a la Image menu, choose Settingsy luego elige… Invertir…o presione… Ctrl+I (Win) / Comando+I (Mac) on your keyboard:

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

Ir a Imagen; Ajustes; Invertir.

El texto aparece una vez más de color gris claro sobre un fondo negro:

La imagen se ha invertido de nuevo. Imagen © 2013 Photoshop Essentials.com

La imagen después de invertirla de nuevo.

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

Volvamos a hacer el texto más brillante volviendo a la Image menú y eligiendo Auto Tono:

Seleccionando el comando Auto Tono en Photoshop CS6. Imagen © 2013 Photoshop Essentials.com

Volviendo a Imagen; Auto Tono.

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

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

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

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

Press Ctrl+F (Win) / Comando+F (Mac) en su teclado tres veces para volver a aplicar el filtro de 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: Rotar la imagen

Hemos terminado con el filtro de viento, así que vamos a girar la imagen de nuevo a su orientación original. Sube al Image menu, choose Rotación de la imageny luego elige… 90° CCW (en el sentido contrario a las agujas del reloj):

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

Pasando a Imagen; Rotación de Imagen; 90° CCW.

La imagen ha vuelto a su posición original:

La imagen después de girarla en sentido contrario a las agujas del reloj. Imagen © 2013 Photoshop Essentials.com

La imagen después de girarla en sentido contrario a las agujas del reloj.

Paso 19: Aplicar el filtro de coordenadas polares de nuevo

Sube al Filter menu, choose Distorsionary luego elige… Coordenadas polares. Esta vez, cuando aparezca el cuadro de diálogo, seleccione el Rectangular a polar en la parte inferior:

Seleccionando Rectangular a Polar en el cuadro de diálogo del filtro de coordenadas polares. Imagen © 2013 Photoshop Essentials.com

Seleccionando la opción Rectangular a Polar.

Haz clic en Aceptar para aplicar el filtro de coordenadas polares y salir del cuadro de diálogo. El efecto de ráfaga de luz está empezando 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: Cambiar el modo de mezcla de capas a la pantalla

A continuación, tenemos que permitir que nuestra capa de texto original de abajo se muestre a través de los rayos de luz, y podemos hacerlo simplemente cambiando el modo de mezcla de la capa superior. Encontrarás la opción de Modo de Mezcla en la esquina superior izquierda del panel de Capas (es el cuadro que está configurado en Normal por defecto). Haz clic en el cuadro y selecciona Screen de la lista de modos de mezcla que aparece:

Cambiando el modo de mezcla de capas a Pantalla. Imagen © 2013 Photoshop Essentials.com

Cambiando el modo de mezcla de la capa de Normal a Pantalla.

Con el modo de mezcla ajustado en Pantalla, los rayos de luz ahora parecen brillar a través del texto:

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

El efecto después de cambiar el modo de mezcla a Pantalla.

Paso 21: Añadir una capa de relleno de gradiente

Añadamos un poco de color muy necesario al efecto, y lo haremos usando una capa de relleno de gradiente. Haz clic en el botón Nueva capa de relleno o ajuste at the bottom of the Layers panel:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas. Imagen © 2013 Photoshop Essentials.com

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

Select Gradiente cerca de la parte superior de la lista:

Eligiendo una capa de relleno de gradiente. Imagen © 2013 Photoshop Essentials.com

Añadiendo una capa de relleno de gradiente.

Esto abre el cuadro de diálogo Relleno de gradiente. Haz clic en el botón gradient preview bar en la parte superior para abrir el Editor de Gradientes:

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

By clicking on the gradient preview bar.

Cuando aparezca el editor de gradientes, seleccione el Black, White de la graduación preestablecida 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 de partida para el gradiente y, lo más importante, se asegurará de que ambos colores estén ajustados a un 100% de opacidad:

Seleccionando el gradiente de Blanco y Negro del Editor de Gradientes en Photoshop. Imagen © 2013 Photoshop Essentials.com

Haciendo clic en la miniatura del gradiente Blanco y Negro.

La mitad inferior del editor de gradientes es donde podemos editar el gradiente. Haga doble clic en en el negro-llenado color stop debajo del extremo izquierdo de la gran barra de vista previa del gradiente:

Editando el tope de color izquierdo para el gradiente. Imagen © 2013 Photoshop Essentials.com

Haciendo doble clic en el tope de color negro a la izquierda.

Esto abrirá el Photoshop Color Picker donde podemos reemplazar el negro en el gradiente con cualquier color que nos guste. Elegiré un color naranja rojizo. Haz clic en Aceptar una vez que hayas elegido un nuevo color para cerrar el Selector de colores:

Seleccionando un nuevo color de gradiente del Selector de Color. Imagen © 2013 Photoshop Essentials.com

Eligiendo un nuevo color para el lado izquierdo del gradiente.

Entonces, haz lo mismo con el otro lado del gradiente en el Editor de Gradientes. Haga doble clic en en el blanco-lleno color stop debajo del lado derecho de la barra de vista previa del gradiente:

Editar la parada de color correcta para el gradiente. Imagen © 2013 Photoshop Essentials.com

Haciendo doble clic en el tope de color blanco de la derecha.

Elija un nuevo color para el lado derecho del gradiente de la Color Picker. Elegiré un amarillo anaranjado. Haz clic en OK cuando termines para volver a cerrar el selector de colores:

Seleccionando un segundo color de gradiente nuevo del Selector de Color. Imagen © 2013 Photoshop Essentials.com

Eligiendo un nuevo color para el lado derecho del gradiente.

Aquí está mi gradiente editado con sus nuevos colores personalizados. Si estás satisfecho con los colores que has elegido, haz clic en Aceptar para cerrar el editor de degradado y, a continuación, en Aceptar para cerrar el cuadro de diálogo Relleno de degradado:

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

El nuevo gradiente personalizado.

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

Por el momento, el gradiente llenará todo el documento de arriba a abajo, lo que obviamente no es lo que queremos. Sólo queremos que coloree nuestro texto y los rayos de luz. Para arreglar el problema, todo lo que necesitamos hacer es cambiar el mixing mode para la capa de relleno del gradiente de Normal a Colour:

FILE Efecto de Reflexión de Texto en Photoshop

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

Cambiando el modo de mezcla de la capa de relleno de gradiente a color.

Con el modo de fusión ajustado a Color, el efecto se colorea ahora por el gradiente:

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

El efecto después de cambiar el modo de mezcla a Color.

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

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

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

Seleccionando la capa de texto original.

El filtro que vamos a usar es el Desenfoque Radial, pero el problema con el Desenfoque Radial 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 no hayamos aplicado el filtro, y esa es una pésima manera de trabajar. Afortunadamente, hay una forma fácil de resolver el problema, y es convirtiendo primero la capa en un Objeto inteligente. Con la capa de texto original seleccionada, haga clic en el pequeño Menu icon en la esquina superior derecha del panel de capas:

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

Haciendo clic en el icono del menú.

Choose Convertir a Objeto Inteligente del menú que aparece:

Eligiendo el comando Convertir en Objeto Inteligente. Imagen © 2013 Photoshop Essentials.com

Eligiendo el comando Convertir en Objeto Inteligente.

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

La capa se ha convertido en un Objeto Inteligente. Imagen © 2013 Photoshop Essentials.com

La capa es ahora un Objeto Inteligente.

Paso 24: Aplicar un filtro inteligente de desenfoque radial

Los filtros que ahora aplicamos a nuestro Objeto Inteligente se convertirán Filtros inteligentesy lo bueno de los Filtros Inteligentes es que podemos volver 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 de Desenfoque Radial. Sube al Filter menu, choose Blury luego elige… Desenfoque radial:

Seleccionando el filtro de Desenfoque Radial. Imagen © 2013 Photoshop Essentials.com

Pasando a Filtro; Borrón; Borrón radial.

Esto abre el cuadro de diálogo de la Desenfoque Radial. Establece el Método Blur to Zoom and the Calidad to Mejory luego establecer el Quantity valor en la parte superior a alrededor de 65 arrastrando el deslizador. No se preocupe por obtener el valor de Amount exactamente correcto porque, como es un Filtro Inteligente, siempre podemos volver atrás y cambiarlo más tarde:

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

El cuadro de diálogo de la Desenfoque Radial.

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

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

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

Si miras la capa de texto en el panel de Capas, verás el Filtro Inteligente de Desenfoque Radial que aparece directamente debajo de ella. Si quieres probar un valor de cantidad diferente para el desenfoque, simplemente double-click en el nombre del filtro para volver a abrir el cuadro de diálogo de Radial Blur, y luego establecer el nuevo valor de Amount. Haga clic en Aceptar para cerrar el cuadro de diálogo y Photoshop actualizará los resultados en la ventana del documento. Puede hacer esto tantas veces como quiera sin dañar la imagen:

Reabriendo el filtro inteligente de Desenfoque Radial en el panel de Capas. Imagen © 2013 Photoshop Essentials.com

Haga doble clic en el filtro inteligente de Desenfoque Radial para volver a abrir su cuadro de diálogo si es necesario.

Paso 25: Añadir una nueva capa en blanco

Ya casi hemos terminado. Haga clic en el Nueva capa at the bottom of the Layers panel:

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

Haciendo clic en el icono de Nueva Capa.

Photoshop añade una nueva capa en blanco llamada Layer 1 entre las dos capas de texto:

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

El panel de capas que muestra la nueva capa en blanco.

Paso 26: Cargar la selección del panel de canales

¿Recuerdas la selección que guardamos en el paso 5? Por fin es hora de cargarla. Para hacerlo, cambia de nuevo a la Panel de canales (junto al panel de Capas) haciendo clic en su ficha de nombre. Entonces, presione y mantenga su Ctrl (Win) / Comando (Mac) on your keyboard and click the Alfa 1 debajo de los canales Rojo, Verde y Azul:

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

Mantenga presionado Ctrl (Win) / Comando (Mac) y haga clic en Alfa 1.

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

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

El esquema de selección del texto original vuelve a aparecer.

Paso 27: Llenar la selección con negro

Vuelve a tu Panel de capas haciendo clic en su ficha de nombrey luego sube a la Edit menu and choose Llene:

Seleccionando el comando Rellenar en el menú Edición. Imagen © 2013 Photoshop Essentials.com

Ir a Editar; Llenar.

En el cuadro de diálogo Rellenar, establezca el Utilice the option to Black and the Mixing mode to Normal:

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

Asegúrese de que el modo de mezcla esté ajustado a Normal esta vez, no a Multiplicar.

Haz clic en Aceptar para cerrar el cuadro de diálogo Rellenar. Photoshop rellena la selección con negro. Para eliminar rápidamente el contorno de la selección, sólo tiene que pulsar Ctrl+D (Win) / Comando+D (Mac) en tu teclado. Y con eso, ¡hemos terminado! Aquí está mi efecto final:

Un colorido efecto de ráfaga de luz de texto creado con Photoshop CS6

El resultado final.

¡Y ahí lo tenemos! Así es como se crea un efecto de texto con ráfagas de luz de colores en Photoshop CS6. Echa un vistazo a nuestras secciones de Efectos de Texto o Efectos de Foto para ver más tutoriales de efectos de Photoshop!

Go up

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