Disseny gràfic i retoc fotogràfic

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

2. FORMATS

3. IMATGE DIGITAL

4. TÍPUS D’IMATGES DIGITALS

5. IMATGE DIGITAL
TÍPUS
IMATGE
VECTORIALBITMAP

6. IMATGE DIGITAL
BITMAP
També conegut com a imatge rasterizada és una estructura o fitxer de dades que
representa una reixeta de píxels. Es pot visualitzar en un monitor, un paper o un
altre dispositiu de representació*
Es caracteritza tècnicament per la seva alçada i amplada en píxels i per la seva
profunditat de color en bits per píxel.
*font Viquipèdia

7. IMATGE DIGITAL
BITMAP
MOSTREIG:
25 x 25 100 x 80
Una imatge amb 1600 px x 1200 px = 1.920.000 píxels, per tant, 1,92 megapíxels.

8. IMATGE DIGITAL
BITMAP
QUANTITZACIÓ:
Passar d’una paleta ilimitada de color a una limitada.
Número de colors disponibles = depèn del número de bits per píxel
n bits = 2n colors

9. IMATGE DIGITAL
VECTORIAL
Una imatge vecotrial és una imatge bidimensional formada a partir de diversos
vectors. Es basen en l’ús de primitius geomètrics com punts, línies, corbes i
altres formes geomètriques definides o polígons, que es generen a través
d’equacions matemàtiques, per representar imatges en infografia.
*font Viquipèdia

10. IMATGE DIGITAL
DIFERÈNCIES
BITMAP
➤ Cada píxel (x,y)
➤ Color determinat per una serie de
valors numèrics
➤ Format estandard d’imatges
➤ Depenen de la resolució del
dispositiu de sortida
VECTORIAL
➤ Descripció matemàtica del gràfic
➤ Més compacta
➤ Independents de la resolució del
dispositiu de sortida
➤ Poden presentar efecte d’aliasing
➤ Rasterizació

11. IMATGE DIGITAL
TÍPUS
IMATGE
VECTORIALBITMAP
SENSE COMPRESSIÓ AMB COMPRESSIÓ

12. IMATGE DIGITAL
BITMAPS - AMB COMPRESSIÓ
AMB COMPRESSIÓ
SENSE PERDUES AMB PERDUES
En el procés de compressió / descompressió la
imatge aparentment és igual i la informació
que tenim d’aquesta és la mateixa.
En el procés de compressió / descompressió
la imatge aparentment és igual però la
informació no és la mateixa. Perdem
informació.
En el procés de compressió / descompressió la
imatge aparentment és igual i la informació
que tenim d’aquesta és la mateixa.

13. IMATGE DIGITAL

14. FUNCIONAMENT DE PÍXELS

15. IMATGE DIGITAL
EXEMPLES
Revista de 100 pàgines que conté textos i imatges. La majoria
d’imatges són fotografies reals mentre que algunes són
il·lustracions d’Illustrator. Format d’DIN A4.

16. IMATGE DIGITAL
EXEMPLES
Banner per wordpress on surtin imatges del catàleg d’albums
fotogràfics ocupant tot el fons. Té el logotip de l’empresa. La
imatge ha de deixar veure el fons de la pàgina en un recuadre.

17. IMATGE DIGITAL
EXEMPLES
Fotografia familiar de les vacances.

18. IMATGE DIGITAL
EXEMPLES
Fotografia familiar de les vacances.

19. IMATGE DIGITAL
EXEMPLES
Dibuixos infantils d’illustrator que han d’anar impresos i al web.

20. DISSENY GRÀFIC I
RETOC FOTOGRÀFIC
2017
el format