multimedia
TRANSCRIPT
Multimèdia (imatge, video i so)
Imatge: photoscape, 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: spotify, ivoox
Tots aquests components multimèdia es complementen perfectament amb les paraules.
“Una imatge val més que mil paraules”
Neuromarketing
estimulació
imaginació
Visualització
Primer element de contacte 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
“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.””
•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:• ¿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
ICONES
http://www.iconfinder.com/
http://www.iconlet.com/Flaticon
CERCADORS D’IMATGES•TinEye•WeSEE
BANCS D'IMATGES
Flickr creative commons Pixabay unsplash I’m free morguefile
http://www.buzznet.com/
http://unprofound.com/
http://www.picfindr.com/
http://www.microshots.org/ http://www.morguefile.com/ http://www.commons.com
PhotoscapePhotoScape é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. (també hi ha versió online)
De què parlem?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à. 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
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
Photoscape
Directorii
Imatge
Photoscape
Quadre d’edició
Photoscape
Complements
Photoscape
Retallar
Eines
PhotoscapePràctica:-Imatge 1.- Triar imatge de biblioteca / imatge
- redimensionar la imatge a 227 x 144 px
- aplicar 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 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 (icone) o imatge i aplicarem text, i fusionarem imatge i text.
PhotoscapePràctica:
- Imatge 4. Pixelar una imatge amb nens. (hi ha tres maneres de fer-ho)
-Imatge 5 (gif animat).
- anar a l’apartat gif animat i crear una seqüència de text i imatge.
Text: BON NADAL
Imatge: Pare noel
Gif animat online : http://picasion.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.
GimpInici:
- Àrea de treball i caixa d'eines
GimpColor:
- Eines – intercanvia els colors
- Color – inverteix
- Eines – Capturador de colors
- Imatge – Mode – Escala de grisos
- Edita – Omple amb el color de fons /primer pla
GimpInici:
- 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)
GimpPràctica:
- Diferents captures- Retallar imatges- Escalar captures- Arrodonir vores- Afegir text.- Desar imatges.
GimpPrà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.
Anar: https://picasaweb.google.com
Diferenciar de google plus: https://plus.google.com/u/0/photos
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
Pujar fotosÀlbums / fotos
Picasa
Picasa
Picasa
Picasa
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
Pinterest Què és?
Xarxa social que 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
PinterestEditar perfil:
1- Posicionament motors de cerca2- Associa perfil 3- Estadístiques
Connectar amb Xarxes socials
Inici
CERCADOR
Novetats Missatges
Perfil
sortir Widget
Buscar contingut per pinear:- Cercador- Filtrar per categories de Pinterest
PinterestComencem a pinear
Afegim tauler Like
PinterestCrear tauler
Botó Pin it
Crea un tauler grupal
Afegir pins a un mapa
PinterestAgregrar Pinterest a tu lloc web
Si vols tenir un widget de Pinterest personalitzata 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.
Pinterest- Crear un tauler 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: [email protected] 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