1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Crea una mascota estilo pájaro de Twitter

Usando algunas formas básicas, efectos y gradientes, te enseñare como crear una mascota de twitter para tu blog o sitio web. Twitter es un popular servicio web gratuito para redes sociales y microblogueo. ¡Puedes seguir a Vectips, Sean Hodge o Collis Ta'eed en Twitter también!
Scroll to top
This post is part of a series called Easy Character Design.
Creating a Simple Kawaii Yeti With Basic Shapes in Adobe Illustrator
How to Create a Cute Bunny Vector Character

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

Usando algunas formas básicas, efectos y gradientes, te enseñare como crear una mascota de twitter para tu blog o sitio web. Twitter es un popular servicio web gratuito para redes sociales y microblogueo. ¡Puedes seguir a Vectips, Sean Hodge o Collis Ta'eed en Twitter también!


Paso 1

Crea un nuevo documento con 11 pulgadas de ancho por 8.5 pulgadas de alto. Usa la Herramienta Rectángulo (M) y crea un rectángulo que tenga 3 pulgadas de ancho por 4.5 pulgadas de alto. Este se convertirá en el cuerpo de la mascota.

Step 1Step 1Step 1

Paso 2

Con el rectángulo seleccionado, crea un Gradiente Lineal del Panel Gradiente. Cambia el color de la primera muestra en el control Deslizante de Gradiente (muestra izquierda) a cian (utilicé estos valores CMYK: C=100, M=0, Y=0 y K=0). Cambia la segunda muestra en el control Deslizante de Gradiente a un cian más oscuro (C =100, M=30, Y=0 y K=0). Usa la Herramienta Gradiente (G) para ajustar el gradiente haciendo click en la parte superior de la forma y arrastrando hacia abajo, así el color mas obscuro estará en la parte inferior.

Step 2Step 2Step 2

Paso 3

Ve a Filtro> Estilizar> Esquinas Redondas para abrir el cuadro de diálogo Esquinas Redondas. Cambia el Radio a 1.5 pulgadas.

Step 3Step 3Step 3

Paso 4

Ve a Efecto> Distorsionar y Transformar> Distorsión libre para abrir el cuadro de diálogo Distorsión Libre. Selecciona y arrastra el anclaje inferior izquierdo, en el cuadro de diálogo, ligeramente hacia la derecha. Luego, selecciona y arrastra el punto de anclaje inferior derecho ligeramente hacia la izquierda. El efecto deseado es tener la forma del cuerpo ligeramente cónica en la parte inferior. Una vez que la forma del cuerpo te agrade, ve a Objeto > Expandir.

Step 4Step 4Step 4

Paso 5

Con la Herramienta Pluma (P), dibuja una forma para las plumas en la parte de superior del personaje. Cambia el color del cabello a 100% Cian.

Step 5Step 5Step 5

Paso 6

Selecciona el cuerpo y las plumas. Luego Copia (Ctrl + C) y Pegalo en el Frente (Ctrl + F) Con la nueva copia, escala y aplasta los objetos para que las plumas y el cuerpo copiados tengan aproximadamente la mitad del tamaño del original. Coloca las copias en el medio y cerca de la parte inferior del original. Luego cambia el color de las plumas copiadas a 60% de Cian. Cambia la primera muestra del gradiente del cuerpo copiado a 60% de Cian y la segunda muestra a 100% de Cian.

Step 6Step 6Step 6

Paso 7

Ahora es momento de crear las alas. Dibuja una elipse de 3 pulgadas de ancho por 1 pulgada de alto con la Herramienta Elipse (L). Crea un degradado lineal desde el Panel de Degradado y usa las mismas muestras que se usaron en el degradado del cuerpo principal. Ajusta el gradiente como antes, manteniendo la muestra más oscura en la parte inferior de la elipse.

Step 7Step 7Step 7

Paso 8

Con la elipse seleccionada, ve a Efecto > Deformar > Arco para que aparezcan las Opciones de Deformación. Cambia la Curva a -50. Luego Expande el efecto.

Step 8Step 8Step 8

Paso 9

