Cree un efecto de texto de mosaicos fragmentados en Photoshop

En este tutorial de efectos de texto de Photoshop, aprenderemos cómo crear un efecto de «mosaicos fragmentados» usando el filtro de mosaicos de Photoshop.

Este es el efecto que buscamos:

¡Empecemos!

Paso 1: Abrir un nuevo documento de Photoshop

Abra un nuevo documento de Photoshop subiendo a la Menú Archivo en la parte superior de la pantalla y seleccionando Nuevo…, que trae a colación el Nuevo documento caja de diálogo. Elija el tamaño que desee para su documento. Usaré el tamaño preestablecido de 640×480:

Paso 2: Rellena la capa de fondo con negro

prensa D en el teclado para restablecer rápidamente los colores de primer plano y de fondo de Photoshop, lo que establece negro como su color de primer plano. Luego usa el atajo de teclado Alt + Retroceso (Ganar) / Opción + Eliminar (Mac) para llenar la capa Fondo con negro:

Paso 3: Establezca su color de primer plano en un color oscuro y agregue su texto

Clickea en el Muestra de color de primer plano en la paleta de Herramientas:

Esto abrirá Photoshop Selector de color. Vamos a elegir un color para el texto. Puede elegir el color que desee para su texto, pero sea cual sea el color, elija un tono oscuro para comenzar. Quiero usar verde para mi color, así que elegiré un tono oscuro de verde:

Una vez que haya elegido su color, haga clic en Aceptar para salir del Selector de color.

Selecciona tu Herramienta de tipo de la paleta de Herramientas, o presione la letra T en su teclado para seleccionarlo rápidamente:

Luego, con la herramienta Texto seleccionada, suba a la Barra de opciones en la parte superior de la pantalla y elija su fuente y tamaño de fuente. Este efecto funcionará mejor con una fuente grande y gruesa, por lo que usaré «Impact» para el tutorial. Luego haga clic dentro de su documento e ingrese su texto. Voy a escribir la palabra «digital» ya que creo que este efecto tiene un aspecto un poco digital:

Utilizar el Herramienta de movimiento para centrar el texto en el documento y cambiar el tamaño del texto si es necesario mediante el método abreviado de teclado Ctrl + T (Ganar) / Comando + T (Mac) para abrir Photoshop Transformación libre maneja alrededor de su texto, luego mantenga presionado Mayús + Alt (Ganar) / Mayús + Opción (Mac) y arrastre cualquiera de los puntos de las esquinas. Mantener presionada la tecla Mayús restringe las proporciones del texto y presionar Alt / Opción hace que el texto cambie de tamaño desde el centro. prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado para aceptar la transformación.

Paso 4: Rasterizar la capa de texto

Vamos a aplicar uno de los filtros de Photoshop al texto, pero no podemos hacerlo sin primero convertir el texto en píxeles, lo que se conoce como «rasterizarlo». Para hacer eso, con la capa de texto seleccionada en la paleta Capas, suba a la Menú de capas en la parte superior de la pantalla, elija Rasterizary luego elige Escribe. No parecerá que sucedió nada en el documento, pero si miras en tu paleta Capas, verás que la capa de texto ahora es una capa normal:

Paso 5: Duplicar la capa de texto

Necesitamos crear un duplicado de la capa con nuestro texto, así que para hacer eso, con la capa de texto seleccionada, use el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac). Ahora tendrá un duplicado de la capa de texto en la paleta Capas:

Paso 6: Ocultar la capa de texto original

Con la copia de nuestra capa de texto creada, vamos a ocultar la capa de texto original de la vista haciendo clic en su Visibilidad de la capa icono (el icono de «globo ocular») en el extremo izquierdo de la capa en la paleta Capas:

No verá ningún cambio en el documento ya que la copia de la capa de texto está bloqueando la vista de la capa de texto original, pero si mira hacia atrás en la paleta Capas, verá que el icono del globo ocular ha desaparecido, lo que indica que el La capa ahora está oculta.

Paso 7: Aplicar el filtro «Tiles» de Photoshop dos veces a la capa de copia de texto

Con la capa de copia de texto seleccionada en la paleta Capas, suba a la Menú de filtro en la parte superior de la pantalla, elija Estilizary luego elige Losas. Esto abre el cuadro de diálogo del filtro Tiles de Photoshop:

No es necesario cambiar ninguna de las opciones. Simplemente haga clic en Aceptar para salir del cuadro de diálogo y aplicar el filtro al texto. Luego usa el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) para aplicar el mismo filtro por segunda vez. Su texto ahora se verá así:

