Cree un efecto de texto de mosaicos fragmentados en Photoshop

Cree un efecto de texto de mosaicos fragmentados en Photoshop

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:

Efectos de texto de Adobe Photoshop: el efecto final

El resultado final.

¡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:

Efectos de texto de Adobe Photoshop: creación de un nuevo documento en Photoshop

Crea un nuevo documento de Photoshop. Estoy usando 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:

Efectos de texto de Adobe Photoshop: rellene la capa de fondo con negro

El documento de Photoshop ahora está lleno de 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:

Efectos de texto de Adobe Photoshop: hacer clic en la muestra de color de primer plano en la paleta de herramientas de Photoshop

Haga clic en la muestra de color de primer plano para cambiar su color.

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:

Efectos de texto de Adobe Photoshop: elegir un verde oscuro en el selector de color de Photoshop.

Use el Selector de color de Photoshop para seleccionar un tono oscuro del color que desea usar para el texto.

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:

Efectos de texto de Adobe Photoshop: selección de la herramienta Texto en la paleta de herramientas de Photoshop.

Seleccione la herramienta Texto de la paleta Herramientas o presione «T» en su teclado.

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:

Efectos de texto de Adobe Photoshop: escribir la palabra

Haga clic dentro del documento e ingrese su tipo.

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:

Efectos de texto de Adobe Photoshop: la capa de texto ahora es una capa normal.

Después de rasterizar el texto, la capa de texto ahora es una capa normal en la paleta Capas.

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:

Efectos de texto de Adobe Photoshop: la paleta Capas de Photoshop ahora muestra la copia de la capa de texto.

Presione «Ctrl + J» (Win) / «Comando + J» (Mac) para duplicar la capa de texto.

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:

Efectos de texto de Adobe Photoshop: haga clic en el icono de visibilidad de la capa de texto original para ocultarlo.

Oculte la capa de texto original haciendo clic en su icono de «Visibilidad de capa» (globo ocular).

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:

Efectos de texto de Adobe Photoshop: cuadro de diálogo del filtro 'Mosaicos' de Photoshop.

Tutoriales de Photoshop: vaya a Filtro> Estilizar> Azulejos para abrir el cuadro de diálogo del filtro Azulejos.

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í:

Efectos de texto de Adobe Photoshop: el texto después de aplicar el filtro Mosaicos.

El texto después de aplicar el filtro Tiles.

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:

Efectos de texto de Adobe Photoshop: selección de la herramienta Varita mágica de la paleta de herramientas de Photoshop.

Seleccione la herramienta Varita mágica de la paleta Herramientas o presione «W» en su teclado.

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:

Efectos de texto de Adobe Photoshop: haga clic en cualquier área blanca con la Varita mágica para seleccionar todas las áreas blancas en el texto.

Haga clic en cualquier área blanca con la Varita mágica para seleccionar todas las áreas blancas dentro del texto.

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í:

Efectos de texto de Adobe Photoshop: el texto después de eliminar las áreas blancas.

El texto después de eliminar las áreas blancas.

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:

Efectos de texto de Adobe Photoshop: Duplique la capa de texto original y arrástrela a la parte superior de la paleta Capas.

Duplique la capa de texto original y arrástrela a la parte superior de la paleta Capas.

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:

Efectos de texto de Adobe Photoshop: haga clic en el icono de visibilidad de la capa para revelar la capa en el documento.

Haga clic en el icono de visibilidad de la capa para revelar la capa en el documento.

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:

Efectos de texto de Adobe Photoshop: selección de un tono de verde ligeramente más claro para el texto en el Selector de color de Photoshop.

Haga clic en la muestra de color de primer plano una vez más y elija un tono ligeramente más claro de su color de texto en el Selector de color.

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:

Efectos de texto de Adobe Photoshop: la imagen después de aplicar el nuevo color al texto.

Presione «Mayús + Alt + Retroceso» (Win) / «Mayús + Opción + Suprimir» (Mac) para aplicar el nuevo 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:

Efectos de texto de Adobe Photoshop: Gire el lienzo 90 ° en el sentido de las agujas del reloj.

Gire el lienzo 90 ° en el sentido de las agujas del reloj.

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í:

Efectos de texto de Adobe Photoshop: el texto después de aplicar el filtro Mosaicos dos veces.

Tutoriales de Photoshop: el texto después de aplicar el filtro Mosaicos dos veces.

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í:

Efectos de texto de Adobe Photoshop: el texto después de eliminar las áreas blancas nuevamente.

