SlideShare a Scribd company logo
1 of 39
Unitat 3 : la imatge digital Informàtica 4t eso
El procés de digitalizació ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Fonts de les imatges ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Format de les imatges ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Format de les imatges
Mapes de bits ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resolució d’una imatge ,[object Object],[object Object],[object Object],[object Object],[object Object]
Pes d’una imatge ,[object Object],[object Object],[object Object]
Color ,[object Object],[object Object],[object Object],[object Object],RGB prové de les sigles Red Green Blue: són els tres colors primaris a partir dels quals es poden fer tots els altres. El color RGB té una profunditat de color de 24 bits: 8 bits (o 256 variacions possibles de color) per cadascun d'aquests tres colors primaris. Hi ha més de 16 milions de combinacions possibles entre els tres colors (256 x 256 x 256, o bé   2 elevat a 24). L'ull humà no és capaç de discriminar entre tants colors, de manera que amb una profunditat de 24 bits n'hi ha més que suficient per representar tots els colors possibles d'una imatge. Les imatges de 32 bits no contenen més informació sobre nombre de colors que les de 24 bits; aquesta informació addicional s'utilitza per trasparències de bits.
Color ,[object Object],16 milions de colors, 45 Kb 256 colors, 15 Kb 16 colors, 7'5 Kb
Format de les imatges ,[object Object],[object Object],[object Object],[object Object],[object Object],Imatge original  Compressió sense pèrdues  (35,2 KB) Imatge comprimida 84%, (3,97 KB)   Alta Compressió 98%, (3,56 KB)
Format de les imatges ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Programari per al tractament d’imatges digitals ,[object Object],[object Object],[object Object],[object Object]
Exercici1 ,[object Object],[object Object],Exercici 1 : Obriu el GIMP i mireu de donar aquestes formes a la pantalla de les eines.
Exercici2 El primer que cal saber fer en qualsevol programa és obrir un document nou i desar-lo. Obrireu un arxiu i hi posareu el vostre nom. Primer obrireu un arxiu que faci 400 píxels d’amplada per 50 d’alçada; després aneu a la pantalla de les eines i cliqueu a sobre de la  T , tal com es veu a la imatge:
Per defecte va a una carpeta concreta, en aquest cas anirà a l’arrel del disc dur; l’heu de desar a la vostra carpeta . Per trobar la carpeta heu de desplegar on diu  Navega  per unes altres carpetes. Des d’aquí podeu anar a qualsevol carpeta:  Si ara cliqueu  Desa , el programa us avisarà que falta el format que voleu donar al fitxer per desar-lo; cal, aleshores, que desplegueu  Seleccioneu el tipus de fitxer ; se us mostrarà un munt d’extensions.  Un cop escollida l’extensió, ja podeu clicar  D’acord , la propera pantalla és la de la compressió, que és diferent segons l’extensió que hagueu triat.  Deseu la imatge amb el nom:  exercici2  a la carpeta d’aquesta unitat.
Exercici3:El format propi del GIMP: imatges *.xcf   ,[object Object]
[object Object],:  ,[object Object],Exercici 3:  obriu un document Word, inseriu la imatge rosa, i copieu i responeu  les següents preguntes: Quines són les dimensions de la imatge? Calcula el nombre de píxels total que te la imatge Quina és la profunditat de color de la imatge? Quina és la mida en memòria de l’arxiu? Quina és la resolució de la imatge? Desa el document (exercici3)  a la carpeta de treball d’aquesta unitat.
Exercici4: Formats d’imatge   ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exercici5 :Profunditat de color Obriu la imatge flor.xcf  amb el GIMP. Deseu-la en format  flor.png , amb una compressió igual a 0.  Comproveu, amb el menú  Visualitza / Finestra d'informació , que el tipus de visualització (informació de color de la imatge) és  color RGB  (o color real, o milions de colors), i la classe i profunditat visuals (manera com es presenta a la pantalla) és  24 bits  (milions de colors).  Obriu el menú  Imatge / Mode  i trieu l'opció  Indexat . A la finestra que us apareixerà, deixeu les opcions per defecte; procureu que el valor del camp  Nombre màxim de colors  sigui  256 .  Deseu aquesta imatge com a  flor1.png  Obriu la imatge flor.png. Aneu al menú  Imatge / Mode , trieu l'opció  Indexat  i, a la pantalla que us apareix tot seguit, canvieu la profunditat de color a  4 colors . Observeu els canvis en els matisos de color de la imatge i en els paràmetres del menú  Visualitza/ Finestra d'informació . Deseu la imatge com a  flor2.png , amb una compressió igual a 0.  Torneu a obrir la imatge flor.png i canvieu a escala de grisos. Deseu-la com a  flor3.png  Torneu a obrir la imatge flor.png i canvieu a blanc i negre. Deseu-la com a  flor4.png  Obriu un document Word i feu una taula comparativa de las cinc imatges i les seves característiques principals ( nom, memoria Ram que ocupen, profunditat de color, etc.) Envieu
Exercici6 : Dimensions de les imatges   ,[object Object],[object Object],[object Object],[object Object]
  ,[object Object],Exercici7:Manipulació dels colors al GIMP També es pot variar el to i la saturació; per fer-ho, desplegueu el menú  Eines | Eines de color |To saturació bàsic : També es pot optar pel nivell avançat.  Mireu d’aconseguir, amb els canvis corresponents, que aquesta imatge s’assembli a les tres altres Inseriu a un document Word les quatre imatges i envieu com a pràctica 7
