En este tutorial de Efectos de texto, aprenderemos cómo envolver el texto en haces de luz y color que se irradian a través y alrededor de él. 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 original Texto de ráfaga de luz colorida tutorial.
Aquí el efecto que estaremos creando. Por supuesto, este es solo un ejemplo del efecto. Puedes elegir el texto y los colores que quieras:
El colorido efecto de ráfaga de luz.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 revisar el tutoriales originales . ¡Empecemos!
Paso 1: cree un nuevo documento de Photoshop
Comencemos desde cero creando un nuevo documento para el efecto. sube a la Expediente en la barra de menús en la parte superior de la pantalla y elija Nuevo :
Yendo a Archivo > 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 el Ancho a 800 píxeles y el Altura a 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 lleno de blanco en su pantalla:
El cuadro de diálogo Nuevo documento.Paso 2: Agrega tu 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:
Selección de la herramienta Tipo.Presiona 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 usa el color de primer plano actual como color de texto, lo que significa que el color de su 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é Impacto , y estableceré el tamaño inicial de mi fuente en 72 puntos . Veremos cómo fácilmente cambiar 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 completo Conceptos básicos de tipografía de Photoshop tutorial:
Configuración de las opciones de fuente en la barra de opciones.Con la herramienta Tipo en la mano, las opciones de fuente configuradas y el color negro como color de texto, haga clic dentro del documento y agregue su texto. Escribiré las palabras 'LIGHT BURST':
Agregando mi texto.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:
Haciendo clic en la marca de verificación en la barra de opciones.Si echamos un vistazo rápido a la Panel de capas , vemos que el texto aparece en una capa de tipo encima de la capa de fondo rellena de blanco:
El panel Capas que muestra la capa Texto recién agregada.Paso 3: cambie 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 Photoshop Transformación libre dominio. sube a la Editar menú en la parte superior de la pantalla y elija Transformación libre :
Yendo a Edición > Transformación libre.Esto coloca el cuadro de Transformación libre y los controladores (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 que no distorsione 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 (Victoria) / Devolver (Mac) en su teclado para aceptarlo y salir del modo Transformación libre:
Hacer clic y arrastrar los tiradores de las esquinas para cambiar el tamaño del texto.Paso 4: rasterizar la capa de texto
A continuación, debemos convertir nuestro texto de una capa de tipo en píxeles, un proceso conocido como rasterizar . sube a la Escribe menú (nuevo en CS6) en la parte superior de la pantalla y elija Rasterizar capa de texto :
Ir a Texto > Rasterizar capa de texto.Parecerá que nada le ha pasado al texto, pero si miramos en el panel Capas, vemos que nuestra capa Tipo se ha convertido en una capa estándar. píxel -capa basada:
La capa Tipo ahora es una capa 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 cargarla nuevamente más tarde. Para crear el esquema de selección, mantenga presionada la tecla Control (Victoria) / Dominio (Mac) en su teclado y haga clic directamente en la capa de texto vista previa en miniatura en el panel Capas:
Haciendo clic en la miniatura de vista previa mientras mantiene presionada la tecla Ctrl (Win) / Comando (Mac).Photoshop carga una selección alrededor de las letras:
Aparece un contorno de selección alrededor del texto.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:
Haciendo clic en la pestaña del panel Canales.Luego, haga clic en el Guardar selección como canal icono en la parte inferior del panel Canales (segundo icono desde la izquierda):
Haciendo clic en el icono Guardar selección como canal.Aparece un nuevo canal llamado Alpha 1 debajo de los canales rojo, verde y azul. canales . Nuestra selección ahora está guardada:
La selección se ha guardado como un nuevo canal llamado Alpha 1.Vuelva del panel Canales a su Panel de capas haciendo clic en la pestaña de su nombre:
Volviendo al panel Capas.Ya no necesitamos el contorno de selección alrededor del texto, así que vaya a la Seleccione menú en la parte superior de la pantalla y elija Deseleccionar . O simplemente presione Control+D (Victoria) / Comando+D (Mac) en su teclado para deseleccionarlo con el atajo:
Yendo a Seleccionar > Deseleccionar.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:
Al hacer clic en el icono de visibilidad de la capa Fondo.Con la capa de fondo rellena 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:
El área que rodea el texto en la capa es transparente.Necesitamos llenar el espacio vacío con blanco sin afectar nuestro texto negro, y podemos hacerlo usando el comando Rellenar de Photoshop. sube a la Editar menú en la parte superior de la pantalla y elija Llenar :
Yendo a Editar > Rellenar.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 :
Configuración de las opciones de relleno.Haga clic en Aceptar para cerrar el cuadro de diálogo Rellenar y Photoshop rellenará de blanco el área transparente que rodea las letras. Al establecer el modo de mezcla en Multiplicar , las letras negras no se vieron afectadas:
Solo el área transparente alrededor del texto se llenó de blanco.Puede volver a activar la capa de fondo en este punto haciendo clic de nuevo en el botón de la capa. icono de visibilidad . Solo lo apagamos temporalmente para poder ver lo que estaba sucediendo con el comando Rellenar en la capa de texto:
Haciendo clic de nuevo en el icono de visibilidad de la capa de fondo.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 a la Filtrar menú en la parte superior de la pantalla, elija Difuminar , entonces escoge Desenfoque gaussiano :
Yendo a Filtro > Desenfocar > 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 :
Establecer el valor de Radio en 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 Desenfoque gaussiano.Paso 8: aplique el filtro Solarize
Una vez más sube a la Filtrar menú en la parte superior de la pantalla, pero esta vez, seleccione Estilizar , entonces escoge solarizar :
Yendo a Filtro > Estilizar > 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:
El texto después de aplicar el filtro solarizar.Paso 9: aclara el texto con tono automático
Necesitamos iluminar el texto y podemos hacerlo muy rápidamente usando uno de los ajustes automáticos de imagen de Photoshop. sube a la Imagen menú 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 estamos trabajando esencialmente con una imagen en blanco y negro. Elegí Auto Tone solo porque es el primero en la lista:
Yendo a Imagen > Tono automático.Con Auto Tone aplicado, el texto ahora aparece mucho más brillante:
El texto después de aplicar el ajuste de tono automático.Paso 10: duplica la capa de texto
Necesitamos hacer una copia de nuestra capa de texto. sube a la Capa menú en la parte superior de la pantalla, elija Nuevo , entonces escoge Capa a través de la copia . O bien, una forma más rápida de duplicar una capa es simplemente presionando Control+J (Victoria) / Comando+J (Mac) en su teclado:
Ir a Capa> Nueva> Capa a través de Copiar.Aparece una copia de la capa de texto sobre el original en el panel Capas:
El panel 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 Capas, sube a la Filtrar menú en la parte superior de la pantalla, elija Distorsionar , entonces escoge Coordenadas polares :
Yendo a Filtro > Distorsionar > 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:
Seleccionando la opción Polar a Rectangular.Tu texto ahora se verá así:
El texto después de aplicar el filtro Coordenadas polares.Paso 12: Girar 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 ello, sube a la Imagen menú en la parte superior de la pantalla, elija Rotacion de imagen , entonces escoge 90° en sentido horario (agujas del reloj):
Yendo a Imagen > Rotación de imagen > 90° CW.La imagen ahora debe girarse en el sentido de las agujas del reloj:
La imagen giró 90° en el sentido de las agujas del reloj.Paso 13: invertir la imagen
A continuación, debemos invertir la imagen, haciendo que las áreas negras sean blancas y las áreas blancas negras. sube a la Imagen menú, elige Ajustes , entonces escoge Invertir . O presione Ctrl+I (Victoria) / Comando+I (Mac) en su teclado:
Yendo a Imagen > Ajustes > Invertir.La imagen ahora está invertida:
La imagen después de invertir los valores de brillo.Paso 14: aplica el filtro de viento tres veces
Para crear lo que eventualmente se convertirá en los rayos de luz, usaremos el filtro Viento. sube a la Filtrar menú, elige Estilizar , entonces escoge Viento :
Yendo a Filtro > Estilizar > 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 :
Las opciones de filtro de viento.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 Control+F (Victoria) / Comando+F (Mac) en su 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 Control+F (Victoria) / Comando+F (Mac) nuevamente para volver a aplicar el filtro Viento por segunda vez (por lo que ahora se ha aplicado un total de tres veces). Tu imagen ahora debería verse así:
La imagen después de aplicar el filtro Viento tres veces.Paso 15: Invierta la imagen nuevamente
A continuación, necesitamos volver a invertir la imagen, así que una vez más sube a la Imagen menú, elige Ajustes , entonces escoge Invertir , o presione Ctrl+I (Victoria) / Comando+I (Mac) en su teclado:
Yendo a Imagen > Ajustes > Invertir.El texto vuelve a aparecer gris claro sobre un fondo negro:
La imagen después de invertirla de nuevo.Paso 16: Ilumina el texto nuevamente con tono automático
Volvamos a hacer que el texto sea más brillante volviendo a la Imagen menú y elección Tono automático :
Volviendo a Imagen > Tono automático.Y una vez más, el texto aparece más brillante:
El texto después de volver a aplicar el comando Tono automático.Paso 17: Vuelva a aplicar el filtro de viento tres veces más
Prensa Control+F (Victoria) / Comando+F (Mac) en su teclado tres veces para volver a aplicar el filtro Viento tres veces más a la imagen:
La imagen después de aplicar el filtro Viento tres veces más.Paso 18: Girar la imagen
Hemos terminado con el filtro Viento, así que vamos a rotar la imagen a su orientación original. sube a la Imagen menú, elige Rotacion de imagen , entonces escoge 90° a la izquierda (en sentido anti-horario):
Yendo a Imagen > Rotación de imagen > 90° CCW.La imagen ahora vuelve a su posición original:
La imagen después de girarla en sentido contrario a las agujas del reloj.Paso 19: aplique el filtro de coordenadas polares nuevamente
sube a la Filtrar menú, elige 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:
Seleccionando la opción Rectangular a Polar.Haga clic en Aceptar para aplicar el filtro de coordenadas polares y salir del cuadro de diálogo. El efecto de ráfaga de luz ahora comienza a tomar forma:
La imagen después de volver a aplicar el filtro de coordenadas polares.Paso 20: cambie el modo de fusión de capa a pantalla
Luego, debemos permitir que nuestra capa de texto original debajo se muestre a través de los haces de luz, y podemos hacerlo simplemente cambiando la capa superior modo de mezcla . 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:
Cambiar el modo de fusión de la capa de Normal a Pantalla.Con el modo de fusión establecido en Pantalla , los rayos de luz ahora parecen brillar a través del texto:
El efecto después de cambiar el modo de fusión a Pantalla.Paso 21: agregue una capa de relleno degradado
Agreguemos un poco de color muy necesario al efecto, y lo haremos usando una capa de Relleno degradado. Haga clic en el Nueva capa de ajuste o relleno icono hacia abajo en la parte inferior del panel Capas:
Haciendo clic en el icono Nuevo Relleno o Capa de Ajuste.Seleccione Degradado cerca de la parte superior de la lista:
Agregar una capa de relleno de degradado.Esto abre el cuadro de diálogo Relleno degradado. Haga clic en el barra de vista previa de degradado en la parte superior para abrir el Editor de degradado :
Al hacer clic en la barra de vista previa del 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:
Al hacer clic en la miniatura del degradado en blanco y negro.La mitad inferior del Editor de degradado es donde podemos editar el degradado. Haga doble clic en el negro lleno parada de color debajo del extremo izquierdo de la barra de vista previa de degradado grande:
Haga doble clic en la parada de color rellena de negro a la izquierda.Esto abrirá Photoshop Selector de color donde podemos reemplazar el negro en el degradado con cualquier color que nos guste. Elegiré un color naranja rojizo. Haga clic en Aceptar una vez que haya elegido un nuevo color para cerrar el Selector de color:
Elegir un nuevo color para el lado izquierdo del degradado.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 de degradado:
Haga doble clic en la parada de color rellena de blanco a la derecha.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 volver a cerrar el Selector de color:
Elegir un nuevo color para el lado derecho del degradado.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 degradado:
El nuevo degradado personalizado.Paso 22: cambie el modo de fusión de la capa de relleno degradado a color
Por el momento, el gradiente 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 de degradado de Normal a Color :
Cambiar el modo de fusión de la capa de relleno de degradado a Color.Con el modo de fusión establecido en Color , el efecto ahora está coloreado por el degradado:
El efecto después de cambiar el modo de fusión a Color.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:
Selección de la capa de texto original.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 hayamos aplicado el filtro, y esa es una pésima manera de trabajar. Afortunadamente, hay una manera 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 icono de menú en la esquina superior derecha del panel Capas:
Haciendo clic en el icono de menú.Elegir Convertir a objeto inteligente del menú que aparece:
Elegir el comando Convertir en objeto inteligente.No sucederá nada en la ventana del documento, pero un pequeño Icono de objeto inteligente aparece en la esquina inferior derecha de la vista previa en miniatura de la capa en el panel Capas, lo que nos permite saber que la capa ahora es un objeto inteligente:
La capa es ahora un objeto inteligente.Paso 24: aplique un filtro inteligente de desenfoque radial
Cualquier filtro que ahora apliquemos 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 realizar cambios permanentes (o daños) en la imagen. Apliquemos el filtro Desenfoque radial. sube a la Filtrar menú, elige Difuminar , entonces escoge Desenfoque radial :
Yendo a Filtro > Desenfocar > Desenfoque radial.Esto abre el cuadro de diálogo Desenfoque radial. Selecciona el Método de desenfoque a Zoom y el Calidad a Mejor , luego configure el Monto valor en la parte superior a alrededor 65 arrastrando el control deslizante. No se preocupe por obtener el valor de Cantidad exactamente correcto porque, dado que es un filtro inteligente, siempre podemos regresar y cambiarlo más tarde:
El cuadro de diálogo Desenfoque radial.Haga clic en Aceptar para cerrar el cuadro de diálogo. Aquí está el efecto con Radial Blur aplicado:
El efecto después de aplicar el filtro Radial Blur.Si observa la capa de texto en el panel Capas, verá el filtro inteligente Radial Blur enumerado directamente debajo de él. 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:
Haga doble clic en el filtro inteligente Radial Blur para volver a abrir su cuadro de diálogo si es necesario.Paso 25: Agregar una nueva capa en blanco
Ya casi hemos terminado. Haga clic en el Nueva capa icono en la parte inferior del panel Capas:
Haciendo clic en el icono Nueva capa.Photoshop agrega una nueva capa en blanco llamada Capa 1 entre las dos capas de texto:
El panel Capas que muestra la nueva capa en blanco.Paso 26: Cargue la selección desde el panel de canales
¿Recuerdas la selección que guardamos en el Paso 5? Finalmente es hora de cargarlo. Para ello, vuelva a cambiar a la Panel de canales (al lado del panel Capas) haciendo clic en su pestaña de nombre . Luego, mantenga presionada su Control (Victoria) / Dominio (Mac) en su teclado y haga clic en el Alfa 1 canal debajo de los canales rojo, verde y azul:
Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic en Alpha 1.Esto carga la selección y el esquema de selección vuelve a aparecer en el documento:
Vuelve a aparecer el esquema de selección del texto original.Paso 27: Rellene la selección con negro
Vuelva a cambiar a su Panel de capas haciendo clic en su pestaña de nombre , luego sube a la Editar menú y elige Llenar :
Yendo a Editar > Rellenar.En el cuadro de diálogo Relleno, configure el Usar opción a Negro y el Modo de fusión a Normal :
Asegúrese de que el Modo de fusión esté configurado en Normal esta vez, no en Multiplicar.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 selección, simplemente presione Control+D (Victoria) / Comando+D (Mac) en su teclado. Y con eso, ¡hemos terminado! Aquí está mi efecto final:
El resultado final.
