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

Crea un colorido pegaso inspirado en Lisa Frank en Adobe Illustrator

Scroll to top

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

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

¿Eres un ávido amante de las cosas cargadas de color y con una gran cantidad de diamantina? Este tutorial te mostrará el proceso paso a paso de mejorar radicalmente el aspecto de un caballo alado. Damas y caballeros tomen sus lápices de colores y pónganse sus gafas de sol antes de levantar el vuelo y participar en otra aventura prismática.

1. Creando el cuerpo

Paso 1

Nos hemos embarcado en un colorido viaje, pero no comenzó de esa manera. Como en la mayoría de mis proyectos, empiezo con lápiz y papel. Sin nada extraordinario, solo un lápiz mecánico y un cuaderno de hojas blancas para el bosquejo. Usé mi escáner en 300 ppp para digitalizar el dibujo a lápiz finalizado.

He mejorado la calidad de las líneas en Adobe Photoshop y ahora podemos comenzar nuestro proyecto. Trabajaré en Adobe Illustrator en un tamaño de 11 x 8.5 pulgadas para este proyecto en específico.

Me gusta mantener mis capas tan prolijas como pueda, y nombrarlas según avanzas es una buena práctica. He nombrado la primera capa "Sketch" y he bloqueado la capa para asegurarme de que no moveré o borraré accidentalmente el bosquejo.

Your starting sketchYour starting sketchYour starting sketch

Paso 2

Usando nuestra herramienta Pluma (P), comenzaremos a delinear nuestro pequeño caballo. He delineado la cabeza, el cuerpo y las patas frontales como un conjunto, excluyendo las patas traseras.

Starting the Body ColorStarting the Body ColorStarting the Body Color

Paso 3

Usando estos colores particulares para el cuerpo, puedo intercambiar la tonalidad para variar entre el color del cuerpo principal y el de la pata trasera. El Trazo es del estándar de 1 pt, que será una constante en este proyecto particular. El esbozo adicional de color ayuda a darle una mejor presentación en la página.

Body Color 1Body Color 1Body Color 1
Body Color 2Body Color 2Body Color 2
Finished Body ColorFinished Body ColorFinished Body Color

Paso 4

Usando un Degradado radial de azules, con un lado establecido en Transparencia 0%, he comenzado a añadir sombreado debajo de las extremidades. Es muy sutil, pero efectivo.

Body ShadingBody ShadingBody Shading
Finished Leg ShadingFinished Leg ShadingFinished Leg Shading

Paso 5

En este paso en particular, añadiremos sus rasgos faciales usando el mismo Degradado radial azul que el sombreado.

Adding Detail to the HeadAdding Detail to the HeadAdding Detail to the Head
Adding Detail to the BodyAdding Detail to the BodyAdding Detail to the Body

2. Añadiendo profundidad de cuerpo con el sombreado

Paso 1

Ahora que nuestro pegaso tiene suficiente sombreado, podemos añadir nuestras iluminaciones. El azul de esta piel es nuestra base. El blanco aparecerá agradablemente sobre él, especialmente después de aplicarle un efecto de Desvanecer. Este fusiona de manera fluida las dos capas para el aspecto deseado.

Adding Body HighlightsAdding Body HighlightsAdding Body Highlights

Paso 2

Usando nuestro efecto de Desvanecer en un Radio de 0.1 pulgadas, pondremos nuestra capa blanca debajo de los detalles azules de su cara y cuerpo.

Feathering Face HighlightFeathering Face HighlightFeathering Face Highlight
Working on Body HighlightsWorking on Body HighlightsWorking on Body Highlights

Paso 3

En este punto, tendremos una base de caballo de aspecto muy limpio. Este es solo el primer paso para nuestra explosión de color, así que ojalá puedas contener tu emoción mejor que yo.

Finished Body ContouringFinished Body ContouringFinished Body Contouring

3. Creando las elegantes patas

Paso 1

Para crear un aspecto elegante para nuestro pequeño caballo alado, agregaremos pezuñas doradas. De nuevo, usaremos un Trazo con Degradado radial de dos tonos y de 1 pt.

Hoof ColorHoof ColorHoof Color

Paso 2

En este punto hemos utilizado el mismo color para crear nuestras pezuñas. Las hemos completado y ahora podemos pasar al siguiente paso.

Finishing Up the HoovesFinishing Up the HoovesFinishing Up the Hooves

