Your SlideShare is downloading. ×
Multimdiaimatgevideoiso
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Multimdiaimatgevideoiso

267
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
267
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×