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

Crear un Espectacular "Iron Man" Dibujado por Aficionados en Photoshop

Read Time: 13 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating
Este tutorial fue publicado originalmente en Julio de 2012 como un tutorial Premium Tuts+. Ahora está disponible para verlo gratis. Aunque este tutorial no utiliza la última versión de Adobe Photoshop, sus técnicas y procesos siguen siendo relevantes.

En este tutorial vamos a explicar cómo crear un espectacular "Iron Man" dibujado por aficionados en Photoshop utilizando técnicas de pintura digital. Este tutorial comenzará como un boceto y luego te mostrará cómo crear lentamente tu obra de arte para crear objetos metálicos realistas. Luego, incorpora algunos elementos fotográficos como el humo y chispas para mejorar el realismo general de la pieza. ¡Empecemos!

Recursos del Tutorial

Los siguientes recursos se utilizaron durante la producción de este tutorial.

1. Prepara Tus Bases

Paso 1

Cuando dibujo mi línea artísctica  para una pieza como esta, uso frecuentemente la cuadrícula y algunas veces, la Herramienta Pluma para poder mantener las líneas limpias y nítidas. Cuando dibujo un retrato, normalmente no me importa mantenerlo suelto, pero para objetos inorgánicos y sólidos, lo mejor es mantener el dibujo lo más limpio posible.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 2

He creado una Nueva Carpeta y la he nombrado "MASK". Aquí es donde van a quedar todas mis capas para el casco y la máscara. En esa carpeta, creé una Nueva Capa, y comencé a trazar el contorno para toda la base del casco.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 3

Por lo general, en mis capas base sólo pinto a mano con un pincel de borde duro, pero me parece que usar la Herramienta de Lazo Poligonal (o la Herramienta Pluma si deseas ser más preciso) es la mejor manera de mantener estos bordes tan nítidos como sea posible.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Cuando cubrí toda la máscara, rellené el área seleccionada con un color rojo básico.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 4

Una vez más, hice una Nueva Capa (titulada 'Flat Gold') e hice lo mismo con la sección de la máscara dorada, delineando con la Herramienta Lazo para obtener buenos bordes y ángulos limpios.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 5

Ahora haré una nueva carpeta debajo de mi carpeta MASK, y la titularé "Body" (Cuerpo). Esto contendrá todas las capas que trabajen con el Cuerpo. Creé una Nueva Capa y rellené toda la base del cuerpo.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 6

Ahora, simplemente voy a descomponer el traje en secciones, y a llenarlo en sus propias capas separadas. Aquí estoy usando la Herramienta Pluma porque con ella puedo suavizar las curvas y los contornos del traje.

Prepare Your BasesPrepare Your BasesPrepare Your Bases

Paso 7

Ahora puedes ver todas mis capas y cómo descompuse el traje (empezando de abajo hacia arriba) y aislé cada pieza separada en su propia Capa (parecido a un Vector).

Prepare Your BasesPrepare Your BasesPrepare Your Bases

2. Añadiendo Dimensión

Paso 1

En este punto, estoy pensando también en mi fondo. Sólo algo simple, tal vez un cielo o un fondo nublado. No estoy demasiado preocupado, pero sólo quiero poner algo allí como referencia por ahora. Hice esos garabatos con una Brocha Dura en la Capa de Fondo.

Adding DimensionAdding DimensionAdding Dimension

Paso 2

Ahora estoy listo para empezar a sombrear. Presioné Comando+Clic en la capa "Flat Gold" de mi ventana Capas seleccioné todo en esa capa, y pude empezar a pintar sin tener que preocuparme por salirme de las líneas o el área.

Adding DimensionAdding DimensionAdding Dimension

Paso 3

Simplemente estoy usando el aerógrafo duro con una Opacidad de no más del 10%. Quiero mantener las variaciones tonales tan suaves como sea posible, y dejar como pequeños brochazos al rededor.

Adding DimensionAdding DimensionAdding Dimension

Paso 4

Puedes verlo tomar forma lentamente mientras agrego más pedazos de resaltado donde la luz golpea los contornos, y las sombras alrededor de los bordes comienzan a introducir una mirada más dimensional.

Adding DimensionAdding DimensionAdding Dimension

Paso 5

