competic nivell 1 – bàsic · 2019. 3. 1. · competic nivell 1 – bàsic curs 2018-2019 ......

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 ...

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


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


● 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


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


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


1. Un altre forma d'accedir a la inforrmació

de la imatge és des del menú

imatge – propietats de la imatge

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.


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.


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.


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

competic nivell 1 – bàsic · 2019. 3. 1. · competic nivell 1 – bàsic curs 2018-2019 ......

Documents