Multimdiaimatgevideoiso

391 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
391
On SlideShare
0
From Embeds
0
Number of Embeds
209
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Multimdiaimatgevideoiso

  1. 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. 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. 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. 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
  5. 5. Exemples: -Activitat biblioteca virtual -Bloc biblioteca / Bloc Biblioteca
  6. 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. 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. 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. 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. 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.
  11. 11. Photoscape Menú d’inici
  12. 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. 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.
  14. 14. Photoscape Imatge Directorii
  15. 15. Photoscape Quadre d’edició
  16. 16. Photoscape Complements
  17. 17. Photoscape Eines Retallar
  18. 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. 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. 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.
  21. 21. Gimp Inici: - Àrea de treball i caixa d'eines
  22. 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. 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)
  24. 24. Gimp Pràctica: - Diferents captures - Retallar imatges - Escalar captures - Arrodonir vores - Afegir text. - Desar imatges.
  25. 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. 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. 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
  28. 28. Picasa Picasa online
  29. 29. Picasa
  30. 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
  31. 31. Picasa Compartir, imprimir i integrar imatges fora de picasa.

×