Activitat 20

Aquesta activitat vol introduir-nos en l’ús de la manipulació d’imatges amb finalitats pràctiques. Així, partint de imatges fetes (com per exemple el banner principal del web de Santpedor, www.santpedor.cat) o d’altres que pugueu generar amb un programa de logos com és www.aaa-logo.com es tracta de fer una proposta de logo per al teu grup i una proposta de banner. Amb els treballs realitzats podeu decidir quina de les propostes de  grup us agrada més. Si fas servir el programa aaa-logo hauràs de fer alguns retocs de fons i de color.

Banner

Primer he agafat el logo de la pàgina de l’ajuntament de Santpedor, he obert el gimp i desprès la foto. Desprès he agafat l’eina de selecció de regió contigua que selecciona una regió contigua basant-se amb el color. I he seleccionat el fondo i l’he pintat de color blanc. Desprès he fet lo mateix però amb el tros que es veuen les cases i l’he pintat de color negre. Desprès he clissat l’eina de degradat que omple un espai amb un degradat de color, l’he degradat amb forma radial i de color de pla l’he ficat d’un color ataronjat i de color de fons un color blanc groguenc. Desprès he clissat l’eina de text i escrit els nostres noms.

Logo

Per fer el logo primer m’he descarregat el programa de “aaa-logo”  he creat amb el meu logo a partir de anant ajuntat formes i imatges i llavors l’he afegit el text de “Info 4” . I per enganxar el ratolí a dintre de la pantalla de l’ordinador del logo primer he buscat una foto d’un ratolí he anat al gimp i he obert les dues imatges (la del logo i la del ratolí) i llavors l’he canviat les mides i l’he fet més petita per a que m’hi càpigues a la pantalla de l’ordinador, desprès l’he seleccionat i l’he enganxat a la pantalla de l’ordinador del logo.

Activitat 19

En aquesta activitat volem fer ús d’una altra eina, les mascares. Aquesta eina sovint va lligada a una altra que són els filtres. En aquesta activitat haureu de fer un pòster del vostre grup fent ús de l’eina de màscara. El resultat ha de servir per presentar-vos en el vostre Powerpoint, per això caldrà que la cara sigui identificable i que hi hagi el vostre nom a sota (si voleu no cal que hi consti el cognom). Un cop haureu fet totes les del vostre grup triareu la que creieu millor i la posareu en la vostra presentació de grup a Googledocs.

Per poder fer-la accedeix al tutorial de GIMP que trobaràs en el començament del BLOC 1 de Tractament de la imatge i segueix les seves instruccions.

Primer obrim les cuatre imatges. Agafem una imatge i fem clic al botó de selecció ràpida. Amb la selecció ràpida se'ns selecciona la part de la imatge que volem retocar. Després t'en vas a Filtres/Distorsions i triem la distorsió que ens agradi. Desprès anem a Filtres/Difumina, i en aquest cas hem ficat difuminació gaussiana. Després anem a invertex, i després cliquem a Edita/Omple amb el color de fons blanc. Llavors obrim un fitxer nou de color blanc, retallem les nostres cares ja retocades i les enganxem.

Activitat 18

Seguint un procediment semblant es tracta ara de manipular una imatge d’un quadre. Per a fer aquesta activitat partirem d’una obra del Renaixement. Es tracta de fer un retoc de color a l’estil Andy Warhol.

 Un cop feta la tasca explica el procediment que has seguit. No oblidis de penjar la imatge al teu blog (recorda que el seu pes ha de ser el mínim possible, però que has  de tenir una còpia per a poder imprimir).

Primer he buscat una imatge del Renaixement, en aquest cas aquesta imatge que he agafat es “El naixement de Venus”. Després he anat al gimp, he anat a la secció de colors, i seguidament he anat a “To de saturació avançat”, he anat canviant els colors (en aquest cas verds i liles), la saturació (l’he pujada una mica més), la lluminositat i el to (els he pujat una mica més). I finalment m’ha quedat així. 

Activitat 17

Partint del quadre de Marilyn Monroe d’Andy Warhol fes una proposta teva. Es tracta de manipular el color d’una imatge teva, de la teva mascota o d’algun personatge famós. Hauries de procurar que es vegi el màxim possible la seva cara. La imatge ha de tenir com a màxim 2200 pixels d’amplada

