Tècniques d’Infografia

Tema 1
Introducció a les eines i l’entorn Photoshop

Part 0: Carpetes compartides

Els alumnes utilitzaran el seu espai T: per realitzar i emmagatzemar

els seus treballs.

Els apunts de l'assignatura de Tècniques d’Infografia es troben en l’espai

I: \ PUBLI (3336) \ INFOGRAFIA. A dintre de la carpeta INFOGRAFIA hi
trobareu dos carpetes: DOCUM i ENTREGUES.

En la carpeta DOCUM hi trobareu els apunts i el material necessari per fer els
exercicis i exemples de les classes.

En la carpeta ENTREGUES, subdividida en quatre grups, G1, G2, G3 i G4,

cada alumne hi farà el lliurament final dels seus treballs. Dins de la carpeta
del grup al que corresponem, hi farem una carpeta amb el nostre NIA on
deixarem cada treball amb el format i nom que anem indicant durant el curs.
Un cop lliurat el treball l’alumne no podrà esborrar o substituir el
treball per un altre.

Dos comentaris pràctics:

Copieu els documents de la carpeta DOCUM al vostre espai enlloc d’obrir-los

directament de l’espai INFOGRAFIA.

En acabar cada sessió de treball cal no oblidar-se de sortir de la xarxa, és a dir

de fer un "Apagar/Cerrar sesión". En cas contrari, la següent persona que
faci servir aquell ordinador podria manipular al seu gust tota la vostra
informació.

Part 1: Introducció a les eines i l’entorn.

L’àrea de treball de Photoshop

Idees generals

Per a la realització de la part pràctica d’aquesta assignatura hem triat el software

de tractament de imatge Photoshop i ImageReady de l’empresa Adobe
Systems com a eines bàsiques de treball.
Tot i així, intervindran molts altres recursos digitals tant de software com de
hardware en l’assignatura: escàners, càmera digital, sistemes operatius, xarxa,
navegadors d’internet, bancs d’imatges, i tots aquells programes que puguem
necessitar.

Caldrà doncs conèixer bé no només els programa de treball, Photoshop, sinó

també comprendre la cadena i diàleg que s’estableix entre les diferents parts
informàtiques que intervenen en tot el procés per tal de poder treure-li el major
partit possible: el guió i la realització de tots els treballs que fem depenen, en
gran mesura, del calibrat i funcionament de totes les parts d’aquesta cadena.

Configuració de Photoshop CS3

El programa Photoshop és un gran conjunt d’eines especialitzades per tractar i

retocar imatges fotogràfiques. Durant l’assignatura anirem veient-les totes i
aprofundirem en el seu ús. Avui coneixerem els aspectes globals i el
funcionament bàsic del programa, l’estructura de menús i el tipus de diàleg que
proposa a l’usuari.

Abans d’engegar Photoshop, revisarem l’escriptori de Windows per veure la

configuració que tenim en aquest moment. Utilitzarem una resolució i
profunditat de color el més alta possible que permeti el monitor i la targeta
gràfica. Una bona combinació de treball pot ser una resolució de 1024 x 768
píxels i 24 (ó 32) bits de profunditat de color.

Quan connectem el programa per primera vegada, ens demana que calibrem i
decidim espai de color volem utilitzar. Aquest ajust però, es pot realitzar en
qualsevol altre moment, mitjançant l’opció Edición / Ajustes de color.

L’ajust que si que realitzarem és l’ajust de preferències, des del menú Edición /
Preferencias. Tipus de cursor, memòria, discs de treball, unitats...

El programa ens ofereix una finestra buida.

Obrir i tancar un arxiu (Archivo / Abrir / Guardar Como o Guardar)

Obrir l'arxiu globus_01.tif

Salvar-lo a la zona de cada un amb un altre nom (per exemple globus.psd

en el format específic de Photoshop)
La caixa d'eines de Photoshop

Està dividida en 6 parts:

• Eines de selecció i tall
• Eines de pintura i tractament d’imatge
• Eines d'edició i vectorials
• Eines de visualització
• Quadre de control de colors de fons i primer pla
• Entorn global de treball

Maneres de seleccionar-les:
- fent clic a sobre
- escrivint la lletra adient (per saber-la només cal passar per sobre)

Eines addicionals. Hi ha eines que “amaguen” altres variacions d’aquesta

