Competic Nivell 1 – BàsicCurs 2018-2019Grup Matí
Xavier Caparrós
Competència 5 – Tranctament de la informació gràfica, sonora I de la imatge en moviment
1. 1.- Introducció al tractament d'imatges
2. 2.- Captació d'imatges
3. 3.- Introducció als fitxers sonors
4. 4.- Introducció als fitxers de vídeo
5. 5.- Introducció al programari per a la creació de CD I DVD
COMPTE !!!!!
1. Privadesa de la propietat intel·lectual
2. Protecció de dades– Llei orgànica 15, 1999
● Dret d'accès● Dret de rectificació● Dret a oposició● Dret a cancel·lació
● 1.- Introducció al tractament d'imatges
1. Obrir I tancar el programari de tractament d'imatges
2. Identificar les barres d'eines
3. Identificar els menús d'opcions
4. Configurar dimensions, format I color de nous fitxers
5. Identificar diferents formats de fitxers d'imatges
6. Desar documents gràfics
7. Treballar amb capes
8. Definir, anomenar, copiar I agrupar capes
9. Introducció als programes de retoc d'imatges en línia
Descarregar programa de tractament d'imatges - GIMP
1. El programa que farem servir és el GIMP en català– www.softcatala.org
● Aplicacions – sistema operatiu (windows) – a buscar, cliquem GIMP– És una aplicació professional pel tractament d'imatges
● Baixar a l'ordinador
http://www.softcatala.org/
Obrir I tancar el programari de tractament d'imatges
1. Un cop instal·lat, el programa crea una icona d'accés directe a l'escriptori. Si cliquem amb el ratolí, el programa s'obrirà:
2. Si ens pregunta si volem que GIMP sigui el visor d'imatges per defecte, li diem que sí. Així cada vegada que que cliquem sobre una imatge s'obrirà GIMP.
3. Si no s'ha creat la icona al nostre escriptori, el cerquem al menú I l'executem I/o creem una icona.
Identificar les barres d'eines
1. Paletes d'eines– Treballarem amb vàries
2. Dues grans finestres– La finestra principal amb els menús
– La finestra principal de la caixa d'eines
Imatge completa
1. Menú editar
2. Interfaz usuario
3. Idioma
4. Reiniciar
Canviar idioma
Identificar les barres d'eines - Eines
1. Al menú eines – 4 submenús - hi ha les eines més quotidianes de pintura, selecció i transformació.
Identificar les barres d'eines - Eines
1. Aquestes mateixes eines les tenim a la caixa d'eines
Identificar els menús d'opcionsMenú arxiu
1. Com a tots els programes
Icones corresponents o
menú superior
2. Menú arxiu
Funcions principals:
obrir, tancar, desar,
3. desar amb un altre nom,
4. imprimir ...
Identificar els menús d'opcionsMenú arxiu
1. Com a tots els programes
Icones corresponents o
menú superior
2. Menú arxiu
Funcions principals:
obrir, tancar, desar,
3. desar amb un altre nom,
4. imprimir ...
Activitat formats de fitxers gràfics I les seves extensions
1. Es pretén que cerqueu informació sobre els diferents formats gràfics que hi han.
2. Obrir el programa GIMP I aneu a fitxer/obre I feu clic en el desplegable tots els fitxers
3. Obrir una imatge amb GIMP I aneu a fitxer/anomena I desa I aneu al mateix desplegable. Podreu veure els formats disponibles.
4. Això vol dir que GIMP pot suportar diferents tipus de formats. Pot obrir I desar alguns, I pot obrir I no desar (ext. .pdf, ens serveix de lector).
Activitat formats de fitxers gràfics I les seves extensions
1. El format natiu de GIMP és .xcf (xcf.gz o xcf.bz2 si és comprimida).
2. Altres que pot obrir I desar:– Mapa de bits (.bmp)– Imagte Corel Paint Shop Pro (.psp o .tub)– Adobe PhotoShop (.psd, .pdd)– Grafics d'intercanvi (.gif) – Adequat per arxius petits, amb pocs colors (escales
de grisos per exemple) – No per fotografies– Imatges de grups d'experts (.jpeg, .jpg, o .jpe) – Format de compressió d'imatges
amb pèrdua de qualitat al reduïr la mida – Ideal per fotos a la web.– Gràfics de xarxa portàtils (.png) – Adequat per Internet I navegadors – No
adequat per pujar fotos a la web, perquè seran molt pesades– Format de fitxer d'imatge marcada (.tiff o .tif)– Imatge bipbap (.xbm, .icon, o .bitmap)
Identificar els menús d'opcionsMenú edició
1. Anar enrera o endevant
desfés I refés
2. Opcions de
retallar I enganxar
copiar
preferències
Identificar els menús d'opcionsMenú selecció
1. Per seleccionar parcial
o totalment les parts d'una
imatge.
2. La selecció podrà ser per
una zona o un color determinat.
Identificar els menús d'opcionsMenú visualització
1. Un cop estem treballant amb la
imatge
2. Fer visibles o no les opcions
de les finestres
3. Fer visibles les paletes
Identificar els menús d'opcionsMenú Imatge
1. Modificar la mida d'una
imatge.
2. Diferents criteris: parcial
o total.
3. Guies visuals a pantalla
per treballar però no per
imprimir.
ActivitatDesar imatges dels dispositius mòbils a l'ordinador (telèfons mòbils i tauletes)
1. http://ateneu.xtec.cat/wikiform/wikiexport/pas/actic/c5n1/modul_2/practica_5
ActivitatRetallar fotografia GIMP
1. http://todogimp.com/?q=general/actividad-recorte
1. Diferens papers transparents
que anem afegint damunt
de l'arxiu
2. A cada capa podem afegir
motius diferents o modificacions
3. Al ser transparent, deixa veure
el que hi ha a la part inferior
4. Per fer modificacions parcials
Identificar els menús d'opcionsMenú capes
1. Gestionar paràmetres de colors,
exposició, contrast …
2. Canvis de color, brillantor, contrast,
tonalitat, d'una fotografia
Identificar els menús d'opcionsMenú colors
1. Cada opció de treball pot comportar l'ús d'eines diferents.
2. La majoria les tenim accessibles a la paleta flotant (caixa d'eines).
Identificar els menús d'opcionsMenú eines
1. Aplicació de filtres
2. Classificats en funció
de la tasca o funcionalitat
Identificar els menús d'opcionsMenú filtres
1. Per treballar amb més d'una fotografia la vegada, per anar alternant.
2. Apareixeran tantes com arxius tinguem oberts
Identificar els menús d'opcionsMenú finestres
Configurar dimensions, format I color de nous fitxersObrir un arxiu I examinar-lo
1. Localitzar una imatge per Internet – botó dret ratolí – anomena I desa – desar al directorique vulguem al disc dur
Configurar dimensions, format I color de nous fitxersObrir un arxiu I examinar-lo
1. Si ja tenim els arxius al disc, caldrà localitzar-lo– Obrir el programa GIMP – Icona a l'escriptori o Inici – programes – GIMP– Seleccionar eina fitxer – obre– Finestra nova amb aplicació de navegació.
● Cercar l'arxiu als directoris/carpetesde la banda esquerra
● Seleccionar arxiu I cliar obre
1. Anem a navegar dins de l'arxiu– Augmentem la visió d'algunes de le seves parts fent servir l'eina de percentatge
d'agument – part inferior de la finestra oberta
Configurar dimensions, format I color de nous fitxersObrir un arxiu I examinar-lo
● Anem a navegar dins de l'arxiu● També ho podem fer des del menú visualitza – finestra de
navegació● S'obrirà una finestra interactiva, on podrem
aplicar el nivell de zoom
Configurar dimensions, format I color de nous fitxersObrir un arxiu I examinar-lo
Informació sobre l'arxiu
1. Obrir l'arxiu del que volem la informació– Posem el punter del ratolí damunt la imatge (sense clicar)– A diferents parts de la finestra apareixen dades significatives de la imatge
● Nom del fitxer● Píxels amplada● Píxels alçada● Px (unitat de mesura) 100 % escala● Memòria RAM que necessita la imatge
Informació sobre l'arxiu
1. Fitxers *.xcf són propis de GIMP – És la millor opció seguir treballant amb aquesta extensió, ja qué guarda molta informació, per exemple relativa a les capas
2. Si volem compartir a la xarxa, el format *.jpg és el més adient
Informació sobre l'arxiu
1. Un altre forma d'accedir a la inforrmació
de la imatge és des del menú
imatge – propietats de la imatge
Informació sobre l'arxiu
Creació d'un arxiu nou1. Secuència:
1. Fer clic a Fitxer – Nou per crear un
arxiu nou
2. Fem clic en el botó opcions avançades
I ens apareix la següent finestra amb un
ventall d'opcions
3. Plantilla – Al desplegable podem triar
les mides del document, 800x600 en cas
de voler treballar a pantalla completa.
4. Mides imatge – Podem seleccionar la
mida que vulguem.
5. Opcions avançades – Veurem més
endevant. No tocar
6. Clicar D'acord
Formats de fitxers d'imatges
1. Et termes generals, cada programa té una extensió própia
2. Motiu pel qual s'han creat formats comuns amb independència del programa, per tal de que tothom pugui veure/treballar amb ells.– Jpg, gif I png són alguns exemples– Recordeu que són extensions - *.jpg, *.gif I *.png són el format
3. Dos tipus de format d'imatge1. Propis d'una aplicació - *.xcf en el cas de GIMP, *.psd en el cas de
Photoshop, I d'altres. No són compatibles entre si.
2. Formats de fitxers d'imatge genèrics: Els 3 més habituals són jpg, gif I PNG.
Formats de fitxers d'imatges
1. *.jpg– Format de compressió amb pèrdua, a més compressió menys qualitat.– Malgrat la compressió, són capaces de reproduir milions de colors (24 bits)– Molt útil per a fotografies– Una imatge jpg amb una qualitat del 90% pesa menys que la mateixa imatge en
*.bmp o *.tif (son formats més antics). Si la presentació és en pantalla, a la web, la diferència de qualitat és inapreciable.
– És el format més utilitzat per publicar fotografies en pàgines web, eines de presentació, etc. També és el format de les càmeres de fotografia digital.
– És un format universal. El podem llegir en multitut d'apliacions, incloent, per exemple, lectors de DVD.
Formats de fitxers d'imatges
1. *GIF I *PNG– Formats més indicats per gràfics, on ombres I colors no són tan significatius.– S'utilitzen, com el *.jpg, per comprimir imatges.– Formats de compressió sense pèrdua de qualitat – redueix la profunditat del
color.– El format *.gif, més antic, és adequat amb gràfics amb poques gradacions de
colors.– El format *.png és per obtenir qualitats altes, però el pes del fitxer és força
superior.– El format *.png pot substituir, depenent la compressió que apliquem, els fitxers
*.jpg I *.gif.– El format *.png és el més recomanable per utilitzar a les pàgines web.
Formats de fitxers d'imatges
1. Profunditat de color– *.gif I *.png aconsegueixen comprimir les imatges rebaixant el nombre de colors,
o la qualitat de la informació de cada píxel (punt) de la imatge.– Com més profunditat de color tingui una imatge, més informació sobre color
tindrà, per tant tindrà més qualitat, I ocuparà més espai I memòria.– La profunditat de color afecta tant a la qualitat, com més profunditat més qualitat,
com el seu pes (quan més colors, més pes).– La profunditat de color és el nombre de bits utilitzats per representar el color de
cada píxel. Normalment oscila entre 1 I 32 bits. El valor més habitual és de 8 bits (256 colors), 16 bits (milers de colors) I 24 bits (milions de colors, color real o color RGB – Red Geen Blue).
– L'ull humà no pot discriminar mé de 24 bits.
Desar documents gràfics
1. La resolució de la imatge afecta a la qualitat
2. Per imatges que tenen com a destí un document electrònic, amb una resolució de 72 ppi (píxels per polzada) és suficient, ja que els monitors dificilment poden millorar la qualitat per sobre d'aquests.
3. Si volem imprimir, I volem qualitat, cal adaptar a la resolució de la impressora.
Desar optimitzat
Treballar amb capes
1. Cada capa és una superficie independent de les altres sobre la qual podem treballar.
2. Aquestes capes poden desplaçar-se vertical o horitzontalment per tal de moure-les sobre la capa principal
3. Treball amb capes– A través del menú Capes– Des de la paleta de capes – per afegir-la anar a finestres – diàlegs
acoblables – capes
Treballar amb capesActivitat
– Obrir imatge d'arxiu o descarregar des de la web:– Afegir/suprimir capes– Treballar sobre les capes
Les eines
1. Per treballar,dimensionar, moure, deformar, pintar, seleccionar, etc, sobre cada capa farem servir les eines del quadre caixa d’eines, malgratque fem servir poques eines per a les tasques més habituals.
2. Les més importants són:
Modificar dimensions
1. Obro fotografia
2. Selecciono eina
3. Modifico dimensions
4. Retallo fotografia
5. Enganxo des de fitxer – crea - des del porta-retalls
La selecció I el llindar
1. Les eines de selecció són les més importants.
2. Haurem de seleccionar si volem retallar una imatge, si volem posar una part de la imatge sobre una altra, etc.
3. Tenim eines de selecció rectangular I circular, I l’eina de selecció de llaç.
4. La primera és la més habitual. Només cal triar I seleccionar lapartque volem,copiar I enganxar on volem.
5. La segona ens permet seleccionar figures irregulars.
6. Hi ha d’altres: bareta màgica, selecció per colors … si es manté premuda la tecla majúscules, les seleccions es van sumant.
2.- Captació d’imatges
1. Mitjans de captació:– Càmeres digitals, escàners, bancs d’imatges d’Internet, etc.– Conectats a l’ordinador – usb
● Instal·lació
Activitat imatges
1) Crear carpeta Imatges dintre de la nostra carpeta a l’escriptori
2) Descarregar dos imatges d’Internet
3) Obrir les dues imatges amb el GIMP
4) Variar la mida amb l’eina
5) Afegir una capa amb el vostre nom a cadascuna de les imatges
6) Moure la capa perquè el nom quedi a la part esquerra superior
7) Guardar les imatges amb extensió .jpg I .xcf (anomena I desa) – Vigilar extensió
8) Com a resultat tindreu 6-8 arxius a la carpeta (vigileu amb el nom)1) 2 inicials, 2 amb la mida variada, 4 amb les capes
Activitat imatges
1. Foto original
2. Foto original amb mida petita
3. Xavierfoto.jpg
4. Xavierfoto.xcf
Diapositiva 1Diapositiva 2Diapositiva 3Diapositiva 4Diapositiva 5Diapositiva 6Diapositiva 7Diapositiva 8Diapositiva 9Diapositiva 10Diapositiva 11Diapositiva 12Diapositiva 13Diapositiva 14Diapositiva 15Diapositiva 16Diapositiva 17Diapositiva 18Diapositiva 19Diapositiva 20Diapositiva 21Diapositiva 22Diapositiva 23Diapositiva 24Diapositiva 25Diapositiva 26Diapositiva 27Diapositiva 28Diapositiva 29Diapositiva 30Diapositiva 31Diapositiva 32Diapositiva 33Diapositiva 34Diapositiva 35Diapositiva 36Diapositiva 37Diapositiva 38Diapositiva 39Diapositiva 40Diapositiva 41Diapositiva 42Diapositiva 43Diapositiva 44Diapositiva 45Diapositiva 46Diapositiva 47Diapositiva 48Diapositiva 49Diapositiva 50