4. Añadiendo un sombreado adicional al cuerpo

Paso 1

A continuación, usaremos el mismo procedimiento en las patas traseras como lo hicimos para el cuerpo principal. La iluminación es solo un poco más oscura que el color del cuerpo principal, para crear profundidad. Se hubiéramos usado el mismo blanco, solo resultaría plana toda la pieza.

Adding Contour to the Back LegsAdding Contour to the Back LegsAdding Contour to the Back Legs

Paso 2

En este punto, hemos trabajado nuestras iluminaciones y ahora nuestro cuerpo está listo para algunos detalles más antes de poder aplicar nuestros colores prismáticos.

Finished Body ColorFinished Body ColorFinished Body Color

5. Añadiendo alas

Paso 1

Ahora comenzaremos en la base de nuestra ala. Estoy usando el mismo procedimiento que utilicé para el cuerpo, pero notarás que hacia la parte inferior de la base del ala, tengo una capa de color blanco que se extiende sobre el Trazo y fusiona el ala y el cuerpo una vez que se aplica el efecto de Desvanecer.

Adding Base of WingsAdding Base of WingsAdding Base of Wings

Paso 2

Nuestra ala está resultando bonita. Agregaremos textura a nuestra ala para separarla del cuerpo muscular "suave". Si estás usando el mismo color, es importante diferenciar entre las dos características del cuerpo.

Adding Base of Wing DetailsAdding Base of Wing DetailsAdding Base of Wing Details

Paso 3

Quiero crear unas alas suaves y ondulantes, así que añadiré un poco de más iluminación en la raíz de cada una de estos conjuntos sombreados.

Una vez que los he completado, añadiré la forma principal del ala. Más tarde completaremos el ala y agregaremos bastantes detalles para hacer que esta característica cobre vida.

Feathering the Base of the WingFeathering the Base of the WingFeathering the Base of the Wing
Finishing Up the Base Wing TextureFinishing Up the Base Wing TextureFinishing Up the Base Wing Texture

Paso 4

Agregaremos una mezcla de plumas más largas hacia las puntas del ala y más cortas al llegar a la base del ala. Es un rasgo muy similar al de los pájaros, mismo que cumplirá nuestras necesidades.

Adding Feathers to the WingAdding Feathers to the WingAdding Feathers to the Wing

6. Creando el color de la "melena"

Paso 1

Si has sido tan paciente como yo, entonces pronto tendrás tu recompensa. ¡Finalmente estamos listos para añadir los colores del arcoíris! Para mantener nuestra diversión organizada, comenzaremos haciendo siete barras usando nuestra herramienta Rectángulo (M).

Creating Color Sample BarsCreating Color Sample BarsCreating Color Sample Bars

Paso 2

Estoy usando los fundamentos de mi conocimiento de los colores del arcoíris para comenzar. Consistirá de R.O.Y.G.B.V. o simplemente ponemos: rojo, naranja, amarillo, verde, azul y violeta. Empezaré con un Degradado lineal de dos tonos de rojo con un Trazo de 1 pt de dos tonos y trabajaré a mi manera con los colores básicos del espectro. También he tomado el color más claro de cada una de las barras y he cambiado mi Transparencia a 70%. Voy a usar esto como una herramienta de fusión para darle a nuestro cabello una gradación suave cuando apliquemos las capas.

Adding Color to the BarsAdding Color to the BarsAdding Color to the Bars

Paso 3

A continuación, he añadido rosa a nuestro espectro para darle una transición más suave de rojo a violeta. El rosa es también una agradable adición para esa explosión de color extra que puedo asumir nos encanta.

Completed Color BarsCompleted Color BarsCompleted Color Bars

Paso 4

En seguida, comenzaremos a aplicar nuestro color, iniciando con el rojo. Seguiremos las barras de colores pues las hemos colocado a lo largo de la melena. Si lo necesitas, puedes poner bloques del color principal y luego aplicar los cabellos más pequeños.

Beginning the HairBeginning the HairBeginning the Hair
Continuing the HairContinuing the HairContinuing the Hair
More Hair RenderingMore Hair RenderingMore Hair Rendering
Adding Mane ColorsAdding Mane ColorsAdding Mane Colors

Paso 5

En este punto, he deshabilitado la capa asociada con el cuerpo del pegaso. Verás que no necesitarás añadir cada cabello detrás de la cabeza, especialmente porque no los verás una vez que hagamos visible de nuevo el cuerpo del pegaso.