eina. Són les que tenen un petit triangle a la part inferior dreta. Per accedir-hi
és pot fer:
- Clicant sobre el l'icona de l'eina i mantenint el botó una estona
- Fent Alt + clic sobre l'eina van apareixent cíclicament
- Fent Shift (Mayús) + lletra també apareixen cíclicament

Per exemple, triar una de les eines de dibuix i fer alguns gargots a sobre de la
foto panoràmica del globus. Sempre tenim l’opció de desfer o refer l'últim pas
que hem fet amb l’opció Deshacer o Rehacer del menú Edición (Edición/
Deshacer(Rehacer))

Formes de visualització de les imatges

La mida amb que s’està visualitzant la imatge surt a la barra de títol i també
en un requadre a la part inferior esquerra de la finestra general de
Photoshop. No cal dir que la mida com es presenti no afecta la mida de l'arxiu
en si.

Es pot canviar la visualització de la imatge de diverses maneres.

Augment o disminució de les imatges

Menú Vista i les seves opcions

Aumentar / Reducir que augmenten o disminueixen la visualització
en un pas.
El mateix es pot fer amb la combinació de tecles Ctrl + , Ctrl –
respectivament.
Encajar en pantalla (s'ajusta la imatge en funció de la seva mida i la
de la pantalla). Equival a fer un doble clic a l’eina Ma.

Eina Zoom (lupa). Diverses funcionalitats:

Doble clic a sobre de l’eina: torna al 100%
Amb l’eina seleccionada: cada clic augmenta un nivell de zoom
 centrat en el punt on s’ha clicat.
El mateix amb Alt + clic redueix el zoom pas a pas.
Menú contextual (clic sobre la imatge amb el botó dret amb l'eina
seleccionada): per ampliar, disminuir o ajustar, les funcions més
importants.
Traçant un marc qualsevol sobre la imatge i deixant anar s'amplia la
part seleccionada.

Teclat combinació de tecles

Augment: mantenir Ctrl + barra d'espai. Fer clic i deixar anar.
Disminució: mantenir Alt + barra d'espai. Fer clic i deixar anar
Això serveix, per exemple, per mantenir activa una altra eina (per
exemple un pinzell) i seleccionar des del teclat l'eina Zoom. Això és útil
per fer treballs de precisió sense estar canviant contínuament d’eina.

Desplaçament de la imatge

Eina Ma
Permet desplaçar la imatge. Per veure l’efecte és convenient
augmentar força el zoom de la imatge, llavors triar la Ma i
arrossegant-la es fa moure la imatge.
Doble clic a sobre de la eina Ma: equival a Encajar en pantalla

Teclat:
És molt fàcil seleccionar-la. Només cal prémer la barra d'espai. Amb
això es pot activar sense perdre una altra eina amb què estem treballant.

Canvis en la visualització amb la Paleta Navegador

Les paletes agrupen diversos conjunts d’utilitats diferents per manipular les
imatges.

La paleta Navegador permet canviar la visualització, tant la mida com la

posició, amb gran comoditat.

Si aquesta paleta no hi és present, es pot fer aparèixer (o desaparèixer)

sempre que es vulgui commutant el menú Ventana / Navegador.

Com les paletes estan dispostes per grups, podria ser que Navegador estès
a sota de Info o Histograma. Clicant a la llengüeta de la part superior
es pot fer passar al davant.

La barreta inferior de la paleta Navegador proporciona diverses

maneres de canviar la mida de la presentació: canviant els números del
requadre, arrossegant el triangle (això permet un canvi continu) o clicant
en els extrems de la barreta (permet un zoom pas a pas).
 El rectangle vermell representa la part visualitzada en pantalla.
Observem com va canviant en anar fent zoom.

Per moure la imatge n’hi ha prou amb arrossegar el rectangle vermell a

la part desitjada.

Per fer zoom sobre una zona en particular n’hi ha prou amb prémer
Ctrl i traçar el marc volgut.

Introducció a l’ús de les paletes

Com hem vist la paleta Navegador és un exemple de les paletes en Photoshop.

La funcionalitat de les altres paletes és semblant a aquesta.

Per exemple, es fa servir el menú Ventana per mostrar o amagar cada paleta.
Amb Mayús + Tab es poden mostrar o amagar simultàniament totes les
paletes.
Amb Tab es poden mostrar o amagar simultàniament totes les paletes i la caixa
d'eines.

