Multimèdia (imatge, videoi so)
Imatge: photoscape, picasa, gimp i editors en línia (picmonkey, pixlr,
photoscape online)
Vídeo: Youtube, windows movie maker
So: spotify, ivoox, chirbit
3.
Tots aquests componentsmultimèdia es
complementen perfectament amb les
paraules.
“Una imatge val més que mil paraules”
Neuromarketing
estimulació
imaginació
Visualització
4.
Primer element decontacte amb l’usuari, és la nostra cara que arriba als
usuaris.
-disseny visual net i atractiu
-tipografia de fàcil lectura (no massa negretes, cursives etc…)
-colors cromàtics adequats a la imatge (Biblioteca Castelledefels)
- mantenir coherència. (Biblioteca La Muntala)
“Tenir un disseny web de qualitat es fonalmental pel desenvolupament de la marca
corporativa”
“Para mí, nada es más importante en el futuro que el diseño. El diseño es el alma de todo
lo creado por el hombre.””
5.
•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
6.
Drets d'autor:
• ¿Google?Si o no (No és un banc d’imatges)
• Atenció al copyright (hem de comprovar tipus de llicència)
• Ús de la imatge (modificació)
• Menció de l’autor
• Menors d’edat
• Llocs d’interès
No és el mitjà de difusió el que defineix la situació legal d’una
obra, sinó la legislació vigent i la voluntat expressa del seu autor o
creador
7.
Google images: dinsd’eines de cerca hi ha una opció de drets
d’ús.
1- Sense filtrar per llicència: Totes les fotografies
2- Etiquetades per a reutilització: es poden publicar ús personal
3- Etiqueta per a reutilizació comercial: fotos que poden ser
usades per a benefici lucratiu
4- Etiquetades per a reutilizació amb modificacions: poden ser
modificades però per ús comercial
5- Etiquetades per a reutilització comercial amb modificacions:
imatges que poden ser usades per a benefici lucratiu i que poden
ser modificades.
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. (també hi ha
versió online)
10.
De què parlem?Imatge digital.
Un imatge digital no és més que un tipus d’arxiu en el que s’ha
descomposat la imatge real en un conjunt de punts.
Les característiques fonamentals d’una imatge digital són:
- Resolució. Número de punts d’ample i número de punts d’alt en
que descomponem la imatge real original.
- Profundidad de color. Es tracta del número màxim de colors
diferents que pot tenir una imatge
Photoscape
11.
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
12.
Resolució:
Característiques:
- A mésresolució més qualitat
- A més qualitat més espai ocuparà. No ha de pesar més de 150 kb
- Per imatges a web 72 dpi
- Per imatges en paper: 150 – 300 dpi
- 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..
Intrabib
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
Photoscape
15.
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.
Photoscape
Photoscape
Pràctica:
-Imatge 1.- Triarimatge de la teva biblioteca / imatge
- redimensionar la imatge a 227 x …. px
- aplicar marc round shadow 1 a 50% / afegir text (informació)
- desar la imatge a 72 dpi
- Imatge 2.
- Triar una nova imatge de la vostra biblioteca
- retallar i escalar la imatge
- utilitzar les opcions de millora de contrast, i finalment aplicar filtre / foto
antiga /
- Imatge 3
- Pixelar una imatge amb nens
- Pixelar una imatge amb nens amb filtre regió (vibració).
21.
Photoscape
Pràctica:
Imatge 4 (reflex)
-crear un mosaic amb imatges de portades, editar les portades i afegir un text
Imatge 5
- crear un cartell d’una activitat. Ex. Imatge 1 – imatge 2
Imatge 6. BookfaceFriday. Avui és divendres i crearem un montatge amb els llibres que
hem portat. Ex. Imatge
-Imatge 7 (gif animat).
- anar a l’apartat gif animat i crear una seqüència de text i imatge.
Crearem un banner animat: amb les imatges de biblioteca virtual / inici
Ex. Imatge
22.
Photoscape
Pràctica:
Imatge 9
- Feruna prova amb l’opció de tampon de clonar
Imatge 10
- crearem una imatge des de l'inici de 850 x 234 px.
- enganxarem un logo (icone) o imatge i aplicarem text, i fusionarem imatge i
text.
23.
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
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
26.
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:
- 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)
29.
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.
Anar: https://picasaweb.google.com
Diferenciar de google plus: https://plus.google.com/u/0/photos
30.
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
Picasa
Àlbums
- Crear unàlbum amb les imatges que hem treballat
- Afegeix mínim dos imatge a l’àlbum creat
- Edita la descripció d'una foto / edita nom d’àlbum
- Eliminar una foto de l’àlbum
- Comparteix l’àlbum
- Guardar el codi embed per publicar-ho després a utilitzar-ho al
bloc
37.
Pinterest
Què és?
Xarxa socialque permet trobar, filtrar, organitzar i compartir imatges
i vídeos que hi ha a Internet.
Cada imatge es denomina pin i aquestes s’organitzen en tablers
personals amb diferents temàtiques.
Dades estadístiques:
20 biblioteques l’utilitzen.
Biblioteca Ateneu Les Bases
Pinterest
Agregrar Pinterest atu lloc web
Si vols tenir un widget de Pinterest personalitzat
a través de l’opció Widget Builder
Afegit el component al teu lloc web ja
podràs veure les estadístiques, amb
l’opció anàlisi.
49.
Pinterest
- Crear untauler Novetats. Descripció, categoria
- Afegir un pin a través de :
1- cercador
2- lloc web
3- a través del votó pin it
- Enviar a la següent adreça de correu: lopezmalj@diba.cat
- Like a la imatge que està a webfoment: la voz dormida
- Afegir un vídeo al tauler Novetats
- Guardar component web per afegir al bloc