Cuando quedé feliz con la primera parte de la tonificación de la máscara, me dirigí una capa hacia abajo y empecé a añadir las sombras más oscuras de la parte roja en una nueva capa.

Adding DimensionAdding DimensionAdding Dimension

Paso 6

Después, comienzo a tonificar el resto de ella en una capa debajo de las sombras oscuras.

Adding DimensionAdding DimensionAdding Dimension

Paso 7

También rellené el área de los ojos en una Nueva Capa. Una vez más, confié en la Herramienta Pluma para que los bordes sean limpios y ordenados.

Adding DimensionAdding DimensionAdding Dimension

Paso 8

Lo llené con un color marrón oscuro y lo dejé así por ahora.

Adding DimensionAdding DimensionAdding Dimension

Paso 9

Ahora me moví a la sección del Cuerpo, y al igual que antes, creé una Nueva Capa para cada sección, y rellené las áreas más oscuras de las sombras. Son gruesos y sólidos, así que me gustó mantenerlos separados del resto de la sombra que hice.

Adding DimensionAdding DimensionAdding Dimension

Paso 10

Una vez que todo está hecho y ya he puesto las sombras pesadas, seleccioné un área, comencé a sombrear eso y agregué los puntos culminantes. Sigo manteniendo la técnica que utilicé anteriormente con la máscara dorada; tratando de mantener la mezcla tan suave como sea posible y trabajando con un pincel de baja opacidad, sólo construí las sombras y las destaqué gradualmente para eliminar ese aspecto de rayado y tener apariencia de pincel digital.

Adding DimensionAdding DimensionAdding Dimension
Adding DimensionAdding DimensionAdding Dimension

Paso 11

Aquí he puesto algunos pequeños detalles de plata a lo largo de su escote. También serán sombreados y destacados.

Adding DimensionAdding DimensionAdding Dimension

Paso 12

Sigo haciendo esto, cubriendo una sección a la vez hasta que esté contento con cómo se está viendo.

Adding DimensionAdding DimensionAdding Dimension

Me siento y reviso la mezcla una última vez. Puedes ver cómo todo está viniendo suavemente, y gracias al aislamiento de las secciones anteriores, los bordes están perfectamente limpios y cortantes.

Adding DimensionAdding DimensionAdding Dimension

Paso 13

También aprovecho esta oportunidad para agregar algunas secciones más aisladas, como las piezas redondas sobre sus hombros. Yo uso la herramienta de forma elíptica y la herramienta de pluma para hacerle los contornos, antes de llenar y tonificarlos individualmente.

Adding DimensionAdding DimensionAdding Dimension

Paso 14

A continuación, voy a crear la pieza brillante del pecho creando una nueva capa, y utilizando la herramienta de forma elíptica para obtener una buena forma ovalada agradable de manera limpia.

Adding DimensionAdding DimensionAdding Dimension

Paso 15

Entonces usaré la herramienta de transformación, y sólo ligeramente distorsionaré esto un poco para que coincida con mi boceto, y fluya con el ángulo de la armadura. También hago lo mismo con el anillo exterior haciendo otra capa debajo de la sección de brillo blanco.

Adding DimensionAdding DimensionAdding Dimension

¡El progreso hasta ahora!

Adding DimensionAdding DimensionAdding Dimension

3. Añade textura a la pintura digital

Paso 1

Ahora voy a pasar a mi parte favorita. ¡La texturización! Con el pincel de piel suave moteado (que es... ¡cepillo de piel!) Voy a usar eso como la licuadora primaria. Creo una nueva capa y uso la herramienta Cuentagotas para hacer coincidir los tonos.

Add Texture to the Digital Painting
Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting
Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 2

Puedes ver cómo el pincel da a la superficie un hermoso final, liso mientras que todavía mantiene un pedacito de textura. Casi como una superficie mate. (Cuanto mayor sea el tamaño del pincel, más "moteado" aparecerá; ¡Intenta variar los tamaños a medida que avances para equilibrar la textura!)

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 3

Sigo pasando por el área dorada hasta que estoy satisfecho con el resultado, después, me muevo hacia abajo un par de capas y empiezo a mezclar y texturizar la parte roja, exterior del casco.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 4

Usualmente hago primero los tonos más oscuros, después, construyo los aspectos más destacados a un casi blanco para capturar ese brillo.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 5

Ahora me he movido de nuevo a la capa de los ojos, y empecé a añadir un poco de brillo a través de allí.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 6

