técnicas digitales, clase 13 pintura digital

43
Técnicas de representación digitales Clase 13: Pintura digital en photoshop TAMM-23septiembre2016

Upload: tania-munoa

Post on 13-Feb-2017

207 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Técnicas Digitales, Clase 13 Pintura Digital

Técnicas de representación digitales

Clase 13: Pintura digital en photoshop

TAMM-23septiembre2016

Page 2: Técnicas Digitales, Clase 13 Pintura Digital

Objetivos• El alumno aprenderá a aplicar

color y texturas a sus bocetos con la herramienta brush.

• Aprenderá las técnicas de speed paint y pintura digital para generar volúmenes, aplicar materiales y lograr una vista más profesional de sus bocetos.

Page 3: Técnicas Digitales, Clase 13 Pintura Digital

Lineart (delineado)El boceto puede ser un escaneo o realizado de manera

digital en photoshop o en otros programas (sketchbook pro, painter, corel, sai, etc.)

El boceto puede ser burdo, rayado o poco definido, ya que en photoshop se puede terminar de definir las líneas.Al trazo de líneas que serán las guías para el coloreado se llama lineart.

Page 4: Técnicas Digitales, Clase 13 Pintura Digital
Page 5: Técnicas Digitales, Clase 13 Pintura Digital

Estudio y bocetaje

Page 6: Técnicas Digitales, Clase 13 Pintura Digital

De boceto burdo a lineart (limpieza del boceto)

Page 7: Técnicas Digitales, Clase 13 Pintura Digital

Aplicación de colorYa teniendo el lineart, o la

idea de lo que se quiere dibujar (bosquejo o imaginación), se procede a aplicar los colores base del dibujo.

El color base es un sólido que de preferencia sea el color del objeto.

Page 8: Técnicas Digitales, Clase 13 Pintura Digital

Aplicación de colores sólidos

Page 9: Técnicas Digitales, Clase 13 Pintura Digital

Posteriormente se aplican luces y sombras con colores más obscuros o claros utilizando brushes con distintos calibres y opacidades.

http://conceptcookie.deviantart.com/art/Getting-Started-Lighting-and-Building-Values-398299186

http://conceptcookie.deviantart.com/art/Fundamentals-Value-Shading-Demo-351688153

http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191

Page 11: Técnicas Digitales, Clase 13 Pintura Digital
Page 12: Técnicas Digitales, Clase 13 Pintura Digital

Brillos y reflejos

Sombras suaves

Identifiquen la fuente de luz (solecito feliz ) y aplicar la luz y sombra dependiendo de esta.

Page 13: Técnicas Digitales, Clase 13 Pintura Digital
Page 14: Técnicas Digitales, Clase 13 Pintura Digital
Page 15: Técnicas Digitales, Clase 13 Pintura Digital

Valores tonales

Comportamiento básico de la luz:

https://es.pinterest.com/pin/467741111278599866/

https://es.pinterest.com/pin/485966616024178795/

Lección de vida:

https://es.pinterest.com/pin/467741111283135130/

Page 16: Técnicas Digitales, Clase 13 Pintura Digital
Page 17: Técnicas Digitales, Clase 13 Pintura Digital
Page 18: Técnicas Digitales, Clase 13 Pintura Digital

Proceso

Page 19: Técnicas Digitales, Clase 13 Pintura Digital

Contrastes para obtener volúmenes.

Page 20: Técnicas Digitales, Clase 13 Pintura Digital

Para algunos efectos más dramáticos se pueden utilizar las herramientas de dodge, burn y sponge.

• Dodge: Aclara el color• Burn: Quema el color• Sponge: Saturación y

desaturación

Nota: cuidado de no abusar de estas herramientas, es mejor aplicar colores y acentuar con estas herramientas.

Page 21: Técnicas Digitales, Clase 13 Pintura Digital
Page 22: Técnicas Digitales, Clase 13 Pintura Digital

Trucos para colorear• Teniendo el color sólido,

se dirigen a la sección de layers->Lock y dar click al cuadrito con cuadritos grises y blancos para bloquear el color.

• Así nada más colorearán el color sólido que hay en el layer. Sirve para aplicar detalles sin salirse de la raya.

Page 23: Técnicas Digitales, Clase 13 Pintura Digital

Otro truco• Teniendo el sólido en el layer al cual se le

quiere aplicar la textura se crea uno nuevo. Entre ambos se coloca el cursor y se aprieta ALT + Click Izquierdo (aparece una flecha que indica que el layer de arriba sólo afecta al de abajo).

Page 24: Técnicas Digitales, Clase 13 Pintura Digital

Y hay más o.O

• Pueden pintar todo en escala de grises (monocromático) y después se puede agregar color usando los blenders de capa: soft light, overlay, hard light, screen, etc.

Page 25: Técnicas Digitales, Clase 13 Pintura Digital

• Edgar Gómez http://edgargomezart.deviantart.com/http://www.livestream.com/edgargomez

Page 26: Técnicas Digitales, Clase 13 Pintura Digital

