Cómo crear un efecto de texto de mosaicos espaciales en Photoshop

Aprenda a crear efectos de texto de mosaicos espaciales en este sencillo tutorial de Photoshop.

Los estilos de capa son una característica poderosa en Photoshop que puede ayudarlo a lograr efectos brillantes de manera fácil y rápida. La superposición de esos estilos es una excelente manera de agregar dimensión y detalles al efecto.

Este tutorial se publicó originalmente el 14 de octubre de 2013.


Imagen final

Efecto de texto de azulejos espaciales


Detalles del tutorial

  • Programa: Adobe Photoshop CS6 (las versiones CS3 + también funcionarán)
  • Tiempo estimado de finalización: 50 minutos
  • Dificultad: Intermedio

Recursos de tutoriales


Paso 1

Cree un nuevo documento de 1024 × 750 px, coloque la imagen de «Textura de polvo espacial» en la parte superior de la capa de fondo, luego cambie su tamaño hasta que encaje dentro del documento.

La textura es bastante grande, por lo que si está creando un texto más largo que el del tutorial, puede usar dimensiones más grandes para su documento.

Efecto de texto de baldosas espaciales 11

Haga doble clic en la capa de textura para aplicar un efecto de superposición de patrón, cambiando el modo de fusión a superposición y eligiendo el patrón «Malla metálica hexagonal» del paquete de patrones «Patrones de malla metálica – Paquete 1».

Efecto de texto de baldosas espaciales 11

Esto creará un fondo similar al espacio.

Efecto de texto de baldosas espaciales 11


Paso 2

Cree el texto en mayúsculas usando la fuente «Granate», el tamaño de fuente 250 pt y el color # 1e4d6e. Luego, establezca el valor de Seguimiento en 100 pt.

Efecto de texto de baldosas espaciales 11

Duplique la capa de texto dos veces, luego cambie el valor de Relleno de la segunda copia a 0. A continuación, vamos a aplicar estilo a cada una de las capas de texto.

Efecto de texto de baldosas espaciales 11


Paso 3

Haga doble clic en la capa de texto original para aplicar el siguiente estilo de capa:

– Bisel y relieve: cambie el estilo a relieve con trazo, la técnica a cincelar duro, el tamaño a 10, el contorno brillante a cono – Invertido, marque la casilla Suavizado, cambie el modo de resaltado a luz viva, su color a # e8ebf0 y el color del Modo de sombra a # 08324b.

Efecto de texto de baldosas espaciales 11

– Contorno: elija el contorno del anillo y marque la casilla Suavizado.

Efecto de texto de baldosas espaciales 11

– Trazo: cambie el Tamaño a 7, el Tipo de relleno a Degradado, el Estilo a Reflejado, el Ángulo a 90 y elija el gradiente «tubo de estufa 155b» del archivo «CHROMES.grd» que se encuentra en las «formas de degradado para Paquete de degradados de Photoshop ”.

Efecto de texto de baldosas espaciales 11

Esto creará el trazo exterior del texto.

Efecto de texto de baldosas espaciales 11


Paso 4

Haga doble clic en la primera capa de texto de copia para aplicar el siguiente estilo de capa:

– Bisel y relieve: cambie la técnica a Cincelar duro, el Contorno brillante a Pasos redondeados, marque la casilla Suavizado, cambie el Modo de resaltado a Luz viva y su color a # e2ffff.

Efecto de texto de baldosas espaciales 11

– Contorno: marque la casilla Anti-aliaeds.

Efecto de texto de baldosas espaciales 11

– Satinado: cambie el modo de fusión a superposición, el color a # c1ffe8, el ángulo a 0, la distancia a 35, el tamaño a 70 y el contorno a anillo – Doble.

Efecto de texto de baldosas espaciales 11

Esto creará la primera capa del texto con estilo.

Efecto de texto de baldosas espaciales 11


Paso 5

Haga doble clic en la segunda capa de texto de copia para aplicar el siguiente estilo de capa:

– Bisel y relieve: cambie la técnica a cincel duro, el tamaño a 40, desmarque la casilla Usar luz global, cambie el ángulo a 65 y la altitud a 75, cambie el contorno brillante a gaussiano, marque la casilla Suavizado, cambie el Modo Resaltado a Luz Viva y su color a # efe6d2.

Efecto de texto de baldosas espaciales 11

– Contorno: elija el contorno Half Round y marque la casilla Anti-aliased.

Efecto de texto de baldosas espaciales 11

– Satinado: cambie el Modo de fusión a Luz viva, el color a # 2fffc7, la Distancia a 28, el Tamaño a 35 y el Contorno a Gaussiano.

Efecto de texto de baldosas espaciales 11

Esto creará la segunda capa del texto con estilo, agregando más profundidad y algunos detalles adicionales.

Efecto de texto de baldosas espaciales 11


Paso 6

Ctrl + clic en la miniatura de cualquier capa de texto para crear una selección.

Efecto de texto de baldosas espaciales 11

Cree una nueva capa entre las dos capas de texto de copia y llámela «Textura», establezca los colores de primer plano y de fondo en # 081f30 y Blanco, y vaya a Filtro -> Renderizar -> Nubes. Luego, vaya a Seleccionar -> Deseleccionar para deshacerse de la selección.

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> Pixelar -> Cristalizar y configure el Tamaño de celda en 32.

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> (Galería de filtros) -> Trazos de pincel -> Bordes acentuados, y use los valores que se muestran a continuación.

Efecto de texto de baldosas espaciales 11

Esto creará una textura brillante de grietas.

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> Galería de filtros -> Trazos de pincel -> Trazos en ángulo, y use los valores a continuación también.

Efecto de texto de baldosas espaciales 11

Esto afilará un poco las grietas.

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> Enfocar -> Enfoque inteligente y use la configuración a continuación.

Efecto de texto de baldosas espaciales 11

Esto intensificará las grietas y realzará el contraste de la textura.

Efecto de texto de baldosas espaciales 11

Cambia el modo de fusión de la capa «Textura» a Luz suave.

Efecto de texto de baldosas espaciales 11


Paso 7

Ctrl + clic en la miniatura de una capa de texto nuevamente para crear una selección, cambiar el color de primer plano a # 1a1a1a, crear una nueva capa encima de todas las capas y llamarlo «Ruido».

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> Renderizar -> Nubes, luego vaya a Seleccionar -> Deseleccionar para deshacerse de la selección.

Efecto de texto de baldosas espaciales 11

Vaya a Filtro -> Textura -> Grano y use los valores a continuación.

Efecto de texto de baldosas espaciales 11

Esto creará una textura de ruido simple.

Efecto de texto de baldosas espaciales 11

Cambie el modo de fusión de la capa «Ruido» a Luz suave y su Opacidad al 50%.

Efecto de texto de baldosas espaciales 11


Paso 8

Haga clic en la capa en la parte superior, luego Mayús + clic en la capa de texto original para seleccionar todas las capas excepto las capas de fondo, luego vaya a Capa -> Capas de grupo.

Duplique el grupo, haga que el original sea invisible haciendo clic en el icono del ojo al lado, luego seleccione la copia y vaya a Capa -> Combinar grupo. Esto rasterizará las capas del grupo en una sola capa.

Efecto de texto de baldosas espaciales 11

Elija la herramienta Rectángulo redondeado, elija la opción Forma en la barra de opciones y establezca el Radio en 10. Luego haga clic y arrastre para crear un rectángulo redondeado que sea lo suficientemente grande como para colocar una letra en su interior. Arrastre la capa de forma justo debajo de la capa de grupo rasterizado.

Efecto de texto de baldosas espaciales 11

Haga doble clic en la capa de forma para aplicar el siguiente estilo de capa:

– Bisel y relieve: cambie la técnica a Cincel duro, el Tamaño a 25, marque la casilla Suavizado, cambie el Modo de resaltado a Luz viva y la Opacidad del modo de sombra al 65%.

Efecto de texto de baldosas espaciales 11

– Contorno: elija el contorno del anillo y marque la casilla Suavizado.

Efecto de texto de baldosas espaciales 11

– Superposición de degradado: cambie el modo de fusión a luz suave, elija un degradado de blanco a negro, cambie el estilo a reflejado y la escala al 150%.

Efecto de texto de baldosas espaciales 11

– Patrón de superposición: cambie el modo de fusión a Superposición y elija el patrón «Textura metálica de acero cepillado». Puede hacer clic y arrastrar la textura dentro del mosaico si también desea cambiar su posición.

Efecto de texto de baldosas espaciales 11

Esto es lo que deberías conseguir.

Efecto de texto de baldosas espaciales 11


Paso 9

Duplica el rectángulo para que tengas uno para cada letra que creaste.

Efecto de texto de baldosas espaciales 11

Haga doble clic en la capa del grupo rasterizado para aplicar un efecto de Sombra paralela simple cambiando la Distancia a 16 y el Tamaño a 10.

Efecto de texto de baldosas espaciales 11

Esto agregará sombra al texto. La razón por la que no se agregó antes es porque se habría rasterizado, lo que lo convertirá en un color sólido en lugar de un color que interactúe con los elementos de fondo a través del modo de fusión múltiple.

Efecto de texto de baldosas espaciales 11


Paso 10

Elija la herramienta Lazo poligonal, luego seleccione la primera letra que tenga. Haga clic una vez para agregar un punto, luego suelte y arrastre el mouse para mover, haga clic para agregar otro punto, y así sucesivamente, hasta que regrese al punto de inicio para cerrar la selección.

Efecto de texto de baldosas espaciales 11

Presione las teclas Ctrl / Cmd + J para duplicar la letra seleccionada, con su sombra, en una capa separada.

Efecto de texto de baldosas espaciales 11

Seleccione la capa rasterizada una vez más y repita los pasos hasta que extraiga todas las letras. Cuando haya terminado, haga invisible la capa rasterizada.

Efecto de texto de baldosas espaciales 11

A continuación, deberá organizar los rectángulos y las letras en el documento. Y puede ir a Editar -> Transformación libre para rotar las letras y / o los rectángulos si lo desea. No olvide presionar la tecla Enter / Return para aceptar los cambios que realice en el modo de transformación libre.

Efecto de texto de baldosas espaciales 11


Paso 11

Cree una nueva capa encima de todas las capas y llámela «Resplandor», luego cambie su Modo de fusión a Luz lineal. Establezca el color de primer plano en # 6dcff6, elija la herramienta Pincel y elija un pincel redondo suave de 35 px.

Empiece a añadir puntos luminosos en el trazo exterior de las letras.

Efecto de texto de baldosas espaciales 11

Una vez que haya terminado, vaya a Filtro -> Distorsionar -> Ondulación. Establezca la cantidad en 100 y el tamaño en grande.

Efecto de texto de baldosas espaciales 11

Esto agregará un toque agradable a los puntos luminosos.

Efecto de texto de baldosas espaciales 11

Finalmente, haga clic en el icono de capa ‘Crear nuevo relleno o ajuste’ en el panel Capas y elija Mapa de degradado.

Efecto de texto de baldosas espaciales 11

Elija el degradado que se muestra a continuación del archivo «CSP True Sky Gradients.grd» en el paquete de degradados. Luego, cambie el Modo de fusión de la capa de ajuste a Superposición y su Opacidad al 50%. Esto realzará la coloración del resultado final.

Efecto de texto de baldosas espaciales 11


¡Y hemos terminado!

Espero que hayas disfrutado del tutorial y te haya resultado útil. No dude en dejar sus comentarios a continuación.

Efecto de texto de azulejos espaciales

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un post sobre Fiverr donde te contamos cono funciona.

Deja un comentario