1. Design & Illustration
  2. Add-Ons
  3. Patterns

Cómo crear un lindo personaje felino en Adobe Illustrator

Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En los siguientes pasos, aprenderás como crear un lindo personaje felino en Adobe Illustrator.

Para comenzar aprenderás como configurar una cuadrícula simple y cómo crear las formas principales de la cabeza utilizando formas básicas junto con algunos efectos de Deformar y Redondear vértices. Al usar una fusión sencilla, el efecto de Resplandor interior y algunos efectos de Desenfoque gaussiano, aprenderás cómo agregar sombreado y profundidad a tus formas planas de vector.

Más adelante, aprenderás cómo el efecto Transformar puede hacer tu trabajo más fácil, y a cómo agregar algunos efectos geniales de sombra pulcra usando el panel de Apariencia. Al usar algunos trucos de trazo, crearás unas bonitas cejas y bigotes. Para terminar, aprenderás cómo crear un patrón simple de zarpas.

Para más inspiración sobre cómo ajustar o mejorar tu personaje final, puedes encontrar muchos recursos en GraphicRiver.

1. Cómo crear un documento nuevo y configurar una cuadrícula

Pulsa Control+N para crear un documento nuevo. Selecciona Píxeles del menú desplegable de Unidades, ingresa 850 en la casilla de anchura y 700 en la casilla de altura, y después haz clic en el botón de Más configuraciones. Selecciona RGB como Modo de color, configura los Efectos de rasterizar para Pantalla (72 ppp) y luego haz clic en Crear Documento.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar, necesitarás una cuadrícula nueva cada 10 px, así que ve a Editar > Preferencias > Guías y cuadrícula, e ingresa 10 en la casilla de Línea de cuadrícula cada y 1 en la casilla de Subdivisiones. No te desanimes al ver toda esa cuadrícula, te hará el trabajo más fácil, y recuerda que puedes activarla y desactivarla fácilmente con el atajo de teclado Control+".

Puedes aprender más sobre el sistema de cuadrículas de Illustrator en este tutorial corto de Andrei Stefan. Entendiendo el sistema de cuadrículas de Adobe Illustrator.

También debes abrir el panel de Información (Ventana > Información) para una vista en vivo con el tamaño y la posición de tus formas. No olvides configurar la unidad de medida a píxeles desde Editar > Preferencias > Unidades. Todas esas opciones aumentarán de manera significativa tu ritmo de trabajo.

setup gridsetup gridsetup grid

2. Cómo hacer la cabeza

Paso 1

Selecciona la herramienta de Elipse (L) y concéntrate en tu Barra de herramientas. Retira el color del trazo y luego selecciona el relleno y cambia su color a R=241 G=119 B=44. Ve tu mesa de trabajo y crea una forma de 400 x 300 px, la cuadrícula y Ajustar a cuadrícula deberían hacerlo más fácil. Coloca este círculo comprimido como se muestra en la siguiente imagen.

ellipseellipseellipse

Paso 2

Ahora, necesitarás una cuadrícula cada 5 px. Solo ve a Editar > Preferencias > Guías y cuadrícula e ingresa 5 en la casilla de Línea de cuadrícula cada.

Con la herramienta de Rectángulo (M), crea dos formas de 100 x 40 px y colócalas exactamente como se muestra en la siguiente imagen. De nuevo, la cuadrícula y Ajustar a cuadrícula te ayudarán. Rellena ambas formas de amarillo (R=251 G=176 B=59) y luego ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 20 px y luego haz clic en OK.

rectanglerectanglerectangle

Paso 3

Asegúrate de que tus rectángulos amarillos sigan seleccionados y Agrúpalos (Control+G). Selecciona este grupo recién hecho, ve a Efectos > Deformar > Abombar. Ingresa los atributos que se muestran en la siguiente imagen y luego haz clic en OK.

Haz una copia de tu grupo (Control+C > Control+V) y colócalo exactamente como se muestra en la segunda imagen.

warp bulgewarp bulgewarp bulge

Paso 4

Selecciona la herramienta de Rectángulo (M), crea tres formas de 40 x 100 px y colócalas exactamente como se muestra en la siguiente imagen. Rellena esas formas con el amarillo de antes y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 20 px y luego haz clic en OK.

