Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Vector
Design

Cómo Crear un Peludo Gato Cheshire Inspirado Efecto de Texto en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create an Alice in Wonderland Inspired Afternoon Tea Invite in Adobe InDesign
How to Create an Alice in Wonderland Tea Party Scene in Adobe Illustrator

Spanish (Español) translation by Alfonso Mora (you can also view the original English article)

Final product image
What You'll Be Creating

Seguir este tutorial y aprender cómo crear un gato de Cheshire inspirado efecto de texto en Adobe Illustrator. Usted aprenderá una nueva forma de crear la apariencia de la piel y también utilizar un pincel de patrón para agregar extra piel para una mirada más detallada. Y este tutorial no sería completo sin una sonrisa de gato de pacotilla. Vamos a empezar!

Si usted está buscando más efectos de texto o personajes de dibujos animados, Compruebe hacia fuera GraphicRiver y seguramente encontrarás lo que buscas allí.

Tutoriales activos

Para completar el tutorial, necesita los siguientes activos:

1. Cómo abrir un documento nuevo

Lanzamiento de Illustrator y abrir un documento en blanco. Escriba un nombre para el archivo, las dimensiones y luego Píxeles como Unidades y RGB como Modo de Color.

A continuación, vaya a Editar > Preferencias > General y conjunto el Incremento de teclado a 1 px y una vez allí, ir a las Unidades para asegurarse de que se establecen en la siguiente imagen. Normalmente trabajo con estos valores, y le ayudará durante el proceso de dibujo.

how to open new illustrator document

2. Cómo Crear y Distorsionar el Texto

Paso 1

Coge la Herramienta de tipo (T) y escribir "MEOW" en su mesa de trabajo utilizando la fuente Jungle Fever, tamaño de 160 pt elija Expandir apariencia en el menú de objeto para obtener las letras individuales y Desagrupar (Mayúsculas-Control-G) si es necesario.

how to write the Meow text

Paso 2

Se centran en la letra "M". Utilice la Herramienta de punto de ancla elimina (-) para eliminar algunos de los puntos en la parte superior para obtener un borde recto (1). Ahora, tomar la Herramienta Pluma (P) y dibujar una forma como la siguiente para simular penachos de gato de Cheshire de la piel (2). Continuar con la forma de las orejas y enviarlos a la parte posterior (3).

how to distort the letter M

Paso 3

Se centran en la letra "W". Utilice la Herramienta de punto de ancla añade (+) para añadir un punto extra en la parte superior de la pierna izquierda y distorsionar la forma para simular otro mechón de pelo (1).

Cambiar a la herramienta pluma (P) y dibujar la forma de la cola (2). Después, seleccione la letra con la cola y presione Unir en el panel Buscatrazos para combinarlos en una sola forma (3).

how to distort the letter W

Paso 4

Girar y acercarse a la letra "E" a la letra "M" (1). A continuación, eliminar la letra existente "O" y dibujar una forma de huevo en lugar de otro (2). Ampliar la letra "W" un poco, girar y moverse sobre la letra "O" (3). En este punto, el texto está listo.

how to arrange the text

3. Cómo Crear las Rayas Sobre el Texto

Paso 1

Utilice la herramienta pluma (P) para dibujar unos trazados sobre la letra "M" y arrastra algunos de ellos sobre la letra "E" así como para crear una mirada continua (los senderos). Utilizar anchura perfil 1 movimiento estos caminos y elegir diferentes Ancho de Trazo de 14 pt, 12 pt y aún 10 pt.

how to draw stripes on letter M

Paso 2

Se centran en la letra "E". En primer lugar, hacer copias de los tres senderos que circulan por ambas cartas ya que tendrá más adelante los duplicados. Después de eso, dibujar trazados más para cubrir las zonas libres (los caminos de azul). Utilizar Anchura perfil 1 de nuevo y elegir diferentes Ancho de Trazo de 12 pt y 18 pt.

how to draw stripes on letter E

Paso 3

Ahora, se centran en la letra "O" y dibujar cuatro caminos con Trazos de 10, 12 y 14 pt (1). A continuación, dibuje un largo camino que va sobre la letra "W", así y dejar algo de espacio libre en la esquina inferior izquierda de la cursi sonrisa de gato de Cheshire (2).

Continuar dibujar caminos ondulados más sobre la letra "W" y no te olvides de duplicar el verde para más adelante (3).