Adding Hair DetailsAdding Hair DetailsAdding Hair Details
Finishing Up the MainFinishing Up the MainFinishing Up the Main

Paso 6

Ahora que nuestra melena está hermosamente renderizada, agregaremos un poco de sombreado a la mitad inferior.

Adding Shading to the ManeAdding Shading to the ManeAdding Shading to the Mane

7. Renderizando la cola y el pelaje del corvejón

Paso 1

Una vez que está terminada mi melena, usaré los mismos pasos para crear una cola intensa que le combine.

Starting the Tail ColoringStarting the Tail ColoringStarting the Tail Coloring
Finishing Up the TailFinishing Up the TailFinishing Up the Tail

Paso 2

He disfrutado tanto usar estos colores que también los he aplicado al pelaje del corvejón de nuestro pegaso. He decidido usar mis colores más cálidos para las patas delanteras y los colores más fríos para las patas traseras.

Adding Front Hoof FurAdding Front Hoof FurAdding Front Hoof Fur

Paso 3

En esta etapa, he comenzado a aplicar el pelaje del corvejón con los colores más fríos. Opté por dividir los colores buscando más espacio para cada color.

Adding Back Leg FurAdding Back Leg FurAdding Back Leg Fur

Paso 4

Ahora podemos terminar el pelaje del corvejón con algunas iluminaciones brillosas. Me encanta como se siente el pelaje relajado. Este es un animal feliz, así que mientras más viveza le podamos agregar, será mejor.

Completing the Ankle FurCompleting the Ankle FurCompleting the Ankle Fur

8. Finalizando las alas

Paso 1

Regresemos a nuestras alas grandes y revoltosas. No podemos dejarlas como están, necesitan tanta atención como el resto del conjunto. Usando el mismo color del sombreado de nuestro cuerpo, he realizado pequeñas separaciones en la pluma para darle textura.

Ahora puedo tomar mi herramienta Unificar y conjuntar todas esas pequeñas piezas para formar la textura de una pluma.

Creating FeathersCreating FeathersCreating Feathers

Uniting Feather DetailsUniting Feather DetailsUniting Feather Details

Paso 2

En este paso, he comenzado a aplicar la textura de la pluma a cada base de las plumas. Para ahorrar tiempo, Copiaré (Control-C) y Pegaré (Control-V) la misma textura en cada una.

Creating More Feather DetailsCreating More Feather DetailsCreating More Feather Details

Paso 3

Después de un poco más de trabajo en las texturas de pluma, las hemos completado y ahora podemos añadir sombreado para añadir profundidad. Nota que no le puse sombra hasta el extremo del ala. Me detuve cerca de la parte superior y ello da la apariencia de que el ala presenta una curva hacia nosotros.

Adding Shadows to the WingAdding Shadows to the WingAdding Shadows to the Wing

Paso 4

He hecho un duplicado de nuestra ala terminada y la añadí a la parte posterior de su propia Capa.

Adding a Back WingAdding a Back WingAdding a Back Wing

9. Depurando los rasgos faciales

Paso 1

A continuación, he tomado el color de la oreja y lo remplacé con un color más alegre y saludable. Un ligero rubor de rosa funciona bien con su complexión general.

Adding Pink to the EarAdding Pink to the EarAdding Pink to the Ear

Paso 2

Nuestro pegaso ahora está listo para un ojo brillante e intenso, pero no nos detendremos con solo un color brillante. ¡Podemos hacerlo mejor que eso!

Adding Color Main Color to the EyeAdding Color Main Color to the EyeAdding Color Main Color to the Eye

Paso 3

Usando nuestra herramienta Estrella, agregaremos nuestra primera estrella de muchas. Le he añadido un Trazo y he cambiado mis bordes a Remate: extremo redondeado y Unión: unión redondeada en mis ajustes de Trazo. Ahora tomaré este y mi dirigiré a mis pestañas en la parte superior de la página. Ve a Objeto > Expandir y haz clic en el Trazo pues es el único componente que quisiera expandir. Presiona Unificar en la pestaña de Buscatrazos para formar una estrella completa.

Ahora estamos listos para hacer duplicados de varios tamaños dentro de nuestro ojo.

Creating Star for EyeCreating Star for EyeCreating Star for Eye
Adding Multiple StarsAdding Multiple StarsAdding Multiple Stars

Paso 4

