Cómo crear una ilustración de estilo Steampunk en Photoshop

Ve simultáneamente hacia atrás y adelante en el tiempo con este tutorial de Steampunk. El enfoque principal, aparte del estilo, por supuesto, es fusionar elementos de diferentes fuentes para crear un todo cohesivo. Hay muchos trucos para este fin y veremos las fuentes de luz, las sombras y la clasificación de imágenes..


Video Tutorial

Nuestro editor de video, Gavin Steele, ha creado este video tutorial para complementar este texto + tutorial de imagen..


1. Introducción

Steampunk es un subgénero de fantasía y ficción especulativa que cobró importancia en los años 80 y principios de los 90. El término denota trabajos ambientados en una era o mundo donde la potencia de vapor todavía se usa ampliamente, generalmente en el siglo XIX y, a menudo, en la época victoriana de Inglaterra, pero con elementos prominentes de ciencia ficción o fantasía, como los inventos tecnológicos de ficción como los que se encuentran en trabajos de HG Wells y Jules Verne, o desarrollos tecnológicos reales como la computadora que se produjo en una fecha anterior. - Cortesía de Wikipedia.

Ahora que hemos aclarado eso, trabajemos creando una rica imagen inspirada en Steampunk.


2. los activos

La imagen final se compone de muchos activos, sin embargo, siéntase libre de sustituir cualquiera de los activos sugeridos o agregar más a su trabajo. Tenga en cuenta que Steampunk se basa en la tecnología de vapor, en gran parte de la era victoriana, y le da un giro futurista. La lista de activos es la siguiente:

  • Hombre
  • Gafas de protección
  • Sombrero
  • Adorno de sombrero
  • Brújula
  • Grifo
  • Cinturón
  • Reloj colgante
  • Tanque de latón
  • edificio
  • Tubo de lámpara
  • Nube
  • Dientes
  • Medidor eléctrico (gracias a Phillip Flores por esta imagen)
  • Bombilla
  • Bigote (gracias a Constantin Jurcut por esta imagen)
  • Textura de papel

Paso 1

Cree un nuevo documento de 260 mm por 210 mm a 300 ppp. Descargue la imagen de Man de iStockphoto.com y las Goggles de sxc.hu.

Recorte las gafas con la herramienta Pluma, impórtelas a su documento en blanco y llame a la capa "GAFAS". Importe la imagen del Hombre al documento y llámela "HOMBRE". Coloque las gafas en la cara y ajuste el tamaño para que se ajuste. Luego, reduzca la saturación de capa "GOGGLE" (Imagen> Ajustar> Tono / Saturación) a -37.

Dibuje alrededor del hombre que usa la herramienta Pluma, no se preocupe por cortar perfectamente el cabello, ya que aquí hay un método más rápido adecuado para nuestras necesidades. Manténgalo bastante suelto y una vez que haya finalizado el camino, conviértalo en una selección y cree una máscara de capa (Capa> Máscara de capa> Revelar selección).

Seleccione la capa "MAN", en lugar de la máscara de capa, y use la herramienta de clonación de clones para clonar el cabello para rellenar los espacios. Asegúrate de clonar el cabello más allá de los límites de la máscara de capa.

Selecciona la herramienta Difuminar, configura como en la captura de pantalla y difumina la máscara de capa (no la capa en sí) para revelar más cabello debajo.

Aplique la máscara de capa (Capa> Máscara de capa> Aplicar) y seleccione la herramienta Difuminar. Cambie el pincel a 2 píxeles con 0% de dureza, y establezca la resistencia de la mancha entre 70 y 85. Difumine los pelos adicionales siguiendo la dirección de los pelos. Mezcla la resistencia a las manchas para evitar una longitud uniforme del cabello.


Paso 2

Abra la imagen del sombrero desde sxc.hu y dibuje una ruta alrededor de ella con la herramienta Pluma. Convierta la ruta en una selección (Vaya a la paleta de rutas, seleccione la ruta y haga clic derecho sobre ella), luego copie y pegue el sombrero en el documento de trabajo. Llame a la capa "HAT" y cambie su tamaño a 56%.

