técnicas digitales: clase13 pinturadigital em2017

45
Técnicas de representación digitales Clase 13: Pintura digital en photoshop TAMM-28febrero2017

Upload: tania-munoa

Post on 21-Mar-2017

237 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Técnicas Digitales: Clase13 pinturadigital em2017

Técnicas de representación digitales

Clase 13: Pintura digital en photoshop

TAMM-28febrero2017

Page 2: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017
Page 5: Técnicas Digitales: Clase13 pinturadigital em2017

Estudio y bocetaje

Page 6: Técnicas Digitales: Clase13 pinturadigital em2017

De boceto burdo a lineart (limpieza del boceto)

Page 7: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

Aplicación de colores sólidos

Page 9: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017
Page 12: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017
Page 14: Técnicas Digitales: Clase13 pinturadigital em2017
Page 15: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017
Page 17: Técnicas Digitales: Clase13 pinturadigital em2017

Contrastes para obtener volúmenes.

Page 18: Técnicas Digitales: Clase13 pinturadigital em2017
Page 19: Técnicas Digitales: Clase13 pinturadigital em2017

Proceso

Page 20: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017
Page 22: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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

Page 26: Técnicas Digitales: Clase13 pinturadigital em2017

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

Page 27: Técnicas Digitales: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Clase13 pinturadigital em2017

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: Viernes 3 de marzo antes de las 11:59pmVideo: http://www.youtube.com/watch?v=6VX-wujJbbk

Page 32: Técnicas Digitales: Clase13 pinturadigital em2017

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

Los 4 objetos deben convivir en el mismo espacio, por tanto tener la misma perspectiva y el mismo piso. Las sombras indican la posición de dicho piso.

Traer a clase un avance del 80%

Page 33: Técnicas Digitales: Clase13 pinturadigital em2017

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: Martes 7 de marzo antes de las 11pm.• Llevar avance del 40% mínimo para la clase del viernes 3

de marzo.

Page 34: Técnicas Digitales: Clase13 pinturadigital em2017
Page 35: Técnicas Digitales: Clase13 pinturadigital em2017
Page 36: Técnicas Digitales: Clase13 pinturadigital em2017
Page 37: Técnicas Digitales: Clase13 pinturadigital em2017
Page 38: Técnicas Digitales: Clase13 pinturadigital em2017
Page 39: Técnicas Digitales: Clase13 pinturadigital em2017
Page 40: Técnicas Digitales: Clase13 pinturadigital em2017
Page 41: Técnicas Digitales: Clase13 pinturadigital em2017
Page 42: Técnicas Digitales: Clase13 pinturadigital em2017

No hagan esto… digo…

Page 43: Técnicas Digitales: Clase13 pinturadigital em2017

Reporte: Understanding Composition • Verán el video de la liga:https://www.youtube.com/watch?

v=O8i7OKbWmRM

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

• Entrega: Martes 7 de marzo antes de las 3pm :D

Page 44: Técnicas Digitales: Clase13 pinturadigital em2017

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 45: Técnicas Digitales: Clase13 pinturadigital em2017

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