El texto después de borrar las áreas blancas una vez más.

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:

Efectos de texto de Adobe Photoshop: vuelva a duplicar la capa de texto original y arrástrela a la parte superior de la paleta Capas.

Vuelva a duplicar la capa de texto original y arrástrela 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:

Efectos de texto de Adobe Photoshop: haga clic en el icono de visibilidad de la capa para revelar la capa en el documento.

Haga clic en el icono de visibilidad de la capa para revelar la capa 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:

Efectos de texto de Adobe Photoshop: selección de un tono más claro de verde para el texto en el Selector de color de Photoshop.

Haga clic una vez más en la muestra de color de primer plano y elija un tono más claro de su color de 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) nuevamente para aplicar el color al texto:

Efectos de texto de Adobe Photoshop: la imagen después de aplicar el nuevo color al texto.

Presione «Mayús + Alt + Retroceso» (Win) / «Mayús + Opción + Suprimir» (Mac) para volver a aplicar el nuevo tono de verde 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:

Efectos de texto de Adobe Photoshop: Gire el lienzo 90 ° en el sentido de las agujas del reloj nuevamente.

Gire el lienzo 90 ° en el sentido de las agujas del reloj nuevamente.

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í:

Efectos de texto de Adobe Photoshop: el texto después de aplicar el filtro Mosaicos cuatro veces.

Aplique el filtro Tiles cuatro veces al texto.

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:

Efectos de texto de Adobe Photoshop: el texto después de eliminar las áreas blancas nuevamente.

El texto después de borrar las áreas blancas una vez más.

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:

Efectos de texto de Adobe Photoshop: vuelva a duplicar la capa de texto original, arrástrela a la parte superior de la paleta Capas y haga clic en su icono de Visibilidad de capa.

Vuelva a duplicar la capa de texto original, arrástrela a la parte superior de la paleta Capas y haga clic en su icono de Visibilidad de capa para que aparezca 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:

Efectos de texto de Adobe Photoshop: la imagen después de aplicar el color verde más claro al texto.

Elija un tono aún más claro del color de su texto en el Selector de color y aplíquelo 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:

Efectos de texto de Adobe Photoshop: Gire el lienzo 90 ° en el sentido de las agujas del reloj una vez más.

Gire el lienzo 90 ° en el sentido de las agujas del reloj una vez más.

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:

Efectos de texto de Adobe Photoshop: aplicar el filtro Mosaicos cinco veces al texto.

Aplica el filtro Tiles al texto cinco veces.

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í:

Efectos de texto de Adobe Photoshop: el texto después de eliminar las áreas blancas una vez más.

El texto después de borrar las áreas blancas una vez más.

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:

Efectos de texto de Adobe Photoshop: vuelva a duplicar la capa de texto original, arrástrela a la parte superior de la paleta Capas y haga clic en su icono de Visibilidad de capa.

Vuelva a duplicar la capa de texto original, arrástrela a la parte superior de la paleta Capas y haga clic en su icono de Visibilidad de capa para que aparezca 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:

Efectos de texto de Adobe Photoshop: la imagen después de aplicar el color verde más claro al texto.

Tutoriales de Photoshop: elija un tono aún más claro del color y aplíquelo 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:

Efectos de texto de Adobe Photoshop: Gire el lienzo 90 ° en el sentido de las agujas del reloj una vez más.

Gire el lienzo 90 ° en el sentido de las agujas del reloj una vez más, 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:

Efectos de texto de Adobe Photoshop: aplicar el filtro Mosaicos seis veces al texto.

Aplique el filtro Mosaicos al texto un total de seis veces.

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í:

Efectos de texto de Adobe Photoshop: el texto después de eliminar las áreas blancas una vez más.

El texto después de borrar las áreas blancas una vez más. Casi termino.

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:

Efectos de texto de Adobe Photoshop: haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas.

Con la capa de texto superior seleccionada, haga clic en el icono «Estilos de capa» en la parte inferior de la paleta Capas.

Escoger Carrera de la lista:

Efectos de texto de Adobe Photoshop: elegir 'Trazo' de la lista de Estilos de capa.

Haga clic en «Trazo» para seleccionarlo de la lista de estilos de capa.

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

Efectos de texto de Adobe Photoshop: las opciones de Trazo en el cuadro de diálogo Estilos de capa.

Cambie las opciones de Trazo encerradas en un círculo rojo.

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»:

Efectos de texto de Adobe Photoshop: el efecto de texto final de 'Azulejos fragmentados'.

El efecto final.


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.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!