how to draw stripes on letter O and W

Paso 4

Volvamos a la letra "M". Seleccione todas las trayectorias y elija Expandir apariencia en el menú de Objeto para convertirlos desde golpes en rellenos. No suelte y vaya a Objeto > Trazado compuesto > Hacer (Control-8) (1). Hacer una copia ante el trazado compuesto resultante para uso posterior.

Copiar y Pegar en el Frente (Control-F) la letra "M"; luego seleccione esta copia junto con el trazado compuesto rayas y presione menos Frontal en el panel Buscatrazos (2). Si consigues un grupo de formas como resultado de ello, también ir a objeto > trazado compuesto > hacer (Control-8). Rellene el trazado compuesto recién obtenido con gris por el momento (3).

how to create the pink fur compound path for letter M

Paso 5

Seleccione la letra de color rosa original y luego Copiar y Pegar en el frente (Control-F) otra vez. Mientras esta copia permanece seleccionada, también seleccione la copia del trazado compuesto con bandas hecho en el paso anterior y pulse Intersectar en el panel Buscatrazos (1). Si consigues un grupo de formas como el resultado, ir a Objeto > Trazado compuesto >  Hacer (Control-8). Usted obtendrá un nuevo trazado compuesto rayas (2).

how to create the pink striped fur compound path for letter M

Paso 6

En la letra "E" y seleccionar todas las rutas que circulan por ella (1). Elija Expandir Apariencia en el menú de Objeto para convertirlos en rellenos y luego ir a Objeto > Trazado Compuesto > Hacer (Control-8). Hacer una copia ante el trazado compuesto rayas resultante.

Seleccione la letra color de rosa y luego Copiar y Pegar en el Frente (Control-F). Conserve esta copia seleccionada junto con el trazado compuesto rayas y presiona Menos Frontal en el panel Buscatrazos. También ir a Objeto > Trazado compuesto > Hacer (Control-8) y llenar la forma resultante con gris (2).

Hacer otra copia delante de la letra color de rosa. Esta copia permanece seleccionada, también seleccione la copia del trazado compuesto con bandas anteriores y pulse Intersección en el panel Buscatrazos. Si consigues un grupo de formas como el resultado, ir a Objeto > Trazado compuesto > Hacer (Control-8). Usted obtendrá un nuevo trazado compuesto con bandas (3).

how to create the fur compound paths for letter E

Paso 7

La técnica explicada anteriormente y aplicarlo para las letras "O" y "W" para obtener los trazados compuestos que necesita.

how to create all fur compound paths

4. Cómo Crear el Aspecto Peludo

Paso 1

Se centran en la letra "O". Seleccione el trazado compuesto gris obtenido antes y cambiar el color de relleno a un tono más oscuro. A continuación, vaya a Efecto > Sketch > Reticulación y aplicar la configuración que se muestra (1). Elija Expandir Apariencia en el menú de Objeto para aumentar el efecto y luego ir a Objeto > Imagen rastro > Hacer. No liberar y elegir foto de Alta Fidelidad como Preset y Expandir el panel de Control.

Utilice la Herramienta de Selección Directa (A) para seleccionar sólo el cuadrado blanco alrededor de la letra y eliminarlo (2). Como resultado, usted tendrá un complejo conjunto de formas grises pequeñas (3).

how to apply Reticulation effect and Trace for letter O

Paso 2

Rellenar el grupo de pequeñas formas con el degradado lineal que se muestra en la a -60 Grados Angulo (1). A continuación, vaya a Efecto > Distorsionar y Transformar > Fruncir y Engordar y aplique un -140% Efecto Fruncir para conseguir el aspecto peludo. Arrastre el efecto de Fruncir y Engordar aplicado bajo Contenido en el panel Apariencia para un mejor resultado (2).

Mientras que el grupo de formas todavía está seleccionado, ir al panel Apariencia y haga doble clic en Contenido para ver los atributos. Seleccione el atributo de Relleno existente y luego ir a Efecto > Estilizar > Sombra Paralela. Aplicar la configuración mostrada y pulsa OK (3). Esto añade más profundidad a la piel.

how to create the pink fur on letter O

Paso 3

Ahora, seleccione el trazado compuesto rayas y reemplazar el color de relleno (1).

Haga una copia delante de esta forma, llenar con el gris y aplicar el efecto de Reticulación usando la misma configuración (2).

