7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Fan Art

Cómo pintar un retrato de superhéroe de manera digital en Adobe Photoshop

Scroll to top
Read Time: 9 mins
This post is part of a series called X-Men Week.
How to Create a Fabulous Professor X Pin-Up in Adobe Illustrator
How to Create a Mystique-Inspired Text Effect in Adobe Photoshop

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

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

Si pudieras tener cualquier superpoder, ¿cuál sería? Con el arte digital, no tienes que esperar tanto para crear magia. Solo abre Photoshop y escoge tu pluma de tableta favorita.

Para este tutorial, solo sigue el proceso que te mostraré para crear un retrato digital inspirado en el personaje con poderes eléctricos de los X-Men, Storm.

1. Investiga sobre Storm

Ya sea que estés inspirado en la versión cinematográfica o en el cómic original, siempre es una buena idea hacer un poco de investigación de fondo, antes de empezar con tu trabajo.

Un poco sobre Storm

Storm es bien conocida como el mutante de los X-Men que controla el clima. Debido a que nació de una princesa tribal, su poder y tenacidad la convierten naturalmente en una líder y en un miembro fundamental del equipo.

Desde el punto de vista del diseño, existen un par de cosas que debemos considerar al momento de crear el boceto de su retrato. Aquí te muestro una pequeña lista sobre las características del personaje que necesitamos saber:

  • Storm tiene una larga cabellera blanca.
  • Sus ojos se vuelven blancos cuando muestra su poder.
  • Ella controla el clima y lanza rayos de sus manos.
  • Su vestimenta varía mucho, pero los colores siempre deben incluir negro, blanco y dorado.
  • Trata de considerar un clima oscuro y con tormenta para el fondo.

La inspiración

Luego de pasar varias horas buscando una foto adecuada para que sea la referencia, finalmente me quedé con este retrato feroz de una Mujer Enojada de Envato Market; ah, y no te limites por la raza u otro detalle particular al momento de buscar referencias. Cada vez que busco fotos, siempre trato de ver las que tienen buena actitud o vibra.

Storm Sketch and Photo Reference Storm Sketch and Photo Reference Storm Sketch and Photo Reference
Aquí está la referencia original al lado del bosquejo final

En esta foto, la modelo nos muestra una fuerte mirada y una pose de tensión. El centro de la imagen es una composición con una expresión y ambiente definidos, los cuales son perfectos para el retrato del superhéroe. 

2. Crea el bosquejo del superhéroe

Paso 1

Ahora que ya hemos escogido la foto perfecta, es momento de crear el bosquejo. Emplea un Pincel circular definido con la opción de Presión de la pluma para opacidad activada para empezar a crear el bosquejo de Storm.

Para esta composición, quiero que Storm esté en una pose de acción, activando sus poderes electromagnéticos justo antes de lanzarlos.

Drawing a Rough Sketch of Storm Drawing a Rough Sketch of Storm Drawing a Rough Sketch of Storm

Concéntrate en obtener la forma y posición adecuadas de tu modelo, antes de empezar con los detalles. Date la oportunidad de ser un poco desordenado mientras experimentas con la composición, así como con su uniforme. Al igual que en la foto, quiero que el cuerpo se vea sin límites, lo cual ayudará a hacer el ángulo de la pose más dinámico.

Paso 2

Disminuye la Opacidad del bosquejo al 30% y crea una Capa nueva. Emplea esta capa para dibujar un bosquejo más limpio con el mismo pincel. Una de las razones por las que elegí esta foto es porque quería dibujar una pose más desafiante a con las que suelo trabajar. Esfuérzate en crear el mejor bosquejo que puedas mientas dibujas trazos mucho más fluidos.

Draw a Cleaner Sketch of Storm in PhotoshopDraw a Cleaner Sketch of Storm in PhotoshopDraw a Cleaner Sketch of Storm in Photoshop

Es sumamente importante que dibujes a Storm primero con todos sus detalles más relevantes antes de empezar a pintar. Desde su vestimenta hasta la manera en la que su cabello fluye, dibuja cada línea con un sentido de propósito. La única zona que no me preocupa es la de sus manos, pues luego ajustaré su posición para que encajen mejor con la escena.

Paso 3

Ya que pensé en cambiar el esquema de iluminación un poco, para mí es importante crear mi propia referencia con el fin de guiarme. Aquí empleé trazos rápidos de gris y blanco para establecer el esquema de iluminación, enfocando la fuente de luz en el lado bajo derecho.

Painting Grays to Establish Light and ShadowPainting Grays to Establish Light and ShadowPainting Grays to Establish Light and Shadow
Rápidamente, pinta algunos valores de gris para emplearlos como guía y saber cómo nos gustaría tener la iluminación.

3. Pinta la base

Paso 1