Les paletes es troben inicialment en cinc grups (però això depén de la

resolució de pantalla):

• Navegador / Info / Histograma

• Color / Muestras / Estilos
• Capas / Canales / Trazados
• Historia / Acciones
• Carácter / Párrafo (aquestes estan amagades per defecte)
• Opciones / Pinceles / Herramientas Preestablecidas / Composición de
capas estan a la part superior de la finestra.

Es tracta d'una barra que va canviant segons l'eina escollida, doncs és la que
permet triar precisament les opcions d'aquesta eina amb què volem treballar.
Per tant, podem observar que aquesta barra d'opcions és diferent segons quina
eina estigui activada.

Podem separar i reagrupar totes les paletes. Per evitar un excés de material a
l’escriptori, val la pena obrir o tancar només les que realment vulguem utilitzar.
Funcionament comú a totes les paletes

Amb un clic a la llengüeta superior amb el nom es pot triar una paleta
dins d’un grup.
Es pot desplaçar un grup sencer a qualsevol punt de la pantalla arrossegant
la barra de títol.
Es pot treure i posar una paleta en un grup arrossegant la seva llengüeta.
Amb això pot quedar sola, en un altre grup, etc.
Per obrir el menú propi d’una paleta es fa un clic sostingut sobre el
triangle situat a la part superior dreta.
Es poden minimitzar, tancar o canviar de mida com qualsevol finestra
de l’entorn Windows.
Per “plegar-les” i deixar només els títols cal fer doble clic a les llengüetes o a
les barres superiors o Alt + Maximitzar, minimitzar.
Per tornar a les posicions inicials de les paletes cal triar l’opció de menú
Ventana / Espacio de trabajo / Restaurar ubicaciones de paleta.

Introducció a la barra d'estat

És la situada a la part inferior de la finestra global de Photoshop. Si no està

visible es pot fer amb Ventana / Barra de estado.

Les seves parts principals d’esquerra a dreta són les següents:

El rectangle indica el nivell de zoom actual. Com era previsible s’hi pot
escriure per canviar-lo.
Al costat hi ha la mida de l'arxiu desglossada en dues parts: la primera
correspon a la informació pròpia de la imatge i la segona afegeix informació
de treball pròpia de Photoshop com ara capes, màscares, etc.
Fent clic sostingut a sobre o al costat es previsualitza la posició de la pàgina
en el moment de la impressió. Es podrà modificar amb Archivo / Ajustar
Página.
La informació visualitzada a la barra es pot canviar clicant en el triangle
situat a la dreta.
Finalment a la resta de la barra hi ha una informació concisa sobre l’eina
actualment en ús.

Menús contextuals

Els menús contextuals són una forma molt ràpida d’accedir a les opcions més
habituals en una situació determinada. Per obrir-los cal clicar amb el botó
dret sobre la imatge o sobre una paleta. Es despleguen, segons el cas, les
opcions de l'eina o de la paleta activa.
 Ajuda del programa

És una bona manera d’aprendre el programa o trobar ajut en un moment

determinat. S’obre amb el menú Ayuda.

La major part de l'ajuda de Photoshop és en línia.

Per accedir a una ajuda local es pot demanar Ayuda / Pantalla de

bienvenida.