Haz zoom hacia atrás y obtén un vistazo a los avances hasta el momento, las pinceladas son prácticamente inexistentes actualmente, y tenemos una superficie encantadora, incluso metálica. También apago la capa Lineart de vez en cuando para ver cómo mi interpretación se ve por sí misma.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 7

Una vez que el casco está hecho, me muevo hacia abajo al cuerpo, y al igual que antes, hago Comando-Clic en una capa seccionada (en el panel Capas), hago una Nueva Capa por encima (nombro esto como Texture) y comienzo a mezclar los tonos con mi pincel moteado

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 8

Puedes ver que empieza a tomar forma aquí a medida que traigo más pequeñas rayas de luz a lo largo de los bordes y suavizo todo.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 9

Este es mi progreso hasta ahora con un plano del antes y el después.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 10

Ahora que he mezclado en todos mis tonos y suavizado las pinceladas, es hora de comenzar a agregar los detalles. Comenzaré en la sección del casco creando una Nueva Capa por encima de todo en la carpeta MASK, y la titulo "Details".

Add Texture to the Digital Painting

Paso 11

Lo que quiero hacer es simplemente aerógrafo en los detalles y la iluminación a lo largo de los bordes y esquinas del metal. Esto dará un poco de mezcla y suavizará los bordes juntos mientras que todavía mantiene ese elemento de dimensión y forma.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 12

Puedes ver la manera en que estoy trayendo la luz y la sombra a lo largo de los bordes para darle una apariencia más biselada.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 13

Volviendo a la sección del ojo, hago lo mismo que antes seleccionando la capa.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 14

Pinto en algunos tonos y bordes para darles un poco más de profundidad.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 15

En una nueva capa, también uso la Herramienta Pluma para crear las formas de los ojos, y llenarlos de un azul claro

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 16

Ahora usaré simplemente la Herramienta Regla (fijada para destacar) y apenas la pondré en el centro de cada ojo para darles un resplandor blanco suave.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 17

¡El progreso hasta ahora! He completado los detalles alrededor de la máscara y el casco, prestando atención a las pequeñas manchas de luz que se capturan a lo largo de los bordes y esquinas. ¡Ellas son principalmente las que le dan ese brillo metálico en general al final!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 18

Ahora me moveré hacia abajo y abriré la carpeta "Body", y crearé una nueva capa por encima de todo lo demás. También la nombré "Details".

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 19

Las primeras áreas a las que presto atención son los pedacitos de luz a lo largo de los bordes. En este caso, la pieza del cuello.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 20

También uso esta oportunidad para rellenar los detalles más pequeños (como los pernos en el traje). Se pueden arreglar fácilmente utilizando la herramienta de forma elíptica, y simplemente rellenar la selección. ¡Aunque son pequeños, siguen siendo importantes!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 21

Para las abolladuras alrededor de la parte del resplandor central, sólo uso la Herramienta Pluma para contornearlas y luego las relleno en una capa separada.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 22

¡Oscurezco el interior de la misma con la Herramienta Subexponer para darle un poco de profundidad!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

Paso 23

He vuelto a las otras áreas en la capa Detail, y he limpiado a lo largo de los bordes y añadido más motas de luz.

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

¡El progreso hasta ahora junto con la texturización de mezcla, y los detalles!

Add Texture to the Digital PaintingAdd Texture to the Digital PaintingAdd Texture to the Digital Painting

4. Trabaja en el fondo

Paso 1

Ahora voy a agregar el fondo. Hay suficientes detalles en la figura, y no quiero desvirtuar todo el trabajo que he hecho por tener algo demasiado ocupado a su alrededor. Así que todavía voy con la idea de algo simple como un fondo de cielo/nube. ¡He encontrado una imagen común preciosa de nubes engorrosas que sentarán apenas agradable!

Work on the BackgroundWork on the BackgroundWork on the Background

He llenado la imagen de fondo de mi pintura con un azul más claro - esta será mi capa primaria del fondo. Luego arrastré y solté la imagen del cielo en mi documento, y me aseguré de estar situado debajo de todas mis capas, y por encima de la capa azul (de fondo).

Work on the BackgroundWork on the BackgroundWork on the Background

Paso 2