Abra la imagen de Hat Ornament de sx.hu y córtela y péguela en el documento de trabajo. Llame a la capa "RELOJ" y cambie su tamaño a 38.5%. Vaya a Capa> Estilo de capa> Eliminar sombra y configúrelo como se muestra.

Seleccione la capa "SOMBRERO" y dibuje un trazado alrededor de la parte del ala que se encuentra debajo del "RELOJ". Copia y pega esto en una nueva capa. Mueve la capa sobre la capa "WATCH" y llámala "HAT_BRIM". Seleccione las tres capas atribuidas al Sombrero y agrúpelas (Capa> Capas de grupo), ya que estaremos construyendo muchas capas a lo largo de este tutorial. Es una buena práctica agrupar capas cuando sea posible..


Paso 3

Crea una nueva capa entre las capas "MAN" y "GOGGLE". Llama a esta nueva capa "FACE_SHADOW" y configura su Modo de fusión en Multiplicar. Utilice la herramienta Cuentagotas para tomar muestras de colores oscuros de la piel. Seleccione la herramienta Pincel y seleccione un pincel de 40 píxeles con una dureza del 0%. Ajuste el flujo al 25% y comience a dibujar sombras alrededor de las gafas y el sombrero..

Tenga en cuenta que los contornos de la cara contra el sombrero y las gafas producirán una sombra irregular, y las partes de la sombra más cercanas a la fuente son más oscuras que las que caen más lejos. Use un pincel más pequeño para dibujar las partes más fuertes de la sombra y haga un pincel más grande para mezclar la sombra. Es posible que deba volver a muestrear el color utilizando la herramienta Cuentagotas para satisfacer el tono de sombra necesario..


Etapa 4

Abra la imagen del bigote (gracias a Constantin Jurcut por esta imagen) de sxc.hu. Use la herramienta Rectangular Marquee para seleccionar el área del bigote. Corte y pegue en el documento de trabajo sobre la capa "MAN", llame a la nueva capa "MUSTACHE". Establezca el modo de fusión en Multiplicar para que pueda ver el "MAN" debajo, y cambie su tamaño y gírelo hasta que encaje.

Ajusta el tono / saturación para que coincida mejor con los tonos de piel "MAN".

Utilice un borrador de bordes suaves con un flujo del 25% para borrar los bordes duros de la capa "MUSTACHE". Arrastra el borrador al borrador en este punto. Puedes ver dónde se encuentran las dos capas creando una mezcla áspera, que no parece natural.

Para crear una mezcla natural entre los dos, haga clic en las áreas más oscuras de la capa "MUSTACHE" hasta que se mezcle bien.

Finalmente, agregue una Capa de ajuste de curvas (marque la casilla marcada Usar capa anterior para crear máscara de recorte) y ajústela hasta que esté satisfecho de que la capa "MUSTACHE" coincida con la capa "MAN". Seleccione las capas "MAN", "FACE_SHADOW" y "MUSTACHE", agrúpelas y nombre el grupo "MAN".


Paso 5

En esta etapa, el "MAN" parece un poco más liviano que el resto, así que agregue una Capa de Ajuste de Curvas justo arriba de la capa "MAN", marcando la casilla marcada Usar Capa Anterior ...


Paso 6

Crea un nuevo grupo sobre el grupo "MAN" y llámalo "CHEST_PLATE". Seleccione "MAN" y se vincula la Capa de ajuste de curvas y duplíquela. Mueva los duplicados al grupo "CHEST_PLATE". Dibuje un camino que seleccione el área de la chaqueta pero no el área de la camisa o la cabeza. Convierta la ruta terminada en una máscara de capa para "Copiar MAN".

Abra la imagen de Compass desde sxc.hu y dibuje un Camino alrededor de la sección como se muestra.

Colóquelo dentro del grupo de capas "CHEST_PLATE" debajo de "Copia MAN". Llame a esta nueva capa "CHEST_PLATE". Presione Comando + T para abrir la Herramienta de transformación de forma libre y manipular como se muestra. Mantenga presionado el botón Comando para manipular puntos individualmente.