Conceptos básicos (entre d'altres) és un bon manual d'iniciació.

Un cop dintre, pot ser útil, per exemple, l'opció Buscar. Si, per exemple,
busquem "filtros" podem arribar a molta informació sobre el tema, fins i tot a
una galeria de filtres, amb Filtro / Galería de filtros.

Com a primer pas per acabar la sessió de treball tancar la imatge. Això és pot
fer per exemple amb el menú Archivo / Guardar Como o Guardar, o amb
el botó en creu de dalt a la dreta comú a qualsevol finestra de Windows. Si
vulguéssim podriem ara guardar els canvis que hàgim fet.

Part 2: Introducció a les eines de selecció

Una de les feines més habituals en el treball sobre imatges fotogràfiques, tant
analògiques com digitals, és la realització de seleccions o aïllaments de parts de
la imatge per fer-ne algun tipus de modificació, transformació o retoc sense
afectar a la resta.
En Photoshop es poden seleccionar zones basades en la mida, en la forma i en el
color.

Les eines de selecció i derivades

Per mida:

Marco i les seves addicionals:

- Rectangular
- Elíptico
- Fila única
- Columna única

Per forma:
• Lazo i les seves addicionals:
- Poligonal
- Magnético

Per color:
• Varita mágica
Eina Mover

Recortar
La primera per l'esquerra, és la de retallar que ja hi era a les anteriors
versions però agrupada amb el marc rectangular.

Sector
Serveix per programar vincles (links) associats a imatges a emprar a la web
i s'explicarà amb detall més endavant en aquest curs.

-------------------------------------------------------------------------------------------
Exercici

Obrir inici.psd i final.psd.

En principi, cada alumne es podria organitzar el seu treball a la seva zona –

no els lliuraments finals – de la manera que vulgui, però recomanem
fortament seguir el procés que es descriu a continuació.

Crear a la zona de cada alumne una carpeta anomenada Infografia (es pot
fer clicant amb el botó de la dreta sobre el fons de la finestra i escollint l’opció
Nuevo/Carpeta) i a dintre seu una anomenada Exercicis.
Salvar-hi inici.psd a cada zona de grup dins de la carpeta Exercicis com
practica1.psd.

Reduir o amagar final.psd. És la referència del resultat a obtenir. El

construirem a sobre del meló.

Primer anem a aprendre a seleccionar i deseleccionar:

Seleccionar el meló amb l’eina Marc rectangular
Moure la selecció, directament
Deseleccionar-la. Diverses maneres de fer-ho:
Clicant a qualsevol punt extern a la selecció (amb una eina de selecció
activa)
Menú Selección / Deseleccionar (Ctrl-D)
Botó dret a qualsevol punt de la imatge (menú contextual) i triar
Deseleccionar.

Fer zoom sobre els aranyons

Triar Marc el·líptic
Seleccionar el contorn de l’aranyó triant un punt de la perifèria.
Clicar i mantenir pitjada la barra d’espai per a poder desplaçar la selecció
sense modificar la forma.
Per seleccionar des del centre cal prémer Alt i arrossegar.
Per fer un cercle cal prémer Mayús (Shift) i arrossegar.

Triar l’eina Moure

Arrossegar l’aranyó fins al centre de la rodanxa de pastanaga.
Atenció! comproveu que ara es mou la imatge (la capa de la imatge) i no la
selecció.

Deseleccionar

Cada cop que triem una eina del menú, s’actualitza el menú o finestra o
paleta d’Opcions adaptant-se a les característiques de l’eina que hem triat,
oferint-nos els paràmetres variables que té.

La paleta Historia permet veure totes les accions que hem fet i, clicant-hi a
una d’elles, recuperar la situació que havia en aquell punt.

Seleccionar la pastanaga amb aranyó amb l’eina Marc el·líptic

Moure-la amb l’eina Moure però prement simultàniament la tecla Alt. El
què es mou és un duplicat. L’original es manté al seu lloc.
Posar aquest duplicat a sobre del meló al lloc de l’ull.
Amb la tecla Shift el moviment es fa només en horitzontal o vertical.
Amb això es pot fer el segon ull. Mantenint la selecció moure-la prement a
l’hora les tecles Shift+Alt.

Triar el kiwi amb el Marc el·líptic centrat.

Sense desactivar l’eina Marc i prement Ctrl s’activa l’eina de Moure.
Portar el kiwi a la boca. Ajustar-lo amb les tecles de cursor. Es mou 1 píxel
cada cop.
Si fem Shift + tecles de cursor es mou 10 píxels cada cop.

Interessant: En qualsevol moment es pot fer Vista / Mostrar / Bordes

de la selección (Ctrl-H) per amagar o mostrar les marques de
selecció.

Triar la Varita Mágica.

Activar la Paleta de Opciones. A partir de la versió 6.0 ja està activa a la

barra superior en forma de barra sempre present.

Observem, com ja em dit, que aquesta barra d'opcions és diferent segons

quina eina estigui activada. En aquest cas, posar la Tolerància a 50. Vol dir
que s’escolliran els 50 tons més propers més clars i els 50 més foscos.

Clicar al tomàquet groc i el·líptic. Segons el punt on hàgim clicat quedarà

seleccionada una zona més o menys gran. A aquesta zona se li poden afegir i
treure altres parts.

Prement Shift i clicant a les zones que han quedat fora, aquestes es van
afegint. Clicant Alt, es van restant.

Desplaçar el tomàquet al lloc del nas. (Amb Move o amb Ctrl).

Ajustar seleccions

La millor manera d'ajustar una selecció és anar sumant (amb Shift) i

restant (amb Alt) zones petites. Fins i tot no cal que sigui la mateixa eina de
selecció: es poden anar canviant segons convingui.
Una altra manera de modificar una selecció ja feta és a partir dels seus
punts d’arrossegament. Es pot fer amb Selección / Transformar
Selección. Això val només per seleccions regulars o que es poden escalar.
Cal acabar-la amb Return.

Triar l’eina Lazo

Resseguir la “pajarita” de pasta a ma alçada.
Es pot intentar fer tota seguida o fer servir el llaç poligonal per als extrems
dentats.
Provar diversos valors de Calado. Això fa que el llaç s'ajusti més o menys a la
corba. Amb un sol píxel és difícil de resseguir la forma però la precisió és
major.

En el Llaç a ma alçada cal anar seguint la corba.

En el Llaç poligonal cal anar fent clic a clic els diversos segments.

Seguir la part corba. En arribar a la dentada fer Alt per commutar a l’eina de
Llaç poligonal que va fent els costats clic a clic. Aixecar el ratolí per anar al
segon punt del primer segment. Anar fent clic a clic. Quan es torna a arribar a
la segona part corba NO aixecar el ratolí (doncs s’ha de continuar a ma
alçada) i deixar anar la tecla Alt. Anar seguint la corba i repetir.

També es podria fer amb Vareta màgica anant sumant i restant zones amb
toleràncies petites. Fer la selecció gran amb una tolerància gran (50) i restar i
sumar amb una tolerància petita (11). També es poden sumar i restar zones
amb altres eines (rectangle, òval, llaç, etc.)

O, naturalment, es pot fer de tantes maneres i sumant i restant zones de la

manera que a cadascú li resulti més fàcil.

Escollir novament l'eina Llaç a ma alçada per resseguir aproximadament el

xampinyó.
Anar sumant zones amb la tecla Shift i restant amb la tecla Alt. És
important tenir en compte que es poden afegir i treure zones tan grans com
es vulgui i fins i tot imperfectes excepte en les zones d’intersecció amb la zona
seleccionada, en les quals sí cal ajustar.

L'eina del llaç magnètic (Lazo Magnético) serveix per seleccionar àrees
amb extrems d’alt contrast.
Es prem el botó en el primer punt i llavors la selecció s’adhereix a la línia que
es va seguint (sense prémer el botó un altre cop). Amb un clic podem
establir punts de subjecció (si s'escau).
Anar a la cantonada inferior esquerra de la polpa del “pomelo”, deixar anar el
botó i resseguir la línia. Clic per a nous punts de subjecció. Doble clic per
tancar.

Provar diverses opcions de l'eina com ara, calado, 0, anchura 10, contraste
del borde 10% i Lineatura 57, o d'altres.

Moure l’orella fins a la cara.

Menú Edición / Transformación Libre. Es fa girar col·locant-se a fora
de la selecció. Es pot fer petita amb un dels punts de control. Amb Shift es
poden mantenir les proporcions.
I moure arrossegant i acabar amb Return.

Fer una còpia i portar-la a l’altra banda. Mantenint la selecció moure-la amb
Shift-Alt.
Girar-la amb Edit / Transform / Flip Horitzontal (Edición /
Transformar / Voltear horizontal). Si aquesta opció no està accessible,
cal activar abans Transformación libre (això és un "bugg" del programa).

Combinar eines de selecció

Triar les fulles de rave amb l’eina Marc rectangular.

Triar la Vareta màgica i clicar a la part blanca prement la tecla Alt per tal
de substreure-la del rectangle total. Es seleccionarà la resta, el què no és
blanc, per tant la fulla. Seleccionar-la directament seria molt més difícil.

Amb això fer les celles.

Retallar la cara feta amb l’eina Recortar. Fer Return un cop tenim clar que
aquest és el retall que volem. Una semitransparència ens ho indica. Només
queda la part retallada. Ja es pot salvar.

Salvar-lo a la zona de cada un amb el nom practica1.psd.