• Stanley Lau (Artgerm)http://artgerm.deviantart.com/http://new.livestream.com/stanleyartgermlau

Page 27: Técnicas Digitales, Clase 13 Pintura Digital

Más gente fregona y links útiles :D• Udon Crew (tutorials)http://udoncrew.deviantart.com/gallery/2256490/Tutorials• Cryptid Creationshttp://cryptid-creations.deviantart.com/

• Digital Painting techniques (Biblioteca ditigal) https://millenium.itesm.mx/validate?url=http%3A%2F%2F0-search.ebscohost.com.millenium.itesm.mx%3A80%2Flogin.aspx%3Fdirect%3Dtrue%26user%3Ds8461332%26password%3Dpassword%26db%3Dnlebk%26AN%3D309908%26site%3Dehost-live

Page 28: Técnicas Digitales, Clase 13 Pintura Digital

Brushes• Los brushes sirven para dar texturas,

dependiendo de su configuración, figura, opacidad y espaciado.

http://conceptcookie.deviantart.com/art/Getting-Started-Brushes-and-Erasers-398299178

https://es.pinterest.com/pin/467741111279191885/

Page 29: Técnicas Digitales, Clase 13 Pintura Digital

Recomendación para pintar• Paleta de colores: Generar un layer con

todos los tonos sólidos que van a usar para pintar.

• Para llamar al gotero (y utilizar cierto color que se encuentre en la imagen) se tiene la herramienta en Brush (B) y se aprieta ALT + click izquierdo.

Page 30: Técnicas Digitales, Clase 13 Pintura Digital

http://kunkka.deviantart.com/art/Clash-of-Heroes-II-step-by-step-412471486

http://zevenstorms.deviantart.com/art/Advanced-layer-Tutorial-148909093

Page 31: Técnicas Digitales, Clase 13 Pintura Digital

Ejercicio 11: Valores tonalesEl alumno realizará 4 figuras geométricas con valores

tonales en monocroma de gris aplicando brushes duros y suaves (como el visto en el video de conceptcookie). La luz vendrá de una de las esquinas superiores, izquierda o derecha, como lo prefieran.

Formato: 1024x768, 150 dpis.Entrega: Martes 4 de octubre antes de las 11:59pmVideo: http://www.youtube.com/watch?v=6VX-wujJbbk

Page 32: Técnicas Digitales, Clase 13 Pintura Digital

https://es.pinterest.com/pin/467741111278720500/

Page 33: Técnicas Digitales, Clase 13 Pintura Digital

Ejercicio 12: Paintover• Los alumnos realizarán un paintover sobre una escena de

una película de animación en 2D, tratando de darle una impresión distinta, más tridimensional.

• Aquí necesitan identificar la fuente de luz, el tipo de sensación de la escena e iluminación correspondiente, los materiales y usar diferentes tipos de brushes para lograr el objetivo.

• Documento: Carta, 150 dpis (tienen que colocar ambas imágenes en el documento para ver el ante y después)

• Entrega: Viernes 7 de octubre antes de las 11pm.• Llevar avance del 50% mínimo para la clase del martes 4

de septiembre

Page 34: Técnicas Digitales, Clase 13 Pintura Digital
Page 35: Técnicas Digitales, Clase 13 Pintura Digital
Page 36: Técnicas Digitales, Clase 13 Pintura Digital
Page 37: Técnicas Digitales, Clase 13 Pintura Digital
Page 38: Técnicas Digitales, Clase 13 Pintura Digital
Page 39: Técnicas Digitales, Clase 13 Pintura Digital

No hagan esto… digo…

Page 40: Técnicas Digitales, Clase 13 Pintura Digital

Lectura : The 4 virtues of speed painting • Realizarán la lectura de la liga:http://www.thegnomonworkshop.com/news/

2013/07/the-4-virtues-of-speed-painting

• Realizarán el reporte y lo enviarán vía correo electrónico a: [email protected]

• Entrega: Viernes 7 de octubre antes de las 11:59pm.

Page 41: Técnicas Digitales, Clase 13 Pintura Digital

Sketch-a-day de la semana

¡Cepillos de dientes!

Page 42: Técnicas Digitales, Clase 13 Pintura Digital

Lecciones de vida• Mindsetshttps://es.pinterest.com/pin/467741111283135128/• Reference and stylehttps://es.pinterest.com/pin/350014202274480395/• Color Harmonyhttps://es.pinterest.com/pin/

AVkMspcCRcqNPAg4khl2BgYDieSbj3DxT5kyQoJjL36tKGIXx_A5KdY/

Page 43: Técnicas Digitales, Clase 13 Pintura Digital

Videos muuuuy útiles • Mulan paintover con Photoshophttps://www.youtube.com/watch?

v=0tOKJUgQCJc• Nimh Paintover tutorial 1http://www.youtube.com/watch?v=soo9fmscGi4• Nimh Paintover tutorial 2http://www.youtube.com/watch?v=LmtwG3cUtlk• Let’s Talk Colorhttp://www.youtube.com/watch?v=8YHL7po10Ug