Seleccione Expandir Apariencia en el menú Objeto ampliar el efecto y luego ir a Objeto > Imagen rastro > Hacer. Seleccione Foto Alta Fidelidad como el Preset y Expandir en el panel de Control igual que antes y luego borrar el cuadrado blanco. Usted recibirá un nuevo grupo de diminutas formas gris al azar (3).

how to apply Reticulation effect and Trace for stripes letter O

Paso 4

El grupo recién Obtenido de formas pequeñas se llenan el degradado lineal que se muestra en a -45 Grados de Angulo (1). Aplique un -140% Fruncir efecto otra vez y después de eso, arrastre el efecto de bajo Contenido en el panel Apariencia (2).

Mientras que el grupo está todavía seleccionado, abra el Contenido para ver los atributos y aplicar un efecto de Sombra Paralela con la misma configuración para añadir más profundidad (3).

how to create the purple striped fur on letter O

Paso 5

Si usted toma una mirada más de cerca, usted podrá ver las formas que están detrás de la piel, y son demasiado fuerte. Vamos a arreglar eso.

Seleccione la letra de color de rosa que estaba en la parte posteriora a lo largo y, mientras que el atributo de relleno existente permanece seleccionado en el panel Apariencia, vaya a Efecto > Camino > Offset Path y aplicar un Offset de -1 px para hacer la forma un poco más pequeña. A continuación, vaya a Efecto > Estilizar > Resplandor Interior y aplicar la configuración que se muestra; luego ir a Efecto > Desenfoque > Desenfoque Gaussiano y aplicar un Radio de 2 px (1).

Ahora, seleccione el trazado compuesto rayas púrpura detrás de la púrpura de la piel y aplicar los mismos efectos para obtener bordes suaves y borrosos (2). Puedes ver el resultado final en la imagen de abajo (3).

how to create smooth blurry edges for letter O

Paso 6

Ahora, se centran en la letra "E" y aplicar la misma técnica. En primer lugar, crear la piel rosada, a partir de la ruta gris compuesta y el efecto de la Reticulación (1). A continuación, cambie el color de relleno azul de la rayas trazado compuesto con púrpura y hacer una copia en el frente (2). Esta copia, aplique el efecto de la Reticulación y luego crear la piel púrpura como explicado anteriormente (3). Al final, no olvide crear los bordes suaves y borrosos la letra original de rosa y las rayas púrpura que se encuentran en la parte posterior (4).

Repita lo mismo para la letra "W".

how to create fur on letter E O and W

Paso 7

Para la letra "M", después de crear la piel de la letra real (1), vamos a trabajar en las formas anteriores. Seleccione la forma de penachos de la piel y aplique la Trayectoria de Desplazamiento, Efectos de resplandor interior y Desenfoque gaussiano con la misma configuración en cuanto a los trazados compuestos rayas púrpura anteriormente en el tutorial (2). Hacer una copia delante de esta forma, eliminar todos los aspectos existentes y aplicar el efecto de Reticulación seguido del Rastro de la Imagen y el efecto de Fruncir y Engordar para crear la piel (3).

how to create fur on tufts shape for letter M

Paso 8

Repetir la misma técnica y crear la piel color de rosa en las orejas.

how to create fur on ear shapes for letter M

Paso 9

En este punto, el Gato de Cheshire inspirado texto efecto debería parecerse a la siguiente imagen.

finished pink and purple fur for Meow text

5. Cómo Agregar Piel Extra Alrededor del Texto

Paso 1

Seleccione la letra original de la rosa "M" y luego copiar y Pegar Atrás (Control-B) para hacer una copia de la misma. Eliminar todos los aspectos existentes (1). Ir a Archivo > Scripts > Redondear las Esquina y aplica un Radio de 10 para obtener las esquinas redondeadas. Este script funciona mejor que el efecto de esquinas redondeadas. Puede encontrar más información sobre el Script Redondo de Esquina y cómo instalar y utilizar en el 20 Tutorial Gratis y útiles Adobe Illustrator Scripts.

Darle Trazo un 1 pt rosa claro y utilizar el pincel de patrón de hierba que puede encontrar en el menú Bibliotecas de cepillo > Fronteras > Borders_Novelty. Abrir la ventana de opciones de trazo del panel apariencia, arrastre el regulador escala  al 20% y establece el método de colorización en matices y gradaciones. Esto hará que la hierba más pequeña, como la piel, y tomará el color del trazo, que en este caso es de color rosado. Si las puntas del cepillo no salen hacia afuera, también comprobar la opción de tirón a través (2).