Ve a Efecto > Distorsionar y Transformar > Transformar para expandir el cuadro de dialogo Transformar En el cuadro de diálogo, cambia la Horizontal y la Vertical a 90% en la sección Escala, la Horizontal a .25 pulgadas y la Vertical a .125 pulgadas en la sección Mover, el Ángulo de Rotación a 30, las copias a 2, y selecciona la casilla del medio a la derecha del Indicador de 9 puntos (la casilla con nueve puntos ubicada encima de la casilla de verificación Aleatoria). Además, Expande la Transformación cuando hayas terminado (importante para cuando edites más las alas).

Step 9Step 9Step 9

Paso 10

Gira las alas ligeramente y colócalas a la mitad del cuerpo del pájaro. Copia (Ctrl + C) las alas y Pegalas en el Frente (Ctrl + F) Con la nueva copia, selecciona Girar Horizontalmente desde el menú emergente del Panel Transformar.

Step 10Step 10Step 10

Paso 11

Selecciona la forma del cuerpo principal, Copiala (Ctrl + C) y pegala Atrás (Ctrl + B). Con la forma copiada aun seleccionada, reducela aproximadamente a un octavo de su tamaño original Coloca la forma debajo de la parte inferior del cuerpo principal de manera que la mitad de la forma copiada esté cubierta por el cuerpo y la otra mitad no. Esto se convierte en la parte superior de las patas del pájaro. Con la Herramienta de Selección (V), selecciona la pata superior y mantén presionada la tecla Alt mientras arrastras para copiar otra forma de pata. Cambia la muestra izquierda en el gradiente de las formas de las patas a un azul oscuro (C=100, M=50, Y=0 y K=0).

Step 11Step 11Step 11

Paso 12

Dibuja una forma de pie simple con la Herramienta Pluma (P). Crea un Gradiente Lineal y cambia la muestra izquierda a un naranja amarillento (C=0, M=15, Y=85 y K=0) y la muestra derecha a un color naranja (C=0, M=35, Y=85 y K=0). Ajusta el gradiente de forma que el color mas obscuro este en la parte superior del objeto. Envía el pie hacia atrás yendo a Objeto > Organizar > Enviar al fondo. A continuación, copia (Ctrl + C) la pata y pegala al frente (Ctrl + F). Con la copia seleccionada, girala horizontalmente y colócala debajo del objeto del pie superior derecho.

Step 12Step 12Step 12

Paso 13

Copia (Ctrl + C) el conjunto del ala derecha y Pegalo en el Frente (Comando + F). Escala las alas copiadas a aproximadamente la mitad del tamaño original, gíralas ligeramente y luego envíalas detrás del cuerpo principal para crear las plumas de la cola.

Step 13Step 13Step 13

Paso 14

Dibuja una elipse de .5 pulgadas por .5 pulgadas. Luego colócala hacia la parte superior izquierda del cuerpo. Rellena la elipse con un 65 de Cian. Alt + Arrastra el círculo para crear una copia. Coloca la copia en el lado opuesto del cuerpo.

Step 14Step 14Step 14

Paso 15

Dibuja una elipse que tenga .25 pulgadas por .25 pulgadas y dale un trazo negro de 7 puntos sin relleno. Usa la Herramienta de Selección Directa (A) y haz clic en el lado inferior derecho de la elipse, directamente en la trayectoria, y presiona eliminar en tu teclado. Selecciona la parte opuesta de la elipse y eliminala. Cambia el trazo para que sea de Boquilla Redonda desde el Panel Trazos. Luego usa la Herramienta Selección (V), presiona la tecla Alt y arrastra una copia al otro lado.

Step 15Step 15Step 15

Paso 16

Con la Herramienta Pluma (P) dibuja una forma para el pico superior. Crea un Gradiente Lineal con las mismas muestras que usamos para el gradiente de las patas. Ajusta el gradiente de manera que la muestra mas obscura este en la parte inferior de la forma.

Step 16Step 16Step 16

Paso 17

Con la Herramienta Pluma (P), crea una forma para la mitad inferior del pico. Crea un Gradiente Lineal y haz que la primera muestra sea de color naranja (C=0, M=35, Y=85 y K=0) y la segunda muestra sea de color naranja más oscuro (C=0, M=50, Y=100 y K=0). Ajusta el gradiente para que el color mas obscuro este en la parte superior de la forma y envíala detrás de la mitad superior del pico.