Una vez que tu bosquejo esté listo, Combina todas las capas menos los valores de grises y el fondo blanco. Mantén una copia de la referencia de iluminación cerca para que te puedas guiar. Empieza a pintar rellenando el Fondo de la capa con un color púrpura intenso, empleando la Herramienta bote de pintura (G).

Ahora, agrega una Capa nueva y emplea un Pincel circular totalmente sólido con la Definición al 100% para agregar los colores puros a la base de nuestro proyecto. Establece esta Capa de bosquejo en Superponer para que se fusione mejor con los colores.

Paint the Base Colors for the Storm PaintingPaint the Base Colors for the Storm PaintingPaint the Base Colors for the Storm Painting

Ahora, por supuesto, el retrato final no incluye nada de amarillo. Sin embargo, quiero que veas cuán importante es tener una mente abierta para pintar piezas conceptuales. Ya sea por la composición, los colores o el esquema de iluminación, tu retrato puede cambiar en cualquier momento.

Paso 2

Establece un par de capas como Máscaras de recorte para los colores de base y el fondo. Cambia el Modo de fusión de la capa a Multiplicar para empezar a pintar sombras en el retrato. Simplemente, escoge colores parecidos con la Herramienta cuentagotas (I) para establecerlos como el Colores de primer plano mientras pintas. Mientras la capa esté establecida en Multiplicar, el color parecerá mucho más oscuro.

Paint Shadows for Superhero Portrait in PhotoshopPaint Shadows for Superhero Portrait in PhotoshopPaint Shadows for Superhero Portrait in Photoshop

Paso 3

Continúa pintando más sombras, mientras empiezas a experimentar con las luces. Crea una Capa nueva y establécela en Sobreexpos. Lineal (Añadir) para incorporar algunas luces en la escena. Así como hicimos antes, todos los colores que tienes que usar son los de las áreas de alrededor. Esta vez, el efecto se verá con colores mucho más brillante y entenderás mejor cómo pintar las luces.

Add Highlights to Your Painting with Linear Dodge AddAdd Highlights to Your Painting with Linear Dodge AddAdd Highlights to Your Painting with Linear Dodge Add

4. Ajusta el color del esquema

Paso 1

Una vez que tengas una idea de cómo vas a querer iluminar tu retrato, es importante que empieces a fusionar los colores lo mejor que puedas.

Emplea un Pincel circular definido para pintar algunos detalles como los del cabello y la vestimenta...

Use Hard Round Brushes to Paint Intricate DetailsUse Hard Round Brushes to Paint Intricate DetailsUse Hard Round Brushes to Paint Intricate Details

... y un Pincel circular difuso para conseguir una piel tersa y hermosa.

Use Soft Photoshop Brushes to Paint SkinUse Soft Photoshop Brushes to Paint SkinUse Soft Photoshop Brushes to Paint Skin

Esto es lo que tenemos hasta ahora, luego de limpiar y definir algunas cosas.

Clean Up Your Digital Painting with Hard and Soft BrushesClean Up Your Digital Painting with Hard and Soft BrushesClean Up Your Digital Painting with Hard and Soft Brushes

Paso 2

Ahora que ya hemos avanzado bastante con este retrato, empiezo a darme cuenta de que los colores no se ven muy bien juntos. Aunque mi intención original era crear algunos detalles dorado en la vestimenta, los colores comenzaron a confundirme mientras trataba de tener este esquema iluminado y de tormenta.

Use Layer Blend Modes to Color Paintings in Adobe PhotoshopUse Layer Blend Modes to Color Paintings in Adobe PhotoshopUse Layer Blend Modes to Color Paintings in Adobe Photoshop

Tómate un momento para alejarte un poco y luego regresa a tu proyecto de arte con ojos más frescos. Ya que, de todos modos, su cabello debe ser blanco, simplemente empleé una Capa nueva y establecí el Color para pintar de negro alrededor de todo el cabello y aplicar algunos destellos dorados. Inmediatamente, ¡el esquema de colores mejoró en gran medida!

5. Cambia la forma de su cuerpo

Escucha a tu retrato. Si algo no se ve o suena bien, probablemente es porque no esté o suene bien.

Aunque quería tener una pose dinámica, Storm empieza a verse un poco abultada en la parte superior del torso. Arregla cualquier forma del cuerpo de manera fácil con Licuar.

Primero, Fusiona todas tus capas. Mantén una copia cerca en caso algo se arruine al presionar Control+J para crear un duplicado. Ahora, ve a Filtro > Licuar y emplea la Herramienta Deformación de posición libre (W) para ceñir la espalda, la cintura y el pecho.

Before and After Liquify TransformationBefore and After Liquify TransformationBefore and After Liquify Transformation
Aquí te muestro una pequeña animación del retrato antes y después de aplicar la opción Licuar.

¡Ten mucho cuidado en este paso! ¡Evitar distorsionar el cuerpo demasiado, de lo contrario dañarás la imagen en lugar de mejorarla!

