Share
Hoy vamos a echar un vistazo a un tipo de tratamiento tipográfico bien conocido. No solo tendrás una idea de cómo crear una buena tipografía, sino que también aprenderás a darle un bonito toque de caricatura. Así que vamos a ver con qué estamos tratando!
Encontrará el archivo PSD de Photoshop en un directorio etiquetado como "fuente" que vino en el archivo ZIP que descargó con este tutorial. Es posible que desee examinarlo brevemente antes de comenzar.
Ok, ahora echemos un vistazo a lo que vamos a usar aquí:
Comencemos con un gran lienzo de resolución de 300px / pulgada, recomendaría que use el formato A4. Ahora elige la fuente y el texto correctos que quieres escribir. Utilicé la frase "No More Turning Back" escrita con Trajan Pro. Recuerda que cuantas más palabras uses, más tardará..
Primero escribe "Turning", y como se muestra a continuación. Selecciona la T y dale el tamaño deseado. Luego, escriba el resto de las letras.
Cuando hayas terminado con la primera palabra, recuerda enmarcarla con dos líneas de guía. Esto te ayudará a definir claramente los bordes de tu tipografía..
Ahora crea una nueva capa y escribe "No más". Colóquelo como se muestra a continuación. Asegúrese de que todo esté colocado entre sus dos líneas de guía. Luego, en la nueva capa, escriba "Atrás" y colóquela debajo de la palabra "Girar"; Estíralo para adaptarse al resto de tu tipo..
Ahora que ha terminado con el texto, agregue las formas florales a su carpeta de Photoshop. Seleccione la herramienta de forma personalizada y en sus opciones marque la imagen en miniatura grande. Luego podrás ver todas las formas florales como miniaturas grandes. Esto realmente te ayudará a elegir los elementos apropiados..
La segunda imagen de abajo muestra todos los elementos que elegí para llenar la letra N.
Su primer paso debe ser identificar las letras repetitivas. En este caso, elegí la letra N que se repite 3 veces. De esta manera, no tiene que perder mucho tiempo personalizando cada letra individualmente. Recuerda, en este punto solo deberías estar trabajando en blanco y negro..
Ahora podemos comenzar a agregar formas a nuestras letras usando la herramienta Forma personalizada. Agregue sus artículos como se muestra a continuación y retóquelos a medida que continúa para eliminar cualquier forma externa innecesaria o elementos no deseados. También puede rotar artículos para asegurar el mejor ajuste.
En este punto, la organización es clave. Colocar sus cartas en grupos le ayudará a ahorrar tiempo. Como puede ver a continuación, hemos duplicado la letra N varias veces y redimensionamos cuando es necesario..
Ahora repite los pasos 4 y 5 para todas tus cartas. Puede acelerar un poco las cosas reutilizando áreas específicas de sus letras (observe las letras N y K, por ejemplo, al voltear nuestras formas horizontalmente, hemos logrado reducir el tiempo que hemos tenido que dedicar a trabajar esas letras). Además, puede ahorrar más tiempo al reorganizar sus formas ligeramente de letra a letra para crear algo completamente nuevo..
Los primeros planos a continuación demuestran cómo usé 10 elementos de repetición para todas las letras, pero al cambiar el orden en el que aparecen, es prácticamente imperceptible..
Una vez que haya agregado todas las formas a sus letras, es hora de llevar esta ilustración al siguiente nivel agregando aún más remolinos. Esto se hace utilizando más formas personalizadas. Tendrá que tomarse un tiempo para encontrar el tipo correcto de remolinos para usar. Esto es realmente importante porque ayudarán a que su ilustración realmente se destaque. En los pasos a continuación, usamos rojo para demostrar lo que estaba sucediendo, por favor use negro en su lugar. Asegúrese de que cada forma se ajuste adecuadamente a su carácter y use máscaras de capa para eliminar las áreas no deseadas. Siéntase libre de experimentar aquí y crear sus propios resultados únicos..
En este punto, puede comenzar a agregar aún más detalles a su ilustración. A continuación puede ver cómo comencé a trabajar en algunos remolinos y gotas de lágrima adicionales..
Sigue agregando formas a tu ilustración hasta que estés satisfecho con los resultados..
Cada forma que agregue debe hacer su ilustración aún más elaborada. En este punto, su texto debe comenzar a fluir juntos, como se muestra a continuación..
En este punto, simplemente estamos llenando los espacios entre las letras. Esto hará que la ilustración sea un poco desordenada, pero hará que la ilustración sea más orgánica..
Para crear una nueva gota swirly como Shape Layer, vaya a la paleta de capas, baje el flujo de esta gota del 100% al 0%. Vaya a sus Opciones de fusión y seleccione Trazo. Haz el tamaño que quieras, pongo el mío a 2 o 3..
Coge la herramienta de forma personalizada y haz una gota negra. Use la herramienta Pluma para crear una nueva capa, cambie su color a blanco. Asegúrese de que las opciones de la herramienta Pluma estén configuradas en Capas de forma. Luego dibuja un camino con curvas en la parte inferior izquierda. Duplique esta gota tantas veces como desee y rellene algunos espacios en blanco en su ilustración, y ahora hemos terminado con la tipografía en blanco y negro.
La ilustración en este punto se ve muy bien en este punto. Podría detenerse aquí si este es el efecto que está buscando. Sin embargo, no estoy del todo satisfecho, así que ahora voy a agregar algunos efectos más para darle un bonito estilo de dibujos animados..
Comencemos uniendo todas las letras y formas (¡no las fusione con el fondo!). Nombre de esta capa "Texto". Ahora cree una nueva capa, mantenga presionado el comando, haga clic con el botón izquierdo en la miniatura de la capa "Texto" para llamar a la selección y rellénela con el color púrpura (# 8d5e9a) en esta nueva capa, asígnele el nombre "texto púrpura". Deberías obtener algo que se parece a la primera imagen de abajo. Ahora apaga la capa "Texto".
Agarra la herramienta Grabar (usa tonos medios) y pinta en varios puntos en este texto púrpura (2da imagen a continuación). Ensuciarlo un poco. Ahora, en la tercera imagen a continuación, use una técnica similar pero esta vez con la herramienta Dodge (use Midtones y también puede dar un toque de resaltados, pero no exagere, los resaltados pueden arruinar la composición, así que tenga cuidado). Finalmente, vaya a la cuarta imagen a continuación y agregue algunos estilos de capa para darle un aspecto con textura agradable.
Ahora repite el paso anterior, pero esta vez hazlo con verde. Llame a la selección de este tipo, rellénela con # b7ce0f verde (en la nueva capa). Nombre de esta capa "texto verde" y colóquela sobre "texto púrpura". Ahora quema primero y luego esquívalo como se muestra en la primera imagen a continuación. Luego, agregue algunos estilos de capas como anteriormente, pero en este caso con un toque verde.
Cuando haya terminado, y ambos textos estén uno en el otro, acérquese. Agarra la herramienta de pincel duro (todas las configuraciones al 100%). Crea una máscara de capa en la capa "texto verde". Ahora pinta con negro en la máscara de capa, donde quieres agregar las gotas. Este es el estilo de caricatura en bruto que quería mostrarle y, básicamente, se trata de los colores fríos y los efectos de trazo duros..
Ahora cree una nueva capa debajo de las capas "texto verde" y "texto púrpura", asígnele el nombre "rellenos". Haga clic derecho en la capa "texto púrpura" y seleccione Copiar estilo de capa, luego haga clic derecho en la capa "rellenos" y seleccione Pegar estilo de capa. Ahora vaya a las opciones de fusión de "rellenos" y verá que los estilos de capa del "texto púrpura" se aplicaron aquí. Debes tener la opción de Biselado y Relieve marcada con la misma configuración. Ahora lo que debe hacer es agregar a estos estilos de capa Trazo de Tamaño: 2 y Posición: Exterior, con color negro.
Ahora agarre la herramienta Pincel (todas las configuraciones hasta el 100%, la más difícil), elija el mismo color que en el paso 12, cuando estábamos rellenando el texto púrpura (# 8d5e9a). Usando un pincel duro, pinte la capa "rellenos". Pinta sobre las manchas de goteo para llenarlas completamente. Consulte las imágenes a continuación; Usted debe tener la idea de qué es todo esto.
A medida que pinta con el color púrpura en esta capa "llena", los estilos de capa se aplican automáticamente a la forma que está pintando. Eso significa que puede terminar fácilmente las gotas de color púrpura, ya que se aplica el trazo, el color y la profundidad mientras pinta con el pincel.
Esta es la forma en que necesitas crear todos los goteos. Recuerde pintar debajo de las capas de texto en la capa "rellenos". Sea creativo y termine el goteo con algunos cambios geniales en cada letra.
Ahora agreguemos un poco de salpicadura y colóquelo debajo de una de las letras. Utilice el mismo color (como en los goteos) # 8d5e9a, tome la Herramienta de forma personalizada y elija una forma de salpicadura. Créela como Shape Layer debajo de las capas de texto y use Comando + T> Distorsionar para darle una buena perspectiva. Nombra esta capa "salpicadura".
Mantenga presionado el comando, haga clic con el botón izquierdo en la miniatura de la capa "salpicadura" para que aparezca su selección. Cree una nueva capa sobre "salpicadura", haga clic con el botón derecho y seleccione Selección de trazo, luego como Tipo de ancho en 2 o 3px, y como Color elija blanco o muy delicado, púrpura claro. Para Ubicación, seleccione Dentro (2da imagen abajo). A continuación, agarre la Herramienta Mover y presione la flecha hacia arriba en el teclado alrededor de 2 a 3 veces para mover este movimiento un poco hacia arriba. Luego vaya a Capa> Máscara de capa> Ocultar todo, para obtener el trazo completamente enmascarado. Luego tome la herramienta Pincel, establezca Dureza a 0% y Flujo a 5%. Elija el color blanco y pinte suavemente sobre la máscara de capa de esta capa trazada. En la tercera imagen a continuación, te daremos una guía sobre dónde pintar para agregar luces agradables a esta salpicadura.
Como todavía tiene la herramienta Pincel con la configuración anterior seleccionada, cree una nueva capa sobre la "salpicadura" y elija un color púrpura oscuro. Luego pinte debajo de la letra "A" (la que permanece en su salpicadura) - 1a imagen de abajo.
Cuando haya terminado, seleccione capas: "rellena" + "texto púrpura" + "texto verde", arrástrelos al nuevo icono de capa para crear duplicados y fusionar estos 3 duplicados. Nombre de esta capa "reflexión". Ahora pulsa Comando + T y selecciona Flip Horizontal. Coloque este texto exactamente debajo del original (para que se vea como un reflejo). Luego vaya a Capa> Máscara de capa> Ocultar todo, y esto enmascarará toda la capa de "reflexión". Ahora presta atención en la segunda imagen de abajo. Active la selección de la capa "salpicadura" y, a continuación, seleccione la máscara de capa de la capa de "reflexión". Con un pincel blanco muy suave, pinta dentro de la selección y en Máscara de capa para revelar un poco de la capa de "reflejo".
Ahora cuidemos el fondo. Vaya al final de la paleta de capas, cree una nueva capa sobre la capa de fondo blanco y rellénela con #bebdbd gris claro. Luego, agregue Capa Máscara y pinte con un pincel negro suave en la esquina izquierda para revelar algo del fondo blanco (1ra imagen abajo). A continuación, cree una nueva capa de ajuste: curvas sobre la capa anterior. Y ahora vamos a colorear el fondo con valores de curva:
RGB - Entrada: 163 Salida: 202
Rojo - Entrada: 191 Salida: 196
Verde - Entrada: 189 Salida: 199
Azul - Entrada: 183 Salida: 208
Finalmente, tome un pincel muy suave (Flujo 5% / Dureza 0%), elija blanco y cree una nueva capa sobre la capa de ajuste de Curvas. Luego pinta en el medio; Haga que el diámetro de su cepillo sea pequeño a más grande, de modo que el centro se vea como un degradado radial blanco. Combine todas estas capas de fondo que acabamos de hacer y nómbrelas "textura de fondo" (pero recuerde que debe dejar intacta la capa de fondo blanco estándar).
Encontré una textura de acuarela muy fresca para poner aquí. Entonces, si obtienes la misma imagen o una similar, asegúrate de que sea bastante grande para que se ajuste a todo tu lienzo. Entonces tráelo a tu proyecto. Coloque esta textura sobre la capa "textura de fondo". Haz esta textura en blanco y negro, así que simplemente presiona Comando + Mayús + U para Desaturar. Cambie su Modo de fusión a Superposición, y su imagen debería verse como la primera a continuación.
Ahora ve que la esquina derecha parece ser un poco demasiado oscura, así que agregue Layer Mask a la capa de "textura de fondo" y pinte con un pincel blanco y suave en la esquina inferior derecha para eliminar la textura sobresaturada (2da imagen a continuación).
Ahora vuelve a las capas de texto. Combine las capas "rellenos" + "texto púrpura" + "texto verde" (también puede incluir la "salpicadura" para fusionar si lo desea, esto no supone una gran diferencia). Antes de fusionarlos, es bueno hacer una copia de seguridad de todas las capas de texto, así que no te olvides de ello. Cuando haya terminado, nombre este "texto" de capa combinada y vaya a Capa> Ajustes> Brillo y contraste. Oscurece un poco esta capa (primera imagen abajo).
A continuación, muestra la selección de esta capa de "texto" y crea una nueva capa arriba. Vaya a Seleccionar> Modificar> Feather y configure el valor alrededor de 3-4px (2da imagen a continuación). Luego llene esta nueva capa con blanco (3ra imagen abajo). Nombra esta capa "resplandor".
Ahora con cuidado: presione Comando + D para anular la selección (primera imagen a continuación), y vuelva a seleccionar la capa de "texto" (segunda imagen a continuación). Seleccione la capa "resplandor" y presione Eliminar en el teclado. Deberías obtener algo similar a la tercera imagen de abajo. En comparación con cómo se veía el texto antes y después de agregar brillo. Ahora parece que el texto se iluminó desde la luz blanca que había detrás, y eso es exactamente lo que queríamos lograr.
Puedes usar un borrador suave y borrar algunas partes del brillo si no coinciden en alguna parte.
Nos estamos acercando al final ahora. Solo tenemos que añadir algunos ajustes finales. Agregue las 4 capas de ajuste siguientes en la parte superior de la paleta de capas. Empezar con:
Bueno, finalmente hemos terminado. Recuerde, los ajustes finales son muy, muy importantes para que coincidan con los colores de la ilustración. Espero que este tutorial le haya mostrado cómo trabajar con la tipografía para que pueda crear algunas ideas geniales propias..
PD En caso de que tenga algunos problemas para crear las letras / formas, he incluido una carpeta especial en el archivo psd con cada letra negra separada y fusionada con elementos de forma, por lo que puede usarla si lo desea. Diviértete gente!
Accentsconagua