Conceptos clave edición multimedia

Material del Seminario Conceptos clave edición multimedia impartido por el personal del Laboratorio Multimedia de la Biblioteca/CRAI de la Universidad Pablo de Olavide

1. 01 Conceptos clave sobre edición multimedia

2. 01 La imagen digital ¿ Qué es la imagen digital? La representación bidimensional de una imagen empleando bits ( unidad mínima de información compuesta por dígitos binarios 1 y 0), que se emplea a instancias de la informática y cualquier dispositivo de tipo digital . Tipos Mapa de bits Imagen vectorial www.enter.co

3. 02 La imagen digital ¿De dónde se obtiene la imagen digital?

4. La imagen digital ¿Qué es un pixel? Es la unidad mínima de una imagen digital en mapa de bits. El color que compone cada pixel se obtiene mediante tres colores : el rojo, el verde y el azul (esquema conocido como R G B ). ‘ Pic ture (imagen) + El ement (elemento)’ La combinación de estos colores puede reproducir más de 16 millones de colores . 03 ¿Sabías que...? R G B

5. La imagen en mapa de bits también se denomina imagen rasterizad a o bitmap . Está compuesta por píxeles . Cada píxel contiene información acerca de su color y juntos conforman la imagen. Realizar cambios sobre estos píxeles afecta directamente a la imagen que conforman. La imagen digital www.tiendapixeles.com 04 Imagen en mapa de bits ¿Sabías que...? Rasterización es el proceso por el cuál una imagen vectorial se convierte en un conjunto de píxeles.

6. La imagen digital 05 Calidad Resolución Tamaño Cuanto mayor sea el número de píxeles que compone una imagen… Imagen bitmap

7. La imagen digital Inconveniente : Esta interdependencia entre calidad de la imagen y cantidad de píxeles tiene como consecuencia que al ampliarse la imagen se produzca una distorsión o pérdida de calidad, también conocido como ‘efecto pixelación ’. 06 Imagen bitmap

8. La imagen digital 07 Es el grado de detalle o calidad de una imagen digital. ¿A qué llamamos resolución? Este valor se expresa en ppp (píxeles por pulgada). A mayor resolución: + detalle + definición = más peso del archivo Para web, crea y exporta imágenes en resolución no superior a 72 ppp . ¡Recuerda! www.es.mario.wikia.com Imagen bitmap

9. La imagen digital 517 px 640 px www.fandom.wikia.com 08 Por ejemplo, una imagen de 517 x 640 px , significará que está compuesta por 517 columnas y 640 filas de píxeles. ¿Hablamos del tamaño? El tamaño viene definido por las dimensiones de sus píxeles. La suma de todos los píxeles repartidos en las filas y columnas determinará el tamaño de la imagen. Imagen bitmap

10. La imagen digital 09 Formatos imágenes bitmap

11. La imagen digital Compresión muy alta ; pesa menos = ideal para Web. Buena calidad . La mayoría de las cámaras digitales no profesionales y teléfonos suelen almacenar directamente en este formato. www.nintenderos.com 10 JPEG / JPG Inconveniente: su compresión supone pérdida de información que puede afectar a la calidad de la imagen.

12. La imagen digital Nació como alternativa al GIF. Permite almacenar transparencias = montajes más creativos. Menos compresión que JPG. www.kisspng.com 11 PNG Inconveniente: no permite animación.

13. La imagen digital www.gifer.com 12 GIF Inconveniente: No recomendable para fotografías originales o de mucha calidad ya que el color real utiliza una paleta de más de 256 colores. Diseñado específicamente para comprimir imágenes digitales. Formato sin pérdida = mayor tamaño que JPEG. Recomendado para guardar imágenes no fotográficas : logotipos, colores, dibujos, etc. Permite crear animaciones .

14. La imagen digital Almacena imágenes de muy alta calidad . Formato ideal para editar o imprimir imagen. Ideal para guardar archivos originales . . www.youtube.com 13 T IF Inconveniente: produce archivos de gran peso.

15. La imagen digital Formato de compresión sin pérdidas . Ideal para imágenes que se deseen editar. Produce archivos de gran tamaño . . 14 BMP Inconveniente: solo es soportado por Internet Explorer. www.nintendo.wikia.com

16. La imagen digital Son imágenes construidas a base de líneas y curvas definidas por atributos matemáticos ( curvas Béizer ). No sufren pérdida en su resolución y su escala es infinita . www.flaticon.com 15 Imagen vectorial

17. La imagen digital Cada objeto se puede manejar de forma independiente al resto. Ideales para diseño gráfico ( por ejemplo, para diseño y creación de logotipos ). Este tipo de imagen tiene poco peso como archivo digital. www.flaticon.com 1 6 Imagen vectorial

18. La imagen digital CDR- Corel Draw AI-Adobe Ilustrator EPS- Encapsulated Postscript SWF- Shockwave Flash 17 Formatos imagen vectorial

19. La imagen digital Imagen mapa de bits Vs . vectorial www.flaticon.com www.es.mario.wikia.com 18

20. La imagen digital Imagen mapa de bits Vs . vectorial www.deviantart.com www.deviantart.com 19

21. La imagen digital Imagen mapa de bits Vs . vectorial www.flaticon.com www.flaticon.com 20

22. La imagen digital 21 Proceso de preparación y adecuación de una imagen teniendo en cuenta su uso on-line . considerando para ello principalmente dos factores fundamentales: ¿Qué entendemos por optimización de la imagen digital? Tiempo de descarga Pérdida de calidad

23. La imagen digital 22 ¿Quieres saber algunos trucos para optimizar tus imágenes?

24. La imagen digital ¡Aquí tienes algunas herramientas para crear y editar tus imágenes! 23 www.teleadhesivo.com

25. La imagen digital 24 Banco de imágenes Gratuitas Requieren atribución Gratuitas Requieren atribución De pago: Free Images StockSnap Life of Pix Pixabay Freepik Flaticon The Noun Project Shutterstook

26. La imagen digital 25 Banco de imágenes ¡Recuerda! NUNCA debemos buscar en imágenes de y publicarlas ya que no son gratuitas y tienen derechos de autor. Utiliza los bancos de imágenes . Intenta utilizar los iconos o fotografías de un mismo diseñador / fotógrafo. Es importante mantener la misma línea gráfica y visual . Lee atentamente los acuerdos de licencia y condiciones de uso de cada uno de los bancos de imágenes que utilices para entender las limitaciones que puedes tener.

27. La imagen digital ¿Pasamos a la acción? 26