SlideShare una empresa de Scribd logo
1 de 30
Multimèdia (imatge, video i so)
Imatge: photoscape, gimp, picasa, flickr, i editors en línia (picozu, sumopaint, photoscape
online)
Vídeo: Youtube, windows maker i editors en línia (youtube, Cellsea, jaycut, aditall)
So: audacity, spotify.
“Una imatge val més que mil paraules”

Tots aquests components multimèdia es
complementen perfectament amb les
paraules.
estimulació
Visualització
imaginació

Neuromarketing
•46% internautes es basen en el disseny com a criteri principal.
•Increment del 12 % de tràfic de visites en blocs amb imatges i
vídeo.
•Les publicacions que inclouen un vídeo generen 3 vegades més
interacció.
•Els internautes passen el doble de temps en espais que contenen
vídeos
•Cada minut es comparteixen més de 700 vídeos de youtube a
través de twitter
Exemples:
-Activitat biblioteca virtual
-Bloc biblioteca / Bloc Biblioteca
Drets d'autor:
•Aquí teniu un llistat d’enllaços a recursos on podrem trobar icones
originals i imatges lliures de drets:

ICONES
http://www.iconfinder.com/
http://www.iconlet.com/

BANCS D'IMATGES
http://www.buzznet.com/
http://unprofound.com/
http://www.picfindr.com/
http://www.microshots.org/
http://www.morguefile.com/
http://www.commons.com
Photoscape
PhotoScape és un simple i pràctic editor d'imatges gratuït, que permet
reparar i millorar les imatges. El concepte bàsic del PhotoScape és la seva
facilitat, i per això incorpora totes les eines necessàries per a retocar i
editar fotografies d’una manera molt senzilla i àgil.
S’ha de descarregar al PC, demanant-lo a Osiatis.
versió online)

