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.

Multimdiaimatgevideoiso

  • 1.
    Multimèdia (imatge, videoi 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 valmés que mil paraules” Tots aquests components multimèdia es complementen perfectament amb les paraules. estimulació Visualització imaginació Neuromarketing
  • 3.
    •46% internautes esbasen 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í teniuun 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 unsimple 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ésresolució 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 vegadescal 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.
  • 11.
    Photoscape Visor: visualitzador d’imatgesen 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 vegadescal 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.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
    Photoscape Pràctica: -Imatge 1. - redimensionarla 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 detreball 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 degoogle 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 elpicasa 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
  • 27.
  • 28.
  • 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 iintegrar imatges fora de picasa.