6. Detalles finales

Paso 1

Ahora que ya hemos sacado ese exceso del camino, te estarás preguntando:

¿Qué queda ahora?

Bueno, empecemos con el fondo. Ya que tuve que fusionar todas las capas, necesito separar a Storm del fondo otra vez. Selecciona la Herramienta Lazo poligonal (L) y empléala para crear una selección alrededor de Storm. Luego, haz clic derecho y selecciona Capa vía Copiar.

Blur a Digital Painting Background with Gaussian BlurBlur a Digital Painting Background with Gaussian BlurBlur a Digital Painting Background with Gaussian Blur

Ahora, desenfoca el fondo con Desenfoque gaussiano. Ve a Filtro > Desenfocar > Desenfoque gaussiano y establece el Radio a 8 px. Esto ayudará a crear la base perfecta para nuestro fondo de tormenta. Continúa con este paso, estableciendo una Capa nueva en Superponer para pintar nubes suaves y esponjosas con un Pincel circular difuso. Reúne varias Referencias de nubes para conseguir entender la forma y y texturas de ellas. 

Paso 2

A medida que ganes impulso con esta pieza, aprovecha esta oportunidad para hacer una Acercamiento a la imagen y agregar más personalidad, creando más detalles que sumen a la historia de fondo del personaje. Dale brillo, agregando algunas pestañas y coloreando los labios. Y cambia la joya del rubí del pecho por un logo característico de los X-Men.

Painting the X-men Logo Onto StormPainting the X-men Logo Onto StormPainting the X-men Logo Onto Storm
Cada detalle que dibujes suma aún más al diseño de tu personaje.

Paso 3

Siento que este subtono púrpura no va muy bien. Cambiémoslo con un Capa de ajuste. Ve a Capa > Nueva capa de ajuste > Equilibrio de color. Ajusta los Medios tonos y las Iluminaciones para favorecer los tonos más azules.

Use Color Balance to Adjust the Colors in a Digital PaintingUse Color Balance to Adjust the Colors in a Digital PaintingUse Color Balance to Adjust the Colors in a Digital Painting

Paso 4

A continuación, ¡lo más importante! Como uno de los últimos pasos, pintar las iluminaciones requiere demasiado tiempo. Debido a que ella tiene demasiado cabello, empieza pintando primero las iluminaciones de este. Emplea un Pincel circular definido con una Definición al 100% para crear trazos limpios para cada mecha de cabello y agregar, a la vez, un poco de brillo.

Digitally Painting Hair Strands in Adobe PhotoshopDigitally Painting Hair Strands in Adobe PhotoshopDigitally Painting Hair Strands in Adobe Photoshop

No te olvides de editar esas fastidiosas manos antes de empezar con el rayo. Muestra su increíble poder, pintando algunos trazos de electricidad en serpentina en sus ojos, manos y en el fondo.

Digitally Paint LIghtning Bolts for X-men StormDigitally Paint LIghtning Bolts for X-men StormDigitally Paint LIghtning Bolts for X-men Storm
Pintar rayos es similar a pintar venas. Crea trazos filosos y en forma de serpentina para cada uno de ellos.

Paso 5

Lo último, pero no menos importante, voy a tratar de volver a ajustar el tono de la piel rápidamente, quitando algunos subtonos rosados y agregando un bronceado más fuerte. Para lograr esto, necesitaré una capa establecida en Subexponer color.

Así como antes, experimenta con los colores cercanos para profundizar el tono de la piel para que ella contraste mejor con la escena brillante azul y blanca. Si necesitas ajustar aún más, considera aplicar una Nueva capar de ajuste con Curvas para agregar más valores amarillos en el retrato.

Painting a Tan with Color Burn in Adobe PhotoshopPainting a Tan with Color Burn in Adobe PhotoshopPainting a Tan with Color Burn in Adobe Photoshop

Continúa definiendo los bordes de tu retrato. Intenta que todo se vea lo más nítido y limpio posible. Añade más iluminaciones que se reflejen en su vestimenta y su rostro hasta que se vea como si estuviera irradiando un increíble poder.

X Men Storm Fan Art by Melody NievesX Men Storm Fan Art by Melody NievesX Men Storm Fan Art by Melody Nieves

¡Asombroso trabajo, ya terminaste!

La elaboración de un retrato de un superhéroe malvado no es muy diferente a cualquier otro retrato digital. La clave del éxito está en crear una composición llena de energía poderosa y magia.

Y con Photoshop en tus manos, puedes corregir los errores mejor que con cualquier otro medio tradicional.

Realmente espero que hayas disfrutado este tutorial. ¿Cuál es tu personaje de los X-Men favorito? Háznoslo saber en los comentarios de la parte de abajo.

Y, para seguir el proceso paso a paso de más mágicos trabajos digitales de arte, echa un vistazo a estos tutoriales de arte:

End resultEnd resultEnd result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.