SlideShare a Scribd company logo
1 of 24
Multimèdia (imatge, video i so)
Imatge: Gimp, picasa, flickr, i editors en línia (aviary,picozu, sumopaint)

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
Drets d'autor:
•Aquí teniu un llistat d’enllaços a recursos on podrem trobar icones
originals i imatges lliures de drets:

                                   BANCS D'IMATGES
ICONES                             http://www.buzznet.com/
http://www.iconfinder.com/         http://unprofound.com/
http://www.iconlet.com/            http://www.picfindr.com/
                                   http://www.microshots.org/
                                   http://www.morguefile.com/
                                   http://www.commons.com
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.

   De què parlem ?

1. Les imatges. Tipologia, resolució, color, saturació, to i contrast.
2. Ús del Gimp
   Edició d'imatges: eines de transformació, selecció, capes…
Gimp
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
Gimp
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
   - Les fotos horitzontals haurien de tenir 200x150 píxels, mentre que les
   verticals haurien de ser a 150x200 píxels.
                                                                  Intradiba
Gimp
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.
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
Gimp
Inici:
    - Obrir fitxer
    - Crear un nou fitxer
    - Captura pantalla
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.

Aquest programa s'ha de descarregar al pc de les biblioteques,
demanant-lo a través d’Osiatis.
Picasa
Hem instal·lat picasa i automàticament explora el teu disc dur 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
   Vista “Biblioteca”
Picasa organitza automàticament tots els arxius de fotos i pel·lícules en
col·leccions de carpetes dins de la vista principal “Biblioteca”
Picasa
Picasa
Col·leccions

Carpetes:ordenades per data i nom original. Els canvis en picasa
afecten a les carpetes originals.

 - Establir les fotos i les carpetes que han d'aparèixer.
 - Moure fotos entre carpetes
 - Edita les descripcions de les carpetes
 - Eliminar fotos de una carpeta
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.
Picasa
Programa gratuït de google que permet gestionar imatges:
organitzar, editar... les imatges digitals de la biblioteca amb un
compte de google.

Aquest programa s'ha de descarregar al pc de les biblioteques,
demanant-lo a través d’Osiatis.
Picasa
Programa gratuït de google que permet gestionar imatges:
organitzar, editar... les imatges digitals de la biblioteca amb un
compte de google.

Aquest programa s'ha de descarregar al pc de les biblioteques,
demanant-lo a través d’Osiatis.
Picasa
Programa gratuït de google que permet gestionar imatges:
organitzar, editar... les imatges digitals de la biblioteca amb un
compte de google.

Aquest programa s'ha de descarregar al pc de les biblioteques,
demanant-lo a través d’Osiatis.

More Related Content

What's hot (6)

T1_ex1
T1_ex1T1_ex1
T1_ex1
 
Unitat 3
Unitat 3Unitat 3
Unitat 3
 
The gimp
The gimpThe gimp
The gimp
 
The gimp
The gimpThe gimp
The gimp
 
IMATGE DIGITAL
IMATGE DIGITALIMATGE DIGITAL
IMATGE DIGITAL
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 

Similar to Multimèdia (imatge, video i so)

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
 
mi blog drive
mi blog drivemi blog drive
mi blog drivemaruuri
 
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
 
Ú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
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiarDidi_Disiwi
 
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
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats ImatgesDitas St
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digitalAlbabad
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-martamarato09
 
P1 funcions bàsiques del gimp
P1   funcions bàsiques del gimpP1   funcions bàsiques del gimp
P1 funcions bàsiques del gimpxevisala
 
C5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpC5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpcfpegaso
 
T1 ex1 gil
T1 ex1 gilT1 ex1 gil
T1 ex1 giljgilmars
 
Curs TIC Josep Sol
Curs TIC Josep SolCurs TIC Josep Sol
Curs TIC Josep Solcreal1
 
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
 

Similar to Multimèdia (imatge, video i so) (20)

Imatge
ImatgeImatge
Imatge
 
Imatge
ImatgeImatge
Imatge
 
Imatge digital
Imatge digitalImatge digital
Imatge digital
 
Imatge digital 4tA
Imatge digital 4tAImatge digital 4tA
Imatge digital 4tA
 
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
 
mi blog drive
mi blog drivemi blog drive
mi blog drive
 
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
 
Ú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
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiar
 
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
 
Formats Imatges
Formats ImatgesFormats Imatges
Formats Imatges
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-marta
 
