iniciació al photoshop
Post on 03-Jan-2016
26 Views
Preview:
DESCRIPTION
TRANSCRIPT
1
AU
CO
– A
nto
ni M
artí
nez
Bal
lest
é
Iniciació al Photoshop
2
Ant
oni M
artí
nez
Ba
llest
é
Contingut
...
3
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Els colors (additius) Red Green Blue
4
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Visió humana Longitud d’ona: responsable del color
5
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Visió humana Dins la retina hi ha 5 milions de cèl·lules
“con” N’hi ha de tres tipus, pels tres colors bàsics
(verd, vermell i blau) També hi ha els bastonets
Més sensibles a la llum
6
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Visió artificial Matriu de sensors d’aquests colors bàsics Una imatge està formada per elements
d’imatge (picture elements, píxels) Resolució
Quantitat de columnes x quantitat de files 640x480 = 307.200 píxels = 0,3 Mpix 2048 x 1536 = 3,1 Mpix 2560 x 1600 = 4,1 Mpix
7
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Visió artificial
8
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Codificació dels colors CGA (Color Graphics
Adapter) 4 colors EGA (Enhanced...) 16
colors VGA (Video Graphics
Array) 256 colors! (tot això als anys 80)
9
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Actualment Tenim “color real” Cada component (R,G,B) té 256
combinacions diferents
0 0 0
255 255 255
128 128 128
255 255 0
255 0 255
10
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Problema de capacitat Per codificar això fan falta 3 bytes per
cada píxel 1 byte per component
Aleshores, una foto de 3 Mpx... 2048 x 1536 = 3145728 x 3 =
= 9437184 bytes = 9,4 MB!!! S’utilitzen tècniques de compressió d’imatges
11
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Dues tècniques bàsiques... Reduir el nombre de colors (de 2 a 256
colors possibles) Format GIF
Eliminar detalls no perceptibles (compressió amb pèrdua) Format JPEG
Altres tècniques no aconsellables avui dia BMP, RLE, ...
12
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Format GIF
Imatge original180 KB GIF 256 colors 38 KB
GIF 64 colors 18 KB GIF8 colors 10 KB
13
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Format GIF
GIF és bo per imatges amb pocs colors (alguns logotips)
14
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Format JPEG
15
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Format JPEG
16
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Obtenció d’imatges Càmeres de fotos Escàners Google Webs especialitzades
17
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Càmeres de fotos Compactes / reflex
18
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Càmeres de fotos Connectivitat USB
Targes de memòria
CompactFlash SD/MMC (Secure Digital Multimedia Card)Memory stick
19
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Càmeres de fotos Lector de targes
20
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital Escàners
La resolució d’escaneig afectarà la qualitat de la imatge Resolució òptica / física Resolució per interpolació
Unitat dot per inch 600 dpi vol dir que en una polzada (2,54
cm) es llegeixen 600 x 600 píxels Una imatge per ser impresa a 300dpi
s’ha d’escanejar a 600dpi
21
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Escàners Efecte Moiré
22
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital Escàners
Relació amb la mida de la imatge La resolució amb dpi és diferent de la
resolució amb píxels Els monitors “tenen” 72 dpi Una imatge a 600 dpi apareixerà molt
ampliada en veure-la a l’ordinador Una imatge a 300 dpi, que faci 10 cm
d’ample, quants píxels d’ample farà? (10/2,54)’’ x 300 = 1181 píxels
23
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Obtenció amb Google Passos 1) Anar a “imatges” 2) Posar el text i buscar 3) Podem triar la mida
24
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Obtenció amb Google
Web on apareix la imatge
25
Ant
oni M
artí
nez
Ba
llest
é
Imatge digital
Webs especialitzades
26
Ant
oni M
artí
nez
Ba
llest
é
Exercicis A quina resolució escanejaríeu una foto impresa
amb impressora de 600dpi?
Aneu al Google i busqueu una imatge gran de Nova York Quina resolució té? Quant ocupa?
27
Ant
oni M
artí
nez
Ba
llest
é
Iniciació al Photoshop
Pantalla principal CS3Menú
Bar
ra d
’ein
es
Opcions de les eines
Paletes
28
Ant
oni M
artí
nez
Ba
llest
é
Iniciació al Photoshop
Pantalla principal 7.0
29
Ant
oni M
artí
nez
Ba
llest
é
Obrir una imatge Obriu la imatge ‘apartaments.jpg’
Navegador, permet moure’ns per la imatge i fer zoom
Histograma, estadística de la quantitat de colors
Informació variada
30
Ant
oni M
artí
nez
Ba
llest
é
Crear una imatge
Archivo / Nuevo (Ctrl + U) Especificar mida, mode de color, etc.
> Aneu al Google, busqueu una imatge d’un cotxe i copieu-la per editar (copieu la imatge, creeu una imatge nova i dieu-li Edición / Pegar)
31
Ant
oni M
artí
nez
Ba
llest
é
Mida del llenç i la imatge Llenç és el lloc sobre el qual hi ha la imatge
Per afegir espai al voltant de la imatge o retallar la imatge, modificarem la mida del llenç
Imagen / Tamaño de ...
> Afegiu espai per sota la imatge (1 cm)
> Poseu la resolució a 150 píxels per centímetre i dieu-li una amplada de 10 cm, comprovant que l’amplada en píxels resultant és correcta
32
Ant
oni M
artí
nez
Ba
llest
é
Brillantor, contrast i color
Imagen / Ajustes ...
Imagen / Modo ...
> Agafeu una imatge i canvieu la brillantor i el contrast, observant què passa a l’histograma
> Dupliqueu una imatge i feu que la còpia sigui en blanc i negre
33
Ant
oni M
artí
nez
Ba
llest
é
Duotò
En imatges en blanc i negre permet donar un efecte interessant
34
Ant
oni M
artí
nez
Ba
llest
é
Rotar la imatge
Rotació del llenç Imagen / Rotar lienzo
35
Ant
oni M
artí
nez
Ba
llest
é
Desfer errors Si ens equivoquem...
Ctrl + Z O si no, la paleta Historia
Anar al menú Ventana si no la veiem
36
Ant
oni M
artí
nez
Ba
llest
é
Desar imatges
Desar com a document de Photoshop Es desarà informació complementària
(capes, traçats, etc.) No ho podrem veure des de Windows
Desar per a la web Desar com a imatge per portar a revelar
(JPEG de màxima qualitat) Archivo / Guardar para web
O bé Ctrl + Majs + Alt + S
37
Ant
oni M
artí
nez
Ba
llest
é
Exercicis Agafeu la imatge ‘apartaments’
Deseu-la en diferents còpies, amb diferents compressions i anoteu la mida
Format GIF
256 colors
128 colors
32 colors
16 colors
Format JPEG
Qualitat 100
Qualitat 70
Qualitat 40
Qualitat 10
38
Ant
oni M
artí
nez
Ba
llest
é
Exercicis Agafeu la imatge ‘biblioteca’
Milloreu la brillantor/contrast Guardeu-ne una còpia,
de 10x7’5cm, per imprimir-la digitalment
Agafeu la imatge ‘campus’ Retalleu el llenç per centrar
la zona encerclada (amb l’eina )
Guardeu-ne una còpia de 400x300 píxels per penjar a la web
39
Ant
oni M
artí
nez
Ba
llest
é
Exercicis Agafeu la imatge ‘casa’
Orienteu-la correctament Poseu-la amb color sèpia
Al Google... Busqueu una imatge de Valls
de resolució, al menys, 500x300 píxels
Poseu-la a mode mapa debits a 50% de llindar
40
Ant
oni M
artí
nez
Ba
llest
é
Eines de traç
Llapis / pinzell
Tipus de traç Mode
Llapis / pinzell
Goma d’esborrar
41
Ant
oni M
artí
nez
Ba
llest
é
Eines de traç
Selecció del color
Creeu una imatge nova (500x500 píxels) i feu proves de traçat
42
Ant
oni M
artí
nez
Ba
llest
é
Eines de traç Podem dibuixar figures geomètriques
bàsiques
Podem agafar motius per fer formes de traç
43
Ant
oni M
artí
nez
Ba
llest
é
Eines de selecció Seleccionar per ...
aplicar efecte a una zona fer ajustos esborrar, copiar
... una part de la imatge
Seleccions geomètriques
Seleccions orgàniques
Vareta màgica
Selecció de color i altres
44
Ant
oni M
artí
nez
Ba
llest
é
Eines de selecció Vareta màgica
Agafa una zona determinada, inundant un color amb tolerància
Amb la tecla <> podem anarafegint zones, i amb <Alt>en podem anar treient
Podem modificar la selecció Calat per fer un degradat (que la selecció no
talli “en sec”) Expandir, contraer Borde, la selecció es converteix només en una
“línia de selecció”
45
Ant
oni M
artí
nez
Ba
llest
é
Eines de selecció per colors Obriu la imatge flor Seleccioneu la flor a partir del seu color Poseu, aquest color, en gris (baixant el contrast)
Amb el comptagotes podem anar a triar colors en la imatge original
A més tolerància, més rang de colors semblants
46
Ant
oni M
artí
nez
Ba
llest
é
Algunes operacions
Pintar Edición/rellenar o el
pot de pinturaper pintar
També podem pintar ambdegradats
47
Ant
oni M
artí
nez
Ba
llest
é
Exercicis
Obriu la imatge ‘barrufets’ Fent servir la vareta màgica,
i Edición / Rellenar pinteu la imatge amb els colors adients
Feu que el cel sigui un degradat de blaus
48
Ant
oni M
artí
nez
Ba
llest
é
Exercicis Obriu la imatge ‘casa’ Feu una imatge nova amb el següent
aspecte
En enganxar la selecció en una nova imatge, ens crearà una capa
49
Ant
oni M
artí
nez
Ba
llest
é
Introducció a les capes Photoshop treballa amb capes
Cada capa és com una imatge per separat, amb “un fons transparent”
Podem ordenar capes Podem amagar capes Podem acoblar la imatge per fusionar les capes
I el fons? Si obrim un JPEG allò és el
fons (no es pot canviarl’ordre d’amuntegament)
Podem convertir aquestfons en una capa
Capes
Fons
50
Ant
oni M
artí
nez
Ba
llest
é
Introducció a les capes Podem crear una capa nova
Enganxant una selecció Creant una nova capa (Capa / Nuevo / Capa) Afegint text
Tenim una paleta per treballar amb les capes
Arrossegant podem canviar l’ordre de les capes
Podem donar un nom a les capes
Esborrar una capa
Mostrar/amagar una capa
Donar opacitat a la capa
Bloquejar (protegir) una capa (vàries opcions)
51
Ant
oni M
artí
nez
Ba
llest
é
Introducció a les capes
Transformacions geomètriques Fer una selecció Edición
Transformar / Escala, Rotar, Sesgar... Transformación libre
També podem moure la capa
Us atreviu a replicar això del costat?
52
Ant
oni M
artí
nez
Ba
llest
é
Exercicis Agafeu la imatge ‘house’ i ‘hospital’ i feu una imatge
com la de sota
Agafeu la imatge ‘aliments’ i feu una composició en una imatge de 400 x 500, tipus “senyor Potato”
Guardeu la imatge com a arxiu Photoshop. Quina diferència hi haurà respecte Guardar para web?
top related