Efecto de texto Cool Dots

Este tutorial de Photoshop explica cómo diseñar un texto tridimensional, que consta de puntos y una extensión borrosa.


Vista previa de la imagen final

Efecto de texto Cool Dots

Recursos


Paso 1

Cree un nuevo documento, 1600px para el ancho y 1000px para el alto. Establezca el color de primer plano en # 8a5a01 y el color de fondo en # ba9145, luego arrastre un degradado lineal de izquierda a derecha. También puede elegir sus propios colores o agregar una capa de ajuste para cambiar los colores como se muestra al final de este tutorial.

Efecto de texto Cool Dots 1

Abra el panel Pincel (Ventana -> Pincel) y modifique la configuración de la Forma de la punta del pincel como se muestra a continuación:

Efecto de texto Cool Dots 6

Cree el texto con la fuente BorisBlackBloxx y el tamaño de 400 pt.

Efecto de texto Cool Dots 2

Utilice la herramienta Pluma y asegúrese de hacer clic en el icono Trazados en la barra de opciones para dibujar una curva en el medio de la primera letra. Agregue los puntos de anclaje principales, puede modificarlos más tarde.

Efecto de texto Cool Dots 3

Si cree que la curva necesita más puntos de anclaje (control), siempre puede agregarlos usando la herramienta Agregar punto de ancla.

Efecto de texto Cool Dots 4

Luego, puede usar la Herramienta de selección directa para hacer clic y arrastrar los puntos de ancla de la curva o las líneas de dirección.

Efecto de texto Cool Dots 5

Paso 2

Cree una nueva capa encima de todas las capas, y con la herramienta Pluma aún activa, haga clic derecho en la ruta y elija Trazar ruta.

Efecto de texto Cool Dots 7

Elija Pincel en el menú desplegable Herramienta y asegúrese de que la casilla Simular presión no esté marcada.

Efecto de texto Cool Dots 8

Esto trazará el camino con el pincel modificado. Presiona Enter para deshacerte del camino.

Efecto de texto Cool Dots 9

Crea una nueva ruta cerca del borde interior de la letra y traza la ruta en una nueva capa.

Efecto de texto Cool Dots 10

Haz lo mismo con el borde exterior también. Terminarás teniendo tres capas, una para cada trazo.

Efecto de texto Cool Dots 11

Repite el mismo proceso para las letras restantes. Puede usar formas personalizadas en lugar de dibujar las curvas cuando sea posible (como usar la herramienta Elipse, con el icono de Trazados en la barra de Opciones seleccionado, para la letra O).

Efecto de texto Cool Dots 12

Recuerde trazar el camino en una capa separada cada vez.

Efecto de texto Cool Dots 13

Puede duplicar cualquier capa para las mismas letras.

Efecto de texto Cool Dots 14

Una vez que hayas terminado, cada letra tendrá 3 capas que la cubrirán con puntos.

Efecto de texto Cool Dots 15

Paso 3

Haga que la capa de texto original sea invisible (haciendo clic en el icono del ojo junto a ella), porque no la necesitamos.

Efecto de texto Cool Dots 16

Seleccione todas las capas de puntos, luego vaya a Capa -> Fusionar capas (Ctrl + E) para fusionarlas en una capa, y llámelo «Puntos fusionados».

Efecto de texto Cool Dots 17

Utilice la herramienta Borrar para deshacerse de los puntos que no estén alineados con los demás.

Efecto de texto Cool Dots 18

Asegúrese de que la capa «Puntos fusionados» esté activa (seleccionada), luego vaya a Seleccionar -> Cargar selección. Elija el canal «Transparencia de puntos combinados». Esto seleccionará el contenido de la capa (los puntos).

Efecto de texto Cool Dots 19

Elija la herramienta de degradado y elija el espectro de degradado. Cree una nueva capa encima de todas las capas y llámela «Degradado», luego llene la selección con el degradado.

Efecto de texto Cool Dots 20

Haga invisible la capa «Puntos combinados».

Efecto de texto Cool Dots 21

Paso 4