Utilice la herramienta de sello de clonación para completar las áreas en las que la placa del pecho no alcanza.

Agrega una nueva capa entre "Copia MAN" y "CHEST_PLATE" y llámala "CHEST_SHADOW". Establezca el Modo de fusión en Multiplicar y cree una sombra como lo hizo en el Paso 3. Intente imitar la sombra que queda en la camisa por la chaqueta. Esto hará que parezca más natural..


Paso 7

Abra la imagen Tap de sxc.hu y córtela y péguela en el documento de trabajo. Colóquelo sobre "CHEST_PLATE" en la paleta de capas y llámelo "TAP". Cambiar el tamaño para colocarlo sobre la placa del pecho.

Crea una nueva capa para la sombra de grifos. Dibuja en sombras como antes.

La sombra muestra cuán clara es la parte inferior del grifo. Seleccione la capa "TAP" y use la herramienta Grabar para oscurecer la base de los grifos. Establezca el rango en medios tonos y la exposición en alrededor del 25% antes de aplicar.

Cree una capa de ajuste de curvas para la capa "TAP" y configúrela como se muestra. Tu paleta de capas (grupo CHEST_PLATE) ahora debería parecerse a la imagen de abajo ...

... y tu Steampunk debería verse así hasta ahora.


Paso 8

Escanee en un cinturón, correa o algo, o abra la imagen del cinturón que escanee. Córtelo, cópielo y péguelo en el documento de trabajo y llámelo "BELT_LEFT". Duplica esta capa y llama a la copia "BELT_RIGHT".

Tomando un cinturón a la vez, use la transformación de forma libre (Comando + T) para cambiar el tamaño y girarlo para que encaje como correas de hombro. Antes de aplicar la transformación (para que el cuadro delimitador aún esté visible), vaya a Edición> Transformar> Deformar y manipule los controles y puntos de la cuadrícula.

Ahora para hacer que las correas aparezcan en 3D. Seleccione "BELT_LEFT" y seleccione la herramienta Mover (V). Mantenga presionada la tecla Alt y presione la tecla de flecha hacia abajo una vez. Esto creará una capa duplicada y la empujará hacia abajo una vez. Suelte la tecla Alt y presione la flecha izquierda. Repita el mismo procedimiento utilizando la copia "BELT_LEFT" como capa de origen.

Apila 4 o más capas de esta manera y luego reorganízalas de modo que la más alejada de la capa original "BELT_LEFT" sea la más baja en la paleta de capas. (Arriba: "BELT_LEFT", "Copia BELT_LEFT", "Copia BELT_LEFT 2" y "Copia BELT_LEFT 3"). Seleccione todas las capas "BELT_LEFT" y combínelas, luego ajuste los niveles como se muestra. Repita este proceso para "BELT_RIGHT".

Agregue una capa de sombra ("BELT_SHADOW") debajo de las capas combinadas "BELT_LEFT" y "BELT_RIGHT" y configure el Modo de fusión en Multiplicar. Añade una sombra de la misma manera que antes. Tome nota de la superficie desigual de la chaqueta, la regla general es que cuanto más cerca de la superficie esté el objeto de fundición, más delgada y nítida será la sombra resultante. Las partes circundadas son donde la sombra está más grande y más suave, use un pincel apropiado para reflejar esto.

Cree otra capa de sombra ("TOP_BELT_SHAD") sobre las capas de "CORREA" y cree las sombras como se muestra. Agrupe todas las capas "CINTURÓN" y "SOMBRA" asociadas en un grupo llamado "CINTURONES" y colóquelas en el grupo de capas "MUEBLE".


Paso 9

Seleccione la capa MAN y use la herramienta Pluma para dibujar un Sendero alrededor de una parte de la mano unida. Tendrá que obtener suficiente mano para ocultar dónde se superpone "BELT_LEFT". Convierta este Camino en una selección y cópielo y péguelo en una nueva capa llamada "MANO". Mueva esta capa sobre el grupo de capas "CINTURONES" dentro del grupo de capas "CHEST_PLATE".