Con la Herramienta de Transformación Libre, roto la imagen en sentido contrario a las agujas del reloj y la estiro para que llene todo el lienzo. También trato de posicionarla para que las nubes se sitúen en un ángulo diagonal detrás de él desde la esquina superior izquierda a la derecha inferior.

Work on the BackgroundWork on the BackgroundWork on the Background

Paso 3

A continuación, tomo el borrador, y con un suave pincel afilado, borro ligeramente parte del cielo en la foto para revelar algunos de los más vivos azules de la capa de fondo detrás de él.

Work on the BackgroundWork on the BackgroundWork on the Background

Paso 4

En una nueva capa sobre las nubes, usando el mismo Aerógrafo Suave, agrego un poco de blanco (#ffffff) en la esquina superior derecha para darle un suave efecto de luz solar.

Work on the BackgroundWork on the BackgroundWork on the Background

5. Agrega los efectos de acabado

Paso 1

Ahora voy a crear mi carpeta final que se situará por encima de todo lo demás, ¡y se llamará "EFFECTS"!

Add the Finishing Effects

Paso 2

El primer efecto que quiero agregar es un brillo suave a la pieza central del pecho. Utilizo el mismo Aerógrafo Suave, y al igual que antes con la luz del sol, agrego un punto razonablemente grande de blanco en el centro.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 3

Cuando me ubico y echo un vistazo a la pieza con el fondo añadido... siento que necesita un poco más de contraste. Para ello, agrego una "capa de ajuste" sobre todo (pulsando el botón "Crear nuevo relleno o capa de ajuste" en la parte inferior del panel Capas) y selecciono la opción "Niveles".

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 4

Después, deslizo el centro y el control deslizante derecho hasta una muesca o dos sólo para hacer el contraste un poco más fuerte en general.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 5

¡Este siguiente paso trata sobre todo esto! ¡La iluminación del borde! Debido a que la luz del sol parece estar ubicada detrás de él ahora, ¡siento que una mancha de retroiluminación sería más eficaz en este caso! En una nueva capa (llamada "Rim Lighting") tomo el aerógrafo redondo y duro, y comienzo a pintar la iluminación a lo largo de los bordes de la figura.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 6

Sigo haciendo esto, relleno pequeños pedacitos de iluminación y cualquier pieza adicional que pueda captar la luz del sol en su traje.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 7

Todavía siento que la pieza necesita un poco más que un golpe, así que decido añadir un par de efectos más. El primero es un efecto de humo. Abro mi imagen común de CGTextures titulada Smoke1.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 8

Al igual que la imagen del fondo anterior, arrastré y solté la pieza en mi carpeta EFFECTS. Utilizo la Herramienta de Transformación Libre para ampliarla y girarla alrededor.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 9

Establecí el Modo de Fusión en la capa "Smoke" para Pantalla, y la moví hasta que quedé satisfecho con el lugar donde quedó situada. Luego borro suavemente algunos bordes y simplemente traigo todo un poco más.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 10

Repito esto unas cuantas veces más dejando caer un par de capas de "humo" adicionales sobre la imagen y posicionándolas varias veces a lo largo de la pintura.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 11

Para mi efecto final, he decidido... ¡más Partículas! Abro mi imagen "Sparks" desde CGTextures.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 12

Hago zoom en la imagen de Sparks y hago pequeñas selecciones de áreas aisladas de chispas que me llaman la atención.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 13

Y al igual que las capas de humo anteriores, arrastro y suelto esta en mi carpeta de efectos, y utilizo la Herramienta de Transformación Libre para girar y torcer a mi gusto.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 14

Puse la capa de Modo de Fusión a Pantalla nuevamente.

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

Paso 15

¡Sigo haciendo esto con varias selecciones de la imagen del archivo hasta que quedo satisfecho con la cantidad de efectos que he logrado!

Add the Finishing EffectsAdd the Finishing EffectsAdd the Finishing Effects

¡Es un trabajo impresionante, terminaste!

¡Espero que este tutorial pintando mi "Iron Man" haya sido perspicaz e inspirador y te haya dado algunas ideas sobre cómo se puede hacer el proceso de creación de una superficie lisa, un metal liso simplemente con un par de pinceles en Photoshop! ¡Cuando lo descomponemos, no es tan desalentador como parece!

End Result - Iron ManEnd Result - Iron ManEnd Result - Iron Man
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.
Scroll to top
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.