Paso 8: Seleccione y elimine las áreas blancas en el texto

Toma el Varita mágica de la paleta de Herramientas, o presione la letra W para seleccionarlo rápidamente:

Arriba en el Barra de opciones, asegurarse Contiguo no está marcado, de lo contrario tendríamos que seleccionar cada área blanca por separado. Luego haga clic con la Varita Mágica en cualquier área blanca en el texto y Photoshop seleccionará todas las áreas blancas a la vez:

Con todo el blanco seleccionado, presione Borrar en su teclado para eliminar esas áreas. prensa Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su selección. Su texto ahora se verá así:

Paso 9: Duplique la capa de texto original y muévala a la parte superior de la paleta de capas

Haga clic nuevamente en la capa de texto original para seleccionarla, luego duplíquela usando el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac). Luego haga clic en la capa duplicada que acaba de crear y arrástrela a la parte superior de la paleta Capas. Verá aparecer una barra resaltada en la parte superior a medida que se acerca. Cuando vea esa barra resaltada, suelte el botón del mouse y la capa se colocará en su lugar:

Paso 10: Haga clic en el icono de visibilidad de la capa para que aparezca en el documento

Dado que la capa de texto original está oculta a la vista, esta nueva copia que hemos realizado también está oculta a la vista. Necesitamos que se muestre en el documento, así que haga clic en su icono de Visibilidad, lo que hará que el globo ocular vuelva a aparecer y la capa ahora será visible:

Paso 11: Haga que el texto tenga un tono más claro del color

Haga clic de nuevo en la muestra de color de primer plano en la paleta de Herramientas para volver a activar el Selector de color, luego elija un tono ligeramente más claro del color de su texto:

Haga clic en Aceptar para salir del Selector de color, luego use el atajo de teclado Mayús + Alt + Retroceso (Ganar) / Mayús + Opción + Eliminar (Mac) para aplicar el color al texto:

Paso 12: Gire el lienzo 90 ° CW

Sube al Menú de imagen en la parte superior de la pantalla, elija Girar lienzo, entonces escoge 90 ° CW para rotar el lienzo 90 ° a la derecha:

Paso 13: Aplicar el filtro de mosaicos tres veces al texto

Vamos a aplicar el filtro Tiles nuevamente, esta vez a la nueva capa de texto. Dado que Tiles fue el último filtro que aplicamos, no es necesario volver a seleccionarlo en el menú Filtro. Podemos usar el mismo atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) para aplicarlo, luego presione el atajo de teclado dos veces más para aplicar el filtro un total de tres veces. Su texto ahora se verá así:

Paso 14: Seleccionar y eliminar las áreas blancas

Utilizar el Varita mágica una vez más para seleccionar rápidamente todas las áreas blancas en el texto haciendo clic en cualquiera de las áreas blancas. Entonces presione Borrar para eliminarlos, tal como lo hicimos antes. prensa Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su selección. Su texto ahora se verá así:

Paso 15: Duplique nuevamente la capa de texto original y muévala a la parte superior de la paleta de capas

Vuelva a hacer clic en la capa de texto original en la paleta Capas y presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicarlo. Luego arrástrelo a la parte superior de la paleta Capas:

Paso 16: Haga clic en el icono de visibilidad de la capa para que aparezca en el documento

Nuestra capa de texto duplicada está nuevamente oculta a la vista, así que haga clic en su icono de Visibilidad de capa para que aparezca en el documento:

Paso 17: Elija un tono más claro de su color de texto una vez más

De nuevo, haga clic en la muestra de color de primer plano en la paleta de Herramientas para abrir el Selector de color y elegir un tono más claro de su color de texto. Aquí elijo un tono de verde aún más claro:

Haga clic en Aceptar para salir del Selector de color, luego use el atajo de teclado Mayús + Alt + Retroceso (Ganar) / Mayús + Opción + Eliminar (Mac) nuevamente para aplicar el color al texto:

Paso 18: Gire el lienzo 90 ° CW

Vuelve a la Menú de imagen, escoger Girar lienzo, entonces escoge 90 ° CW para volver a girar el lienzo 90 ° en el sentido de las agujas del reloj:

Paso 19: Aplicar el filtro de mosaicos cuatro veces al texto

Vuelve a aplicar el filtro Azulejos, y esta vez aplícalo. cuatro veces usando el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) cuatro veces. Su texto ahora se verá así:

