() translation by (you can also view the original English article)
¿Te encanta un efecto de texto creativo? Sigue este tutorial y aprende cómo crear un efecto de texto inspirado en los sellos japoneses Hanko. Suena interesante ¿verdad?
En Japón, la gente no firma, lo que hace es usar sellos. Estos sellos se llaman Hanko, y cada individuo tiene uno. Son muy tradicionales y son utilizados como una firma en cada documento oficial de una manera más rápida y fácil. Los sellos Hanko son una parte significativa de la cultura japonesa y tienen diferentes tamaños, formas y diseños, tanto para uso personal como para uso corporativo.
Lo que aprenderás en este tutorial de efecto de texto de sello japonés Hanko
- cómo usar formas básicas y herramientas en Adobe Illustrator para crear el texto
- cómo crear un sello de aspecto desgastado usando pinceles de Illustrator
- cómo distorsionar la fuente para obtener el aspecto de sello japonés Hanko
- cómo dibujar bonitos personajes animales, un diseño común de un sello Hanko
- cómo crear una textura de sello en formato vectorial usando un motivo de Illustrator
Encuentra más inspiración y recursos que te ayudarán a mejorar tu efecto de texto en Illustrator al dirigirte a GraphicRiver, donde seguramente encontrarás lo que buscas.
Recursos del tutorial
Para completar este tutorial, necesitarás los siguientes recursos:
1. Cómo crear un nuevo documento
Abre Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones y luego selecciona Pixeles como Unidades y RGB como Modo de color.
A continuación, ve a Edición > Preferencias > General, establece los Incrementos de teclado en 1 px, y mientras estás ahí, ve a Unidades para asegurarte de que estén establecidas como se observa en la siguiente imagen. Generalmente trabajo con estos ajustes, y te ayudarán durante todo el proceso de dibujo.
2. Cómo crear una fuente de sello Hanko usando formas básicas
Paso 1
Toma la herramienta Rectángulo (M) y comienza a dibujar algunos rectángulos en tu mesa de trabajo. Las palabras que estamos tratando de crear son "STAMP IT", así que necesitarás siete rectángulos, cada uno teniendo el tamaño indicado.
Paso 2
Enfócate en la segunda forma y de nuevo usa la herramienta Rectángulo (M) para dibujar arriba un rectángulo más pequeño de 17 x 64 px. Asegúrate de que sus puntos de ancla inferiores del lado izquierdo estén alineados (1). Acomoda un rectángulo idéntico en el lado derecho (2); luego selecciona ambos y ve a Objeto > Trazado compuesto > Crear (Control-8).
Ahora, selecciona el rectángulo verde junto con el trazado compuesto recién obtenido y presiona Menos frente en el panel Buscatrazos. Obtendrás la letra "T" (3).
Paso 3
Enfócate en la quinta forma. Usa la herramienta Rectángulo (M) para dibujar un rectángulo de 40 x 31 px y colócalo en la esquina inferior derecha. Ahora, selecciona ambas formas y presiona Menos frente en el panel Buscatrazos para obtener la letra "P".
Paso 4
Así es cómo el texto de sello luce en este punto.
Paso 5
Para hacer que las letras se lean más fácilmente, dibujaremos y colocaremos pequeños rectángulos dentro de cada forma. Estos también definirán las áreas donde se colocarán la fuente de estilo japonés y los pequeños animales.
Paso 6
No todas las letras necesitan divisores. Una vez hecho, nuestro texto inspirado en el sello estará listo.
3. Cómo crear un estilo de sello japonés Hanko
Paso 1
Necesitamos crear un aspecto desgastado para las letras y vamos a hacerlo usando pinceles de Illustrator.
Enfócate en uno de los rectángulos y primero dale un Trazo de 4 pt usando rojo R=213, G=5, B=0. Usaremos este tono de rojo durante todo el tutorial.
Mantén la forma seleccionada y presiona Añadir nuevo trazo en la parte inferior del panel Apariencia para agregar un segundo atributo de Trazo arriba del primero. Usa un pincel de Illustrator llamado Pincel seco 3 que puedes encontrar en el Menú de bibliotecas de pinceles > Artístico > Artístico_Pincel. Reduce al Grosor del trazo a 0.15 pt; luego ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de 2 px. Esto moverá hacia afuera del trazo del pincel; de otra manera, no será visible.
Paso 2
Mientras la forma está todavía seleccionada, presiona de nuevo Añadir nuevo trazo para agregar un tercer atributo de Trazo en la parte superior del panel Apariencia. Usa otra vez el pincel Pincel seco 3 y establece el Grosor del trazo en 0.25 pt. Ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -2 px para mover este trazo de pincel hacia el interior; de otra manera, el borde interior será demasiado definido.
Paso 3
Mientras el rectángulo del paso previo sigue seleccionado, presiona Nuevo estilo gráfico en la parte inferior del panel Estilos gráficos para guardar las apariencias que hemos aplicado. Puedes nombrar el estilo "outer stroke".
Ahora, podemos aplicarlo fácilmente a otras letras simplemente seleccionando el estilo outer stroke desde el panel Estilos gráficos. Puedes ver el resultado en la imagen que aparece a continuación.
Paso 4
Enfócate en la letra "S" y selecciona los dos rectángulos negros. Dales un relleno rojo y para el trazo utiliza un pincel de Illustrator llamado Pincel seco 5 que puedes encontrar en el Menú de bibliotecas de pinceles > Artístico > Artístico_Pincel. Reduce el Grosor del trazo en 0.15 pt.
Paso 5
Mantén seleccionados los dos pequeños rectángulos, y guarda el estilo gráfico que hiciste antes. Puedes nombrarlo "inside dividers". Aplica este estilo a los otros rectángulos negros y terminaste con el aspecto desgastado de las letras inspirado en el sello Hanko.
4. Cómo crear una fuente de estilo japonés
Paso 1
Este efecto de texto está inspirado en sellos Kanji Hanko, que tienen modismos escritos en ellos usando símbolos Kanji acomodados de modo simétrico y asemejando un cuadrado. También hay combinaciones que tienen símbolos Kanji además de un lindo carácter o cerezo en flor y esto es exactamente lo que vamos a hacer con este efecto de texto.
Toma la herramienta Texto (T) y escribe en tu mesa de trabajo siete modismos breves populares, uno para cada letra del sello. Siéntete libre de escribir tus favoritos, si los tienes y elabora un efecto de texto personalizado en Illustrator. Usa la Fuente 5 Computers in love, que es geométrica y luce como un cuadrado, se verá sensacional dentro de nuestro sello Hanko. Ve a Texto > Crear contornos y asegúrate de Desagruparlas (Mayúsculas-Control-G) porque acomodaremos las letras de manera individual.
Paso 2
Acopla cada modismo con una letra del sello y comienza a acomodar el texto dentro de ellas, como se observa en la imagen que aparece a continuación. Escala las letras a una dimensión mayor o menor, o distorsiónalas con la herramienta Selección (V) arrastrando el cuadro delimitador para hacerlas más altas o más pequeñas. Mientras acomodas el texto, no olvides reservar un espacio en blanco para un pequeño y bonito personaje animal.
Paso 3
Haz lo mismo para las últimas dos letras:
Paso 4
Es momento de crear un aspecto desgastado del sello para los modismos.
Enfócate en una de las letras y primero dale un relleno rojo usando el mismo color R=213, G=5, B=0. Para el trazo, usa un pincel artístico de Illustrator llamado Carboncillo fino que puedes encontrar en el Menú de bibliotecas de pincel > Artístico > Artístico_LápizTizaCarboncillo. Establece el Grosor del trazo en 0.25 pt. El resultado es más discreto comparado con las letras del sello pues no queremos obtener un aspecto extremadamente desgastado para el final del efecto de texto.
Paso 5
Mientras que la letra sigue seleccionada, presiona Nuevo estilo gráfico en la parte inferior del panel Estilos gráficos para guardar las apariencias que hemos aplicado. Puedes nombrarlo "text style".
Ahora, selecciona todas las otras letras que conforman los modismos y aplica el mismo estilo simplemente seleccionándolo desde el panel Estilos gráficos. Esto hace las cosas mucho más ágiles, ¿no?
5. Cómo crear lindos caracteres del sello Hanko
Paso 1
Enfócate en el sello BE THE BEST y dibujemos el primer personaje gato en el espacio en blanco que hemos reservado.
Usa la herramienta Pluma (P) para dibujar dos medias para las patas y luego dales un Trazo de 0.15 pt usando el pincel Pincel seco 5. Continúa para dibujar la forma de la cabeza, con orejas pequeñas seguidas por la cola. Aplica la misma apariencia y también guárdala en el panel Estilos gráficos para facilidad de uso. Nómbralo "cats style" y lo usaremos también para los otros personajes.
Paso 2
Finaliza el lindo gato añadiendo pequeños detalles en las patas y la parte superior de la cabeza y luego dibujando el hocico. Para estos trazados, no aplicaremos un trazo de pincel porque son demasiado cortos, así que solo dales un Trazo rojo de 0.75 pt o de 1.25 pt con la opción Remate extremo redondeado seleccionada en el panel Trazo. En la cola, añade pequeños triángulos rellenos del mismo tono de rojo R=213, G=5, B=0.
En la imagen que se observa a continuación, puedes ver el resultado final del sello Hanko BE THE BEST.
Paso 3
Continuaremos con el sello Hanko DON'T GIVE UP. Usa la herramienta Pluma (P) para dibujar la silueta de un gato sentado, como en la imagen que se aprecia a continuación. Agrega una cola y luego aplica el estilo cats style a ambas formas.
Como detalles, agrega un trazado en la parte superior de la cabeza y dos bigotes en cada lado. Dales un Trazo rojo de 1 pt con la opción Remate extremo redondeado seleccionada.
Paso 4
El siguiente sello Hanko es BREAK THE ICE, y esta vez, dibujaremos una bonita cabeza de conejo. Comienza con el borde de la cabeza, añade las orejas y luego agrega los detalles finales como los ojos, que son pequeñas elipses rellenas de rojo y dos trazados que se cruzan para formar el hocico con un Trazo de 1.5 pt.
Paso 5
Ahora, enfócate en el sello DO IT y sigue la secuencia de imágenes para dibujar un nuevo gato. Siempre usa el estilo cats style para el contorno del personaje y para los detalles, solo aplica un Trazo de 0.75 pt o de 1 pt.
Paso 6
¿Qué tan lindo es el minino en el sello Hanko PIECE OF CAKE? Sigue la secuencia de imágenes y dibújala como lo hiciste con las otras.
Paso 7
El último personaje gato es un poco diferente, pero también fácil. Usa la herramienta Pluma (P) para dibujar un semicírculo para la cabeza, seguido por las orejas. Aplica el estilo cats style al seleccionarlo desde el panel Estilos gráficos, pero también agrega un atributo de relleno rojo.
Usa la herramienta Elipse (L) para dibujar dos círculos blancos para los ojos y dos círculos más pequeños rellenos de rojo arriba. Añade dos bigotes en cada lado y dales un Trazo rojo de 1 pt con la opción Remate extremo redondeado seleccionada en el panel Trazo. El sello ON CLOUD NINE ahora está completo.
Paso 8
En este punto, el efecto de texto debería lucir así:
6. Cómo crear la textura de sello desgastado
Paso 1
Antes de crear una textura en formato vectorial, hagamos la máscara de recorte que necesitaremos posteriormente.
Selecciona todo lo que conforma el efecto de texto y luego aplica Copiar y Pegar en el mismo lugar (Mayúsculas-Control-V) para hacer una copia. No sueltes y ve a Objeto > Expandir apariencia seguido de Objeto > Expandir. Podrías necesitar expandirla dos veces hasta que veas que no hay ningún trazo en la Barra de herramientas.
Ahora, presiona Unificar en el panel Buscatrazos y después, ve a Objeto > Trazado compuesto > Crear (Control-8). Como resultado, obtendrás un trazado compuesto que usaremos para enmascarar la textura vectorizada.
Paso 2
Antes de hacer la textura, agreguemos un simple fondo detrás del efecto de texto; de otra manera será difícil verla en un fondo blanco. Así que toma la herramienta Rectángulo (M) y dibuja una forma del mismo tamaño de tu mesa de trabajo. Envíala detrás de todo al ir a Objeto > Organizar > Enviar detrás (Mayúsculas-Control-[). Aplícale un color neutral como beige R=232, G=224, B=188.
Paso 3
Usa de nuevo la herramienta Rectángulo (M) para dibujar otro rectángulo del mismo tamaño de tu mesa de trabajo. Este debería estar delante del efecto de texto. Usa el motivo Media tinta que puedes encontrar en el Menú de bibliotecas de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas.
Paso 4
Mantén el motivo seleccionado y ve a Objeto > Expandir para que se convierta en una textura vectorizada. Ahora, haz un acercamiento tanto como necesites y usa la herramienta Selección directa (A) para seleccionar únicamente una de las formas en la textura. Ve a Seleccionar > Mismo > Color de relleno, e Illustrator seleccionará automáticamente todas las formas que conforman la textura. Cambia el color de relleno a blanco y toda la textura pasará a ser blanca.
Paso 5
Mientras que el grupo de la textura sigue seleccionado, ve a Efecto > Distorsionar y transformar > Emborronar y aplica los ajustes mostrados. Esto hará la textura más áspera e irregular. También, reduce la Opacidad a 35%.
Paso 6
Es momento de enmascarar la textura. Selecciona el trazado compuesto elaborado previamente, junto con el grupo de la textura y ve a Objeto > Máscara de recorte > Crear (Control-7).
Paso 7
Este es el aspecto final del efecto de texto inspirado en los sellos japoneses Hanko:
¡Felicidades! Terminaste
Has aprendido con éxito cómo usar formas básicas para crear letras y cómo crear un sello Hanko de aspecto desgastado usando pinceles y motivos de Illustrator. Puedes aplicar estas técnicas en tus otros proyectos de efectos de texto en Illustrator.
Personaliza este efecto de texto
Siéntete libre de recrear este efecto de texto usando tus frases preferidas usando una fuente de estilo japonés y también dibujar tus propios personajes entrañables. Esta es una selección de fuentes que serían perfectas para que las uses:
Fuente Moshi Moshi (OTF)
Una fuente de bloque de solo mayúsculas que ya viene con un aspecto áspero y funcionará perfectamente en este diseño de texto. Incluye soporte para múltiples idiomas y añadirá un estilo moderno y minimalista a tus pósters, marcas y publicaciones en redes sociales.
Tipografía vintage japonesa Makuton
Si te fascinan los diseños, las etiquetas, las insignias y los logos de estilo retro, entonces necesitas esta fuente en tu colección. Es una llamativa tipografía japonesa con un aspecto de lettering hecho a mano.
Shakuro - tipografía de pincel
Inspirada en los símbolos japoneses kanji, esta fuente tiene un lettering con pinceles único que luce tradicional y hecho a mano. También puedes usarlo exitosamente para encabezados, títulos, logos y cualquier cosa relacionada con Japón.
Bulgogi - Fuente de exhibición de la etnia asiática (OTF, TTF, WOFF)
Usarás esta fuente en muchas ocasiones debido a su impactante lettering de estilo japonés. Una tipografía audaz que destacará en publicaciones de viajes, pósters y mucho más.
Kimono - Tipografía de exhibición japonesa (OTF, TTF, WOFF)
Una fuente de exhibición audaz que ya tiene un aspecto desgastado y áspero y está lista para usarse en un sinfín de proyectos. Tómala y dales un estilo japonés único a tus diseños.
¡Expande tus habilidades en el diseño de efectos de texto!
Sigue dibujando y aprendiendo con estos tutoriales recomendados, que explicarán muchas otras técnicas útiles.
-
Cómo crear un efecto de texto ruso en Adobe Illustrator
-
Cómo crear un efecto de texto inspirado en la vestimenta tradicional india sari en Adobe Illustrator
-
Cómo crear un efecto de texto estilo Rococó en Adobe Illustrator
-
Cómo crear un efecto de texto inspirado en España en Adobe Illustrator
-
Cómo crear un efecto de texto inspirado en el peludo gato de Cheshire en Adobe Illustrator.
-
Cómo crear un efecto de texto de vitral en Illustrator
-
Cómo crear un efecto de texto de libro de historietas en Illustrator
-
Cómo crear un efecto de texto estilo gráfico de juego en Adobe Illustrator