Después de aplicar nuestras pequeñas estrellas, podemos superponer nuestro brillo para incrementar el brillo en su ojo.

Finishing Up Starry EyesFinishing Up Starry EyesFinishing Up Starry Eyes
The Completed Starry EyeThe Completed Starry EyeThe Completed Starry Eye

10. Renderizando el puente de arcoíris

Paso 1

Ahora nuestro pegaso está listo para ir de paseo sobre un arcoíris. Usando los diversos colores de nuestros bloques, formaremos un arco de color. He hecho esto desprolijamente, sin la necesidad de un bosquejo. Este es tu turno para expresarte y divertirte con el proceso, así que hazlo tan excéntrico como quieras.

Beginning the RainbowBeginning the RainbowBeginning the Rainbow
Continuing the RainbowContinuing the RainbowContinuing the Rainbow

Paso 2

El puente arcoíris finalizado lucirá de esta manera. Ahora está listo para fusionarse.

Completing the Coloring of the RainbowCompleting the Coloring of the RainbowCompleting the Coloring of the Rainbow

Paso 3

Toma todas las piezas de tu puente de arcoíris y Agrúpalas (Control-G) para una selección más fácil. Usando nuestro Desenfoque gaussiano con un Radio de 6.3 px, crea un arcoíris fusionado. No quiero que el arcoíris sea demasiado intenso, así que he disminuido la Transparencia general a 80%.

Blurring the Rainbow TogetherBlurring the Rainbow TogetherBlurring the Rainbow Together

11. Creando un fondo y las nubes

Paso 1

Una vez que tus Capas están bloqueadas, crea una nueva que tendrá nuestro color de fondo. Voy a usar otro Degradado radial de dos tonos para hacer un fondo ligeramente coloreado. Me encanta lo suaves que son estos colores. En verdad complementan todo el conjunto.

Creating a BackgroundCreating a BackgroundCreating a Background

Paso 2

Nuestro siguiente paso incluye añadir una variedad de formas divertidas. Estas formas eventualmente se convertirán en nubes tenues usando nuestro Desenfoque gaussiano.

Adding CloudsAdding CloudsAdding Clouds
Blurring CloudsBlurring CloudsBlurring Clouds

Paso 3

Después de aplicar suficientes formas divertidas, logramos una bonita exhibición de nubes. Lo único que falta ¡es una dispersión de diamantina!

Completing the CloudsCompleting the CloudsCompleting the Clouds

12. Creando símbolos de diamantina

Paso 1

Una de las maneras más simples de hacer diamantina es elaborar varias elipses (L) y usar diversos grados de Transparencia. Conociéndome, exageraré con la diamantina, así que nuestra mejor opción será hacer este grupo de diamantina un símbolo. Esto nos permite usar el mismo conjunto de diamantina una y otra vez, sin añadir grandes cantidades de datos a nuestro archivo.

Creating CirclesCreating CirclesCreating Circles
Creating GlitterCreating GlitterCreating Glitter

Paso 2

En este paso, ya he aplicado dos de mis símbolos y como están colocados uno sobre otro, voy a estructurar este aspecto glamoroso.

Applying Glitter to the Hair and WingsApplying Glitter to the Hair and WingsApplying Glitter to the Hair and Wings

Paso 3

He aplicado diamantina a su melena, cola, alas y pelaje de corvejón y ahora al mismo puente de arcoíris. Te aconsejo que exageres con la diamantina ¡como sientas que sea necesario!

Adding Glitter to the RoadAdding Glitter to the RoadAdding Glitter to the Road

Paso 4

Nuestro último paso será aplicar destellos más grandes para realzar nuestra diamantina. Esto la hace lucir más como diamantina que como caspa.

Adding Shine to the PictureAdding Shine to the PictureAdding Shine to the Picture

¡Terminado! Nuestro pegaso prismático está listo para volar!

En verdad espero que hayas disfrutado este tutorial. Si tratas de crear tus propios pegasos prismáticos, por favor comparte con nosotros tus experiencias ¡y con suerte tu ilustración! Si tienes ganas de crear más proyectos atractivamente coloridos, te recomiendo consultar: Crea un lindo unicornio vomitando arcoíris en Adobe Illustrator, igualmente Cómo crear una moderna sirena punk en Adobe Illustrator. Amigos ¡que sus diseños sigan siendo fabulosamente coloridos!

Finished RenderingFinished RenderingFinished Rendering