Efecto de texto de dibujos animados / estilo cómic

Bien bien bien. En este tutorial de Photoshop, intentaré hacer un texto medio decente al estilo de dibujos animados / cómics. Ya sabes, como las cosas en la portada de los cómics.

1. Lienzo / Fondo

Empiece por crear un nuevo documento en Photoshop. Es posible que desee trabajar en un tamaño / resolución grande, para poder cambiar el tamaño a lo que desee más adelante. También es más fácil de esa manera.

Entonces, cree un documento con un tamaño aproximado 1650 x 1020 píxeles de tamaño, algo realmente aleatorio. Después de crear su documento, rellene el fondo con un degradado aleatorio, algo que se vea bien.

Buen gradiente? Tal vez no. De todos modos, los colores utilizados en el degradado anterior son:

1. # 97461a
2. # db0a1e
3. # e89606
4. # fbd8c5
5. # e64949
6. # f3ee9d
7. # e55a35
8. # 6c2e16
9. # e84709
10. # 97461a
11. … *tos*

Mierda que eran muchos colores … solo un degradado aleatorio, ¿entendido?

Una vez que tenga el degradado en su fondo, duplique el Fondo capa luego ve a Filtro> Pixelar> Semitono de color, use una configuración similar a la siguiente:

Bueno, ahora tienes una especie de … efecto de semitono de color en el fondo 🙂

Cambie el modo de capa de su capa duplicada de fondo a Oscurecer o Multiplicary baje la opacidad a alrededor 30-50% si lo crees necesario. Depende de tus gustos.

Muy bien, ahora tenemos un fondo medio decente con temática de dibujos animados 🙂

2. Selección de tipo / fuente

Muy bien, es hora de seleccionar algún tipo. Dirigirse a DaFont, UrbanFonts, o Google y encuentre una fuente agradable al estilo de los dibujos animados. He resumido algunas buenas selecciones a continuación.

44 Fuente – UrbanFonts

Fuente Cookies – DaFont

Fuente Bubblegum – DaFont

Fuente Arnold – UrbanFonts

Dibujante Kookie – DaFont

Bueno, son suficientes fuentes mías … ¿ya elegiste una? Bueno, entonces (suponiendo que hayas encontrado uno), ¡escribe algo de texto en tu lienzo!

3. Deformar / Distorsionar el texto

Ahora tenemos la alegría de distorsionar nuestro texto 🙂 Comience seleccionando el texto que acaba de escribir, usando la herramienta de texto. Cerca de la parte superior de Photoshop, verá un icono con una ruta en forma de curva y una T encima.

Haga clic en este icono (Deformar texto) y juegue con las diferentes configuraciones / opciones hasta que obtenga un efecto agradable.

Muy bien, ¿tienes un texto agradable distorsionado? Bueno, entonces asegúrate de que tu texto sea blanco y tu fondo aún esté intacto, entonces sigamos adelante.

4. Agregar efectos de texto

Comencemos con la sombra sólida en el texto. Primero, amplíe su documento al 100%. Ahora, saca la herramienta Mover y selecciona tu capa de texto.

Sosteniendo el ALT en el teclado, presione la tecla tecla de flecha derecha, entonces el tecla de flecha inferior, esta duplica y mueve su capa de texto, creando así una sombra sólida una vez que la duplique suficientes veces. Espero que entiendas esto 🙂

¿Ves la paleta de la capa? La paleta de tu capa debería verse algo así a estas alturas. 20 duplicados es una buena cantidad que encontré.

Fusiona todas tus capas duplicadas (¡no fusiones la capa de texto principal!) Y rellénala de negro.

Tenga en cuenta que también moví la capa de sombra debajo de la capa de texto principal, por lo que el blanco está en la parte superior y el negro en la parte inferior.

Ok, ¿cómo va el tuyo? Bueno, hemos terminado con la sombra paralela. ¿Que más necesitamos? ¿Qué tal algunos estilos de capa?

Para la capa de texto negro:

1. Sombra interior
2. Brillo externo
3. Gradiente de superposición
4. Carrera

Para la capa de texto blanco:

1. Sombra interior
2. Gradiente de superposición

Siéntase libre de experimentar con otros estilos y configuraciones de capa, pero ya terminé con estos. Después de aplicar esos estilos de capa, su texto ahora debería verse así:

¡Eso realmente se ve bastante hábil! En mi opinión, de todos modos …

En este punto, creo que hemos terminado, pero continuemos con el siguiente paso de todos modos, aunque realmente no voy a hacer nada más 😛

5. Finito

Bueno, todos, parece que hemos terminado. ¡Espero que disfrutes este tutorial! ¿Estuvo bien el resultado? ¿Tienes alguna sugerencia? Deje una línea debajo usando el formulario de comentarios.