Taller 2 cuadernia, consejos para el diseño de materiales educativos digitales
Técnicas digitales Clase15 materiales pinturadigital
-
Upload
tania-munoa -
Category
Design
-
view
350 -
download
2
Transcript of Técnicas digitales Clase15 materiales pinturadigital
![Page 1: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/1.jpg)
Técnicas de representación digitalClase15: Materiales
TAMM-4octubre2016
![Page 2: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/2.jpg)
¡¡Aquí viene lo buenooouuu!!
![Page 3: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/3.jpg)
Materiales• Para poder representar distintos materiales es
necesario entender cómo funciona dicho material ante la luz: tipo de superficie (lisa o rugosa), tipo de reflejo (espejo o mate), transparencia, traslucido, opaco o sólido.
• Si no saben cómo se ve, busquen referencias en fotografías (no caricaturas).
• http://conceptcookie.deviantart.com/art/Getting-Started-Materials-398299197
![Page 4: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/4.jpg)
![Page 5: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/5.jpg)
![Page 6: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/6.jpg)
![Page 7: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/7.jpg)
![Page 8: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/8.jpg)
![Page 9: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/9.jpg)
¡¡¡NOTA!!!Delinear de blanco todas las aristas donde
hay cambio de planos, eso va a levantar el dibujo, darle volumen y “realismo”… TODAS, no una, no dos… ¡¡TODAS las aristas!!
¡¡Lo repetiré mil veces hasta que lo hagan!!
![Page 10: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/10.jpg)
![Page 11: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/11.jpg)
Metal: alto brillo, tiene cierto reflejo aunque sea mate o texturizado. Alto contraste entre brillos y sombras. Se usan muchos brushes texturizados.
http://digitalarttutorial.deviantart.com/art/Metal-study-Level-1-easy-306172165
![Page 12: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/12.jpg)
![Page 13: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/13.jpg)
CerámicaAcabado semejante al plástico (brillante o mate) Si es cerámica blanca, se usa una base gris muy clara para poder hacer contraste con los brillos y reflejos.
![Page 14: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/14.jpg)
Madera: se trazan las vetas, se utilizan 3 tonos para generar las texturas, los brillos y sombras.
![Page 15: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/15.jpg)
Hielo: alta reflexión (brillos blancos) y transparencias y traslúcidos.
![Page 16: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/16.jpg)
Cristal: es semejante al hielo pero su reflexión es mayor.
![Page 17: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/17.jpg)
Piedra: Sin reflejo y la textura depende del tipo de piedra.
![Page 18: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/18.jpg)
![Page 19: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/19.jpg)
![Page 20: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/20.jpg)
¡Más tips!• Detalles, todo es cuestión de detalles:
– Cuidar la uniformidad de los tonos en toda la escena
– Cuidar las sombras que todos los objetos, ropa, personas, animales, cosas, generan y dónde están pegando (interacción de todo con todo).
![Page 21: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/21.jpg)
![Page 22: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/22.jpg)
![Page 23: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/23.jpg)
![Page 24: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/24.jpg)
![Page 25: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/25.jpg)
![Page 26: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/26.jpg)
• Jesús Conde Tutoriales de pintura y texturas
https://www.youtube.com/user/JesusCondeArtStudio
![Page 27: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/27.jpg)
![Page 28: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/28.jpg)
Ejercicio 13: Texturizado para crear materialesRealizarán 4 esferas, 2 cubos y 3 libres, a los cuales aplicarán una texturas distintas en Photoshop utilizando distintas técnicas (usen brushes e imágenes de referencia):•Esferas:
– Madera– 1 tipo de Metal (mate y brillante, texturizado o liso, oxidado, etc.)– Plástico brillante– Plástico mate
•Cubos:– Madera– 1 tipo de metal
•Libres:– Fruta (limón, sandía, fresa, cereza, naranja, moras, etc.)– Vidrio (piedra preciosa, diamante, etc), hielo o agua– A gusto del cliente: gelatina, piel, burbuja, caramelo, etc.
![Page 29: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/29.jpg)
• Acomodar todos los objetos en una sola hoja.• Tamaño: carta• Resolución: entre 100 y 200 dpis• Revisión: Martes 11 de octubre en clase.• Entrega: Viernes 14 de octubre antes de las 3pm,
Facebook.
• “Tutorial” https://cgcookie.com/exercise/exercise-08-material-studies/
• https://es.pinterest.com/SamuelCDesign/drawing-texture-and-technique-tutorials/
![Page 30: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/30.jpg)
![Page 31: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/31.jpg)
![Page 32: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/32.jpg)
http://cgcookie.deviantart.com/art/Exercise-36-Results-Berries-Step-by-Step-Chart-515350687
![Page 33: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/33.jpg)
http://cgcookie.deviantart.com/art/Exercise-26-Results-Shading-Gems-Step-by-Step-462210728
![Page 34: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/34.jpg)
http://conceptcookie.deviantart.com/art/Exercise-27-Results-Candy-Study-Step-by-Step-465809982
![Page 35: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/35.jpg)
![Page 36: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/36.jpg)
![Page 37: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/37.jpg)
![Page 38: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/38.jpg)
Ejercicio 14: Ilustración digital
• Se les entregará un archivo a los alumnos con un lineart sucio y ellos tendrán que limpiarlo, componerlo, y aplicar pintura para presentar una composición.
• Pueden aplicar fondos, piso, agregar objetos (ambientar), modificar ligeramente, el chiste es que se sientan el volumen y los materiales.
![Page 39: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/39.jpg)
![Page 40: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/40.jpg)
Distintas técnicas
![Page 41: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/41.jpg)
![Page 42: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/42.jpg)
![Page 43: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/43.jpg)
Video del making of:
https://www.youtube.com/watch?v=oAwsLDZnISA
![Page 44: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/44.jpg)
Requerimientos• Entendimiento de materiales y volúmenes
aplicando color en Photoshop (luces, sombras, reflejos, etc.)
• Presentación del proyecto: manejo de guías y composición (ley de tercios), fondos, etc.
• Revisión: Martes 11 y Viernes 14 de octubre.
• Entrega: Sábado 15 de octubre antes de las 11:59pm por Facebook
![Page 45: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/45.jpg)
Videos de muestraIronman speed painthttp://www.youtube.com/watch?
v=2nxxSzTLp6M Assassins Creed speed painthttp://www.youtube.com/watch?
v=9sOWHPwOt3I&feature=related
![Page 46: Técnicas digitales Clase15 materiales pinturadigital](https://reader035.fdocument.pub/reader035/viewer/2022062400/589e68db1a28ab1a548b5da3/html5/thumbnails/46.jpg)
Recomendaciones• Goro Fujita, artista conceptualhttps://www.facebook.com/goro.fujita.artist?fref=ts• Loish, artista digitalhttps://www.facebook.com/loish.fans?
fref=pb&hc_location=profile_browser• Imaginismhttp://imaginism.deviantart.com/• Cryptid Creationshttp://cryptid-creations.deviantart.com/