how to add extra fur around letter M

Paso 2

Mientras todavía está seleccionada esta copia de la carta, añadir un nuevo trazo en la parte superior del panel apariencia y volver a utilizar el pincel de patrón de hierba. Esta vez, establezca el color a un rosado más oscuro (1). Abrir la ventana de opciones de trazo, arrastre el regulador escala al 40% y establece el método de colorización en matices y gradaciones. Puede ver el resultado en la imagen de abajo (2).

how to add more fur around letter M

Paso 3

Ahora, seleccione la forma de penachos de la piel y hacer una copia en la parte posterior. Eliminar los aspectos existentes y luego aplicar el Script redondear de la esquina. De esta forma, se aplican los dos atributos de trazo con el pincel de patrón de hierba y la misma configuración (1).

Repita lo mismo para las formas de la oreja (2).

Incluso puedes guardar este "borde de piel estilo gráfico" en el panel Estilos Gráficos y aplicar más fácilmente a las otras letras.

how to add extra fur around tufts and ear shapes

Paso 4

Aplicar la misma técnica para las letras "E", "O" y "W" y añadir piel extra alrededor de las letras.

how to add extra fur around letters E O and W

6. Cómo Agregar Sombra al Texto Furry

Paso 1

Vamos a crear un trazado compuesto complejo. Centrarse en la letra "O", seleccione la forma original de color rosa y luego copiar y pegar en el mismo lugar (Control-Shift-V). Eliminar todos los aspectos existentes y dar cualquiera llena de color (1). Ocultar esta forma por el momento.

Seleccione el grupo de piel púrpura y copiar y pegar en mismo lugar (Mayús-Control-V) para hacer una copia de la misma. Haga doble clic en contenido en el panel de apariencia ver los atributos y borrar el efecto de sombra. Ahora, vaya a objeto >  expandir apariencia para ampliar el efecto de fruncir y engordar. No dejar el grupo y pulsar Unite en el panel Buscatrazos (2); vaya al objeto > trazado compuesto >  hacer (Control-8). Rellene el trazado compuesto resultante de piel rayada con azul por el momento (3).

how to create a striped fur compound path for letter O

Paso 2

A continuación, seleccione el grupo de piel rosa y copiar y pegar en su lugar (Mayús-Control-V) para hacer una copia de la misma. Eliminar el efecto de sombra paralela en el panel apariencia y luego ir a objeto > expandir apariencia para ampliar el efecto de fruncir y engordar (1). Prensa Unir en el panel Buscatrazos seguido de objeto > trazado compuesto > hacen (Control-8) y obtendra el trazado compuesto complejo verde (2). Ocultar de momento.

how to create a complex fur compound path for letter O

Paso 3

A continuación, seleccione la copia de la letra "O" acariciado con el pincel de patrón de hierba y luego copiar y pegar en el mismo lugar (Mayús-Control-V) para hacer una copia de la misma (1). Ir a objeto > expandir apariencia ampliar las escobillas (2); Presione Unir en el panel Buscatrazos seguido de objeto > trazado compuesto > hacer (Control-8). Rellene el trazado compuesto resultante con gris por el momento (3).

how to create the edge fur compound path for letter O

Paso 4

Hacer visibles los trazados compuestos rosa, azules, verdes y gris que han obtenido en los tres pasos anteriores (1) y mantenerlos seleccionado. Presione Unir en el panel Buscatrazos y luego ir a objeto > trazado compuesto > hacer (Control-8). Esto recién obtenidos forma usaremos para crear la sombra (2).

how to create the shadow shape for letter O

Paso 5

Siga los pasos explicados anteriormente y crear las otras formas que usted necesita (1). Mover todas las cuatro formas en una nueva capa bajo el efecto de texto y llenarlos de púrpura. Ir a efecto > Estilizar > sombra paralela y aplicar la configuración que se muestra (2).

how to create shadow for Meow text

Paso 6

Seleccione las cuatro formas del paso anterior y luego copiar y pegar en la espalda (Control-B) para hacer copias de ellos. Mientras que son todavía seleccionadas, vaya a objeto > trazado compuesto > hacer (Control-8) para combinarlos en un único trazado compuesto (1). Eliminar el efecto de sombra paralela y sustituirla por el efecto de resplandor exterior (2).

