Assignatura Disseny gràfic i retoc fotogràfic

1. GRAU EN MÀRQUETING I COMUNITATS DIGITALS
ESCSE - UNIVERSITAT POMPEU FABRA
EL COLOR
CARLES GARCIA- cgarcia@tecnocampus.cat
AITOR RUIZ - aruiz@tecnocampus.cat

2. EL COLOR

3. EL COLOR
El coneixement del color és FONAMENTAL pel disseny gràfic
així com una de les eines més importants.
El color posseeix un llenguatge únic i complex. Amb la variació
d’aquest podem variar el significat del nostre missatge.

4. EL SIGNIFICAT DEL COLOR

5. EL COLOR
EL SIGNIFICAT
El color és una part de l’espectre lumínic, per tant, és una energia vibratòria.
Aquesta energia es mou a través d’ones que afecten el ser humà depenent de la
seva longitud d’ona.

6. EL SIGNIFICAT
Els colors produeixen emocions en
les persones i influeixen en la
percepció de les coses. Poden
ajudar a transmetre un missatge.

7. EL COLOR
EL SIGNIFICAT
SERIETAT
CONFIANÇA
SOLEMNITAT
PAU
ESPERANÇA
VITALITAT
FORÇA
OPTIMISME
AMIGABLE
CONFIDÈNCIA
IMAGINACIÓ
CREATIVITAT
NEUTRALITAT
CALMA
BLAU
VERD
VERMELL
GROC
TARONJA
LILA
GRIS

8. EL COLOR
BLAU
SERIETAT CONFIANÇA

9. EL COLOR
VERD
PAU ESPERANÇA

10. EL COLOR
VERMELL
VITALITATFORÇA

11. EL COLOR
GROC
OPTIMISME

12. EL COLOR
TARONJA
AMIGABLECONFIDÈNCIA

13. EL COLOR
LILA
IMAGINACIÓCREATIVITAT

14. EL COLOR
GRIS
SOLEMNITAT NEUTRALITATCALMA

15. EL COLOR
EL SIGNIFICAT
font: colorlovers http://static.colourlovers.com.s3.amazonaws.com/uploads/images/top-web-brand-colors.html

16. EL COLOR
EL SIGNIFICAT
Hi ha factors NO FÍSICS que també afecten la percepció que tenim d’un color. Per
exemple poden afectar alguns aspectes culturals, religiosos…
A La Xina el color vermell
s’associa amb la bona fortuna
i la sort.
A occident el veiem com un
color d’advertiment.
El color verd és un color molt
important per l’Islam. Segons
aquesta religió els màrtirs
entraran al Paradís en forma
d’au de color verd.

17. EL COLOR
EL SIGNIFICAT
El color és un dels elements gràfics que poden contribuir a la diferenciació del
nostre treball o obra.
Podem escollir uns colors que defineixin els nostres treballs.

19. sanzivila.com
Sanz i Vila

21. La Patum

22. Marca

23. Marca

24. Marca

26. @josearoda
Jose Antonio Roda

27. CARACTERÍSTIQUES

28. EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ

29. EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
El to és el nom genèric del color. És com l’anomenem.
Exemple: verd, blau…

30. EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
Les diferents variacions del color des de clar a fosc.

31. EL COLOR
CARACTERISTIQUES
TO LLUMINOSITAT SATURACIÓ
Els diferents graus d’intensitat del color. Des de total a baixa o
des de to intens a gris

32. ESCALA DE VALORS

33. EL COLOR
ESCALA DE VALORS
Nivell de grisos que trobem entre el blanc i el negre.
En aquesta escala parlem de 9 nivells.
Els tres primers són els de CLAU ALTA
Els tres intermitjos són els de CLAU INTERMITJA
Els tres últims són els de CLAU BAIXA

34. CERCLE CROMÀTIC

35. EL COLOR
CERCLE CROMÀTIC
Rodes de colors 1708
És la representació ordenada (i circular) dels
colors segons el seu to. Hi apareixen els
color primaris i els seus derivats.
Pot ser representat segons el model
sostractiu de color o el model additiu.

36. ELS PERFILS DE COLOR