Paso 20: Seleccionar y eliminar las áreas blancas

Una vez más, agarra el Varita mágica y haga clic en cualquiera de los áreas blancas en el texto, luego presione Borrar para eliminar las áreas blancas. prensa Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su selección. Aquí está el texto en este punto:

Paso 21: Duplique nuevamente la capa de texto original y muévala a la parte superior de la paleta de capas

Vamos a hacer los mismos pasos de nuevo, así que primero haga clic en la capa de texto original en la paleta Capas y presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicarlo, luego arrástrelo a la parte superior de la paleta Capas. Haga clic en su Visibilidad de la capa icono para que la capa sea visible en el documento:

Paso 22: Elija un tono más claro de su color de texto una vez más

Vuelva a hacer clic en la muestra de color de primer plano en la paleta de herramientas y elija un tono aún más claro del color de su texto. Haga clic en Aceptar para salir del Selector de color, luego presione Mayús + Alt + Retroceso (Ganar) / Mayús + Opción + Eliminar (Mac) nuevamente para aplicar el color al texto:

Paso 23: Vuelva a girar el lienzo 90 ° CW

Vuelve a la Menú de imagen, de regreso Girar lienzo, luego elige una vez más 90 ° CW para rotar el lienzo 90 ° en el sentido de las agujas del reloj:

Paso 24: Aplicar el filtro de mosaicos cinco veces al texto

Esta vez presione el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) cinco veces para aplicar el filtro Tiles cinco veces al texto:

Paso 25: Seleccionar y eliminar las áreas blancas

Haga clic en cualquiera de las áreas blancas nuevamente con la Varita Mágica para seleccionarlas, luego elimínelas. prensa Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su selección. Tu texto debería verse así:

Paso 26: Duplique nuevamente la capa de texto original y muévala a la parte superior de la paleta de capas

La última vez, lo prometo. Haga clic en la capa de texto original y duplíquela una vez más con Ctrl + J (Ganar) / Comando + J (Mac). Luego, arrástrelo a la parte superior de la paleta Capas y haga clic en su icono de Visibilidad de capa para que se muestre en el documento:

Paso 27: Elija un tono más claro del color de su texto y aplíquelo al texto

De nuevo, haga clic en la muestra de color de primer plano en la paleta de herramientas y elija un tono aún más claro del color. Haga clic en Aceptar para salir del Selector de color, luego presione Mayús + Alt + Retroceso (Ganar) / Mayús + Opción + Eliminar (Mac) nuevamente para aplicar el color al texto:

Paso 28: Vuelva a girar el lienzo 90 ° CW para completar el círculo

Vuelve a la Menú de imagen, de regreso Girar lienzo, luego elige una vez más 90 ° CW para rotar el lienzo 90 ° en el sentido de las agujas del reloj, finalmente llevándolo a un círculo completo:

Paso 29: Aplicar el filtro de mosaicos seis veces al texto

Esta vez presione el atajo de teclado Ctrl + F (Ganar) / Comando + F (Mac) seis veces para aplicar el filtro Tiles seis veces al texto:

Paso 30: Seleccionar y eliminar las áreas blancas

Haga clic en cualquiera de las áreas blancas nuevamente con la Varita Mágica para seleccionarlas, luego elimínelas. prensa Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de su selección. Tu texto debería verse así:

Paso 31: Agregue un trazo negro fino a la capa de texto superior

En este punto, el efecto básico está completo. Solo voy a terminar aplicando un trazo negro fino alrededor de los diferentes fragmentos de mosaico en la capa de texto superior para ayudar a diferenciarlos del resto del efecto. Para hacer eso, con la capa de texto superior seleccionada, haga clic en el Estilos de capa en la parte inferior de la paleta Capas:

Escoger Carrera de la lista:

Esto trae a colación el Estilo de capa cuadro de diálogo establecido en el Carrera opciones en la columna del medio:

Realice los cambios que he marcado con un círculo rojo arriba. Primero, cambie el Color del golpe a negro haciendo clic en la muestra de color y seleccionando negro en el Selector de color. Bajar el Tamaño del golpe a 1 píxel. Cambiar el Posición del golpe a Dentro, y finalmente, baje el Opacidad abajo a alrededor 20%. Solo queremos un golpe leve, nada pesado.

Haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa, ¡y listo! Aquí está la final Efecto de texto «Azulejos fragmentados»:

A dónde ir después …

¡Y ahí lo tenemos! Visite nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.