SlideShare a Scribd company logo
1 of 39
Download to read offline
Multimèdia (imatge, video i so)
Imatge: photoscape, picasa, gimp i editors en línia (picmonkey, pixlr,
photoscape online)
Vídeo: Youtube, windows movie maker i editors en línia (youtube)
So: spotify, ivoox, chirbit
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
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
Google images: dins d’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.
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
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. (també hi ha
versió online)
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
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
Photoscape
Pràctica:
-Imatge 1.- Triar imatge 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ó).
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
Photoscape
Pràctica:
Imatge 8 
               - Fer una prova amb l’opció de tampon de clonar. Imatge.
Imatge 9 (Blog)
               - 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. 
Imatge 10 (Facebook)
        - crearem una imatge per Facebook. 600x314. Amb #hashtag. Shakespeare.
Imatge 11 (Twitter)
        - crearem una imatge per twitter. 512x256. Amb #hashtag. Entrevistes virtuals
Google Fotos
Google ha decidit orientar tots els seus esforços en un únic producte d’imatges. Google 
Fotos.
Google Fotos
Afegir imatges per poder crear les diferents opcions
Google Fotos
Després podrem compartir.
Google Fotos
Pràctica:
-Crear un àlbum per les imatges que utilitzarem al blog, un altre per xarxes socials
-Crear un àlbum compartit 
-Crear una animació amb les imatges del gif animat de photoscape
-Copiar els enllaços dels àlbums
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:
30 biblioteques l’utilitzen. 
Biblioteca Ateneu Les Bases  
Pinterest
     
Pinterest
Editar perfil: 
Pinterest
1- Posicionament motors de cerca
2- Associa perfil
3- Estadístiques
Pinterest
Connectar amb Xarxes socials
Pinterest
Inici
CERCADOR
Novetats
Missatges
Perfil
sortir
Widget
Pinterest
Pinterest
Buscar contingut per pinear:
- Cercador
- Filtrar per categories de Pinterest
PinterestComencem a pinear
Afegim tauler Like
Pinterest
Crear tauler
Botó Pin it
Pinterest
Crea un tauler grupal
Pinterest
Afegir pins a un mapa
Pinterest
Agregrar Pinterest a tu 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.
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: 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

More Related Content

Similar to Imatge

Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Webfoment Lectura
 
Ú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 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
 
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 digital
La imatge digitalLa imatge digital
La imatge digitalAlbabad
 
T1 ex1 gil
T1 ex1 gilT1 ex1 gil
T1 ex1 giljgilmars
 
4illustrar dels-contingutsv2-1231606470388062-1
4illustrar dels-contingutsv2-1231606470388062-14illustrar dels-contingutsv2-1231606470388062-1
4illustrar dels-contingutsv2-1231606470388062-1ealcaraz3
 
Eduwiki: Il·lustrar el contingut
Eduwiki: Il·lustrar el contingutEduwiki: Il·lustrar el contingut
Eduwiki: Il·lustrar el continguteduwiki
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-martamarato09
 
Imatge22205
Imatge22205Imatge22205
Imatge22205cop000
 
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
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiarDidi_Disiwi
 
Curs TIC Josep Sol
Curs TIC Josep SolCurs TIC Josep Sol
Curs TIC Josep Solcreal1
 
Cacera tresor impress
Cacera tresor impressCacera tresor impress
Cacera tresor impressTeodor Gugov
 
Facebook per empreses
Facebook per empresesFacebook per empreses
Facebook per empresesCiberteka
 

Similar to Imatge (20)

Imatge
ImatgeImatge
Imatge
 
Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)
 
Ú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 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
 
Picasa 4ESOC
Picasa 4ESOCPicasa 4ESOC
Picasa 4ESOC
 
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
 
La imatge digital
La imatge digitalLa imatge digital
La imatge digital
 
T1 ex1 gil
T1 ex1 gilT1 ex1 gil
T1 ex1 gil
 
4illustrar dels-contingutsv2-1231606470388062-1
4illustrar dels-contingutsv2-1231606470388062-14illustrar dels-contingutsv2-1231606470388062-1
4illustrar dels-contingutsv2-1231606470388062-1
 
Eduwiki: Il·lustrar el contingut
Eduwiki: Il·lustrar el contingutEduwiki: Il·lustrar el contingut
Eduwiki: Il·lustrar el contingut
 
t1_e1_aznares-marta
t1_e1_aznares-martat1_e1_aznares-marta
t1_e1_aznares-marta
 
Imatge22205
Imatge22205Imatge22205
Imatge22205
 
Unitat 2 web 2.0
Unitat 2   web 2.0Unitat 2   web 2.0
Unitat 2 web 2.0
 
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
 
La imagen power point - estudiar
La imagen   power point - estudiarLa imagen   power point - estudiar
La imagen power point - estudiar
 
Curs TIC Josep Sol
Curs TIC Josep SolCurs TIC Josep Sol
Curs TIC Josep Sol
 
Cacera tresor impress
Cacera tresor impressCacera tresor impress
Cacera tresor impress
 
Unitat 3
Unitat 3Unitat 3
Unitat 3
 
Facebook per empreses
Facebook per empresesFacebook per empreses
Facebook per empreses
 
Act6 ferrotipo
Act6 ferrotipoAct6 ferrotipo
Act6 ferrotipo
 

More from Alexlopezmale (8)

Video
Video Video
Video
 
Chirbit
ChirbitChirbit
Chirbit
 
So
SoSo
So
 
Publicaciosocial
PublicaciosocialPublicaciosocial
Publicaciosocial
 
Twitter
TwitterTwitter
Twitter
 
Publicacio social
Publicacio socialPublicacio social
Publicacio social
 
Directori full1
Directori   full1Directori   full1
Directori full1
 
Blog Ampa
Blog AmpaBlog Ampa
Blog Ampa
 

Imatge