Este documento presenta información sobre técnicas de composición y teoría del color para la presentación digital de productos. Explica conceptos como esquemas de color, la ley de tercios y el uso de fondos, sombras y elementos de apoyo para crear una composición equilibrada y jerarquizada. También incluye una actividad donde los estudiantes aplicarán estas técnicas para presentar diferentes propuestas de rediseño de un objeto.

1. Comunicación digital del
producto
Clase 03 Teoría del color y composición final.
TAMM-24septiembre2020

2. Objetivos • Aprenderemos algunas técnicas de presentación para
poder generar composiciones estratégicas con
nuestros bocetos. Revisaremos teoría del color, ley de
tercios para composición, manejo de fondos y
sombras de proyección.

3. Teoría del
color • El color es
una sensación,
producto de la
descomposición de
la luz.
• Se clasifican por su
conformación en
primarios, secundarios,
terciarios.
• Por la sensación en
cálidos y fríos.

8. Armonías y esquemas de color
La armonía se define como un placentero arreglo de partes.
Con el círculo cromático podemos observar el orden de los colores y distintas formas
de combinarlos para crear armonías. A estas combinaciones se les llaman esquemas
de color.
Teoría del
color

9. Análogos
Son los colores vecinos en el círculo cromático. Escogemos un color base y se
utilizan los que están a sus costados.
Teoría del
color

10. Colores complementarios
Los complementarios son los que se encuentran
en una posición opuesta en el círculo cromático.
Se llaman así porque se complementan uno al
otro.
Se ayudan a resaltar y hacerlos más intensos y
puros porque no existe otro color más lejano
que este.
Usar complementarios para sombrear permite
que la sombra no sea muy obscura.
Teoría del
color

12. Colores
Complementarios
Genera sombras
brillantes, no quema el
color.
Hay que escoger el tono
adecuado dependiendo
del base.
Tonos obscuros para sombrear

13. Aplicación de los colores
complementarios como:
• Fondo para resaltar el
boceto
• Sombra luminosa

14. Psicología del color
Cada color tiene un
significado que depende
de las sensaciones y en
ocasiones, de la
interpretación que cada
cultura tiene sobre el
mismo.

22. • Herramienta visual básica que sirve
para expresar de manera organizada
una idea.
Componer= Organizar
• Las reglas de composición gráfica
se basan en principios compositivos
de la pintura y la escultura.
• Las leyes compositivas afectan
la percepción (GESTALT).
Composición
gráfica

23. Las composiciones gráficas deben apuntar principalmente a
resolver los problemas de percepción visual: tensión,
equilibrio, balance, dinamismo, estabilidad, contraste,
unidad dentro de la variedad, proporciones, entre otros.
Equilibrio

24. Son líneas guías que ayudan a la composición visual: fotografía,
pintura, películas, diseño, etc.
Debemos dividir el encuadre en tres partes horizontales y tres
verticales, utilizando para ello líneas imaginarias y en los puntos
de intersección de estas líneas debemos colocar los puntos de
interés. De esta forma conseguimos que la composición sea
equilibrada.
Ley de tercios

27. • Uso de fondos, marcas y/o títulos.
• Acomodo lógico, aprovechando el
espacio, seguir una secuencia.
• Jerarquizar las propuestas.
• Uso de letreros DIBUJADOS, ordenados.
• Uso de flechas DIBUJADOS,
que parezcan parte de la
composición.
• Sombras del piso trazadas con una
forma definida que puede ser una
abstracción, elipses, etc.
Elementos de
apoyo en la
composición

28. Jerarquizar: ¿qué quiero que noten más? ¿qué es lo más importante?

29. • Antes de empezar a acomodar, hay que
planearlo.
• Realizamos un bosquejo de cómo será
el acomodo: dibujamos rectángulos
pequeños llamados thumbnails (por el
tamaño).
• Usar esta técnica dará más opciones de
acomodo en menos tiempo y al momento de
realizar la composición final será más rápido.
• https://es.pinterest.com/pin/1970393566274659/
Diagrama o
thumbnail

31. Mezcla de técnicas
para hacer una
presentación dinámica.
Usar bocetos para el fondo o
también figuras como círculos,
cuadros, para enmarcar los
bocetos.

32. Fondo: Figura geométrica
sencilla que enmarca a
todas las propuestas
Sombra en el piso con
calidad de línea baja para
mostrar dónde está posado
el objeto.
Calidades de línea para
delimitar y resaltar la
forma.

33. Fondo: Uso de color
complementario para contrastar
con el color del objeto.
Sombra de piso para que no se
sienta que flota.

35. Actividad 2.2
• Actividad 2.2: Presentación y composición
• Objetivo: Aprenderán algunas normas básicas de composición y las
aplicarán para generar la presentación de una serie de bocetos, donde
aplicarán lo aprendido de pintura digital y representación de meteriales.
• Instrucciones:
• Se les asignará un objeto que tendrán que rediseñar a partir de una
fotografía. Aplicarán opacidad, capas, trazo con lanzamiento de líneas,
calidades de líneas para generar bocetos de presentación.
• Realizarán 3 propuestas de rediseño donde aplicarán los materiales
que vimos en la Actividad 2.1: madera, metales, plástico brillante y
plástico mate.
• Realizarán una composición gráfica donde utilicen ley de tercios para
acomodar sus elementos, fondo, sombras proyectadas, etc.
• Deberás subir en este espacio en CANVAS por medio del botón de
"entrega de tareas" tu lámina con la composición realizada, en formato
.jpg, con buena resolución.
• Entrega: Sábado 26 de septiembre antes de las 11:59pm (antes de que
sea domingo)

38. Bonito tutorial • https://blogs.autodesk.com/sketchbookpro/industrial
-design-product-rendering-tutorial/