Un cop feta la tasca explica el procediment que has seguit. No oblidis de penjar la imatge al teu blog (recorda que el seu pes ha de ser el mínim possible, però que has  de tenir una còpia per a poder imprimir.

Primerament he agafat una imatge, després l’he canviat de color. Per canviar de color he anat a Colors, després he anat a “To de saturació avançat” i/o a “To de saturació bàsic”. En el cas que triem el “To de saturació avançat”  podem regular el to, la saturació i la lluminositat però es com més “professional”, en canvi en el cas que triem “To de saturació bàsic” podem també regular el to, la saturació i la lluminositat, però aquest és més fàcil de controlar. Llavors d’haver canviat el color a la imatge quatre cops, mirem les dimensions de la imatge en el meu cas era 339x500 i llavors creem un fitxer nou i fiquem el doble que es 678x1000. I agafem les quatre imatges les seleccionem totes i les enganxem al nou fitxer. I finalment ens queda les quatre imatges, de diferents colors.

Activitat 16

Agafa la imatge «pilota.jpg» gira-la horitzontalment i substitueix la pilota per la imatge de la Terra «mon.jpg» i escriu-hi el lema: “Per que li puguis passar un món millor!”

Activitat 15

A partir de la imatge de l’activitat 13 o 14 fes un cartell anunciant el correfoc de Santpedor de l’any vinent (2011)

Activitat 14

Manipula la mateixa imatge fent ús de l’eina de Nivells de color. Fes dues imatges una manipulant el nivell d’entrada a un valor de 0,87 i en una segona imatge editant des de les corbes de color amb un resultat semblant al que veus en el gràfic adjunt. Quines diferencies pots observar? Per a què poden ser útil aquestes dues eines?  

En les dues imatges hem observat com canvia el color. Podem observar que a la imatge que  hem canviat el nivell d’entrada per un valor de 0,87 s’ha enfosquit i la imatge que hem editat des de les corbes de color hi ha hagut canvis més visibles perquè alguns colors han canviat de color del que eren abans (ja que hem augmentat la saturació). Aquestes eines poden ser útils per moltes coses, podem enfosquir-les, aclarar-les, fer que tinguin més color, o que en tinguin menys.

Activitat 13

En aquesta activitat treballarem la selecció a partir del color i l’eina de color DESATURACIÓ. Aquestes dues eines ens permetran manipular una part d’una imatge, la que haurem seleccionat pel color. Així, a partir de la imatge correfoc_1.jpg  hauràs de triar un color, el que vulguis (pensa, però, en la tipologia que estàs manipulant). Desa-la amb el nom GIMP_color1.jpg

Activitat 12

Fes dues fotos. Una d’un paisatge, habitació... en la que no s’hi vegin persones (pots descàrregar-la d’internet). Fes una segona foto teva on se’t vegi de cos sencer. Amb les dues imatges fes un fotomuntatge on se’t vegi en aquell espai (utilitza l’eina de les capes) 

Activitat 11

Fes una imatge amb la càmara de fotos i anomena-la foto_1.jpg. Cerca tota la informació que té (mira la graella adjunta). Després, agafa la imatge i fes dos arxius. El primer ha de ser mantenint les dimensions però reduint el pes tant com sigui, mantenint la màxima resolució possible foto_2.jpg. En el segon cas fes una imatge que tingui una amplada de 100 pixels, foto_3.jpg

	foto_1.jpg	foto_2.jpg	foto_3.jpg
Dimensions en píxels	640 × 480 píxels	640 × 480 píxels	100 × 75 píxels
Mida d’impressió	8,889 × 6,667 polzades	8,889 × 6,667 polzades	1,389 × 1,042 polzades
Resolució de pantalla	72 × 72 ppi	72 × 72 ppi	72 × 72 ppi
Profunditat de color	Color RGB	Color RGB	Color RGB
Pes (Kb)	100 KB	14,8 KB	13,3 KB

Quina faries servir per posar en el teu blog? Perquè? I si els teus usuaris del blog vulguessin imprimir-se-la, quin arxiu enllaçaries?

La foto_2.jpg perquè el pes der la imatge es molt més baix que les altres i la seves dimensions són iguals que la foto_1.jpg

Activitat 10

Obre el navegador i busca la imatge de la Terra que trobaràs  en aquest enllaç. Desa la imatge utilitzant l’eina de captura del GIMP i fent “Anomena i desa” amb el botó dret del ratolí.

	Earth_moon1	earth_moon_2
Dimensions en píxels	1024 × 768 píxels	1740 × 3673 píxels
Mida d’impressió	14,222 × 10,667 polzades	24,164 × 51,008 polzades
Resolució de pantalla	72 × 72 ppi	72,009 × 72,009 ppi
Profunditat de color	Color RGB	Escala de grisos
Pes (Kb)	578 Kb	7.56 Kb

Hi ha diferències? A què et sembla que responen aquestes diferències? Quin és el camí més correcte per capturar imatges d’internet?

Sí,  fent “anomena i desa” té mes resolució. 

Activitat 9

Cerca a internet una imatge d’una posta de sol per posar en una pàgina web, malgrat que GIMP disposa d’una eina de captura en aquest cas no la utilitzis. Volem que tingui una amplada de 800 píxels (posta_sol_1.png) que no superi els 75kb (posta_sol_2.png). També en volem versió d’un tamany de 120 píxels per posar en un índex. Per acabar desa les imatges també en format jpg segons les mateixes mides. Fes-ho a partir de la imatge original.

	posta_sol_1.png	posta_sol_1.jpg	posta_sol_2.png	posta_sol_1.jpg
Dimensions en píxels	400 × 300 píxels	400 × 300 píxels	800 × 600 píxels	400 × 300 píxels
Mida d’impressió	5,556 × 4,167 polzades	5,556 × 4,167 polzades	11,110 × 8,332 polzades	5,556 × 4,167 polzades
Resolució de pantalla	72 × 72 ppi	72 × 72 ppi	72,009 × 72,009 ppi	72 × 72 ppi
Profunditat de color	Color RGB	Color RGB	Color RGB	Color RGB
Pes (Kb)	79,4 KB	9,92 KB	241 KB	9,92 KB

Quines diferencies estàs trobant? Quin és el format més recomanable per a utilitzar en aquest cas, png o jpg? Perquè?

Que jpg pesa menys que png. Jpg, perquè no pesa tant com el png. i la imatge té més qualitat.

Activitat 8

Obre el cercador d’imatges www.lycos.es (Imágenes) i fes una cerca amb “oso polar” i obté la imatge continguda a www.cta.org.ar. Desa-la com a os.jpg. Amb aquesta imatge fes un cartell de amb un tamany de 800x589 pixels  i una resolució de 72x72 ppp, intentant conscienciar del perill del  canvi climàtic. Per a fer-ho hauràs d’insertar un text.

Activitat 7

Descarrega i obre la imatge gat.jpg. Polsa la tecla Imp Pant (impressió de pantalla). Aneu a Fitxer|Adquireix|Del porta-retalls. Deseu-la com a gat1.gif. Torneu a obrir la imatge gat.jpg. Premeu simultàniament les tecels Alt + Imp Pant. Repetiu l’operació anterior i deseu-la com a gat2.jpg

	silvestre.jpg	gat1.gif	gat2.jpg
Dimensions en píxels	1069 × 1278 píxels	1024 × 768 píxels	1024 × 738 píxels
Mida d’impressió	3,563 × 4,260 polzades	14,222 × 10,667 polzades	14,222 × 10,250 polzades
Resolució de pantalla	300 × 300 ppi	72 × 72 ppi	72 × 72 ppi
Profunditat de color	Color RGB	Color RGB	Color RGB
Pes (Kb)	724 Kb	231 Kb	98,3 Kb

Les resolucions de pantalla són diferents. Quina explicació té aquest fet?

Que les imatges en que s’ha premut abans “impr pant” la resolució d’imatge és més petita.

El Gimp té una eina de captura. Mireu de repetir l’acció amb aquesta eina. La trobareu a Fitxer|Adquireix|Captura de pantalla

Activitat 6

Descarrega i obre la imatge lila.xcf. Tot seguit modifica les seves dimensions fent Imatge/Escala la imatge a 100 píxels d’amplada i  75 píxels d’altura. Desa la nova imatge com a lila2.xcf.

Tot seguit completa la taula:

	lila.xcf	lila2.xcf
Dimensions en píxels	400 × 300 píxels	100 × 75 píxels
Mida d’impressió	5,556 × 4,167 polzades	1,389 × 1,042 polzades
Resolució	72 × 72 ppi	72 × 72 ppi
Profunditat de color	Color RGB	Color RGB
Pes (Kb)	355 Kb	22,8 Kb

A partir de les dades de la taula, a quines conclusions arribes?

Que quan una imatge com menys píxels té la imatge pesa menys i la mida d'impressió és més petita. 

Activitat 5

 Silvestre.jpg

Silvestre2.jpg

Descarrega i obre la imatge silvestre.jpg i silvestre2.jpg. Compareu les dues imatges, completant les dades de la taula. Per obtenir aquestes dades cal fer: Imatge/Propietats d’imatge (hi ha versions del Gimp que aquesta acció és fent Visualitza/Finestra d’informació)

	silvestre.jps	silvestre2.jpg
Dimensions en píxels	1069 x  1728	257 x 307
Mida d’impressió	3,563 × 4,260 polzades	3,569 × 4,264 polzades
Resolució	300 × 300 ppi	72 × 72 ppi
Profunditat de color	Color RGB	Color RGB
Pes (Kb)	724 Kb	54,3 Kb

Ara observeu les dues imatges de costat i amb el mateix zoom. Quina imatge apareix més gran?  

La silvestre.jpg

A la mida d’impressió es respecte el que observes per pantalla? Per què?

Sí, perquè la imatge, es fica automàticament a mida d’impressió.