Fundamentos de síntesis gráfica

1. COMPOSICIÓN Y SÍNTESIS DE LA IMAGEN
LA SÍNTESIS GRÁFICA

2. SÍNTESIS GRÁFICA
La Síntesis Gráfica es el proceso de extracción de atributos significativos de un objeto
o concepto y representación visual de los mismos para transmitir un mensaje denotativo
que identifique ese objeto o concepto de forma clara y precisa.
DEFINICIONES
LA SÍNTESIS GRÁFICA

3. SIGNO / SIGNIFICANTE / SIGNIFICADO
Signo: Forma de comunicación que transmite una idea mediante la presentación
de algo ante nuestros sentidos.
Ejemplos: Una palabra
Una señal de tráfico
Un gesto con las manos
Una imagen puede constituir por tanto un signo visual.
LA SÍNTESIS GRÁFICA
DEFINICIONES

4. SIGNO / SIGNIFICANTE / SIGNIFICADO
Un signo se compone de dos partes:
SIGNIFICANTE: Aquello que vemos, oimos, tocamos, y que interpretamos
siguiendo un sistema y un contexto.
SIGNIFICADO: Imagen mental que nos formamos tras la interpretación del
significante.
LA SÍNTESIS GRÁFICA
DEFINICIONES

5. SIGNO / SIGNIFICANTE / SIGNIFICADO
DEFINICION
LA SÍNTESIS GRÁFICA
(sonido)
SIGNO
DEFINICIONES

6. SIGNO / SIGNIFICANTE / SIGNIFICADO
DEFINICION
LA SÍNTESIS GRÁFICA
(sonido) ( palabra )
Á R B O L
SIGNO SIGNIFICANTE=

7. SIGNO / SIGNIFICANTE / SIGNIFICADO
LA SÍNTESIS GRÁFICA
(sonido) ( palabra )
Á R B O L
( idea )
Imagen mental
personal
(Póngase aquí la que
corresponda a cada cual)
SIGNO SIGNIFICANTE SIGNIFICADO+=
DEFINICIONES

8. SIGNO / SIGNIFICANTE / SIGNIFICADO
LA SÍNTESIS GRÁFICA
CONNOTATIVODENOTATIVO
Significado Universal
Carácter objetivo
Comprendido por todos
Connotaciones personales
Carácter subjetivo
Sentido particular individual
SIGNIFICADO
DEFINICIONES

9. SIGNO / SIGNIFICANTE / SIGNIFICADO
LA SÍNTESIS GRÁFICA
CONNOTATIVODENOTATIVO
LLUVIAAgua que cae del cielo
sobre las personas y las
cosas
Me produce melancolía
Me recuerda a Galicia
DEFINICIONES

10. SIGNO / SIGNIFICANTE / SIGNIFICADO
DEFINICION
LA SÍNTESIS GRÁFICA
CONNOTATIVODENOTATIVO
Agua que cae del cielo
sobre las personas y las
cosas
Me produce melancolía
Me recuerda a Galicia
Imágenes mentales como ésta
LLUVIA

11. SIGNO / SIGNIFICANTE / SIGNIFICADO
DEFINICION
LA SÍNTESIS GRÁFICA
CONNOTATIVODENOTATIVO
Agua que cae del cielo
sobre las personas y las
cosas
Me produce melancolía
Me recuerda a Galicia
http://www.flickr.com/photos/fotosmanuela/2986100617
Imágenes mentales como ésta
LLUVIA

12. SIGNO / SIGNIFICANTE / SIGNIFICADO
DEFINICION
LA SÍNTESIS GRÁFICA
CONNOTATIVODENOTATIVO
Agua que cae del cielo
sobre las personas y las
cosas
Me produce melancolía
Me recuerda a Galicia
http://www.flickr.com/photos/victorgil84/514503007/
Imágenes mentales como ésta
LLUVIA

13. SIGNO / SIGNIFICANTE / SIGNIFICADO
LA SÍNTESIS GRÁFICA
CONNOTATIVO
Las connotaciones de la imagen
mental de cada sujeto individual
no tienen por que coincidir
SÍNTESIS
GRÁFICA
DENOTATIVO
Debe tener un
significado claro y único
para todos los
destinatarios
DEFINICIONES

14. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- Recopilación
2.- Análisis e identificación de atributos denotativos
3.- Representación de los atributos con su propia
síntesis gráfica
PROCEDIMIENTO

15. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/sindestino/485620693
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

16. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/fotosmanuela/2986100617
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

17. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/victorgil84/514503007/
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

18. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/anitinmaria/3163784655
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

19. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/juan_de/145020949/
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

20. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
http://www.flickr.com/photos/pachakutik/1098974329
1.- RECOPILACIÓN
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

21. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/sergiopixel/3788862535/
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

22. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
1.- RECOPILACIÓN
http://www.flickr.com/photos/inmac/2929541715
Recopilación de imágenes
relativas al concepto.
- Imágenes mentales
- Fotografías
- Dibujos
- Vídeo
- . . .

23. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
Identificación en las imágenes de elementos denotativos
Presencia frecuente en muchas o todas las imágenes
(trazos de las gotas de agua, paraguas,..)
Presencia resaltada frente a otras situaciones en las que el concepto no está presente
(trazos de las gotas de agua, paraguas, charcos, reflejos en el suelo, ausencia del Sol, impermeables)
2.- ANÁLISIS

24. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
2.- EXTRACCIÓN DE ATRIBUTOS
Identificación de elementos denotativos
1.- En el propio objeto o concepto
2.- En otros objetos o conceptos de su
mismo campo semántico
(paraguas, charco, mojarse,
impermeable, …)
De entre los identificados se extrae un grupo mínimo y suficiente de
atributos que representen el concepto, utilizando los más destacados

25. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
2.- EXTRACCIÓN DE ATRIBUTOS
Identificación de elementos denotativos
1.- En el propio objeto o concepto
2.- En otros objetos o conceptos de su
mismo campo semántico
(paraguas, charco, mojarse,
impermeable, …)
De entre los identificados se extrae un grupo mínimo y suficiente de
atributos que representen el concepto, utilizando los más destacados

26. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Con su propia síntesis gráfica
a) de la geometría de los objetos
- Nivelando y/o aguzando
- Buscando formas pregnantes
- Apoyándose en ejes estructurales
- Reduciendo el número de elementos gráficos distintos
- Usando la simetría
- Eliminando irregularidades
- Jerarquizando mediante grosores

27. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Con su propia síntesis gráfica
a) de la geometría de los objetos
- Nivelando y/o aguzando
- Buscando formas pregnantes
- Apoyándose en ejes estructurales
- Reduciendo el número de elementos gráficos distintos
- Usando la simetría
- Eliminando irregularidades
- Jerarquizando mediante grosores
b) del color y la textura
- Reduciendo el número de colores
- Usando colores planos
- Usando textura solo si es atributo esencial del objeto
- Usando el tono para resaltar la volumetría

28. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial

29. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Nivelación. Búsqueda de la horizontal/vertical

30. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Uso de la simetría

31. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Ejes estructurales claros

32. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Uso de formas pregnantes

33. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Reducción del número de elementos gráficos distintos

34. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Modulación. Reducción del número de dimensiones distintas

35. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Jerarquización mediante grosores

36. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Cuidado de los remates de los trazos

37. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Cuidado de los remates de los trazos

38. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Cuidando los remates de los trazos

39. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Ensayo de alternativas

40. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Ensayo de alternativas

41. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Ensayo de alternativas

42. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Ensayo de alternativas

43. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Idea inicial Extensión de la línea gráfica a otros conceptos relacionados.

44. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
3.- REPRESENTACIÓN
Resumen del proceso.

45. LA SÍNTESIS GRÁFICA
OTROS MODOS DE SÍNTESIS
SILUETA

46. LA SÍNTESIS GRÁFICA
OTROS MODOS DE SÍNTESIS
LINEA

47. LA SÍNTESIS GRÁFICA
OTROS MODOS DE SÍNTESIS
MANCHAS

48. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
Ejemplos para el Análisis :Catch me if you can
http://www.youtube.com/watch?v=iVEgK3nCkao

49. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
Ejemplos para el Análisis: Ocean’s Eleven
http://www.youtube.com/watch?v=MIERER2BEG4

50. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
Ejemplos para el Análisis : SAUL BASS
https://www.youtube.com/watch?v=pYkFuGFRoHE

51. LA SÍNTESIS GRÁFICA
EL PROCESO DE SÍNTESIS
Ejemplos para el Análisis : PAUL RAND
https://www.youtube.com/watch?v=4yOjts0tpco
“When you say ‘design,’ everybody has their definition which doesn’t correspond to yours.
There are many good definitions. One is the synthesis of form and content.
In other words, without content there’s no form. And without form, there’s no content. A
work of art is realized when form and content are indistinguishable.
When form predominates, meaning is blunted. But when content predominates, interest
lags. But the genius comes in when both of these things fuse.
Without the aesthetic means, that it’s not done for love, but it’s done for some ulterior
motive, because it sells, because it’s popular, because it’s crazy… you know .. all this stuff.
Graphic design is one of those phrases that doesn’t mean anything, because anything
that’s graphic is graphic. Painting or dancing, if you see it, or writing, if you see it, it’s
graphic. The genre of art, of graphic design, of painting, is art. That’s the genre. It’s all art.
The vocabulary, or the language, of art, or of aesthetics: order, variety, contrast,
symmetry, tension, balance, scale, texture, space, shape, light, shade and color. This is the
language of form.
Don’t try to be original, just try to be good. That sounds naive, but it’s true.
Without aesthetics you can’t find the truth. To do things with quality. I think this is in the
big sense what aesthetics means.
Art is an idea that has found its perfect form. There are too many possibilities, no matter
how perfectly you do something, in can still be improved.”

52. LA SÍNTESIS GRÁFICA
EJERCICIOS

53. LA SÍNTESIS GRÁFICA
EJERCICIOS

54. LA SÍNTESIS GRÁFICA
EJERCICIOS

55. LA SÍNTESIS GRÁFICA
EJERCICIOS

56. LA SÍNTESIS GRÁFICA
EJERCICIOS

57. LA SÍNTESIS GRÁFICA
EJERCICIOS

58. LA SÍNTESIS GRÁFICA
EJERCICIOS

59. LA SÍNTESIS GRÁFICA
EJERCICIOS

60. LA SÍNTESIS GRÁFICA
EJERCICIOS