Seleccione la capa de ajuste de curvas "MAN" y duplíquela. Muévalo directamente sobre "MANO" y vaya a Capa> Crear máscara de recorte.

Abra la imagen del reloj colgante de sxc.hu, córtela, cópiela y péguela en el documento de trabajo y colóquela sobre la capa "MANO". Llame a esta capa "HANGING_WATCH", cambie su tamaño para que se ajuste a la perspectiva y las proporciones de la mano. Seleccione cualquier superposición entre "HANGING_WATCH" y "HAND" con la herramienta Lazo poligonal y vaya a Capa> Máscara de capa> Ocultar selección.

Seleccione la máscara de capa y aplique un desenfoque gaussiano de 0,8 píxeles. Agrupe todas estas capas en un grupo llamado "HAND" y colóquelo directamente sobre el grupo de capas "BELT" dentro del grupo de capas "CHEST_PLATE".


Paso 10

Abra la imagen del tanque de latón de sxc.hu, recórtela, cópiela y péguela en el documento de trabajo. Llama a esto "TANQUE". Cree un nuevo grupo de capas llamado "TANKS" y coloque "TANK" en él. Presione Comando + T para abrir la Herramienta de transformación de forma libre y gire y cambie el tamaño como se muestra.

Vaya a Imagen> Ajustes> Sombra / Resaltar y configure que se muestra.

Duplique la capa "TANK" y la transformación de forma libre como se muestra.

Crea una nueva capa sobre las dos capas "TANK" y llámala "TANK_SHADOW". Establezca el modo de fusión en Multiplicar y agregue una sombra como antes. Vea la imagen de abajo para referencia. El patrón de sombra se basa en el "patrón de luz y sombra de las capas MAN, intente visualizar la fuente de luz en relación con la capa" MAN "y, por lo tanto, en relación con las capas" TANK ".


Paso 11

Abra la imagen del edificio desde sxc.hu y pegue toda la imagen en el documento de trabajo. Llame a la capa "CONSTRUCCIÓN" "y muévala a la parte inferior de la paleta Capas. Presione Comando + T para obtener el cuadro delimitador de transformación de forma libre y manipule los puntos como se muestra. El objetivo es corregir la distorsión de la lente y la perspectiva.

Cambié el tamaño de la capa "CONSTRUCCIÓN" en este punto para obtener una mejor composición.

Luego vaya a Filtro> Desenfoque> Desenfoque de lente y aplique la configuración que se muestra a continuación. Puede usar Gaussian Blur si su sistema se atraganta con el Lens Blur, pero es menos efectivo.

Vaya a Capa> Nueva capa de ajuste> Tono / Saturación y deslice el controlador de Saturación a -48.

Luego, agregue una Capa de ajuste de curvas directamente sobre la Tono / Saturación.


Paso 12

Abra la imagen de Chimney de sxc.hu, recórtela, cópiela y péguela en el documento de trabajo. Llámelo "CHIMENEA", redimensione, gire y duplique hasta que tenga tres escapes. Crea un grupo de capas con las tres capas de "CHIMENEA" y llámalo "CHIMENAS".

Crea una nueva capa llamada "CHIMNEY_SHADOW" y configura el modo de mezcla en Multiplicar. Vamos a dibujar sombras en esta capa como lo hemos sido, pero esta vez usaremos las capas "CHIMENEA" para enmascarar las áreas en las que queremos dibujar. Comando-clic en la capa "CHIMENEA" para la que desea crear una sombra. Si la selección realizada atrapa algunas de las otras chimeneas, presione Comando + Alt + clic en la capa apropiada. Luego dibuje la sombra en la capa "CHIMNEY_SHADOW". Mira la imagen de abajo para ver un ejemplo..

Abra la imagen de la nube desde sxc.hu y vaya a Imagen> Ajustar> Desaturar. Luego ajuste los niveles como se muestra.

Selecciona la herramienta de grabación, configúrala en Sombras en aproximadamente el 25% y quema todas las áreas del cielo que aún no estén negras.

