1. 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.
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. “Tenir un disseny web de qualitat es fonalmental pel desenvolupament de la marca
corporativa”
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
“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.””
4. •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
6. 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
7. 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
8. 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
9. 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
10. 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.
12. 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
13. 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.
18. 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.
19. Photoscape
Pràctica:
-Imatge 4 (gif animat).
- anar a l’apartat gif animat i crear una seqüència de text i imatge.
Text: BON NADAL 2014
Imatge: Pare noel
20. 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.
22. 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
23. 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)
25. 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)
26. 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.
27. 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
30. 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