Exerci8: Filtres ,[object Object],[object Object],Trieu una imatge qualsevol i apliqueu 5 filtres diferents, deseu les imatges a la vostra carpeta.Inseriu lesimatges a un document Word i envieu com a exercici 8.
Exercici 9: Manipular imatges Obre la imatge del Dr. House Seleccionem la figura del doctor amb la eina ruta. A continuació anem a seleccionar – a partir de una ruta. Obrim la imatge banc. Anem a capas,  Obrim la imatge de destí, fem una nova capa transparent i enganxem la imatge del doctor. A continuació utilitzem les eines redimensionar i mover, fins que la figura s’adapti al banc. Per acabar, a capa, seleccionem anclar. JA podem guardar com a  exercici9.jpg Envia el resultat.
Exercici 10 ,[object Object],1 pas: Escalar les imatges.  Ens interesa que les imatges paella, fideuà i pastís tinguin les mateixes dimensions , una amplada de 200 píxels. Obrim-les, i anem a imatge/escalar imatge, i sense eliminar ellligam entre els dos valors, posem una amplada de 200 Guardem les imatges amb el nom paellapeque...etc. Fem el mateix amb la imatge del cuiner i les ampolles de vi, però ara triem l’amplada 300 píxels.
2 pas: seleccionar el que ens interessa de cada imatge. Eines de selecció Seleccionar una zona d’una imatge és escollir una zona concreta. A vegades, aquesta zona serà la d’un mateix lloc, o del mateix color, ... El GIMP té moltes eines de selecció, que le spodem veure a la finestra de les eines: O bé desplegant el menú superior Eines de la finestra de dibuix:  Un cop tenim una zona seleccionada, sigui en l’eina que sigui, podem fer vàries accions:  Si despleguem el menú Selecciona de la part superior, veurem algunes opcions del que podem fer amb la nostra selcció:  Tot: per seleccionar tota la imatge. Res: Per anul·lar les zone sseleccionades. Inverteix: Selecciona el que no estava seleccionat i la zona seleccionada la deixa sense seleccionar. Flota: Apareix una creu a sobre de la selecció que ens permet traslladar-la per damunt de la resta de la imatge.  Umbral: variant el valor podrem seleccionar la tolerancia d’algunes eines, com la vareta màgica.
[object Object],[object Object],Obre la imatge de les ampolles de vi i selecciona només una. Copia-la al portaretalls. Crea una imatge nova de 400x400 pixels, posa rellenar con: transparencia, i enganxa la selecció de l’ampolla. Selecció amb les tisores intel·ligents .  Per seleccionar amb les tisores, cal anar marcant el perfil del que volem  seleccionar, i l’eina ens anirà marcant el contorn. Seleccioneu el contorn de l’ampolla i al final feu clic al mig , esborreu la part blanca i guardeu com a : ampollaneta.jpg
Selecció contínua d'un mateix color La vareta màgica és una eina que permet seleccionar un color. Obriu la imatge del cuiner i seleccioneu les dues zones grises dels costats. Esborreules amb supr. Despres seleccioneu el fons blanc, invertiu la seleccio, copieu  i enganxeu a una nova imatge  amb fonstransparent. Guardeu com a cuinernet.jpg Selecció elíptica La utilitzarem per seleccionar la paella. Copieu-la i enganxeu-la en una nova imatge transparent. Guardeu com paellaneta.xcf Selecció de contorn lliure Utilitzeu-la per seleccionar el pastís, enganxeu-lo a una nova imatge de fons transparent i deseu com a pastisnet.xcf
Selecció de color discontinu   Aquesta eina ens permet seleccionar le mateix color d’una imatge, estigui de costat o no: Com es pot observar, el color selccionat no està continu, sinó que hi ha seleccionades diferents zones de la imatge sense que estiguin en contacte. Utilitzeu-la per retallar la imatge de la fideuà, deseu-la com a fideuaneta.xcf. Si us en sortiu, utilitzeu un altra de les eines.
Creació del fons de l’anunci Creu una imatge nova de 500 x 500 pixels. Ompliu-la amb l’eina cubell de pintura , relleno con patron, briks. Deseu la imatge com a fons.xcf Ara anirem enganxant les diferents imatges que hem anat retallant. Treballarem amb capes: per veure la informació de cada capa, aneu a dialogos, crear un empotrable nuevo, capas canales y rutas. Aquí podem seleccionar la imatge que ens interessi, a sota veurem les capes. Podem canviar el nom d’una capa fent doble clic a sobre.
El que farem es obrir cada imatge que hem fet a l’exercici anterior , canviar el nom a la capa i arrosegar-la sobre la imatge de fons. Veureu com es van afegint capes. Per moure una capa, utilitzeu l’eina mover  Ara només ens queda afegir text, utilitzeu l’eina text, el text s’afegirà com a nova capa. Aquí podeu canviar el tipus de lletra, tamany, etc..
Desa la imatge a la carpeta de treball ,envia-la a Moodle i també  PENJA-LA AL TEU BLOC Observeu com han aparegut totes les capes que hem anat creant.
Com publicar les imatges a Internet:   Flickr  http://www.flickr.com/ El Flickr és un espai web de Yahoo (http://www.yahoo.es ) que ens permet fer totes aquestes tasques: accedir als seus milions d'imatges classificades per etiquetes (tags), pujar-hi les nostres, organitzar-les i compartir-les.  Per fer-nos una idea de la potència del lloc, només dir que actualment ha superat els 300 milions d'imatges, a un ritme de pujada de 2,5 milions de fotos al dia. Fixeu-vos en la progressió que ha tingut.  Picasa  http://picasa.google.com/ El programa  Picasa  va associat a un compte de correu de Gmail.  Ara se'ns ofereixen uns recursos que simplifiquen notablement el treball amb imatges, la seva classificació i poder-les compartir. És a dir, ens permetrà fer tot el procés des d'una mateixa interfície: captura, edició i exportació. Bubbleshare És el que treballarem a la següent activitat.
Bubbleshare Entreu a  http :// www.bubbleshare.com  i -només la primera vegada- localitzeu el botó "Sign up Now". Cliqueu-hi i, en una nova pantalla, us apareixerà el formulari per donar-vos d'alta a l'entorn. Ompliu el formulari de registre amb el vostre nom, l'adreça de correu-e on rebreu la confirmació de l'alta, la contrasenya que vulgueu (i repetir-la, per confirmar-la). També heu de marcar la casella "I agree to the Terms and Conditions" i, finalment, clicar el botó "Create account". CREAR L'ALBUM Primer de tot, localitzeu l'opció "Create a New Album" i cliqueu-hi. S'obre una nova pantalla amb un aspecte com ara aquest:   Doneu un títol a l'àlbum. Feu clic al botó "Browse for Photos" per localitzar les imatges que prèviament haureu seleccionat per posar a l'album. Seleccioneu-les totes i endavant. El menú que hi ha a l'esquerra ofereix diferents opcions: REORDENAR LES FOTOS  ,  PROPIETATS DE L'ÀLBUM, AFEGIR FOTOS   PROPIETATS DE L'ÀLBUM Amb aquesta opció es poden canviar diversos paràmetres de l'àlbum: el títol, l'estatus pel que fa a privacitat/publicitat, etc. Si se li dóna la condició de públic (que, tal com hem dit abans, implica que pugui ser trobat amb el cercador intern de l'aplicació) també se li pot indicar una categoria, és a dir, una temàtica a triar d'una llista tancada, que en pot facilitar la localització
TÍTOL Al peu de cada imatge trobareu la frase  Click here to change the title of this photo . Si hi cliqueu a sobre podreu escriure un nou títol per a la fotografia. A prop del peu de la pàgina, sota les miniatures, hi ha la possibilitat d'editar una  descripció  per a tot l'àlbum. Cliqueu sobre "Edit Album Description" i podreu escriure un text explicatiu. "DECORAR" LES FOTOS AMB BAFARADES I ELEMENTS GRÀFICS L'aplicació permet incorporar elements sobreposats a les imatges (que anomena  Gizmos ), com ara diferents tipus de bafarades de text i elements gràfics. A la barra horitzontal que hi ha sobre la fotografia es pot triar l'element desitjat:
Hi ha encara una forma més complexa de compartir un àlbum, que és incorporant una miniatura animada en una pàgina web o un bloc.  Cliqueu l'opció "Blog Album" del menú . Ara només caldrà copiar i enganxar el  codi  html que més ens interessi pel nostre bloc. Com podeu comprovar n'hi ha diferents opcions. Exercici 11 Aquesta activitat consisteix en que creeu un compte propi a  Bubbleshare  i feu un àlbum amb les fotografies que vulgueu. Feu una presentació tipus còmic, afegit text.  Us recomanem seguir els següents passos:  Trieu entre 6 i 12 fotografies, poseu-les en un directori del vostre ordinador i, si cal, redimensioneu-les per fer la pujada a l'entorn més àgil.( de l’orde de 200 píxel) Creeu-vos un compte a Bubbleshare. Creeu un nou àlbum i pugeu-hi les fotos que hagueu triat. Editeu la descripció de l'album i poseu títol a cada fotografia. Practiqueu algun dels elements decoratius que es poden incorporar a les imatges. Incorporeu una nova entrada al bloc insertant el codi que ens ofereix Bubbleshare del nostre àlbum per poder publicar-lo.
Onlinephototool   http :// www.onlinephototool.com /   *  Obrim una imatge: Com tots els programes que fem servir normalment anirem a "File" i "Open" per obrir una i matge: * Redimensionem una imatge: A continuació redimensionarem aquesta imatge, una de les eines que més fem servir amb els programes de tractament d'imatges. Per aconseguir el nostre objectiu hem de clicar "Image" i triar l'opció "Image resize": Ara treballarem amb un editor d’imatges on-line
Aclarir una imatge: Una altra opció interessant, que en més d'una ocasió l'hem de fer servir, és aclarir una imatge. Seguint les intruccions de la següent imatge ho podreu  * Aplicar filtres: Un altre servei que ens dóna aquesta eina és la possibilitat d'aplicar filtres a la nostra imatge. Només ens caldrà de clicar a l'opció "Filter" i se'ns desplegarà un menú amb diferentes filtres. Ara només hem de triar un i jugar amb les diferents opcions fins aconseguir l'efecte desitjat
Exercici 13 Utilitza Onlinephototool per fer, a partir d’una imatge, una postal per enviar a un amic pel seu aniversari. Penja el resultat al teu bloc i envia a Moodle. Exercici 12: DUMPR Aquesta adreça us pot interessar ja que d'una imatge podem crear diferents efectes. És una eina on-line molt intuitiva, només us avançem que els efectes marcat amb "Pro" són de pagament però la resta és de franc: http://www.dumpr.net/ Exercici: crea un efecte amb una imatge qualsevol. Guarda-la com a exercici12, penja-la al teu bloc i envia-la a Moodle