rounded cornersrounded cornersrounded corners

Paso 5

Agrupa tus tres rectángulos (Control+G) luego ve a Efectos > Deformar > Abombar. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en OK.

warpwarpwarp

Paso 6

Selecciona todas las formas que has hecho hasta ahora y Agrúpalas (Control+G). Asegúrate de que este nuevo grupo está seleccionado y ve a Efectos > Deformar > Ojo de pez. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en OK y luego ve a Objeto > Expandir apariencia.

Después de seleccionar el grupo de formas, presiona Shift+Control+G tres veces para Desagrupar todos esos grupos y subgrupos. Al final deberás tener siete formas amarillas y una naranja.

warp fisheyewarp fisheyewarp fisheye

Paso 7

Selecciona tus siete formas amarillas y conviértelas en un trazado compuesto (Control+8 u Objeto > Trazado compuesto > Crear). Selecciona la forma naranja y agrega una copia al frente (Control+C > Control+F). Selecciónalo junto con tu trazado compuesto amarillo, abre el panel de Buscatrazos, (Ventana > Buscatrazos) y haz clic en el botón Formar intersección.

Asegúrate de que el grupo de formas resultante esté seleccionado y conviértelo en un trazado compuesto. Selecciónalo y concéntrate en el panel de Apariencia (Ventana > Apariencia). Primero, reemplaza el color de relleno existente con R=152 G=78 B=255 y luego haz clic en el texto Opacity para abrir el panel emergente de Transparecia y cambia el Modo de fusión a Luz suave.

compound pathcompound pathcompound path

Paso 8

Desactiva Ajustar a cuadrícula (Shift+Control+") y luego ve a Editar > Preferencias > General y asegúrate de que el Incremento de teclado sea de 1 px.

Selecciona tu forma naranja, haz una copia al frente (Control+C > Control+F) y colócala al frente (Shift+Control+]). Selecciona esta copia, reemplaza el naranja por amarillo y luego ve a Objeto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -5 px y haz clic en OK. Rellena la forma resultante con un cualquier azul y luego muévelo 10 px arriba con el botón de flecha arriba de tu teclado.

Vuelve a seleccionar las dos formas que hiciste en este paso y haz clic en el botón de Menos frente desde el panel de Buscatrazos. Rellena la forma resultante de negro (R=0 G=0 B=0), disminuye su Opacidad al 5% y cambia el Modo de fusión a Luz suave.

offset pathoffset pathoffset path

Paso 9

Selecciona tu forma naranja, haz una nueva copia al frente (Control+C > Control+F) y colócala al frente (Shift+Control+]). Asegúrate de que esta copia se queda seleccionada y concéntrate en el panel de Apariencia.

Retira el color de relleno y selecciona el trazo. Cambia el color a negro, disminuye su Opacidad al 5% y cambia el Modo de fusión a Luz suave, y después haz clic en el texto Trazo para abrir el panel emergente de Trazo. Ajusta el Ancho a 20 px y no olvides pulsar el botón Alinear trazo al interior.

strokestrokestroke

Paso 10

Selecciona tu forma naranja, haz una nueva copia al frente (Control+C > Control+F) y colócala al frente (Shift+Control+]). Asegúrate de que esta copia se queda seleccionada y concéntrate en el panel de Apariencia.

Cambia el color a azul y luego ve a Efectos > Estilizar > Resplandor interno. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en OK, después ve a Objeto > Expandir apariencia.

Asegúrate de que el grupo resultante sigue seleccionado y concéntrate en el panel de Capas. Abre la capa existente, echa un vistazo más de cerca a tu grupo seleccionado y después Desagrúpalo (Shift+Control+G). Borra la forma azul y selecciona la forma oculta que queda.

Ve al panel de Apariencia o al panel de Transparencia (Ventana > Transparencia), disminuye la Opacidad al 30% y cambia el Modo de fusión a Luz suave. Regresa al panel de Capas y solo bloquea tu forma oculta para asegurarte de que no la seleccionarás o moverás accidentalmente.

inner glowinner glowinner glow

Paso 11

