Técnicas Digitales, Clase 13 Pintura Digital
-
Upload
tania-munoa -
Category
Design
-
view
208 -
download
0
Transcript of Técnicas Digitales, Clase 13 Pintura Digital
![Page 1: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/1.jpg)
Técnicas de representación digitales
Clase 13: Pintura digital en photoshop
TAMM-23septiembre2016
![Page 2: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/4.jpg)
![Page 5: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/5.jpg)
Estudio y bocetaje
![Page 6: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/6.jpg)
De boceto burdo a lineart (limpieza del boceto)
![Page 7: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/8.jpg)
Aplicación de colores sólidos
![Page 9: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/9.jpg)
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 10: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/10.jpg)
http://conceptcookie.deviantart.com/art/Getting-Started-Color-Basics-398299191
![Page 11: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/11.jpg)
![Page 12: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/13.jpg)
![Page 14: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/14.jpg)
![Page 15: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/16.jpg)
![Page 17: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/17.jpg)
![Page 18: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/18.jpg)
Proceso
![Page 19: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/19.jpg)
Contrastes para obtener volúmenes.
![Page 20: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/20.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/21.jpg)
![Page 22: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/22.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/23.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/24.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/25.jpg)
• Edgar Gómez http://edgargomezart.deviantart.com/http://www.livestream.com/edgargomez
![Page 26: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/26.jpg)
• Stanley Lau (Artgerm)http://artgerm.deviantart.com/http://new.livestream.com/stanleyartgermlau
![Page 27: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/27.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/28.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/29.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/30.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/31.jpg)
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://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/32.jpg)
https://es.pinterest.com/pin/467741111278720500/
![Page 33: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/33.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/34.jpg)
![Page 35: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/35.jpg)
![Page 36: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/36.jpg)
![Page 37: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/37.jpg)
![Page 38: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/38.jpg)
![Page 39: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/39.jpg)
No hagan esto… digo…
![Page 40: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/40.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/41.jpg)
Sketch-a-day de la semana
¡Cepillos de dientes!
![Page 42: Técnicas Digitales, Clase 13 Pintura Digital](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/42.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022062412/58a172271a28ab04278b51d9/html5/thumbnails/43.jpg)
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