More Related Content

What's hot

La imatge digital
La imatge digitalLa imatge digital
La imatge digital
Albabad
 
Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)
efsauba
 
UD14 La imatge digital
UD14  La imatge digitalUD14  La imatge digital
UD14 La imatge digital
IsabelBlasco
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
Ditas St
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
cop000
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
GloriaSaray99
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
udl
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títol
markkkus99
 

What's hot (19)

La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
Informàtica
InformàticaInformàtica
Informàtica
 
Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)Seminari aplicacions did. de les imatges presentació (1a sessió)
Seminari aplicacions did. de les imatges presentació (1a sessió)
 
UD14 La imatge digital
UD14  La imatge digitalUD14  La imatge digital
UD14 La imatge digital
 
Edició digital
Edició digitalEdició digital
Edició digital
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Imatge digital 4tA
Imatge digital 4tAImatge digital 4tA
Imatge digital 4tA
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
 
La Imatge
La ImatgeLa Imatge
La Imatge
 
El vídeo
El vídeoEl vídeo
El vídeo
 
LA IMATGE DIGITAL
LA IMATGE DIGITALLA IMATGE DIGITAL
LA IMATGE DIGITAL
 
Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital Resolució: La mesura de la imatge digital
Resolució: La mesura de la imatge digital
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
Presentació sense títol
Presentació sense títolPresentació sense títol
Presentació sense títol
 