Activa Ajustar a cuadrícula (Control+"). Con la herramienta de Elipse (L) crea una forma de 200 x 50 px y colócala como se muestra en la siguiente imagen. Rellena de blanco ese círculo comprimido (R=255 G=255 B=255), disminuye su Opacidad al 50%, cambia el Modo de fusión a Luz suave y después ve a Efectos > Desenfoque > Desenfoque gaussiano. Ingresa un Radio de 20 px y haz clic en OK.

gausssian blurgausssian blurgausssian blur

Paso 12

Desactiva Ajustar a cuadrícula (Control+"). Selecciona tu forma naranja y ve a Objeto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -120 px y haz clic en OK. Selecciona la forma resultante, muévela 20 px arriba y reemplaza el color de relleno existente con R=243 G=158 B=93.

Concéntrate en tu Barra de herramientas y solo haz doble clic en la herramienta de Fusión para abrir la ventana de Opciones de fusión. Selecciona Pasos específicos desde el menú desplegable de Espaciado e ingresa 50 en la casilla blanca. Vuelve a seleccionar tu forma naranja junto con la que hiciste en este paso y presiona Alt+Control+B para crear una nueva fusión. Al final, debería verse como en la segunda imagen.

blend toolblend toolblend tool

Paso 13

Concéntrate en el panel de Capas. Primero, bloquea la capa existente y nómbrala "Cabeza". Presiona el botón Crear nueva capa para agregar una segunda capa, nómbrala "Ojos" y selecciónala.

Activa Ajustar a cuadrícula (Control+"). Con la herramienta de Elipse (L), crea una forma de 90 x 100 px, rellénala de azul y colócala exactamente como se muestra en la primera imagen.

layers panellayers panellayers panel

3. Cómo hacer los ojos

Paso 1

Asegúrate de que tu forma azul sigue seleccionada y haz dos copias al frente (Control+C > Control+F > Control+F). Selecciona la copia superior y muévela 5 px arriba y 10 px a la derecha.

Vuelve a seleccionar las copias que hiciste en este paso y haz clic en el botón Menos frente desde el panel de Buscatrazos. Rellena la forma resultante con el gradiente lineal que se muestra a continuación y disminuye su Opacidad al 25%. Recuerda que el cero amarillo de la imagen Gradiente (Ventana > Gradiente) significa el porcentaje de Opacidad.

minus frontminus frontminus front

Paso 2

Vuelve a seleccionar tu forma azul y haz una nueva copia al frente (Control+C > Control+F). Con la herramienta de Elipse (L), crea una forma verde de 70 x 80 px y colócala como se muestra en la primera imagen.

Selecciona las dos formas que hiciste en este paso y haz clic en el botón Formar intersección desde el panel de Buscatrazos. Rellena de blanco la forma resultante, disminuye su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

intersectintersectintersect

Paso 3

Selecciona la herramienta Elipse (L), crea una forma de 25 x 35 px, rellénala con R=63 G=60 B=54 y colócala como se muestra en la primera imagen. Con la misma herramienta, crea un círculo de 10 px y otro de 5 px. Rellena de blanco ambas formas y colócalas como se muestra en la segunda imagen.

Crea una forma blanca de 25 x 50 px y colócala como se muestra en la tercera imagen. Disminuye su Opacidad al 25% y cambia el Modo de fusión a Luz suave.

ovalovaloval

Paso 4

Selecciona tu forma azul y reemplaza ese azul con el gradiente radial que se muestra a continuación. Usa la herramienta Gradiente (G) para estirar el gradiente más o menos como se muestra en la siguiente imagen. Después ve al panel de Apariencia. Selecciona ese relleno y ve a Efectos > Estilizar > Resplandor interno. Ingresa los atributos que se muestran en la siguiente imagen, y haz clic en OK.

radial gradientradial gradientradial gradient

Paso 5

Asegúrate de que tu forma principal del ojo se queda seleccionada y concéntrate en el panel de Apariencia. Selecciona el relleno existente y duplícalo con el botón Duplicar elemento seleccionado.

Selecciona el relleno inferior, retira el efecto de Resplandor externo y luego ve a Efecto > Estilizar > Sombra paralela. Ingresa los atributos que se muestran en la ventana izquierda (en la siguiente imagen), haz clic en OK y luego ve de nuevo a Efecto > Estilizar > Sombra paralela. Esta vez ingresa los atributos que se muestran en la ventada derecha y haz clic en OK.

drop shadowdrop shadowdrop shadow

Paso 6

Asegúrate de que la forma principal del ojo se quede seleccionada y concéntrate en el panel de Apariencia. Usa el botón Agregar nuevo relleno para agregar un tercer relleno, selecciónalo y luego arrástralo debajo de los otros dos rellenos. Disminuye su Opacidad al 10% y cambia el Modo de fusión a Luz suave, aplica el gradiente lineal que se muestra debajo, y luego ve a Efecto > Trazado > Desplazamiento. Ingresa un Desplazamiento de 10 px y luego haz clic en OK.

linear gradientlinear gradientlinear gradient

Paso 7

Asegúrate de que la forma principal del ojo se quede seleccionada y concéntrate en el panel de Apariencia. Selecciona el trazo y cambia su color a blanco. Alinéalo hacia dentro, cambia el Grosor a 2 px, disminuye su Opacidad al 15% y cambia el Modo de fusión a Superponer.

stroke whitestroke whitestroke white

Paso 8

Asegúrate de que la forma principal del ojo se quede seleccionada y concéntrate en el panel de Apariencia. Usa el botón Agregar nuevo trazo para agregar un trazo nuevo y selecciónalo. Cambia el color a negro, configura la alineación al exterior y el Grosor a 2 px y luego disminuye su Opacidad al 10%, y cambia el Modo de fusión a Luz suave.

stroke blackstroke blackstroke black

Paso 9

Con la herramienta de Elipse (L) crea una forma de 85 x 75 px y colócala exactamente como se muestra en la siguiente imagen. Retira cualquier color de relleno y selecciona el trazo. Cambia el color a R=241 G=88 B=17 y aumenta el Grosor a 10 px.

Asegúrate de que esta forma nueva se quede seleccionada y ve a Objeto > Trazado > Agregar puntos de anclaje. Cambia a la herramienta de Selección directa (A), selecciona los cinco puntos de anclaje resaltados en la siguiente imagen y solo elimínalos con el botón Borrar de tu teclado. Al final debe verse como se muestra en la segunda imagen.

direct selection tooldirect selection tooldirect selection tool

Paso 10

Asegúrate de que tu trazado naranja siga seleccionado y concéntrate en el panel de Apariencia. Abre el panel emergente de Trazo, marca el botón de Extremo redondeado, y luego selecciona el Perfil de anchura 4 de la lista de Perfiles.

round capround capround cap

Paso 11

Asegúrate de que tu trazado naranja sigue seleccionado y sigue trabajando en el panel de Apariencia. Selecciona el trazo existente y duplícalo. Selecciona el trazo inferior, aumenta su Grosor a 20 px y reemplaza el color existente con R=241 G=119 B=44.

Cuando hayas terminado, selecciona todas las formas que conforman el ojo y Agrúpalas (Control+G).

add new strokeadd new strokeadd new stroke

Paso 12

Asegúrate de que el grupo de formas que conforman el ojo esté seleccionado y ve a Efectos > Distorsionar y transformar > Transformar. Arrastra el deslizador de Movimiento horizontal a 180 px, marca la casilla de Reflejo X, ingresa 1 en la casilla de Copias, y luego haz clic en OK.

transformtransformtransform

4. Cómo hacer la nariz

Paso 1

Vamos un momento al panel de Capas. Bloquea la capa "Ojos" y luego agrega una tercera capa y asegúrate de que esté en la parte superior del panel. Selecciona esta nueva capa y nómbrala "Nariz".

Selecciona la herramienta de Rectángulo (M) y crea una forma de 60 x 35 px. Rellénala con R=98 G=64 B=50 y colócala exactamente como se muestra en la primera imagen. Concéntrate en el lado inferior de este nuevo rectángulo y cambia a la herramienta Borrar punto de anclaje (-). Solo haz clic en el punto de anclaje derecho para eliminarlo y luego elige la herramienta de Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 30 px a la derecha. Al final, tu rectángulo café debe convertirse en un triángulo, como se muestra en la segunda imagen.

delete anchor point tooldelete anchor point tooldelete anchor point tool

Paso 2

Asegúrate de que tu rectángulo café siga seleccionado y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 10 px, haz clic en OK y luego ve a Efectos > Deformar > Arquear hacia arriba. Ingresa los atributos que se muestran debajo, haz clic en OK y luego ve a Efectos > Deformar > Ojo de pez. Ingresa los atributos que se muestran en la siguiente imagen y luego haz clic en OK.

nose shapenose shapenose shape

Paso 3

Desactiva Ajustar a cuadrícula (Control+"). Asegúrate de que tu forma café esté seleccionada y haz dos copias al frente (Control+C > Control+F). Selecciona la copia y muévela 3 px arriba. Vuelve a seleccionar las copias que hiciste en este paso y haz clic en el botón Menos frente desde el panel de Buscatrazos. Rellena de negro la forma resultante, disminuye su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

minus frontminus frontminus front

Paso 4

Asegúrate de que tu forma café esté seleccionada y haz dos copias al frente (Control+C > Control+F > Control+F). Selecciona la copia superior y muévela 10 px arriba. Vuelve a seleccionar las dos copias que hiciste en este paso y haz clic en el botón Menos frente desde el panel de Buscatrazos. Rellena de negro la forma resultante, disminuye su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

minus frontminus frontminus front

Paso 5

Activa Ajustar a cuadrícula (Control+"). Usando la herramienta de Elipse (L), crea una forma de 20 x 5 px y colócala como se muestra en la siguiente imagen. Rellénala de blanco, disminuye su Opacidad al 30% y cambia el Modo de fusión a Superponer.

highlighthighlighthighlight

Paso 6

Asegúrate de que tu forma café siga seleccionada y concéntrate en el panel de Apariencia. Selecciona el trazo y cámbialo a negro. Configura la alineación a exterior y el Grosor a 2 px, después Disminuye su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

strokestrokestroke

Paso 7

Asegúrate de que tu forma café siga seleccionada y concéntrate en el panel de Apariencia. Selecciona el relleno y ve a Efectos > Estilizar > Resplandor interno. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en OK y luego aplica los dos efectos de Sombra paralela que se muestran a continuación.

inner glowinner glowinner glow

5. Cómo hacer la boca

Paso 1

Regresa al panel de Capas y bloquea la capa "Nariz". Agrega una cuarta capa y arrástrala debajo de tu capa "Nariz". Nómbrala "Boca" y asegúrate de que esté seleccionada.

Selecciona la herramienta de Rectángulo (M), crea una forma de 40 x 50 px y colócala exactamente como se muestra en la primera imagen. Rellénalo de cualquier verde y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 20 px, haz clic en OK y luego ve a Objeto > Expandir apariencia. Duplica la forma resultante (Control+C > Control+V) y coloca la copia como se muestra en la segunda imagen.

green rounded rectanglegreen rounded rectanglegreen rounded rectangle

Paso 2

Selecciona la herramienta de Rectángulo (M), crea una forma de 30 x 50 px y colócala exactamente como se muestra en la primera imagen. Rellénala de cualquier rojo y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 15 px, haz clic en OK y luego ve a Objeto > Expandir apariencia.

red rounded rectanglered rounded rectanglered rounded rectangle

Paso 3

Selecciona las dos formas verdes y agrega copias al frente (Control+C > Control+F). Selecciona estas copias junto con el rectángulo redondeado rojo y haz clic en el botón Menos frente desde el panel de Buscatrazos. Selecciona la forma resultante y reemplaza ese color de relleno plano con el gradiente lineal que se muestra en la siguiente imagen.

linear gradientlinear gradientlinear gradient

Paso 4

Asegúrate de que tu forma roja siga seleccionada y aplica los tres efectos de Sombra paralela (Efectos > Estilizar > Sombra paralela) que se muestran en la segunda imagen.

drop shadowdrop shadowdrop shadow

Paso 5

Con la herramienta de Pluma (P), crea un trazado vertical de 20 px y colócalo como se muestra en la siguiente imagen. Asegúrate de que se quede seleccionada y concéntrate en el panel de Apariencia. Retira cualquier color de relleno y selecciona el trazo. Cambia el color a negro, el Modo de fusión a Luz suave, y después abre el panel emergente de Trazo. Cambia el Grosor a 5 px y selecciona el Perfil de grosor 1 de la lista de Perfil.

stroke profilestroke profilestroke profile

Paso 6

Elimina la forma verde a la derecha. Selecciona la izquierda y añade una copia al frente (Control+C > Control+F). Selecciona esta copia y concéntrate en el panel de Apariencia. Elimina el color de relleno y selecciona el trazo. Cambia el color a R=98 G=64 B=50 y aumenta el Grosor a 4 px.

brown strokebrown strokebrown stroke

Paso 7

Asegúrate de que tu rectángulo redondeado con el trazo café (que hiciste en el paso anterior) siga seleccionado y elige la herramienta de Selección directa (A). Selecciona los dos puntos de anclaje resaltados en la primera imagen y Bórralos. Mantén el trazado restante seleccionado y concéntrate en el panel de Apariencia. Abre el panel emergente de Trazo y selecciona el Perfil de grosor 4 de la lista de Perfil.

delete anchor pointdelete anchor pointdelete anchor point

Paso 8

Para este paso, necesitarás una cuadrícula casa 1 px. Solo ve a Editar > Preferencias > Guías y cuadrícula e ingresa 1 en la casilla de Línea de cuadrícula cada.

Selecciona la herramienta Elipse (L) y crea un círculo de 4 px. Colócalo como se muestra en la primera imagen y cambia el color a R=98 G=64 B=50.

Selecciona tu rectángulo redondeado verde, disminuye su Opacidad al 40% y cambia el Modo de fusión a Luz suave, y después aplica el gradiente lineal que se muestra a continuación. No olvides que el cero amarillo de la imagen de Gradiente significa el porcentaje de Opacidad.

brown circlebrown circlebrown circle

Paso 9

Selecciona las tres formas resaltadas en la siguiente imagen, Agrúpalas (Control+G), y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en OK.

transformtransformtransform

6. Cómo hacer los bigotes

Paso 1

Regresa a línea de cuadrícula cada 5 px, solo ve a Editar > Preferencias > Guías y cuadrícula e ingresa 5 en la casilla de Línea de cuadrícula cada. Selecciona la herramienta de Elipse (L) y crea tres círculos de 10 px. Rellena esas formas con R=241 G=119 B=44 y colócalos como se muestra en la siguiente imagen.

circlescirclescircles

Paso 2

Con la herramienta de Pluma (P) dibuja tres trazados simples más o menos como se muestra en la siguiente imagen. Selecciónalos y concéntrate en el panel de Apariencia. Elimina cualquier color de relleno y luego selecciona el trazo. Aplica el gradiente lineal que se muestra a continuación y abre el panel emergente de Trazo. Cambia el Grosor a 3 px, marca el botón de Redondear vértices y luego selecciona el Perfil de grosor 4 de la lista de Perfiles.

whiskerswhiskerswhiskers

Paso 3

Selecciona los tres círculos y los tres trazados que conforman los bigotes, Agrúpalos (Control+G), y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en OK.

transformtransformtransform

7. Cómo hacer las orejas

Paso 1

Concéntrate en el panel de Capas por un momento. Bloquea la capa de "Boca" y agrega una quinta capa y asegúrate de que se queda en la parte superior del panel. Selecciona esta capa nueva y nómbrala "Orejas".

Selecciona la herramienta de Pluma (P), crea una forma simple como se muestra en la siguiente imagen y solo rellénala con R=241 G=88 B=17.

pen toolpen toolpen tool

Paso 2

Con la herramienta de Pluma (P) crea una forma como se muestra en la primera imagen y rellénala con R=20 G=76 B=0. Con la misma herramienta, crea un triángulo como el que se muestra en la segunda imagen y rellénalo con el gradiente lineal que se muestra a continuación.

pen toolpen toolpen tool

Paso 3

Regresa al panel de Capas y arrastra tu capa de "Orejas" al fondo del panel, debajo de la capa "Cabeza". Asegúrate de que la capa de "Orejas" sigue seleccionada.

Selecciona las tres formas que conforman la oreja, Agrúpalas (Control+G), y después ve a Efectos > Deformar > Abombar. Ingresa los atributos que se muestran a continuación, haz clic en OK y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen y luego haz clic en OK.

ear groupear groupear group

Paso 4

Concéntrate en el panel de Capas, bloquea a capa de "Orejas" y luego desbloquea la capa de "Cabeza" y selecciónala. Elige la herramienta de Elipse (L) y crea dos formas de 40 x 5 px, una forma de 50 x 5 px y otra de 60 x 5 px. Rellena las cuatro formas con R=241 G=88 B=17 y colócalas como se muestra en la primera imagen, y luego conviértelas un trazado compuesto (Control+8).

Asegúrate de que tu nuevo trazado compuesto se queda seleccionado y selecciona la herramienta de Punto de anclaje (Shift+C). Solo haz clic en los puntos de anclaje izquierdo y derecho y el diseño debería verse como se muestra en la segunda imagen. Cuando hayas terminado, ve al panel de Apariencia y disminuye la Opacidad de tu trazado compuesto al 30%.

anchor point toolanchor point toolanchor point tool

8. Cómo crear el patrón de zarpa

Paso 1

Regresa al panel de Capas y bloquea la capa "Cabeza". Agrega una nueva capa y nómbrala "Bg". Arrástrala al fondo del panel y asegúrate de que se quede seleccionada hasta el final del tutorial.

Con la herramienta de Rectángulo (M) crea un cuadrado de 100 px y rellénalo de amarillo.

yellow squareyellow squareyellow square

Paso 2

Para los siguientes pasos, necesitarás una línea de cuadrícula cada 1 px, así que ve a Editar > Preferencias > Guías y cuadrícula e ingresa 1 en la casilla de Línea de cuadrícula cada.

Concéntrate en la esquina inferior izquierda de tu rectángulo amarillo y selecciona la herramienta de Rectángulo (M). Crea una forma de 24 x 14 px, rellénala de blanco y colócala exactamente como se muestra en la primera imagen. Cambia a la herramienta Agregar punto de anclaje (+) y agrega un nuevo punto de anclaje a tu rectángulo blanco, tal como se muestra en la primera imagen.

Concéntrate en la parte superior de tu rectángulo blanco y selecciona la herramienta de Selección directa (A). Selecciona el punto de anclaje izquierdo y arrástralo 1 px a la izquierda, selecciona el punto de anclaje derecho y arrástralo 1 px a la izquierda, después selecciona el punto de anclaje de en medio y arrástralo 2 px hacia arriba. Al final, tu forma blanca debe verse como la segunda imagen.

white rectanglewhite rectanglewhite rectangle

Paso 3

Asegúrate de que la forma blanca siga seleccionada y ve a Efectos > Estilizar > Redondear vértices. Ingresa un Radio de 8 px, haz clic en OK, y luego ve a Efectos > Deformar > Arquear hacia abajo. Ingresa loa atributos que se muestran en la siguiente imagen, haz clic en OK y luego ve a Efectos > Deformar > Arquear hacia arriba. Ingresa los atributos que se muestran a continuación, haz clic en OK y luego ve a Objeto > Expandir apariencia.

warpwarpwarp

Paso 4

Con la herramienta de Elipse (L) crea dos formas de 10 x 12 px y dos sombras de 10 x 11 px, después colócalas como se muestra en la siguiente imagen.

ovalovaloval

Paso 5

Selecciona la forma de 10 x 12 px a la derecha y elige la herramienta Rotar (R). Mantén presionado el botón Alt de tu teclado y solo haz clic en el punto de anclaje inferior de la forma seleccionada. Esto configurará el punto central en ese punto y abrirá inmediatamente la ventana Rotar. Cambia en Ángulo a -15 grados y tu forma seleccionada rotará 15 grados conforme a la ubicación de ese punto central. Ve a la forma de 10 x 11 px a la derecha y repite el mismo comando de rotación.

rotate toolrotate toolrotate tool

Paso 6

Selecciona la forma de 10 x 12 px a la izquierda y selecciona la herramienta Rotar (R), mantén presionada la tecla Alt y coloca el punto central en el punto de anclaje inferior de la forma seleccionada. Cambia el Ángulo a 15 grados y luego haz clic en OK. Ve a la forma de 10 x 11 px de la izquierda y repite el mismo comando de rotación.

center pointcenter pointcenter point

Paso 7

Sigue trabajando en esas formas ovales rotadas, selecciona la herramienta de Punto de anclaje (Shift+C), y solo haz clic en los puntos de anclaje superiores.

anchor point toolanchor point toolanchor point tool

Paso 8

Selecciona las cinco formas que conforman la zarpa y cambia su color relleno a negro. Selecciona tu cuadrado amarillo, concéntrate en el panel de Apariencia y solo desactiva la visibilidad del relleno existente. Vuelve a seleccionar este cuadrado junto con las cinco formas que conforman la zarpa y solo arrástralas dentro del panel de Muestras (Ventana > Muestras) para guardarlas como patrón.

save patternsave patternsave pattern

9. Cómo hacer el fondo

Paso 1

Vuelve a tener una línea de cuadrícula cada 5 px, solo ve a Editar > Preferencias > Guías y cuadrícula e ingresa 5 en la casilla de Línea de cuadrícula cada. Con la herramienta de Rectángulo (M) crea una forma de 860 x 710 px, asegúrate de que cubre toda tu mesa de trabajo, y cambia el color de relleno a R=176 G=203 B=111.

green rectanglegreen rectanglegreen rectangle

Paso 2

Asegúrate de que tu rectángulo verde se queda seleccionado y concéntrate en el panel de Apariencia. Agrega un relleno nuevo y aplica tu patrón de zarpas desde el panel de Muestras. Disminuye su Opacidad al 25%, cambia el Modo de fusión a Luz suave y luego ve a Efecto > Distorsionar y transformar > Transformar. Desmarca la casilla de Transformar objetos y asegúrate de que la casilla de Transformar Patrones esté marcada, cambia el Ángulo a 45 grados y haz clic en OK.

apply patternapply patternapply pattern

Paso 3

Asegúrate de que tu rectángulo verde siga seleccionado y sigue trabajando en el panel de Apariencia. Agrega un tercer relleno, disminuye su Opacidad al 70%, cambia el Modo de fusión a Luz suave y luego aplica el gradiente radial que se muestra a continuación.

radial gradientradial gradientradial gradient

Paso 4

Con la herramienta de Elipse (L) crea una forma de 440 x 350 px, rellénala de negro y colócala como se muestra en la siguiente imagen. Disminuye su Opacidad al 20%, cambia el Modo de fusión a Luz Suave y luego ve a Efectos > Desenfoque > Desenfoque gaussiano. Ingresa un Radio de 30 px y da clic en OK.

gaussian blurgaussian blurgaussian blur

Paso 5

Con la herramienta de Elipse (L), crea una forma de 380 x 250 px, rellénala de negro y colócala como se muestra en la siguiente imagen. Asegúrate de que esta forma se quede seleccionada y concéntrate en el panel de Apariencia. Selecciona el relleno, disminuye su Opacidad al 50%, cambia el Modo de fusión a Luz suave y luego ve a Efectos > Desenfoque > Desenfoque gaussiano. Ingresa un Radio de 20 px y da clic en OK.

Regresa al panel de Apariencia y agrega un segundo relleno negro. Disminuye su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

gaussian blurgaussian blurgaussian blur

Paso 6

Con la herramienta de Elipse (L), crea una forma de 380 x 280 px, rellénala de negro y colócala como se muestra en la siguiente imagen. Disminuye su Opacidad al 30%, cambia el Modo de fusión a Luz suave y luego ve a Efectos > Desenfoque > Desenfoque gaussiano. Ingresa un Radio de 20 px y da clic en OK.

gaussian blurgaussian blurgaussian blur

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado este tutorial y que puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y darle tu estilo. Puedes encontrar recursos geniales para inspirarte en GraphicRiver, que tiene soluciones interesantes para mejorar tu diseño.

final productfinal productfinal product