Vaya a Editar -> Transformar -> Perspectiva y mueva las esquinas como se muestra a continuación. Puede transformar el texto como desee por ahora, y puede hacerlo de nuevo cada vez que crea que el texto necesita más perspectiva más adelante. Una vez que hayas terminado, presiona Enter.

Efecto de texto Cool Dots 22

Elija la herramienta Lazo y cree una selección alrededor de la primera letra, luego presione Ctrl + J para duplicarla en una capa separada. Cambie el nombre de esa capa a la letra que contiene.

Efecto de texto Cool Dots 23

Repita lo mismo para las otras letras. Una vez que tenga una capa para cada letra, haga invisible la capa «Gradiente».

Efecto de texto Cool Dots 24

Paso 5

Duplica la capa de la primera letra.

Efecto de texto Cool Dots 25

Vaya a Filtro -> Desenfocar -> Desenfoque de movimiento y configure los valores como se muestra a continuación:

Efecto de texto Cool Dots 26

Haz cuatro duplicados de la capa de copia.

Efecto de texto Cool Dots 27

Fusiona las capas de «copia» y muévelas debajo de la capa de la letra original.

Efecto de texto Cool Dots 28

Vaya a Editar -> Transformar -> Perspectiva y transforme la capa de «copia» fusionada para que la parte borrosa parezca una extensión de la letra original.

Efecto de texto Cool Dots 29

Borre las partes borrosas de la izquierda.

Efecto de texto Cool Dots 30

Esto es lo que deberías conseguir. Puede hacer que las otras capas de letras sean invisibles si lo desea.

Efecto de texto Cool Dots 31

Elija la herramienta Desenfocar y cambie la configuración de la barra de opciones como se muestra a continuación, luego desenfoque la parte lateral de la extensión.

Efecto de texto Cool Dots 32

Use un pincel suave con un valor de opacidad del 30% para borrar ligeramente el final de la extensión, de modo que se vea difuminado.

Efecto de texto Cool Dots 33

Repite los mismos pasos para cada letra.

Efecto de texto Cool Dots 34

Paso 6

Combine las capas de letras originales en una capa y cámbiele el nombre al texto que tenga.

Efecto de texto Cool Dots 35

Duplica cada una de las capas de extensión para hacerlas más vívidas.

Efecto de texto Cool Dots 36

Duplique la capa de letras fusionadas (genial) y arrastre la capa de copia debajo de la original.

Efecto de texto Cool Dots 37

Vaya a Filtro -> Desenfocar -> Desenfoque gaussiano e ingrese 2.5 para Raduis.

Efecto de texto Cool Dots 38

Paso 7

Crea una nueva capa justo encima de la capa de Fondo y llámala «Sombra». Establezca el color de primer plano en # 634016 y use un pincel redondo suave (500 px) para pintar una sombra debajo del texto.

Efecto de texto Cool Dots 39

Vaya a Filtro -> Desenfocar -> Desenfoque gaussiano e ingrese 20 para Raduis.

Efecto de texto Cool Dots 40

Cambie el modo de fusión de la capa «Sombra» a Multiplicar y su Opacidad al 70%.

Efecto de texto Cool Dots 41

Si lo desea, puede seleccionar todas las capas visibles (excepto el Fondo), luego vaya a Editar -> Transformar -> Perspectiva y gire el texto aún más.

Efecto de texto Cool Dots 42

Paso 8

Si desea cambiar los colores de fondo para agregar más contraste, seleccione la capa Fondo y haga clic en Crear nuevo relleno o capa de ajuste en el panel Capas, luego elija «Tono / Saturación».

Efecto de texto Cool Dots 43

Cambie los valores como se muestra a continuación:

Efecto de texto Cool Dots 44

Una vez más, haga clic en Crear nuevo relleno o capa de ajuste, pero elija «Niveles» esta vez. Cambie los valores como se muestra a continuación:

Efecto de texto Cool Dots 45

Finalmente, seleccione la capa «Sombra» una vez más, luego vaya a Imagen -> Ajustes -> Tono / Saturación, y cambie el valor de Saturación a -100 (para que coincida con los nuevos colores de fondo).

Efecto de texto Cool Dots 46

Imagen final

Efecto de texto Cool Dots

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un artículo sobre Fiverr donde te contamos cono funciona.

Deja un comentario