as734
as734as734
as734
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 
T5 edi img_1516
T5 edi img_1516T5 edi img_1516
T5 edi img_1516
 

Similar to Unitat 3

Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16
pilarb1
 
Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1
jserraho
 
Imatge Digital Formats
Imatge Digital FormatsImatge Digital Formats
Imatge Digital Formats
avillan
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
udl
 
imatges digital
imatges digitalimatges digital
imatges digital
isr27
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
nere18
 

Similar to Unitat 3 (20)

INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Tema2 2015 16
Tema2 2015 16Tema2 2015 16
Tema2 2015 16
 
T5 edi img_1
T5 edi img_1T5 edi img_1
T5 edi img_1
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1Serrahombrao jara pdm_pac1
Serrahombrao jara pdm_pac1
 
Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2Tractament i publicació d'imatge i vídeo pac2
Tractament i publicació d'imatge i vídeo pac2
 
Tema 8 edicio imatges
Tema 8 edicio imatgesTema 8 edicio imatges
Tema 8 edicio imatges
 
T2
T2T2
T2
 
T2 e2
T2 e2T2 e2
T2 e2
 
Imatge Digital Formats
Imatge Digital FormatsImatge Digital Formats
Imatge Digital Formats
 
T1_ex1
T1_ex1T1_ex1
T1_ex1
 