Pegue la imagen de la nube ajustada en el documento de trabajo y muévala al grupo "CHIMENAS". Establezca el modo de fusión en pantalla y llame a la capa "HUMO". Si alguno de los cielos detrás de la nube es visible, quema. Cree duplicados de "HUMO" y colóquelos de modo que parezcan emitidos por las chimeneas. Elimine áreas del humo y juegue hasta que tenga algo similar a la imagen de abajo. Debería poder crear el mismo efecto utilizando solo una imagen de nube..


Paso 13

Comience a construir su composición utilizando los elementos apropiados. He añadido algunos Cogs (de sxc.hu) y otro elemento al área de la mochila. Es una buena práctica nombrar todas las capas y agruparlas cuando sea posible. Cada nuevo elemento también tiene su propia capa de sombra. Vale la pena mencionar que ajusté el tono / saturación de los dientes para dar más sensación de latón..


Paso 14

Crea una nueva capa y llámala "PIPE". Use la herramienta Pluma para dibujar una línea recta (Establecer en Trayectorias no en Capas de forma) y luego seleccione la Herramienta Pincel y configúrela como se muestra.

Establezca el color de primer plano en # 52422b. Finalmente, vaya a la paleta de Rutas, seleccione la Ruta que acaba de dibujar y elija Trazar Ruta en el submenú. Asegúrese de que el pincel esté configurado en 100% de opacidad y 100% de flujo.

Una vez que haya trazado su ruta, vaya a Capa> Estilo de capa> Sombra interior y aplique la configuración como se muestra.

Configure el bisel y el relieve como se muestra.

Cree una capa en blanco debajo de "PIPE", seleccione ambas capas y presione Comando + E para combinarlas. Esto rasterizará los estilos de capa..

Agregar un filtro de ruido (Filtro> Ruido> Agregar ruido) ...

… Use un desenfoque gaussiano de 1.0 píxeles (Filtro> Desenfoque> Desenfoque gaussiano) ...

... y, finalmente, un Smart Sharpen (Filtro> Sharpen> Smart Sharpen).


Paso 15

Abra la imagen del medidor eléctrico (gracias a Phillip Flores por esta imagen) de sxc.hu y córtela, cópiela y péguela en el documento de trabajo. Colóquelo directamente sobre "TUBO" y llámelo "DIAL". También cambié "PIPE" a "PIPE_DIAL", ya que haremos muchos más tubos en un momento. Cambie el tamaño y gire el "DIAL" para ajustar, gire la capa "PIPE" para reflejar el ángulo del dial.


Paso 16

Abra la imagen de la bombilla de sxc.hu y córtela, cópiela y péguela en el documento de trabajo. Separe la bombilla real de la broca de metal y colóquela en sus propias capas llamadas "BULB" y "LIGHTBULB_BASE".

Cambie el tamaño y gire las capas "BULB" y "LIGHTBULB_BASE" como se muestra. Duplique la capa "PIPE_DIAL", llámela "PIPE_LIGHTBULB" y gírela para alinearla con la bombilla real.

Comando-clic en la miniatura de la capa "BOMBILLA" para crear una selección. Cree una nueva capa llamada "BULB_BRIGHTNESS" y rellénela con el color # fff48a. Cambie el Modo de fusión de la capa a Pantalla y la Opacidad de la capa a 87%. Luego agrega un desenfoque gaussiano de 6.0 píxeles.

Duplica la capa "BULB" y llámala "BULB_OVERLAY". Colóquelo justo encima de "BULB" en la paleta de capas y ajuste su tono / saturación como se muestra. Cambia el modo Layer Blend a Multiply.

Seleccione "BOMBILLA" y vaya a Capa> Estilos de capa> Sombra paralela. Puedes usar esto para crear un brillo suave, ver más abajo.

Agrega un brillo externo para darle un brillo más profundo a la "BOMBILLA".


Paso 17

Ahora es el momento de agregar algunos tubos más de la misma manera que hicimos antes. Dé a cada tubería su propia capa y hágala pasar por el mismo proceso que se describe en el Paso 14. Pruebe también diferentes espesores.


Paso 18