(també hi ha
De què parlem?

Photoscape

1- Les imatges: tipologia, color saturació, to i contrast.
2- Ús de photoscape. Edició d’imatge, filtres, redimensió...
Tipologia d'imatges:
Mapa de bits
- Resolució fixa, perd qualitat
- Indicats per produir imatges amb detalls
- Formats: gif, jpeg, png, tiff
Vectors
- Es pot ampliar o reduir, és independent de la resolució
- És adequada per al dibuix lineal
Photoscape
Resolució:
Característiques:
- A més resolució més qualitat
- A més qualitat més espai ocuparà
- Per imatges a web 72 ppi
- Per imatges en paper: 150 – 300 ppi
- La majoria de fotos s'han d'adaptar a l'espai que tenim i acostumen a tenir
unes mides aproximades. Horitzontals haurien de tenir entre 200 x 150 (bv:
236x153px), mentre que les verticals haurien de ser a 200x250 píxels..
Intradiba
Photoscape
Les imatges.
A vegades cal millorar les imatges que tenim, variant alguns indicadors,
com aquests:
- Saturació i to. Es refereix al color. Accentuar o reduir l'impacte dels colors.
- Contrast. Serveix per incrementar o minvar el grau de llum que es
visualitza.
Photoscape
Menú d’inici
Photoscape
Visor: visualitzador d’imatges en diferents tamanys
Editor: permet modificar l’aspecte de les imatges
Processador: canvis en moltes imatges
Mosaic: organitza fotos en imatge digital
Mural: combinar imatges
Gif animat: imatges animades
Impressió: eina d’impressió
Capturador: capturador de pantalla
Photoscape
Les imatges.
A vegades cal millorar les imatges que tenim, variant alguns indicadors,
com aquests:
- Saturació i to. Es refereix al color. Accentuar o reduir l'impacte dels colors.
- Contrast. Serveix per incrementar o minvar el grau de llum que es
visualitza.
Photoscape

Imatge

Directorii
Photoscape

Quadre d’edició
Photoscape

Complements
Photoscape

Eines
Retallar
Photoscape

Complements
Photoscape
Pràctica:
-Imatge 1.
- redimensionar la imatge a 227 x 144 px
- aplicar round shadow 1 a 50%
- desar la imatge a 72 dpi
- Imatge 2.
- Triar una imatge de la vostra biblioteca
- retallar i escalar la imatge
- utilitzar les opcions de saturació, to i contrast, i finalment aplicar filtre / foto
antiga /
- Imatge 3.
- crearem una imatge des de l'inici de 850 x 234 px.
- enganxarem un logo o imatge i aplicarem text, i fusionarem imatge i text.
Gimp
Programa de manipulació d'imatges totalment gratuït i obert.
Multiplataforma i disponible en diversos idiomes.
S’ha de descarregar al pc, demant-lo a través d’Osiatis.
Gimp
Inici:
- Àrea de treball i caixa d'eines
Gimp
Color:
- Eines – intercanvia els colors
- Color – inverteix
- Eines – Capturador de colors
- Imatge – Mode – Escala de grisos
- Edita – Omple amb el color de fons /primer pla
Inici:
- Obrir fitxer
- Crear un nou fitxer
- Captura pantalla

Gimp

Grandària
- Mida de la imatge
- Escalar la imatge
Menú Edita
- Copiar i retallar
- Arrodonir vores (Filtro / decorativo/ arrodonir/aplanar imatge)
Gimp
Pràctica:
- Diferents captures
- Retallar imatges
- Escalar captures
- Arrodonir vores
- Afegir text.
- Desar imatges.
Gimp
Pràctica:
- Imatge 1 (escala la imatge a 100 px i arrodoneix imatge, i desar)
- Imatge 2 (retalla i utilitza la opció de saturació, to i contrast,
arrodonir imatge i desar)
- Imatge 3. (crearem una imatge des de l'inici i afegirem text i l'icona
de les biblioteques de Badalona)
Picasa
Programa gratuït de google que permet gestionar imatges i vídeos :
organitzar, editar... les imatges digitals de la biblioteca amb un
compte de google.
Hi ha la versió online i la versió descarregable per pc de les
biblioteques, demanant-lo a través d’Osiatis.
Picasa
Si instal·lem el picasa automàticament explora el disc dur de
l’ordinador per buscar i organitzar automàticament totes les fotos i
vídeos.
Picasa buscarà els següents tipus d'arxius:
- imatge: jpg, tiff, gif, psd, bmp...
- vídeo: mpg, avi, mov, wmv
Picasa
Picasa online
Picasa
Picasa
Àlbums
- Crear una àlbum nou
- Afegeix una imatge a un àlbum existent
- Edita la descripció d'una foto
- Eliminar una foto d'un àlbum
- Reorganitza les fotos entre els àlbums
Picasa
Compartir, imprimir i integrar imatges fora de picasa.

Más contenido relacionado

Destacado

Destacado (7)

Bloc a les biblioteques
Bloc a les bibliotequesBloc a les biblioteques
Bloc a les biblioteques
 
Eines d'avaluació
Eines d'avaluacióEines d'avaluació
Eines d'avaluació
 
Artículo 9.1 redactar para la web
Artículo 9.1 redactar para la webArtículo 9.1 redactar para la web
Artículo 9.1 redactar para la web
 
Presentecio bloc prova Facebook
Presentecio bloc prova FacebookPresentecio bloc prova Facebook
Presentecio bloc prova Facebook
 
Sindicació pràctica
Sindicació pràcticaSindicació pràctica
Sindicació pràctica
 
Reputacio
ReputacioReputacio
Reputacio
 
Presentació web 2.0
Presentació web 2.0Presentació web 2.0
Presentació web 2.0
 

Similar a Multimdiaimatgevideoiso

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.pptxLasilviatecno
 
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-les
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-lesÚs d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-les
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-lesCiberteka
 
the gimp espai de treball i restaura fotos
the gimp espai de treball i restaura fotosthe gimp espai de treball i restaura fotos
the gimp espai de treball i restaura fotosrestauracio
 
La imatge: Obtenció i tractament bàsic d'imatges
La imatge: Obtenció i tractament bàsic d'imatgesLa imatge: Obtenció i tractament bàsic d'imatges
La imatge: Obtenció i tractament bàsic d'imatgessantfeliuonline
 
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop   barbara cusachs, albert gimeno, anastasia ustinovaPresentació photoshop   barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinovaagimeno1
 
Les presentacions digitals 2n ESO
Les presentacions digitals 2n ESOLes presentacions digitals 2n ESO
Les presentacions digitals 2n ESOJordi Pipó
 
Introducció a la Imatge digital
Introducció a la Imatge digitalIntroducció a la Imatge digital
Introducció a la Imatge digitalJordi Riba
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalAlbabad
 
Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2creal1
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-martamarato09
 
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 pac2Marcos Baldovi
 
Manual d'Edició d'Imatges
Manual d'Edició d'ImatgesManual d'Edició d'Imatges
Manual d'Edició d'ImatgesUnitatweb
 

Similar a Multimdiaimatgevideoiso (20)

Imatge
ImatgeImatge
Imatge
 
Multimedia
MultimediaMultimedia
Multimedia
 
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
 
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-les
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-lesÚs d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-les
Ús d'imatges: d'on obtenir imatges i consells bàsics per optimitzar-les
 
the gimp espai de treball i restaura fotos
the gimp espai de treball i restaura fotosthe gimp espai de treball i restaura fotos
the gimp espai de treball i restaura fotos
 
Unitat 3
Unitat 3Unitat 3
Unitat 3
 
La imatge: Obtenció i tractament bàsic d'imatges
La imatge: Obtenció i tractament bàsic d'imatgesLa imatge: Obtenció i tractament bàsic d'imatges
La imatge: Obtenció i tractament bàsic d'imatges
 
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop   barbara cusachs, albert gimeno, anastasia ustinovaPresentació photoshop   barbara cusachs, albert gimeno, anastasia ustinova
Presentació photoshop barbara cusachs, albert gimeno, anastasia ustinova
 
Picasa 4ESOC
Picasa 4ESOCPicasa 4ESOC
Picasa 4ESOC
 
Les presentacions digitals 2n ESO
Les presentacions digitals 2n ESOLes presentacions digitals 2n ESO
Les presentacions digitals 2n ESO
 
Introducció a la Imatge digital
Introducció a la Imatge digitalIntroducció a la Imatge digital
Introducció a la Imatge digital
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
PowerPoint
PowerPointPowerPoint
PowerPoint
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-marta
 
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
 
La Imatge
La ImatgeLa Imatge
La Imatge
 
Manual d'Edició d'Imatges
Manual d'Edició d'ImatgesManual d'Edició d'Imatges
Manual d'Edició d'Imatges
 
Imatge digital 4tA
Imatge digital 4tAImatge digital 4tA
Imatge digital 4tA
 

Más de Webfoment Lectura (8)

Twitter
TwitterTwitter
Twitter
 
Xarxes socials
Xarxes socialsXarxes socials
Xarxes socials
 
Marcadors socials practica
Marcadors socials practicaMarcadors socials practica
Marcadors socials practica
 
Marcadors socials
Marcadors socialsMarcadors socials
Marcadors socials
 
So
SoSo
So
 
So
SoSo
So
 
Multimedia - Vídeo
Multimedia - VídeoMultimedia - Vídeo
Multimedia - Vídeo
 
Com fer servir la web 2.0 en el foment de la lectura
Com fer servir la web 2.0 en el foment de la lecturaCom fer servir la web 2.0 en el foment de la lectura
Com fer servir la web 2.0 en el foment de la lectura
 

Multimdiaimatgevideoiso

  • 1. Multimèdia (imatge, video i so) Imatge: photoscape, gimp, picasa, flickr, i editors en línia (picozu, sumopaint, photoscape online) Vídeo: Youtube, windows maker i editors en línia (youtube, Cellsea, jaycut, aditall) So: audacity, spotify.
  • 2. “Una imatge val més que mil paraules” Tots aquests components multimèdia es complementen perfectament amb les paraules. estimulació Visualització imaginació Neuromarketing
  • 3. •46% internautes es basen en el disseny com a criteri principal. •Increment del 12 % de tràfic de visites en blocs amb imatges i vídeo. •Les publicacions que inclouen un vídeo generen 3 vegades més interacció. •Els internautes passen el doble de temps en espais que contenen vídeos •Cada minut es comparteixen més de 700 vídeos de youtube a través de twitter
  • 4. Exemples: -Activitat biblioteca virtual -Bloc biblioteca / Bloc Biblioteca
  • 5. Drets d'autor: •Aquí teniu un llistat d’enllaços a recursos on podrem trobar icones originals i imatges lliures de drets: ICONES http://www.iconfinder.com/ http://www.iconlet.com/ BANCS D'IMATGES http://www.buzznet.com/ http://unprofound.com/ http://www.picfindr.com/ http://www.microshots.org/ http://www.morguefile.com/ http://www.commons.com
  • 6. Photoscape PhotoScape és un simple i pràctic editor d'imatges gratuït, que permet reparar i millorar les imatges. El concepte bàsic del PhotoScape és la seva facilitat, i per això incorpora totes les eines necessàries per a retocar i editar fotografies d’una manera molt senzilla i àgil. S’ha de descarregar al PC, demanant-lo a Osiatis. versió online) (també hi ha
  • 7. De què parlem? Photoscape 1- Les imatges: tipologia, color saturació, to i contrast. 2- Ús de photoscape. Edició d’imatge, filtres, redimensió... Tipologia d'imatges: Mapa de bits - Resolució fixa, perd qualitat - Indicats per produir imatges amb detalls - Formats: gif, jpeg, png, tiff Vectors - Es pot ampliar o reduir, és independent de la resolució - És adequada per al dibuix lineal
  • 8. Photoscape Resolució: Característiques: - A més resolució més qualitat - A més qualitat més espai ocuparà - Per imatges a web 72 ppi - Per imatges en paper: 150 – 300 ppi - La majoria de fotos s'han d'adaptar a l'espai que tenim i acostumen a tenir unes mides aproximades. Horitzontals haurien de tenir entre 200 x 150 (bv: 236x153px), mentre que les verticals haurien de ser a 200x250 píxels.. Intradiba
  • 9. Photoscape Les imatges. A vegades cal millorar les imatges que tenim, variant alguns indicadors, com aquests: - Saturació i to. Es refereix al color. Accentuar o reduir l'impacte dels colors. - Contrast. Serveix per incrementar o minvar el grau de llum que es visualitza.
  • 11. Photoscape Visor: visualitzador d’imatges en diferents tamanys Editor: permet modificar l’aspecte de les imatges Processador: canvis en moltes imatges Mosaic: organitza fotos en imatge digital Mural: combinar imatges Gif animat: imatges animades Impressió: eina d’impressió Capturador: capturador de pantalla
  • 12. Photoscape Les imatges. A vegades cal millorar les imatges que tenim, variant alguns indicadors, com aquests: - Saturació i to. Es refereix al color. Accentuar o reduir l'impacte dels colors. - Contrast. Serveix per incrementar o minvar el grau de llum que es visualitza.
  • 18. Photoscape Pràctica: -Imatge 1. - redimensionar la imatge a 227 x 144 px - aplicar round shadow 1 a 50% - desar la imatge a 72 dpi - Imatge 2. - Triar una imatge de la vostra biblioteca - retallar i escalar la imatge - utilitzar les opcions de saturació, to i contrast, i finalment aplicar filtre / foto antiga / - Imatge 3. - crearem una imatge des de l'inici de 850 x 234 px. - enganxarem un logo o imatge i aplicarem text, i fusionarem imatge i text.
  • 19. Gimp Programa de manipulació d'imatges totalment gratuït i obert. Multiplataforma i disponible en diversos idiomes. S’ha de descarregar al pc, demant-lo a través d’Osiatis.
  • 20. Gimp Inici: - Àrea de treball i caixa d'eines
  • 21. Gimp Color: - Eines – intercanvia els colors - Color – inverteix - Eines – Capturador de colors - Imatge – Mode – Escala de grisos - Edita – Omple amb el color de fons /primer pla
  • 22. Inici: - Obrir fitxer - Crear un nou fitxer - Captura pantalla Gimp Grandària - Mida de la imatge - Escalar la imatge Menú Edita - Copiar i retallar - Arrodonir vores (Filtro / decorativo/ arrodonir/aplanar imatge)
  • 23. Gimp Pràctica: - Diferents captures - Retallar imatges - Escalar captures - Arrodonir vores - Afegir text. - Desar imatges.
  • 24. Gimp Pràctica: - Imatge 1 (escala la imatge a 100 px i arrodoneix imatge, i desar) - Imatge 2 (retalla i utilitza la opció de saturació, to i contrast, arrodonir imatge i desar) - Imatge 3. (crearem una imatge des de l'inici i afegirem text i l'icona de les biblioteques de Badalona)
  • 25. Picasa Programa gratuït de google que permet gestionar imatges i vídeos : organitzar, editar... les imatges digitals de la biblioteca amb un compte de google. Hi ha la versió online i la versió descarregable per pc de les biblioteques, demanant-lo a través d’Osiatis.
  • 26. Picasa Si instal·lem el picasa automàticament explora el disc dur de l’ordinador per buscar i organitzar automàticament totes les fotos i vídeos. Picasa buscarà els següents tipus d'arxius: - imatge: jpg, tiff, gif, psd, bmp... - vídeo: mpg, avi, mov, wmv
  • 29. Picasa Àlbums - Crear una àlbum nou - Afegeix una imatge a un àlbum existent - Edita la descripció d'una foto - Eliminar una foto d'un àlbum - Reorganitza les fotos entre els àlbums
  • 30. Picasa Compartir, imprimir i integrar imatges fora de picasa.