Tutorial Photoshop: Efecto texto explosión
de luz y color
Escrito por Steve Patterson
En este tutorial de Adobe Photoshop, vamos a ver la forma de envolver el texto en una explosión de luz y color.
Hay muy pocos pasos involucrados en este efecto de texto, y vamos a estar utilizando un par de filtros que no se utilizan muy a menudo en la vida cotidiana de trabajo de Photoshop, pero creando el efecto de texto es muy sencillo y el resultado final vale la pena el esfuerzo.
Este es el efecto de texto que vamos a hacer:
Paso 1: Abrir un documento de Photoshop Nuevo
Abrir un nuevo documento en Photoshop, vaya hasta el menú Archivo y elegir Nuevo ..., o usando el atajo de teclado Ctrl + N (Win) / Comando + N (Mac). Usted puede elegir su propio ancho y la altura de su documento, he elegido el 640x480 de tamaño de la lista de presets disponibles para mantener las cosas simples. También he dejado mi Resolución establece en su valor por defecto de 72 píxeles / pulgada. Desde que estoy creando este efecto de texto para la web, no hace ninguna diferencia lo que establezca el valor de resolución, por lo que el valor por defecto está muy bien:
Paso 2: Agregue su texto
Con su nuevo documento en blanco abierto, agarrar la herramienta Texto en la paleta de herramientas o pulsando T en el teclado. Asegúrese de que negro es seleccionado como color de primer plano. Si no es así, pulse D en el teclado para ponerlo a negro. Elija su fuente en la barra de opciones en la parte superior de la pantalla. De espesor, fuentes pesados mejor para este efecto. A continuación, seguir adelante y entrar en el texto. Yo voy a usar , y voy a escribir las palabras "LIGHT BURST":
Paso 3: Cambiar el tamaño de su texto con Transformación libre
Con su capa de texto seleccionado en la paleta Capas, utilice el atajo de teclado Ctrl + T (Windows) / Comando + T (Mac) para que aparezca la Transformación libre caja y maneja alrededor de su texto. Mantenga presionada la tecla Mayús + Alt (Windows) / Mayús + Opción (Mac) y arrastre cualquiera de los controladores de esquina para hacer el texto más grande y se llenan más de la zona del documento. Presionando Shift restringe las proporciones de texto, y manteniendo Alt / Opción cambia el tamaño del texto desde el centro:
Asegúrese de dejar mucho espacio alrededor del texto de nuestro efecto estallido de luz. Pulse Intro (Windows) / Retorno (Mac) cuando hayas terminado de aceptar la transformación.
Paso 4: Rasterizar su texto
Vamos a aplicar varios filtros a nuestro texto, pero Photoshop no nos permiten hacer eso sin antes rasterizar, que simplemente significa para convertirlo en píxeles. Así que de nuevo con la capa de texto seleccionado, vaya al menú Capa en la parte superior de la pantalla, seleccione Rasterizar y elija Tipo. Esto convertirá nuestro texto en píxeles. Se seguirá el mismo aspecto en la ventana del documento, pero en la paleta de capas, la capa de texto será ahora una capa normal.
Paso 5: Agregar una selección alrededor de su texto y guárdelo
Ctrl + clic (Windows) / 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:
El texto tendrá ahora una selección alrededor de él:
Con el texto seleccionado, vaya al menú de selección en la parte superior de la pantalla y seleccionar Guardar selección, haga clic en Aceptar. No hay necesidad de darle un nombre o realizar cambios en las opciones.
Una vez que haya guardado su selección, presione Ctrl + D (Windows) / Comando + D (Mac) para deseleccionar el texto.
Cambiar a la paleta Canales por un momento (se agrupan al lado de la paleta Capas) y verá su selección guardada como un nuevo canal llamado "Alfa 1" en la parte inferior. Vamos a volver aquí un poco más tarde para cargar otra vez a nuestra selección:
Paso 6: Utilizar "relleno" para llenar su capa de texto con Blanco y ajuste el modo de mezcla a "Multiplicar"
Cambie de nuevo a la paleta Capas, una vez más, y con la capa de texto seleccionado, vaya al menú Editar en la parte superior de la pantalla y elegir Rellenar, o pulse Mayús + F5 en su teclado para mostrar rápidamente el cuadro de diálogo. Cuando aparezca el cuadro de diálogo, debe establecer el contenido de Blanco y cambiar el modo de fusión a Multiplicar:
Haga clic en Aceptar cuando haya terminado. Nada se parece haber ocurrido en la ventana del documento, pero si nos fijamos en miniatura de la capa de texto en la paleta Capas, verás que todo el espacio vacío alrededor del texto ha sido rellenado de blanco, dejando el texto en negro gracias a ese modo "Multiplicar".
Paso 7: Aplicar el filtro de desenfoque gaussiano al Texto
Ir hasta el menú Filtro en la parte superior de la pantalla, seleccione Blur, a continuación, elija Gaussian Blur. Cuando el cuadro de diálogo Desenfoque gaussiano aparece, introduzca un radio de valor de alrededor de 4 píxeles y haga clic en Aceptar para aplicar un ligero desenfoque en el texto:
He aquí el texto después de aplicar el desenfoque gaussiano:
Paso 8: Vamos a "Solarizar" el texto
Con la capa de texto aún seleccionado, vaya de nuevo hasta el menú Filtro y esta vez elige Estilizar, a continuación, elija Solarizar. Esto a su vez, el documento de negro, y el texto aparecerá como un trazo blanco:
Paso 9: Aclarar el texto con los niveles
El texto está un poco oscuro, así que vamos a aclararlo. Utilice el método abreviado de teclado Ctrl + L (Windows) / Comando + L (Mac) para abrir Photoshop niveles de comando, y arrastre el control deslizante de punto blanco a la derecha hacia la izquierda hasta llegar al borde derecho del histograma:
Haga clic en Aceptar. El texto aparecerá ahora mucho más brillante:
Paso 10: Hacer una copia de la capa de texto
Tenemos que hacer una copia de la capa de texto en este punto, así que para hacer eso, con la capa de texto seleccionada, utilice el atajo de teclado Ctrl + J (Win) / Comando + J (Mac), que añadirá una copia del texto por encima en la paleta de capas:
Asegúrese de que la copia de la capa de texto está seleccionado ya que todos estos pasos a seguir deben ser hechas en la copia. No vamos a estar tocando el original de nuevo hasta casi el final.
Paso 11: Aplicar el "Coordenadas Polares" filtro al texto
Volver al menú Filtro, y esta vez elija Distorsionar, y coordenadas polares. Vamos a enviar nuestro texto al Polo Norte. Lo que se va a hacer es hacer que se vea muy extraña. Cuando el cuadro de diálogo Coordenadas polares, seleccione la opción de polar a rectangular opción en la parte inferior y haga clic en Aceptar:
El texto ahora se verá muy extraño:
Paso 12: Gire el lienzo de 90 grados hacia la derecha
Ir al menú imagen en la parte superior de la pantalla, seleccione Rotación de imagen, a continuación, elija 90 ° AC para girar el lienzo de 90 grados en sentido horario:
Paso 13: invertir la imagen
Utilice el método abreviado de teclado Ctrl + I (Win) / Comando + I (Mac) para invertir la imagen, lo negro se vuelve blanco y negro se convierte en negro:
Paso 14: Aplicar el "viento" Filtro de tres veces
Volver al menú Filtro , una vez más, elegir Estilizar, a continuación, elija viento. Cuando se abra el cuadro de diálogo del filtro de viento, asegúrese de que el método se establece en viento y la dirección se establece en Desde la derecha:
Haga clic en Aceptar para aplicar el filtro de viento una vez. A continuación, pulse la combinación de teclas Ctrl + F (Win) / Comando + F (Mac) dos veces para aplicar el mismo filtro dos veces más.
Paso 15: Invertir la imagen de nuevo
Presione Ctrl + I (Win) / Comando + I (Mac) para invertir la imagen una vez más:
Paso 16: Aplicar el "viento" del filtro 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:
Paso 17: aclarar la imagen Una vez más con los niveles
Tenemos que aclarar la imagen utilizando de nuevo los niveles, pero esta vez, vamos a dejar que Photoshop haga el trabajo por nosotros a través de Niveles automáticos. Para hacerlo, pulse Mayús + Ctrl + L (Windows) / Mayúsculas + Comando + L (Mac) para aplicar los niveles de mando automático a la imagen:
Paso 18: Girar el lienzo 90 grados hacia la izquierda
Volver al menú de la imagen en este punto, elija Rotación de imagen una vez más, y esta vez elige 90 °ACD hacia la izquierda para girar el lienzo de vuelta a la forma en que fue originalmente:
Paso 19: Aplicar el filtro "Coordenadas Polares"
Volver al menú Filtro elija Distorsionar, a continuación, elija coordenadas polares. Esta vez, elegir la rectangular a polar opción y haga clic en Aceptar:
Su imagen ahora debería ser algo como esto:
Paso 20: Establecer la capa de mezcla a modo de "trama"
Ir a la mezcla de opciones de modo en la parte superior izquierda de la paleta Capas y selecciona la capa del texto copia, para cambiar el modo de "normal" a la pantalla haciendo clic en la flecha que apunta hacia abajo y seleccionar "trama" de la lista:
Esto revela la capa de texto original debajo de ella:
Paso 21: Aplicar una capa de relleno de degradado para añadir color
Haga clic en el icono de relleno o capa de ajuste ,que está en la parte inferior de la paleta Capas:
Y seleccione "degradado" en la lista:
Cuando aparezca el cuadro de diálogo del degradado , haga clic dentro del área de vista previa del gradiente en la parte superior:
Se abrirá el cuadro de diálogo del Editor de degradado . Haga clic en la muestra de degradado en la parte superior izquierda,seleccione del negro al blanco en primer lugar, y esto se asegurará de que los dos colores estén en cada lado de la pendiente que su opacidad esté al 100%:
A continuación, establezca los colores de degradado que quiera. He puesto el color a la izquierda un color anaranjado-rojizo, y el color sobre el derecho a un color amarillo-naranja:
Paso 22: Cambiar el modo de mezcla de la capa de relleno degradado a "Color"
Con la capa de relleno degradado seleccionado, vaya de nuevo a la mezcla de opciones de modo en la parte superior izquierda de la paleta Capas y cambiar el modo de fusión de la capa de color:
La imagen está coloreada con los colores del gradiente:
Paso 23: Aplicar un desenfoque radial a la capa de texto original
Ya hemos terminado con la capa de copia del texto en este punto. Vamos a acabar con los últimos pasos trabajando en la capa de texto original, así que haga clic sobre ella en la paleta Capas para seleccionarla. A continuación, vaya hasta el menú Filtro, elija desenfoque, y luego elija Desenfoque radial:
Establezca la cantidad a cerca de 65 píxeles, seleccione el método de desenfoque de zoom, y la calidad la mejor, que sea como un círculo por encima y, a continuación, haga clic en Aceptar para aplicar el filtro al texto original:
Paso 24: La carga la selección de texto guardada anteriormente
Sólo un par de cosas por hacer. En primer lugar, cambiar a la paleta Canales otra vez como lo hicimos antes. Vamos a cargar la selección que guardamos anteriormente. Para ello, simplemente haga clic derecho (Windows) / Control-clic (Mac) en cualquier lugar del canal Alpha 1 en la parte inferior,y se carga la selección de nuevo en la ventana del documento:
Cambie de nuevo a la paleta Capas cuando haya terminado. La selección ya está cargada en la imagen:
Una cosa que queda por hacer ...
Paso 25: llenar la selección con Negro
Con la capa de texto original seleccionado en la paleta Capas y negro todavía como su color, presione Alt + Retroceso (Windows) / Opción + Suprimir (Mac) para llenar la selección con negro y hemos acabado el efecto.
Presione Ctrl + D (Windows) / Comando + D (Mac) para eliminar la selección, y ya está!
Y ahí lo tenemos!
POR FAVOR SI TIENEN ALGUNA DUDA CONSULTENLA, GRACIAS POR COMENTAR
de luz y color
Escrito por Steve Patterson
En este tutorial de Adobe Photoshop, vamos a ver la forma de envolver el texto en una explosión de luz y color.
Hay muy pocos pasos involucrados en este efecto de texto, y vamos a estar utilizando un par de filtros que no se utilizan muy a menudo en la vida cotidiana de trabajo de Photoshop, pero creando el efecto de texto es muy sencillo y el resultado final vale la pena el esfuerzo.
Este es el efecto de texto que vamos a hacer:
Paso 1: Abrir un documento de Photoshop Nuevo
Abrir un nuevo documento en Photoshop, vaya hasta el menú Archivo y elegir Nuevo ..., o usando el atajo de teclado Ctrl + N (Win) / Comando + N (Mac). Usted puede elegir su propio ancho y la altura de su documento, he elegido el 640x480 de tamaño de la lista de presets disponibles para mantener las cosas simples. También he dejado mi Resolución establece en su valor por defecto de 72 píxeles / pulgada. Desde que estoy creando este efecto de texto para la web, no hace ninguna diferencia lo que establezca el valor de resolución, por lo que el valor por defecto está muy bien:
Paso 2: Agregue su texto
Con su nuevo documento en blanco abierto, agarrar la herramienta Texto en la paleta de herramientas o pulsando T en el teclado. Asegúrese de que negro es seleccionado como color de primer plano. Si no es así, pulse D en el teclado para ponerlo a negro. Elija su fuente en la barra de opciones en la parte superior de la pantalla. De espesor, fuentes pesados mejor para este efecto. A continuación, seguir adelante y entrar en el texto. Yo voy a usar , y voy a escribir las palabras "LIGHT BURST":
Paso 3: Cambiar el tamaño de su texto con Transformación libre
Con su capa de texto seleccionado en la paleta Capas, utilice el atajo de teclado Ctrl + T (Windows) / Comando + T (Mac) para que aparezca la Transformación libre caja y maneja alrededor de su texto. Mantenga presionada la tecla Mayús + Alt (Windows) / Mayús + Opción (Mac) y arrastre cualquiera de los controladores de esquina para hacer el texto más grande y se llenan más de la zona del documento. Presionando Shift restringe las proporciones de texto, y manteniendo Alt / Opción cambia el tamaño del texto desde el centro:
Asegúrese de dejar mucho espacio alrededor del texto de nuestro efecto estallido de luz. Pulse Intro (Windows) / Retorno (Mac) cuando hayas terminado de aceptar la transformación.
Paso 4: Rasterizar su texto
Vamos a aplicar varios filtros a nuestro texto, pero Photoshop no nos permiten hacer eso sin antes rasterizar, que simplemente significa para convertirlo en píxeles. Así que de nuevo con la capa de texto seleccionado, vaya al menú Capa en la parte superior de la pantalla, seleccione Rasterizar y elija Tipo. Esto convertirá nuestro texto en píxeles. Se seguirá el mismo aspecto en la ventana del documento, pero en la paleta de capas, la capa de texto será ahora una capa normal.
Paso 5: Agregar una selección alrededor de su texto y guárdelo
Ctrl + clic (Windows) / 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:
El texto tendrá ahora una selección alrededor de él:
Con el texto seleccionado, vaya al menú de selección en la parte superior de la pantalla y seleccionar Guardar selección, haga clic en Aceptar. No hay necesidad de darle un nombre o realizar cambios en las opciones.
Una vez que haya guardado su selección, presione Ctrl + D (Windows) / Comando + D (Mac) para deseleccionar el texto.
Cambiar a la paleta Canales por un momento (se agrupan al lado de la paleta Capas) y verá su selección guardada como un nuevo canal llamado "Alfa 1" en la parte inferior. Vamos a volver aquí un poco más tarde para cargar otra vez a nuestra selección:
Paso 6: Utilizar "relleno" para llenar su capa de texto con Blanco y ajuste el modo de mezcla a "Multiplicar"
Cambie de nuevo a la paleta Capas, una vez más, y con la capa de texto seleccionado, vaya al menú Editar en la parte superior de la pantalla y elegir Rellenar, o pulse Mayús + F5 en su teclado para mostrar rápidamente el cuadro de diálogo. Cuando aparezca el cuadro de diálogo, debe establecer el contenido de Blanco y cambiar el modo de fusión a Multiplicar:
Haga clic en Aceptar cuando haya terminado. Nada se parece haber ocurrido en la ventana del documento, pero si nos fijamos en miniatura de la capa de texto en la paleta Capas, verás que todo el espacio vacío alrededor del texto ha sido rellenado de blanco, dejando el texto en negro gracias a ese modo "Multiplicar".
Paso 7: Aplicar el filtro de desenfoque gaussiano al Texto
Ir hasta el menú Filtro en la parte superior de la pantalla, seleccione Blur, a continuación, elija Gaussian Blur. Cuando el cuadro de diálogo Desenfoque gaussiano aparece, introduzca un radio de valor de alrededor de 4 píxeles y haga clic en Aceptar para aplicar un ligero desenfoque en el texto:
He aquí el texto después de aplicar el desenfoque gaussiano:
Paso 8: Vamos a "Solarizar" el texto
Con la capa de texto aún seleccionado, vaya de nuevo hasta el menú Filtro y esta vez elige Estilizar, a continuación, elija Solarizar. Esto a su vez, el documento de negro, y el texto aparecerá como un trazo blanco:
Paso 9: Aclarar el texto con los niveles
El texto está un poco oscuro, así que vamos a aclararlo. Utilice el método abreviado de teclado Ctrl + L (Windows) / Comando + L (Mac) para abrir Photoshop niveles de comando, y arrastre el control deslizante de punto blanco a la derecha hacia la izquierda hasta llegar al borde derecho del histograma:
Haga clic en Aceptar. El texto aparecerá ahora mucho más brillante:
Paso 10: Hacer una copia de la capa de texto
Tenemos que hacer una copia de la capa de texto en este punto, así que para hacer eso, con la capa de texto seleccionada, utilice el atajo de teclado Ctrl + J (Win) / Comando + J (Mac), que añadirá una copia del texto por encima en la paleta de capas:
Asegúrese de que la copia de la capa de texto está seleccionado ya que todos estos pasos a seguir deben ser hechas en la copia. No vamos a estar tocando el original de nuevo hasta casi el final.
Paso 11: Aplicar el "Coordenadas Polares" filtro al texto
Volver al menú Filtro, y esta vez elija Distorsionar, y coordenadas polares. Vamos a enviar nuestro texto al Polo Norte. Lo que se va a hacer es hacer que se vea muy extraña. Cuando el cuadro de diálogo Coordenadas polares, seleccione la opción de polar a rectangular opción en la parte inferior y haga clic en Aceptar:
El texto ahora se verá muy extraño:
Paso 12: Gire el lienzo de 90 grados hacia la derecha
Ir al menú imagen en la parte superior de la pantalla, seleccione Rotación de imagen, a continuación, elija 90 ° AC para girar el lienzo de 90 grados en sentido horario:
Paso 13: invertir la imagen
Utilice el método abreviado de teclado Ctrl + I (Win) / Comando + I (Mac) para invertir la imagen, lo negro se vuelve blanco y negro se convierte en negro:
Paso 14: Aplicar el "viento" Filtro de tres veces
Volver al menú Filtro , una vez más, elegir Estilizar, a continuación, elija viento. Cuando se abra el cuadro de diálogo del filtro de viento, asegúrese de que el método se establece en viento y la dirección se establece en Desde la derecha:
Haga clic en Aceptar para aplicar el filtro de viento una vez. A continuación, pulse la combinación de teclas Ctrl + F (Win) / Comando + F (Mac) dos veces para aplicar el mismo filtro dos veces más.
Paso 15: Invertir la imagen de nuevo
Presione Ctrl + I (Win) / Comando + I (Mac) para invertir la imagen una vez más:
Paso 16: Aplicar el "viento" del filtro 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:
Paso 17: aclarar la imagen Una vez más con los niveles
Tenemos que aclarar la imagen utilizando de nuevo los niveles, pero esta vez, vamos a dejar que Photoshop haga el trabajo por nosotros a través de Niveles automáticos. Para hacerlo, pulse Mayús + Ctrl + L (Windows) / Mayúsculas + Comando + L (Mac) para aplicar los niveles de mando automático a la imagen:
Paso 18: Girar el lienzo 90 grados hacia la izquierda
Volver al menú de la imagen en este punto, elija Rotación de imagen una vez más, y esta vez elige 90 °ACD hacia la izquierda para girar el lienzo de vuelta a la forma en que fue originalmente:
Paso 19: Aplicar el filtro "Coordenadas Polares"
Volver al menú Filtro elija Distorsionar, a continuación, elija coordenadas polares. Esta vez, elegir la rectangular a polar opción y haga clic en Aceptar:
Su imagen ahora debería ser algo como esto:
Paso 20: Establecer la capa de mezcla a modo de "trama"
Ir a la mezcla de opciones de modo en la parte superior izquierda de la paleta Capas y selecciona la capa del texto copia, para cambiar el modo de "normal" a la pantalla haciendo clic en la flecha que apunta hacia abajo y seleccionar "trama" de la lista:
Esto revela la capa de texto original debajo de ella:
Paso 21: Aplicar una capa de relleno de degradado para añadir color
Haga clic en el icono de relleno o capa de ajuste ,que está en la parte inferior de la paleta Capas:
Y seleccione "degradado" en la lista:
Cuando aparezca el cuadro de diálogo del degradado , haga clic dentro del área de vista previa del gradiente en la parte superior:
Se abrirá el cuadro de diálogo del Editor de degradado . Haga clic en la muestra de degradado en la parte superior izquierda,seleccione del negro al blanco en primer lugar, y esto se asegurará de que los dos colores estén en cada lado de la pendiente que su opacidad esté al 100%:
A continuación, establezca los colores de degradado que quiera. He puesto el color a la izquierda un color anaranjado-rojizo, y el color sobre el derecho a un color amarillo-naranja:
Paso 22: Cambiar el modo de mezcla de la capa de relleno degradado a "Color"
Con la capa de relleno degradado seleccionado, vaya de nuevo a la mezcla de opciones de modo en la parte superior izquierda de la paleta Capas y cambiar el modo de fusión de la capa de color:
La imagen está coloreada con los colores del gradiente:
Paso 23: Aplicar un desenfoque radial a la capa de texto original
Ya hemos terminado con la capa de copia del texto en este punto. Vamos a acabar con los últimos pasos trabajando en la capa de texto original, así que haga clic sobre ella en la paleta Capas para seleccionarla. A continuación, vaya hasta el menú Filtro, elija desenfoque, y luego elija Desenfoque radial:
Establezca la cantidad a cerca de 65 píxeles, seleccione el método de desenfoque de zoom, y la calidad la mejor, que sea como un círculo por encima y, a continuación, haga clic en Aceptar para aplicar el filtro al texto original:
Paso 24: La carga la selección de texto guardada anteriormente
Sólo un par de cosas por hacer. En primer lugar, cambiar a la paleta Canales otra vez como lo hicimos antes. Vamos a cargar la selección que guardamos anteriormente. Para ello, simplemente haga clic derecho (Windows) / Control-clic (Mac) en cualquier lugar del canal Alpha 1 en la parte inferior,y se carga la selección de nuevo en la ventana del documento:
Cambie de nuevo a la paleta Capas cuando haya terminado. La selección ya está cargada en la imagen:
Una cosa que queda por hacer ...
Paso 25: llenar la selección con Negro
Con la capa de texto original seleccionado en la paleta Capas y negro todavía como su color, presione Alt + Retroceso (Windows) / Opción + Suprimir (Mac) para llenar la selección con negro y hemos acabado el efecto.
Presione Ctrl + D (Windows) / Comando + D (Mac) para eliminar la selección, y ya está!
Y ahí lo tenemos!
POR FAVOR SI TIENEN ALGUNA DUDA CONSULTENLA, GRACIAS POR COMENTAR