La imatge digita
La imatge digitaLa imatge digita
La imatge digita
 
12photoshop
12photoshop12photoshop
12photoshop
 
Recuperacio
RecuperacioRecuperacio
Recuperacio
 
/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges/Users/Otjan/Desktop/Tractament Dimatges
/Users/Otjan/Desktop/Tractament Dimatges
 
Info arjom
Info arjomInfo arjom
Info arjom
 
Introducció a la Imatge digital
Introducció a la Imatge digitalIntroducció a la Imatge digital
Introducció a la Imatge digital
 
imatges digital
imatges digitalimatges digital
imatges digital
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 

More from Marta Castañé (7)

Gimp
GimpGimp
Gimp
 
Oleohidraulica
OleohidraulicaOleohidraulica
Oleohidraulica
 
Maxi ivan
Maxi ivanMaxi ivan
Maxi ivan
 
Crea presentación de microsoft power point
Crea presentación de microsoft power pointCrea presentación de microsoft power point
Crea presentación de microsoft power point
 
Internet
InternetInternet
Internet
 
Power Ade
Power AdePower Ade
Power Ade
 
Poweppppp
PowepppppPoweppppp
Poweppppp
 

Unitat 3

  • 1. Unitat 3 : la imatge digital Informàtica 4t eso
  • 2.
  • 3.
  • 4.
  • 5. Format de les imatges
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Exercici2 El primer que cal saber fer en qualsevol programa és obrir un document nou i desar-lo. Obrireu un arxiu i hi posareu el vostre nom. Primer obrireu un arxiu que faci 400 píxels d’amplada per 50 d’alçada; després aneu a la pantalla de les eines i cliqueu a sobre de la T , tal com es veu a la imatge:
  • 16. Per defecte va a una carpeta concreta, en aquest cas anirà a l’arrel del disc dur; l’heu de desar a la vostra carpeta . Per trobar la carpeta heu de desplegar on diu Navega per unes altres carpetes. Des d’aquí podeu anar a qualsevol carpeta: Si ara cliqueu Desa , el programa us avisarà que falta el format que voleu donar al fitxer per desar-lo; cal, aleshores, que desplegueu Seleccioneu el tipus de fitxer ; se us mostrarà un munt d’extensions. Un cop escollida l’extensió, ja podeu clicar D’acord , la propera pantalla és la de la compressió, que és diferent segons l’extensió que hagueu triat. Deseu la imatge amb el nom: exercici2 a la carpeta d’aquesta unitat.
  • 17.
  • 18.
  • 19.
  • 20. Exercici5 :Profunditat de color Obriu la imatge flor.xcf amb el GIMP. Deseu-la en format flor.png , amb una compressió igual a 0. Comproveu, amb el menú Visualitza / Finestra d'informació , que el tipus de visualització (informació de color de la imatge) és color RGB (o color real, o milions de colors), i la classe i profunditat visuals (manera com es presenta a la pantalla) és 24 bits (milions de colors). Obriu el menú Imatge / Mode i trieu l'opció Indexat . A la finestra que us apareixerà, deixeu les opcions per defecte; procureu que el valor del camp Nombre màxim de colors sigui 256 . Deseu aquesta imatge com a flor1.png Obriu la imatge flor.png. Aneu al menú Imatge / Mode , trieu l'opció Indexat i, a la pantalla que us apareix tot seguit, canvieu la profunditat de color a 4 colors . Observeu els canvis en els matisos de color de la imatge i en els paràmetres del menú Visualitza/ Finestra d'informació . Deseu la imatge com a flor2.png , amb una compressió igual a 0. Torneu a obrir la imatge flor.png i canvieu a escala de grisos. Deseu-la com a flor3.png Torneu a obrir la imatge flor.png i canvieu a blanc i negre. Deseu-la com a flor4.png Obriu un document Word i feu una taula comparativa de las cinc imatges i les seves característiques principals ( nom, memoria Ram que ocupen, profunditat de color, etc.) Envieu
  • 21.
  • 22.
  • 23.
  • 24. Exercici 9: Manipular imatges Obre la imatge del Dr. House Seleccionem la figura del doctor amb la eina ruta. A continuació anem a seleccionar – a partir de una ruta. Obrim la imatge banc. Anem a capas, Obrim la imatge de destí, fem una nova capa transparent i enganxem la imatge del doctor. A continuació utilitzem les eines redimensionar i mover, fins que la figura s’adapti al banc. Per acabar, a capa, seleccionem anclar. JA podem guardar com a exercici9.jpg Envia el resultat.
  • 25.
  • 26. 2 pas: seleccionar el que ens interessa de cada imatge. Eines de selecció Seleccionar una zona d’una imatge és escollir una zona concreta. A vegades, aquesta zona serà la d’un mateix lloc, o del mateix color, ... El GIMP té moltes eines de selecció, que le spodem veure a la finestra de les eines: O bé desplegant el menú superior Eines de la finestra de dibuix: Un cop tenim una zona seleccionada, sigui en l’eina que sigui, podem fer vàries accions: Si despleguem el menú Selecciona de la part superior, veurem algunes opcions del que podem fer amb la nostra selcció: Tot: per seleccionar tota la imatge. Res: Per anul·lar les zone sseleccionades. Inverteix: Selecciona el que no estava seleccionat i la zona seleccionada la deixa sense seleccionar. Flota: Apareix una creu a sobre de la selecció que ens permet traslladar-la per damunt de la resta de la imatge. Umbral: variant el valor podrem seleccionar la tolerancia d’algunes eines, com la vareta màgica.
  • 27.
  • 28. Selecció contínua d'un mateix color La vareta màgica és una eina que permet seleccionar un color. Obriu la imatge del cuiner i seleccioneu les dues zones grises dels costats. Esborreules amb supr. Despres seleccioneu el fons blanc, invertiu la seleccio, copieu i enganxeu a una nova imatge amb fonstransparent. Guardeu com a cuinernet.jpg Selecció elíptica La utilitzarem per seleccionar la paella. Copieu-la i enganxeu-la en una nova imatge transparent. Guardeu com paellaneta.xcf Selecció de contorn lliure Utilitzeu-la per seleccionar el pastís, enganxeu-lo a una nova imatge de fons transparent i deseu com a pastisnet.xcf
  • 29. Selecció de color discontinu Aquesta eina ens permet seleccionar le mateix color d’una imatge, estigui de costat o no: Com es pot observar, el color selccionat no està continu, sinó que hi ha seleccionades diferents zones de la imatge sense que estiguin en contacte. Utilitzeu-la per retallar la imatge de la fideuà, deseu-la com a fideuaneta.xcf. Si us en sortiu, utilitzeu un altra de les eines.
  • 30. Creació del fons de l’anunci Creu una imatge nova de 500 x 500 pixels. Ompliu-la amb l’eina cubell de pintura , relleno con patron, briks. Deseu la imatge com a fons.xcf Ara anirem enganxant les diferents imatges que hem anat retallant. Treballarem amb capes: per veure la informació de cada capa, aneu a dialogos, crear un empotrable nuevo, capas canales y rutas. Aquí podem seleccionar la imatge que ens interessi, a sota veurem les capes. Podem canviar el nom d’una capa fent doble clic a sobre.
  • 31. El que farem es obrir cada imatge que hem fet a l’exercici anterior , canviar el nom a la capa i arrosegar-la sobre la imatge de fons. Veureu com es van afegint capes. Per moure una capa, utilitzeu l’eina mover Ara només ens queda afegir text, utilitzeu l’eina text, el text s’afegirà com a nova capa. Aquí podeu canviar el tipus de lletra, tamany, etc..
  • 32. Desa la imatge a la carpeta de treball ,envia-la a Moodle i també PENJA-LA AL TEU BLOC Observeu com han aparegut totes les capes que hem anat creant.
  • 33. Com publicar les imatges a Internet: Flickr http://www.flickr.com/ El Flickr és un espai web de Yahoo (http://www.yahoo.es ) que ens permet fer totes aquestes tasques: accedir als seus milions d'imatges classificades per etiquetes (tags), pujar-hi les nostres, organitzar-les i compartir-les. Per fer-nos una idea de la potència del lloc, només dir que actualment ha superat els 300 milions d'imatges, a un ritme de pujada de 2,5 milions de fotos al dia. Fixeu-vos en la progressió que ha tingut. Picasa http://picasa.google.com/ El programa Picasa va associat a un compte de correu de Gmail. Ara se'ns ofereixen uns recursos que simplifiquen notablement el treball amb imatges, la seva classificació i poder-les compartir. És a dir, ens permetrà fer tot el procés des d'una mateixa interfície: captura, edició i exportació. Bubbleshare És el que treballarem a la següent activitat.
  • 34. Bubbleshare Entreu a http :// www.bubbleshare.com i -només la primera vegada- localitzeu el botó "Sign up Now". Cliqueu-hi i, en una nova pantalla, us apareixerà el formulari per donar-vos d'alta a l'entorn. Ompliu el formulari de registre amb el vostre nom, l'adreça de correu-e on rebreu la confirmació de l'alta, la contrasenya que vulgueu (i repetir-la, per confirmar-la). També heu de marcar la casella "I agree to the Terms and Conditions" i, finalment, clicar el botó "Create account". CREAR L'ALBUM Primer de tot, localitzeu l'opció "Create a New Album" i cliqueu-hi. S'obre una nova pantalla amb un aspecte com ara aquest: Doneu un títol a l'àlbum. Feu clic al botó "Browse for Photos" per localitzar les imatges que prèviament haureu seleccionat per posar a l'album. Seleccioneu-les totes i endavant. El menú que hi ha a l'esquerra ofereix diferents opcions: REORDENAR LES FOTOS , PROPIETATS DE L'ÀLBUM, AFEGIR FOTOS PROPIETATS DE L'ÀLBUM Amb aquesta opció es poden canviar diversos paràmetres de l'àlbum: el títol, l'estatus pel que fa a privacitat/publicitat, etc. Si se li dóna la condició de públic (que, tal com hem dit abans, implica que pugui ser trobat amb el cercador intern de l'aplicació) també se li pot indicar una categoria, és a dir, una temàtica a triar d'una llista tancada, que en pot facilitar la localització
  • 35. TÍTOL Al peu de cada imatge trobareu la frase Click here to change the title of this photo . Si hi cliqueu a sobre podreu escriure un nou títol per a la fotografia. A prop del peu de la pàgina, sota les miniatures, hi ha la possibilitat d'editar una descripció per a tot l'àlbum. Cliqueu sobre "Edit Album Description" i podreu escriure un text explicatiu. "DECORAR" LES FOTOS AMB BAFARADES I ELEMENTS GRÀFICS L'aplicació permet incorporar elements sobreposats a les imatges (que anomena Gizmos ), com ara diferents tipus de bafarades de text i elements gràfics. A la barra horitzontal que hi ha sobre la fotografia es pot triar l'element desitjat:
  • 36. Hi ha encara una forma més complexa de compartir un àlbum, que és incorporant una miniatura animada en una pàgina web o un bloc. Cliqueu l'opció "Blog Album" del menú . Ara només caldrà copiar i enganxar el codi html que més ens interessi pel nostre bloc. Com podeu comprovar n'hi ha diferents opcions. Exercici 11 Aquesta activitat consisteix en que creeu un compte propi a Bubbleshare i feu un àlbum amb les fotografies que vulgueu. Feu una presentació tipus còmic, afegit text. Us recomanem seguir els següents passos: Trieu entre 6 i 12 fotografies, poseu-les en un directori del vostre ordinador i, si cal, redimensioneu-les per fer la pujada a l'entorn més àgil.( de l’orde de 200 píxel) Creeu-vos un compte a Bubbleshare. Creeu un nou àlbum i pugeu-hi les fotos que hagueu triat. Editeu la descripció de l'album i poseu títol a cada fotografia. Practiqueu algun dels elements decoratius que es poden incorporar a les imatges. Incorporeu una nova entrada al bloc insertant el codi que ens ofereix Bubbleshare del nostre àlbum per poder publicar-lo.
  • 37. Onlinephototool http :// www.onlinephototool.com / * Obrim una imatge: Com tots els programes que fem servir normalment anirem a "File" i "Open" per obrir una i matge: * Redimensionem una imatge: A continuació redimensionarem aquesta imatge, una de les eines que més fem servir amb els programes de tractament d'imatges. Per aconseguir el nostre objectiu hem de clicar "Image" i triar l'opció "Image resize": Ara treballarem amb un editor d’imatges on-line
  • 38. Aclarir una imatge: Una altra opció interessant, que en més d'una ocasió l'hem de fer servir, és aclarir una imatge. Seguint les intruccions de la següent imatge ho podreu * Aplicar filtres: Un altre servei que ens dóna aquesta eina és la possibilitat d'aplicar filtres a la nostra imatge. Només ens caldrà de clicar a l'opció "Filter" i se'ns desplegarà un menú amb diferentes filtres. Ara només hem de triar un i jugar amb les diferents opcions fins aconseguir l'efecte desitjat
  • 39. Exercici 13 Utilitza Onlinephototool per fer, a partir d’una imatge, una postal per enviar a un amic pel seu aniversari. Penja el resultat al teu bloc i envia a Moodle. Exercici 12: DUMPR Aquesta adreça us pot interessar ja que d'una imatge podem crear diferents efectes. És una eina on-line molt intuitiva, només us avançem que els efectes marcat amb "Pro" són de pagament però la resta és de franc: http://www.dumpr.net/ Exercici: crea un efecte amb una imatge qualsevol. Guarda-la com a exercici12, penja-la al teu bloc i envia-la a Moodle