how to add more shadow around Meow text

Paso 7

Tomar la herramienta pluma (P) y dibujar un trazado donde la letra "M" toca "E" y donde "O" toca "W". Enviar el primer sendero detrás de la letra "M" pero delante de la letra "E"; y el segundo camino detrás de la letra "W" pero delante de "O" (1).

Dar ambos un trazo de  3 pt negro y utilice ancho perfil 1 en el panel Trazo. Luego, aplique un 3 px Gaussian Blur y reducir la opacidad al 50% (2).

how to add shadow between Meow letters

7. Cómo Crear la Sonrisa del Gato de Cheshire cursi

Paso 1

Utilice la herramienta pluma (P) para dibujar la forma de la sonrisa de la letra "O". Darle un relleno blanco y luego ir a efecto > Estilizar > resplandor exterior y aplicar la configuración que se muestra. También, agrega un trazo de 2 pt fuera y usa el degradado lineal que se muestra.

how to draw the cheesy cat smile shape on letter O

Paso 2

Con la forma de la sonrisa aún seleccionada, Añadir un nuevo relleno en la parte inferior del panel Apariencia y usar el negro como color. Mientras que este atributo de relleno permanece seleccionado, vaya a efecto > distorsionar y transformar > transformar y aplicar un -3 px mover Vertical. Establecer el modo de fusión a superposición y usted conseguirá una fina sombra en la parte superior de la sonrisa (1).

Con la forma de la sonrisa aún seleccionada, añadir otro atributo de relleno negro en la parte inferior del panel apariencia y luego aplicar 3 px mover Vertical. Establecer el modo de fusión a superposición y usted conseguirá una fina sombra en la parte inferior de la sonrisa (2).

how to add shadow around cheesy cat smile

Paso 3

Utilice la herramienta pluma (P) de la herramienta segmento de línea (\) para dibujar un montón de caminos cortos para definir los dientes (1). Todos ellos darle un trazo de 2pt gris de encender y usar el pincel afilado mezcla. Añadir un nuevo trazo en la parte superior del panel apariencia y utilizar el mismo pincel, pero elegir un tono más oscuro de gris y reducir el grosor de trazo en 0,2 pt (2). Me he mostrado cómo crear y guardar este cepillo mezcla útil en el Cómo crear un Tutorial del Personaje del Monstruo de Caramelo (sección 10).

Seleccione la forma de sonrisa y luego copiar y pegar en su lugar (Mayús-Control-V) para hacer una copia de la misma. Establece en movimiento-ninguno y relleno-ninguno. Mientras esto copiar permanece seleccionado, también seleccionar las líneas y vaya a objeto > Máscara de recorte > hacer (Control-7) (3).

how to define the teeth on cheesy cat smile

Paso 4

Utilice la herramienta pluma (P) para dibujar unas trayectorias cortas siguiendo el borde alrededor de la boca y aplique los dos atributos de trazo con el pincel de patrón de hierba y la misma configuración en cuanto a la piel extra alrededor de los bordes de las letras anteriormente en el tutorial (1).

Mientras que todas las rutas de las estancia seleccionadas, vaya a objeto > expandir apariencia con el fin de ampliar los cepillos y luego grupo (Control-G) ellos y aplique el efecto sombra (2).

how to add extra fur around cheesy cat smile

Paso 5

Seleccione la forma de sonrisa, ir a objeto > ruta > Offset Path y aplicar un Offset de 2 px. Ahora, seleccione la forma más grande que han obtenido y traer delante todo yendo a objeto > organizar > traer al frente (Shift - Control-]). Establecer de esta forma al movimiento-ninguno y relleno-ninguno (1).

Ahora, seleccione los grupos pequeños de la piel alrededor de la boca junto con la copia de la sonrisa y al objeto > Máscara de recorte > hacer (Control-7) (2). En este punto, la sonrisa cursi está lista.

how to mask extra fur around cheesy cat smile

¡Felicidades! Listo

Aquí es la imagen del gato de Cheshire inspirado efecto de texto. Esto fue un desafío y la diversión para crear. Espero que lo disfrutaste y que has aprendido nuevas técnicas. No te olvides de compartir una imagen con nosotros si decide volver a crearla.

Cheshire Cat inspired text effect final image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.