P1 funcions bàsiques del gimp
P1   funcions bàsiques del gimpP1   funcions bàsiques del gimp
P1 funcions bàsiques del gimp
 
C5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimpC5 tractamenet de la informació gràfica. el gimp
C5 tractamenet de la informació gràfica. el gimp
 
T1 ex1 gil
T1 ex1 gilT1 ex1 gil
T1 ex1 gil
 
Curs TIC Josep Sol
Curs TIC Josep SolCurs TIC Josep Sol
Curs TIC Josep Sol
 
T1 e1 alcojor
T1 e1 alcojorT1 e1 alcojor
T1 e1 alcojor
 
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
 

More from Webfoment Lectura (15)

Geolocalitzacio
GeolocalitzacioGeolocalitzacio
Geolocalitzacio
 
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
 
Reputacio
ReputacioReputacio
Reputacio
 
Twitter
TwitterTwitter
Twitter
 
Bloc a les biblioteques
Bloc a les bibliotequesBloc a les biblioteques
Bloc a les biblioteques
 
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
 
Sindicació pràctica
Sindicació pràcticaSindicació pràctica
Sindicació pràctica
 
Sindicacio rss
Sindicacio rssSindicacio rss
Sindicacio rss
 
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
 

Multimèdia (imatge, video i so)

  • 1. Multimèdia (imatge, video i so) Imatge: Gimp, picasa, flickr, i editors en línia (aviary,picozu, sumopaint) 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.
  • 5. Drets d'autor: •Aquí teniu un llistat d’enllaços a recursos on podrem trobar icones originals i imatges lliures de drets: BANCS D'IMATGES ICONES http://www.buzznet.com/ http://www.iconfinder.com/ http://unprofound.com/ http://www.iconlet.com/ http://www.picfindr.com/ http://www.microshots.org/ http://www.morguefile.com/ http://www.commons.com
  • 6. 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. De què parlem ? 1. Les imatges. Tipologia, resolució, color, saturació, to i contrast. 2. Ús del Gimp Edició d'imatges: eines de transformació, selecció, capes…
  • 7. Gimp 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. Gimp 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 - Les fotos horitzontals haurien de tenir 200x150 píxels, mentre que les verticals haurien de ser a 150x200 píxels. Intradiba
  • 9. Gimp 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.
  • 10. Gimp Inici: - Àrea de treball i caixa d'eines
  • 11. 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
  • 12. Gimp Inici: - Obrir fitxer - Crear un nou fitxer - Captura pantalla Grandària - Mida de la imatge - Escalar la imatge Menú Edita - Copiar i retallar - Arrodonir vores (Filtro / decorativo/ arrodonir/aplanar imatge)
  • 13. Gimp Pràctica: - Diferents captures - Retallar imatges - Escalar captures - Arrodonir vores - Afegir text. - Desar imatges.
  • 14. 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)
  • 15. 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. Aquest programa s'ha de descarregar al pc de les biblioteques, demanant-lo a través d’Osiatis.
  • 16. Picasa Hem instal·lat picasa i automàticament explora el teu disc dur 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
  • 17. Picasa Vista “Biblioteca” Picasa organitza automàticament tots els arxius de fotos i pel·lícules en col·leccions de carpetes dins de la vista principal “Biblioteca”
  • 19. Picasa Col·leccions Carpetes:ordenades per data i nom original. Els canvis en picasa afecten a les carpetes originals. - Establir les fotos i les carpetes que han d'aparèixer. - Moure fotos entre carpetes - Edita les descripcions de les carpetes - Eliminar fotos de una carpeta
  • 20. 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
  • 21. Picasa Compartir, imprimir i integrar imatges fora de picasa.
  • 22. Picasa Programa gratuït de google que permet gestionar imatges: organitzar, editar... les imatges digitals de la biblioteca amb un compte de google. Aquest programa s'ha de descarregar al pc de les biblioteques, demanant-lo a través d’Osiatis.
  • 23. Picasa Programa gratuït de google que permet gestionar imatges: organitzar, editar... les imatges digitals de la biblioteca amb un compte de google. Aquest programa s'ha de descarregar al pc de les biblioteques, demanant-lo a través d’Osiatis.
  • 24. Picasa Programa gratuït de google que permet gestionar imatges: organitzar, editar... les imatges digitals de la biblioteca amb un compte de google. Aquest programa s'ha de descarregar al pc de les biblioteques, demanant-lo a través d’Osiatis.