Ahora que el lado de la composición está en gran parte completo, puedo ver que parte del fondo distrae. Utilice la herramienta de sello de clonación para eliminar las áreas del fondo (capa "CONSTRUCCIÓN") que interfieren con el primer plano.


Paso 19

Duplique la más grande de sus capas "SMOKE" y muévala a la parte superior de la paleta de capas. Llame a esta capa "FOG" y cambie el tamaño, gire y vuelva a colocarla para que se empañe el fondo sin ocultar demasiados detalles. Soltar la capa de opacidad a aproximadamente el 85%..

Duplique "FOG" y cambie su tamaño, gírelo y vuelva a colocarlo en el otro lado del lienzo.

Finalmente, cree una nueva capa sobre las capas "FOG" llamada "FOG_FILLER". Use un pincel grande de bordes suaves para estampar en pedazos de vapor detrás de las nubes "FOG". Mezcle el tamaño del pincel entre 400 píxeles y 1000 píxeles. Varíe la cantidad de veces que imprime en un lugar para lograr diferentes densidades dentro de la nube de niebla.


Paso 20

Selecciona todas tus capas hasta el momento y duplicalas. Combinar todas las capas duplicadas y llamarlo "FLATTENED". Duplique "FLATTENED" y seleccione el duplicado, luego vaya a Filtro> Otros> Paso alto y aplíquelo a 2.0 píxeles. Cambia el modo de mezcla a Overlay.

Agregue una capa de ajuste de curvas para aumentar el contraste y mejorar los tonos generales.

Agregue una capa de ajuste de tono / saturación para reducir la saturación.

Agregue una capa de ajuste de mapa de degradado para aplicar un modelo de color azul.


Paso 21

Cree una nueva capa y llámela "HIGHS / LOWS", luego rellénela con un 50% de gris. Use la herramienta de grabación para grabar los bordes del lienzo, especialmente en el área del cielo. Esto agregará una viñeta y algo de profundidad muy necesaria para el cielo. Esto es mucho más fácil si tienes una tableta gráfica..

Reducir considerablemente el tamaño del pincel para quemar en los detalles faciales. Use un tamaño de pincel apropiado para el espacio que está afectando. Selecciona cualquier área en la que las sombras puedan usar un impulso.

Use un cepillo muy fino para tratar los detalles más finos, como arrugas, bordes de labios y cualquier otra cosa de naturaleza similar. Usa la técnica en toda la imagen, no solo en la cara..

Seleccione la herramienta Dodge y, utilizando la misma configuración que la grabación, comience a esquivar las áreas en las que desea realzar los aspectos más destacados. El mejor enfoque es reforzar lo que ya está en la foto, en lugar de ser demasiado creativo..

Así es como se ve sin "HIGH / LOWS" visible ...

... y aquí está la capa establecida en Normal en lugar de Superposición. Observa las zonas tratadas y la variedad en tamaño de pincel..


Paso 22

Duplique "FLATTENED" y desaturarlo e invertirlo. Aplique un desenfoque gaussiano de 40 píxeles, ajuste los niveles, establezca el modo de fusión de capa en Superposición y reduzca la opacidad a alrededor del 25%. Esto igualará el balance tonal, dibujando los ultra oscuros y las luces en el tablero..


Paso 23

Si desea ir por la ruta ultraestilizada, abra la imagen de textura de papel de sxc.hu (o cualquier imagen de textura de papel que desee) e impórtela en su documento. Colóquelo en la parte superior de la paleta Capas y duplíquelo dos veces (tres capas en total). Establezca la capa superior en Color Burn a 25% de opacidad.

Configura la segunda capa de papel a Color al 30%.

Finalmente, establezca la capa de papel inferior en Luz dura al 30%. Esto asegurará una superposición de textura rica que no mata demasiado el contraste de las imágenes, al tiempo que conserva la textura y la claridad de la imagen..


3. Conclusión

¡Uf! OK eso fue una introducción a Steampunk. Una vez que te hayas familiarizado con el estilo y las técnicas, hay un mundo de máquinas, personajes y lugares para crear. Disfrutar!

Suscríbase a Psdtuts + RSS Feed para obtener los mejores artículos y artículos de Photoshop en la web.