Crea asombrosos Tron Legacy Fan Art en Photoshop

"Tron Legacy" de Disney presentó algunos efectos especiales impresionantes. En este tutorial explicaremos cómo lograr resultados similares utilizando técnicas de pintura digital, composición y efectos de iluminación. Empecemos!


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • Pinceles De Textura De La Piel por Sheridan J
  • Paquete de pinceles de textura de piel de David Nagal serie 37
  • Cepillos de Dan Luvisi (deviantART)

Paso 1: El Sketch / Lineart

Antes de comenzar a pintar, ya tengo una idea sólida de lo que busco. Y como prefiero el realismo, ¡recoger muchas referencias es una necesidad! Recopilé algunas fotos de la película que inicialmente me inspiraron y me ayudarán a lograr el aspecto realista que tenía en mente.!

Una vez que haya esbozado mi idea, limpio el lineart para poder verlo más claramente y ahora estoy listo para bloquear los colores. También creo que es mejor comenzar con un color de lienzo más oscuro (como el gris o el blanco apagado). Probablemente sea solo yo, pero me parece que mirar un documento puro [#ffffff] es algo intimidante y poco inspirador.



Paso 2: Bloqueo en los colores base

En una nueva capa debajo de las líneas del boceto, comienzo a pintar en mis colores base. Me aseguro de dividir los bloques de color en capas separadas (es decir, cara - pelo - parte superior - mano - disco). Simplemente lo hace más fácil cuando están separados, ¡y puedo concentrarme en una sección a la vez en lugar de pintarlas todas en una capa! Tampoco estoy muy preocupado por el color de la base: ¡la mayoría de los tonos de piel que se ven en la película están muy desaturados y en su mayoría están resaltados con tonos de azul y gris! Primero, el cepillo de aire de bordes duros es mi arma principal de elección, y se puede encontrar en cualquier versión de Photoshop!




Paso 3: Sombreado

¡Siempre comienzo con la cara cuando comienzo a agregar los tonos, ya que es principalmente el punto focal principal y el héroe de la pintura! En una nueva capa, y aún utilizando el aerógrafo Hard Round con una opacidad del 40% al 50%, casi comienzo a bloquear en las sombras. Creo que es mejor comenzar con los tonos medios y gradualmente ir oscureciéndose (su cuello y oreja son las partes más oscuras hasta ahora) para que los tonos no se vuelvan demasiado embarrados o enlodados para empezar. ¡No tienes que ser demasiado preciso todavía! Mantenlo suelto, solo se trata de construir las sombras ahora mismo.



Paso 4: Texturizado

Una vez que estoy contento con las sombras y los reflejos que he construido alrededor de toda la cara hasta ahora, uso la herramienta Cuentagotas / selector de color en los tonos que ya he pintado allí, y comienzo a mezclarlos con el paquete de pinceles David Nagal Skin Texture ! Esto eliminará gradualmente todos los trazos de pincel visibles y los valores de la piel comenzarán a mezclarse sin problemas, y la cara tendrá una apariencia casi tridimensional..




Paso 5: Detalle e iluminación

¡Esta es siempre la parte más tediosa! En una nueva capa, me acerco a la derecha y recorro las áreas más pequeñas con un pincel de 3-5 píxeles. Se trata de apretar los detalles generales, como sus ojos, cejas, fosas nasales, labios y orejas. Este es también un buen momento para introducir luces y sombras más fuertes. También cambié el color de fondo a un tono más oscuro para poder ver la iluminación de la llanta a lo largo de su rostro con mucha mayor claridad, ¡y parece que realmente salta de la página! Siempre es un pequeño toque increíble que agrega ese pequeño factor 'wow' a tu arte, especialmente contra un fondo más oscuro!



Paso 6: Cabello

Ahora rellenaré el cabello con el pincel Redondo Blunt Medium Stiff (que se encuentra en Photoshop CS5). Este cepillo no es absolutamente necesario, ya que puede obtener el mismo efecto con un aerógrafo de bordes duros de 1-2 píxeles y muchos golpes. Esto es solo más rápido para cubrir un área más grande de cabello. De hecho, alterno entre un pincel de un solo píxel y este, para que puedas mezclarlo y obtener una variación de peso con cada hebra de cabello.!


Una vez más, comienzo agregando los tonos medios con una opacidad de nivel medio, luego, gradualmente, construyo las áreas más oscuras. En una capa separada de los tonos anteriores, agrego las hebras más claras sobre la parte superior donde la luz recoge el cabello (vea alrededor de los bordes delanteros y la oreja). Además, al pintar el cabello, es mejor mantener los trazos que salen del cuero cabelludo hacia afuera, simplemente siga donde crece el cabello.!



Paso 7: Toques finales

Una vez que termine de rellenar el cabello, solo utilicé la herramienta Esquivar (configurada en Resaltar) y la pasé por un par de áreas para resaltar un poco más los toques de luz y darle un toque de dimensión sutil.



Paso 8: Rastrojo de cara

Solo para terminar los detalles finales de su rostro, creo una nueva capa y la etiqueté Barba. Con un aerógrafo redondo duro de 2-3 píxeles, simplemente me coloco alrededor de su barbilla y mandíbula para resaltar el rastrojo y hacer que se vea más áspero. También alterno entre pequeñas hebras de color marrón oscuro y blanco (donde la luz se refleja).



Paso 9: Ropa

Ahora que estoy contento con los detalles de su rostro, ¡la siguiente área a la que debo avanzar son sus hombros / ropa! Al ser un tono más oscuro, casi negro, no requiere demasiados detalles y trabajo. Realmente solo voy a agregar reflejos y un poco de textura aquí y allá. Es difícil ver cómo funciona la línea negra, así que solo invierto el color de mi línea dibujada a blanco (Comando / Ctrl + I) para que sea mucho más visible.



Paso 10: Texturizar la ropa

El pincel con el que elegí resaltar esto es un pincel suave y moteado (que se encuentra en este paquete de pinceles para la piel, como se muestra en el enlace anterior), pero pensé que era perfecto para agregar un toque de rugosidad al material del traje. Una vez más, trabajando en una baja opacidad (alrededor del 20% -30%) con un tono gris medio, gradualmente acumulo luz en algunas áreas más abiertas..




Paso 11: Iluminación

Luego, finalmente, agregue un poco más de iluminación de llanta con el aerógrafo Hard Round de nuevo para afilar algunos de los bordes..



Paso 12: Creando el fondo

Para el fondo, quería hacer algo muy simple, pero no demasiado simple y soso. Me inspiré más en la película y decidí ir con un fondo simple en la nube..

Creé un documento nuevo (relevante para el tamaño de mi espacio de trabajo, digamos 7000px x 5000px) y con mi color de primer plano configurado a un turquesa (# 007486) y mi color de fondo un tono mucho más oscuro de ese (# 00131a) Simplemente fui Filtro > Render> Nubes.



Paso 13: transformando el fondo

A continuación, utilicé la herramienta Rectangular Marquee y simplemente elegí un pequeño segmento del relleno de la nube [de aspecto bastante pegajoso], y duplicé esa pequeña pieza (Comando / Ctrl + J) en su propia capa. Luego, haciendo clic con el botón derecho y seleccionando Transformación libre, podría estirar esa pequeña pieza para cubrir todo el documento, dando a todo el fondo una buena variación de tonos. Casi como un efecto de nube de humo.


Pulsa Comando / Ctrl + J para convertir la pieza seleccionada de la nube en un elemento.





Paso 13

Luego utilicé un poco de la herramienta Dodge (Establecer en destacados) y la Herramienta de grabación (Establecer en medios tonos) para oscurecer algunas áreas e iluminar otras, y moví los Niveles (Comando / Ctrl + L) solo una fracción para alterar los tonos generales!



Paso 14: Efecto facial final

Otro efecto ingenioso que decidí agregar a su rostro para un poco más de drama, fue un ligero tono azul. Seleccione toda la capa facial manteniendo pulsado Comando / Ctrl y haciendo clic en la capa BASE. Luego, en una nueva capa (llamada AZUL), use el aerógrafo de bordes suaves y pinte con cuidado en un azul fuerte (# 0cd2f5) alrededor de los bordes de su cara.




Paso 15

A continuación, reduzca la opacidad de esa capa a aproximadamente 50% - 60%, y configure su modo de fusión en Color. Borré suavemente algunas áreas que eran demasiado pesadas. Ahora su cara tiene un bonito toque de azul! También repasé otras áreas de la misma manera (como su cabello y un poco de su traje) solo para equilibrarlo.




Paso 16: El disco

Ahora que tengo la figura principal y el fondo renderizados a mi gusto, es el momento de completar la parte final. ¡El disco! Una vez más, he invertido mi trabajo de línea negra a blanco (Comando / Ctrl + I) solo para ver a dónde voy con el bloqueo de color. También aclaré el color de fondo otra vez para más visibilidad..



Paso 17: Renderizar el disco

En algunas capas nuevas, usaré el mismo cepillo suave para la piel (Re Paso 10) y rellenaré ligeramente algunas áreas de luces alrededor de la masa central del disco y algunas secciones de su mano enguantada, solo para separarlo del color sólido del disco.



Paso 18: Detallado del disco

Las líneas rectas a través del medio fueron trazadas con la herramienta Pluma para que se vieran nítidas y definidas, y luego se borraron un poco (con la herramienta Borrador establecida en una Opacidad baja) para eliminar la consistencia sólida del valor. También coloqué algunas pequeñas luces cuadradas en los bordes que también creé con caminos para mantenerlas afiladas y angulares..



Paso 19: Detallado del disco

Cuando estoy satisfecho con el renderizado, enciendo el resto de las capas y el fondo para ver cómo se ven juntos. También aprovecho esta oportunidad para agregar un poco más de Rim Lighting alrededor del borde del disco para separarlo un poco más del entorno!



Paso 20: Recorte de iluminación

Ahora es el momento de agregar los efectos que realmente gritan "¡TRON!" Primero empezaré con las secciones de luz amarilla. Creo una nueva capa por encima de todo lo demás y la llamo "LUCES AMARILLAS". (También recomiendo agrupar estas siguientes capas en su propia carpeta solo para mantenerlas en orden)

Una vez más, utilicé la herramienta Pluma para recorrer los adornos de la luz para que se vieran nítidos. Para la parte circular, solo usé la herramienta Elipse [forma] para obtener un círculo agradable y consistente (use la herramienta de transformación y inclínela / distorsione un poco para sentarme correctamente en la posición). Luego llené esas secciones con un amarillo sólido. También utilicé un poco de Dodge Tool (configurado en tonos medios) para dividir el color amarillo sólido y agregar algunos valores más claros en todo.



Paso 21: Estilo de capa

A continuación es hora de agregar los efectos. Al abrir las Opciones de fusión en mi capa 'AMARILLA LUZ', apliqué estas configuraciones y las modifiqué un poco hasta que obtuve el efecto deseado.




Paso 22: Iluminación del borde del disco

Para crear el recorte de luz alrededor del centro del disco, es casi lo mismo que antes: creé otra capa, y volví a usar la herramienta Elipse Shape, y la arrastré para cubrir el centro del disco..



Paso 23: Iluminación del borde del disco

Esta vez, acaricié el camino con un pincel de bordes duros en una configuración de píxeles relativamente gruesa. (90px en este caso) y configure el color de primer plano / trazo en blanco. También eliminé un espacio en la parte superior del círculo según el diseño del disco.



Parte 24: Estilo de capa

Finalmente, abra las opciones de fusión para esta capa y aplique los mismos ajustes, pero con azul en lugar de naranja, y ajústelos a su gusto. Ahora tienes algunos efectos de iluminación inteligentes de TRON!




Paso 25: Rayas de luz

Aunque mi pintura es relativamente completa, hay un pequeño efecto más que siento que le dará ese toque extra de elegancia, brillo y un poco de movimiento y energía.!

En un documento nuevo, (preferiblemente rellenado en negro o en un color oscuro) crea una nueva capa y llámala "Racha de luz".



Paso 26

Seleccione el aerógrafo de borde suave con la opacidad ajustada hasta el 100%, punto en un solo punto blanco.



Paso 27

Ahora aplique la herramienta Transformación libre a su punto difuso, y tire, aplaste y estire la selección [horizontalmente] hasta que obtenga una buena y larga racha de luz. Nota: Realmente no importa si la racha de luz es demasiado pequeña o demasiado grande para su pintura; el ajuste del tamaño no afectará su apariencia ya que ya tiene un aspecto suave y borroso!



Paso 28: aplicando las rayas de luz

Una vez que terminé de crear mi racha de luz, arrastré esa capa a mi pintura y las coloqué alrededor de algunas áreas seleccionadas, como la parte superior e inferior del disco, y un poco de la iluminación recortada a lo largo de su traje..



Paso 29: Efectos de rayo de luz

Luego agregué un estilo de capa "Resplandor exterior" simple a mis rayas para combinarlas un poco más con los colores, en lugar de dejarlas simplemente en blanco. También fortalecí el centro de ellos donde se encuentran con la luz en la imagen con la herramienta Dodge (Resaltar) para el toque final que necesitaba!



Conclusión

Y eso concluye mi tutorial para mi pieza "Tron Legacy - GAME ON". Gracias por leer, y espero que haya aprendido algo de este tutorial. Por favor, prueba algunos de estos efectos! Son relativamente simples, pero son las cosas simples las que pueden darle a tu trabajo un toque especial.!