37. EL COLOR
ELS PERFILS - RGB
RGB (MODEL ADDITIU)
És el model de color basat en la síntesi additiva. Per
obtenir els colors es barregen (per addició) els tres
colors primaris de llum.
RGB no defineix el significat exacte dels colors. Això pot
fer que en diferents pantalles amb el mateix perfil de
color es vegin diferent els colors.
És utiltizat a les pantalles.

38. EL COLOR
ELS PERFILS - RGB
COLORS PRIMARIS:
Vermell, verd i blau
COLORS SECUNDARIS (és la barreja de dos primaris a parts iguals):
Groc = verd + vermell
Magenta = vermell + blau
Cian = verd + cian
COLORS TERCIARIS

39. https://youtu.be/s7r-emyau3A

40. EL COLOR
ELS PERFILS - RGB
COM HO VEIEM A LA PANTALLA?

41. EL COLOR
ELS PERFILS - RGB
Haurem d’utilitzar aquest format sempre que el nostre producte estigui pensat
per ser visualitzat a les pantalles. (internet sRGB)
Per assegurar-nos que el nostre document tindrà els colors que volem podem
escollir el perfil al crear l’arxiu.
Formats d’arxius:
JPEG, JPG, PNG, GIF
TIFF, EPS, PDF, BMP

42. EL COLOR
ELS PERFILS - CMYK
CMYK (MODEL SOSTRACTIU)
És el model de color basat en la sintesi sostractiva. Els
colors s’obtenen a través de la barreja de pigments.
El model CMYK es basa en l’absorció de la llum. El
color que li veiem a un objecte és en realitat el color de
la part de llum que aquest no ha absorbit.
És l’utilitzat en les impressions.

43. EL COLOR
ELS PERFILS - CMYK
COLORS PRIMARIS:
Cian, Magenta, Groc
COLORS SECUNDARIS (és la barreja de dos primaris a parts iguals):
Vermell = magenta + groc
Verd = groc + cian
Blau = cian + magenta
Negre = cian + magenta + groc
COLORS TERCIARIS

44. EL COLOR
ELS PERFILS - CMYK
COM HO VEIEM AL PAPER?

45. EL COLOR
ELS PERFILS - CMYK
Haurem d’utilitzar aquest format sempre que el nostre producte estigui pensat
per ser imprès.
Per assegurar-nos que el nostre document tindrà els colors que volem podem
escollir el perfil al crear l’arxiu.
Formats d’arxius:
JPEG, JPG, PNG, GIF
TIFF, EPS, PDF, BMP

46. EL COLOR
COMPARATIVA RGB - CMYK

47. EL COLOR
COMPARATIVA RGB - CMYK

48. EL COLOR
HOUSTON WE HAVE A PROBLEM

49. EL COLOR
SOLUCIONS
El treball de calibratge de monitors i impressores és un treball molt
complex. (MOLT)
TENIM SOLUCIONS!
SISTEMES D’ESTANDARITZACIÓ DE COLOR

50. EL COLOR
SISTEMA PANTONE
És un sistema d’igualació i identificació de colors.
És un estàndard de colors anomenats per números que ens permet
indicar a la impremta quin és el color exacte que volem utilitzar.

51. EL COLOR
SISTEMA HEXADECIMAL
Els colors en HTML es presenten en sistema hexadecimal.
La diferència del sistema hexadecimal és que diferencia dels números
(del 0 al 9) té 16 valors possibles (0 a 9 i A a F)
El números i lletres s’escriuen després d’un #.
#RRGGBB
#105011
Existeixen 216 colors web segurs

52. HARMONIES

53. EL COLOR

54. EL COLOR
HARMONIES
TRÍADA

55. EL COLOR
HARMONIES
ANÀLEGS
Són colors que ens resulten naturals.
Aquestes harmonies les podem trobar
a la naturalesa

56. EL COLOR
HARMONIES
COMPLEMENTARIS
Fan que els colors semblin més
vibrants i intensos.
Es fan servir sobretot per remarcar un
missatge clar i crear un fort impacte

57. EL COLOR
HARMONIES
ADJACENTS
És una combinació que causa impacte
però no tan fort com en el cas dels
complementaris.
Es pot utilitzar amb els tres colors o
només dos.

58. DISSENY GRÀFIC I
RETOC FOTOGRÀFIC
2017
El color

59. APLICACIONS
ADOBE CAPTURE