Step 17Step 17Step 17

Paso 18

Con la parte inferior del pico seleccionada, ve a Objeto > Trayectoria > Desplazamiento para abrir el cuadro de dialogo Desplazamiento. Cambia la Compensación a -.125 pulgadas Luego, cambia el color del trazado de desplazamiento a un color marrón oscuro (C=0, M=60, Y=100 y K=85). Nuevamente, desplaza esta forma, pero esta vez cambia el Desplazamiento a -.075 pulgadas. Cambia el color de este desplazamiento a rojo (C=0, M=100, Y=100 y K=0).

Step 18Step 18Step 18

Paso 19

Nuestro pájaro de Twitter se ve bastante bien, pero agreguemos algunos pequeños detalles. Primero, un poco de profundidad detrás del pico. Selecciona la parte inferior del pico y Copiala (Comando + C) y Pégala Atrás (Comando + B). Con la copia seleccionada, usa la Herramienta de Selección y estira el objeto desde el punto de anclaje medio inferior. Cambia el gradiente para que coincida con el degradado del cuerpo original y ajústalo para que la parte oscura esté en la parte superior del objeto.

Step 19Step 19Step 19

Paso 20

Con la Herramienta Pluma (P), crea un trazo en forma de zig zag sobre el pecho del pájaro, creando una estilizada sombra de plumas. Cambia el color del trazo a 100% cian, sin relleno. Luego cambia el tamaño del punto a 2.

Step 20Step 20Step 20

Paso 21

Con la Herramienta Pluma (P) crea dos arcos junto a la primeras y segundas alas mas grandes de la izquierda. Haz que el trazado tenga un color cian al 50% con un peso de trazado de 2 puntos. Copia (Comando + C) los arcos, Pegalos al frente (Comando + F) y voltea las copias de arco para que también estén en el lado derecho.

Step 21Step 21Step 21

Paso 22

Dibuja una elipse que sea de 3 pulgadas por 3 pulgadas. Crea un gradiente Radial con la muestra interior en 35% negro y la muestra exterior en blanco. Reduce la elipse con la Herramienta de Selección (V) aproximadamente un cuarto de su tamaño original y colócala detrás de toda la pieza.

Step 22Step 22Step 22

Paso 23

¡La mascota esta lista! En los próximos pasos explicaré la burbuja de conversación en la imagen final. Comienza dibujando un rectángulo que tenga 5 pulgadas de ancho por 1.75 pulgadas de alto.

Step 23Step 23Step 23

Paso 24

Con el rectángulo seleccionado, ve a Filtro> Estilizar > Redondear Esquinas para abrir el cuadro de dialogo Redondear Esquinas. Cambia el Radio a .375 pulgadas.

Step 24Step 24Step 24

Paso 25

Dibuja un triangulo con la Herramienta Pluma (P) hacia la parte inferior derecha del rectángulo. Selecciona el rectángulo y el triángulo y presiona el Botón Agregar al Área de Forma en el panel Buscatrazos. Luego presiona el botón Expandir.

Step 25Step 25Step 25

Paso 26

Con la nueva forma seleccionada, crea una Fusión Lineal con los mismos colores que el pico. Ajusta el gradiente para que el color mas obscuro este en la parte inferior. Dale a la forma un trazo naranja oscuro de 3 puntos (C=0, M=60, Y=100 y K=0) con una Punta Redonda. El botón Punta Redonda se puede encontrar en el Panel de Trazado.

Step 26Step 26Step 26

Paso 27

Luego, elige un texto y una fuente (utilizo Helvetica Bold en la ilustración). Escribe lo que quieras sobre la burbuja de texto y delinea el texto yendo a Escritura> Crear Contornos. Crea un Gradiente Lineal con la primera muestra blanca y la segunda muestra un 30% amarilla. Ajusta el gradiente para que el color mas obscuro este en la parte inferior del texto. Finalmente, coloca la burbuja detrás de toda la ilustración y ¡listo!

Step 27Step 27Step 27

Imagen Final

¡Eso fue divertido! ¡Ahora puedes usar tu nueva mascota de Twitter en tu blog o cualquier lugar que creas conveniente!

Final ImageFinal ImageFinal Image