Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O 2 0 1 2-2"

Transcripción

1 Comunicación Interactiva C L A S E S 3 Y 4 P R O F. M A X T E L L O

2 Clase 3 y 4:Introducción a gráficos por computadora: gráficos de vector y gráficos bitmaps. Combinando vectores y bitmaps. Layers. Formatos. Gráficos vectoriales. Fundamentos. Formas. Transformaciones y filtros. Imágenes bitmap. Resolución. Compresión de imagen. Manipulación de imágenes.

3 Gráficos Tecnologías de software y hardware usadas en las computadoras para crear, modificar y mostrar imágenes fijas guardadas de manera digital. Estan en la base de las imágenes en movimiento, también. Origen: scanner, camara, creadas en computadora usando un paquete gráfico. Ej: Representación visual de data como en excel.

4 Pixels Los monitores muestran las fotos, dibujos y gráficos (pictures) como una disposición rectangular de pixels. Pixels: pequeños cuadraditos de color que opticamente se combinan cuando se ven de la distancia adecuada para producir la impresión de tonos continuos. (Ejercicio de pixels en photoshop Crop, ctrl+)

5 Rendering Para mostrar la imagen el programa debe asignar a cada pixel un apropiado tono de color o gama de gris, para que el patro de pixeles en la pantalla produzca la imagen deseada. El programa lee un modelo de la imagen a ser mostrada y asigna colores a las posiciones. El modelo gráfico toma la forma de una estructura de datos que guarda la descripción de la imagen. El proceso de generar un patron de pixeles de un modelo se llama rendering

6 Secuencia de mostrar una imagen La secuencia de eventos para mostrar una imagen empieza con un programa leyendo un file de imagen, del cual construye una estructura de datos interna correspondiente a la imagen en el file. Finalmente el programa renders la imagen a presentar.

7 Pixels lógicos y Pixels físicos En la forma más simple los pixels lógicos corresponden a los pixels físicos: el modelo es un mapa que muestra la imagen. Más frecuentemente el modelo debe ser guardado en una resolución diferente que la imagen mostrada. Entonces se aplica una escala a los pixels lógicos antes de display la imagen.

8 Gráficos vectoriales En los gráficos vectoriales, la imagen es guardada como una descripción matemática de líneas individuales, curvas y formas que conforman la imagen. Display una imagen vectorial requiere que un programa interprete el modelo y genere una distribución de pixels a ser mostrados. SVG language (Scalable vector graphics) (hacer ejercicios svg con Adobe Ilustrator) El gráfico vectorial tiene formas claramente delineadas, llenas de color.

9 Gráficos vectoriales-descripción En una representación vectorial guardamos una descripción de todos los objetos que componen la imagen. Cuanto más compleja sea la imagen, mayor la descripción el tamaño es indepediente de cualquier resolución.

10 Imágenes bitmap No usan bitmaps!!! Usan pixel maps En una imagen bitmap siempre guardamos el valor lógico de cada pixel. De esta manera el tamaño de la imagen y la resolución en la que está guardada son los únicos factores determinantes de la cantidad de memoria que ocupa. El bitmap captura las texturas del original y provee una buena reproducción de los tonos continuos.

11 Programas por tipos de imágenes Vectoriales: Ilustrator, Freehand Bitmaps: Photoshop, Painter.

12 Otra mayor diferencia entre gráficos vectoriales y bitmap es la manera en que se comportan cuando son ampliados. Si un bitmap es ampliado más allá de su tamaño normal, cada pixel lógico debe ser mapeado sobre más de un pixel físico en el producto final. El efecto siempre perderá calidad. Con vectores eso no ocurrirá.

13 Rasterizing Convertir vectores en bitmaps. Proceso simple, la imagen deja de tener resolución independiente. De svg a jpg

14 Vectorization De pixels a vectores. Más complicado. Requiere software que identifique límites.

15 Combinación Tener de fondo un bitmap y dibujar vectores encima. Ilustrator permite importar bitmaps. Los maneja como un sólo objeto.

16 File format En orden de preservar imágenes e intercambiarlas entre programas, es posible salvar la data de la imagen en un file. Lossless compression: tienen la propiedad que siempre es posible reconstruir la data original de la versión comprimida. Lossy compression: descartan data menos significativa para tener mayor compresión.

17 GIF (Graphics Interchange Format) Desarrollado por Compuserve. Usa una técnica lossless que restrigue la imagen a 256 colores. Un color puede ser desginado transparente. Esto permite producir imagenes no rectangulares, con reas transparentes. Es más para imagenes simples como cartoons, imagenes producidas por computadora. Menos para fotos y scanned.

18 Jpeg (joint photographic expert group) Para fotos y scanneds. Es bueno para publicar imágenes.

19 PNG El más nuevo. Reemplzara a GIF. No se limita a 256 colores y tambien es puede producir transparencia. Soport 16 millones de colores. Es bueno para editar fotografías W3C publicó sus especificaciones en 1996.

20 TIFF Tipo de bitmap. Creado por microsoft.

21 BMP Microsoft windows bitmap format. Son no comprimidos, muy grandes.

22 SVG Scaleable vector graphics. Definido en XML W3C lo define como el formato para vectores.

23 SWF Formato para animación de vectores usando flash.

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD

Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD Formatos de Imagen Los archivos gráficos, o archivos de imagen, son los archivos utilizados para crear, almacenar y manipular imágenes mediante un computador

Más detalles

Definición, características y usos

Definición, características y usos Definición, características y usos En qué difieren unas de otras? Al capturar una imagen con cámara digital, escanearla o crear una imagen de cualquier tipo estas se crean con algún formato de archivo.

Más detalles

IMÁGENES DIGITALES. Tipos de imágenes digitales y características

IMÁGENES DIGITALES. Tipos de imágenes digitales y características IMÁGENES DIGITALES Tipos de imágenes digitales y características Formas de adquirir una imagen Crear un dibujo: utilizando algún programa de dibujo como Paint, CorelDraw, OpenOffice Draw, etc. También

Más detalles

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1

MÓDULO 4. 2013-2014 www.dianarodriguezcursos.com 1 MÓDULO 4 2013-2014 www.dianarodriguezcursos.com 1 DIANA RODRÍGUEZ Capacitaciones y Servicios de información digital Planificación y gestión de Bibliotecas Digitales Módulo 4 (Resumen) 2013-2014 www.dianarodriguezcursos.com

Más detalles

CONCEPTOS BASICOS DE IMAGEN DIGITAL

CONCEPTOS BASICOS DE IMAGEN DIGITAL CONCEPTOS BASICOS DE IMAGEN DIGITAL 1- Conceptos Básicos Una imagen analógica es una imagen natural captada con una cámara o cualquier otro instrumento óptico, presenta unas características de sombras

Más detalles

Introducción a la imagen digital: Mapa de bits. Vectores

Introducción a la imagen digital: Mapa de bits. Vectores Introducción a la imagen digital: Mapa de bits Vectores Mapa de bits La imagen de mapa de bits, rasterizada o bitmap es una imagen formada por pixeles en una cuadrícula. Los píxeles son los elementos de

Más detalles

2. Encuadre y redimensionado

2. Encuadre y redimensionado 2. Encuadre y redimensionado Al crear un documento nuevo se definen características como la resolución, el tamaño y el modelo de color, todo esto visto con anterioridad. También al guardar un archivo definimos

Más detalles

A web 2.0 e a páxina web do centro. Grupo de Traballo IES O Mosteirón

A web 2.0 e a páxina web do centro. Grupo de Traballo IES O Mosteirón A web 2.0 e a páxina web do centro Grupo de Traballo IES O Mosteirón Webs Dinámicas Los bitmaps (mapas de bit en castellano) son las típicas imágenes que conocemos en nuestro día a día habitual (fotos,

Más detalles

FORMATOS. paisaje.jpeg. Nombre de archivo extensión

FORMATOS. paisaje.jpeg. Nombre de archivo extensión FORMATOS Para qué es un formato? Un formato es la manera particular que tiene cada archivo de tener almacenada su información. Hay diferentes tipos de formatos para diferente tipo de información. Sin embargo,

Más detalles

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2.

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2. TRABAJO AUTONOMO DEL ESTUDIANTE P á g i n a 1 Manual 1 P á g i n a 2 TRABAJO AUTONOMO DEL ESTUDIANTE 1. Conceptos Básicos de Editores Gráficos. 1.1. Qué es un Editor Grafico? Un editor grafico es un programa

Más detalles

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes:

Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: ARCHIVOS GRAFICOS Son aquellos que guardan imágenes, gráficos y dibujos. Existen fundamentalmente dos tipos de imágenes: Imágenes vectoriales: se definen matemáticamente en forma de series de puntos unidos

Más detalles

Seminario: Tratamiento de la imagen digital con GIMP IES Valle de Aller 2007/08

Seminario: Tratamiento de la imagen digital con GIMP IES Valle de Aller 2007/08 Sesión 1 Introducción Es necesario acceder al ordenador con nuestro nombre de usuario y contraseña ya que va a ser necesario guardar datos en la carpeta mapeada con nuestro nombre en el ordenador. Para

Más detalles

Procesador de texto Apunte N 5

Procesador de texto Apunte N 5 Procesador de texto Apunte N 5 Imágenes, gráficos, formas, organigramas y texto artístico ACLARACIÓN: Estos apuntes están diseñados para enseñar tanto MS Word como OOO Writer. Si es necesario se indicará

Más detalles

U.D. Tratamiento digital de imágenes (3ª evaluación)

U.D. Tratamiento digital de imágenes (3ª evaluación) U.D. Tratamiento digital de imágenes (3ª evaluación) TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN 1º BACHILLERATO *Fechas orientativas: Lunes Martes Miércoles Jueves Viernes PRUEBA INICIAL 27 28 29

Más detalles

PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS. Por: Eylem Epifanía Bran Vargas. Docente: Genny Usuga

PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS. Por: Eylem Epifanía Bran Vargas. Docente: Genny Usuga PRE-PRENSA DIGITAL PARA MEDIOS IMPRESOS Por: Eylem Epifanía Bran Vargas Docente: Genny Usuga COLEGIO SANTA LEONI AVIAT GRADO: DÉCIMO COPACABANA 2015 ACTIVIDAD DEL SENA 1. Defina las características principales

Más detalles

Formación de la imagen digital

Formación de la imagen digital Formación de la imagen digital La trayectoria que sigue la cámara para formar la imagen digital es la siguiente: La luz que detecta el objetivo de la cámara llega hasta el sensor de imagen, denominado

Más detalles

PRODUCCIÓN DIGITAL I Wenceslao Zavala

PRODUCCIÓN DIGITAL I Wenceslao Zavala PRODUCCIÓN DIGITAL I Wenceslao Zavala 09/05/2013 www.producciondigitalup.com.ar Convenciones Web Diseño Web El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio)

Más detalles

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral

Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Políticas de diseño de los portales de Internet e Intranet del Instituto Federal Electoral Diseño Web El diseño web es la actividad que permite que los elementos visuales se integren de manera efectiva

Más detalles

Tipos de imágenes Imágenes vectoriales Imágenes de mapa de bits

Tipos de imágenes Imágenes vectoriales Imágenes de mapa de bits Tipos de imágenes Los programas de diseño gráfico trabajan en general con dos tipos de imágenes: imágenes vectoriales e imágenes de mapa de bits. Comprender sus características y diferencias es indispensable

Más detalles

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital

Imagen ::: Conceptos básicos de imagen digital Diseño de materiales multimedia. Web 2.0. 2.1 Conceptos básicos de imagen digital 2. Imagen 146 2.1 Conceptos básicos de imagen digital 147 2.1 Conceptos básicos de imagen digital Antes de estudiar los procedimientos más habituales de optimización y tratamiento de imágenes es conveniente

Más detalles

INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR

INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR INTRODUCCIÓN A LA INFORMÁTICA Y AL DISEÑO GRÁFICO ASISTIDO POR ORDENADOR Los programas de diseño gráfico suelen necesitar más memoria y capacidad de proceso que la misma información representada exclusivamente

Más detalles

CONCEPTOS BASICOS IMAGEN DIGITAL. Por Lic. Sandra M. Perez

CONCEPTOS BASICOS IMAGEN DIGITAL. Por Lic. Sandra M. Perez CONCEPTOS BASICOS IMAGEN DIGITAL Por Lic. Sandra M. Perez QUÉ ES UNA IMAGEN DIGITAL? Es la representación de una imagen utilizando BITS (unos y ceros). Se obtiene por medios electrónicos (cámaras, escáneres,

Más detalles

Diseño de imágenes para incluirlas en reactivos de opción múltiple

Diseño de imágenes para incluirlas en reactivos de opción múltiple ANEXO Diseño de imágenes para incluirlas en reactivos de opción múltiple 23 de marzo de 2011 Elaboró: Mtra. Teresa Zamudio Flores Las Imágenes como elemento de un reactivo de opción múltiple Los reactivos

Más detalles

CONVENCIONES DEL DISEÑO WEB

CONVENCIONES DEL DISEÑO WEB CONVENCIONES DEL DISEÑO WEB El Monitor: Unidad de Medida (pixel) Dimensión de Trabajo (según pantalla del usuario promedio) El Color: Colores seguros para la Web (colores hexadecimales) Colores de pantalla

Más detalles

Departamento de Tecnologías de la Información y la Comunicación 2 Año Unidad 1: Edición digital de imágenes

Departamento de Tecnologías de la Información y la Comunicación 2 Año Unidad 1: Edición digital de imágenes Trabajo práctico: Modificando una imagen Prof. Ricardo P. Salvador Marzo de 2015 Importante i. En las consignas se indica qué resultado se quiere obtener, por lo que ustedes tienen que averiguar cuáles

Más detalles

Programación Gráfica. Conceptos Básicos

Programación Gráfica. Conceptos Básicos 2013 1 Procesamiento de Imágenes. Es el campo que trata con métodos, técnicas, y algoritmos para manipulación, realce e interpretación de imágenes. Graficación por Computadora. Es la disciplina concerniente

Más detalles

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

GUIA 3 Tema: Optimización de imagenes y recursos para la web. 22 GUIA 3 Tema: Optimización de imagenes y recursos para la web. Objetivos Que los alumnos comprendan la importancia de la optimización de imágenes para la Web y utilicen Adobe Fireworks como editor de

Más detalles

IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL

IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL 1 IUNA ESPECIALIZACIÓN EN LENGUAJES ARTÍSTICOS COMBINADOS Junio 2005 FOTOGRAFÍA DIGITAL IMAGEN DIGITAL DIGITAL Digitalizar es hacer que cierta información pase a ser de carácter numérico; es decir, a expresarse

Más detalles

TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III

TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III TECNOLOGÍA DE LA COMUNICACIÓN II PROYECTO INTEGRADOR PARTE III Eliana Altamirano Existen dos categorías principales de imágenes: * imágenes de mapa de bits: (también denominadas imágenes raster): son imágenes

Más detalles

Diseño de páginas web Unidad 3. Edición de imágenes

Diseño de páginas web Unidad 3. Edición de imágenes Diseño de páginas web Unidad 3 Edición de imágenes ÍNDICE 3 Edición de imágenes 3.1. Introducción 3.2. Gráficos en la página web 3.2.1. Tipos de gráficos: vectorial frente a mapa de bits 3.2.2. Formatos

Más detalles

ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL

ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Imagen digital: Es una representación visual de un

Más detalles

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos).

La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y unos). Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos eléctricos discretos basados en un sistema binario (ceros y

Más detalles

OPERACIONES AUXILIARES CON TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN. Entornos multimedia. Unidad 3

OPERACIONES AUXILIARES CON TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN. Entornos multimedia. Unidad 3 Entornos multimedia Unidad 3 Introducción Entorno multimedia. Sonido. Texto. Vídeo. Animación. Sistema multimedia. Sistema multimedia interactivo. Dispositivos multimedia Concepto. Tarjetas de sonido.

Más detalles

Qué es Fireworks? Los mapas de bits

Qué es Fireworks? Los mapas de bits Qué es Fireworks? Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que van a utilizarse en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan

Más detalles

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA DISEÑO MULTIMEDIALES Y WEB I-A INTRODUCCIÓN AL DISEÑO GRÁFICO FUNDAMENTOS DEL DISEÑO: DEFINICIÓN

Más detalles

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT

PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Acerca de los gráficos vectoriales: PHOTOSHOP IMÁGENES VECTORIALES Y MAPAS DE BIT Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales) están compuestos de líneas y curvas

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

IB14 Informática para la construcción. Tema 5. Tratamiento de imágenes digitales

IB14 Informática para la construcción. Tema 5. Tratamiento de imágenes digitales IB14 Informática para la construcción Tema 5. Tratamiento de imágenes digitales Contenidos Fotografía tradicional. Fotografía digital. Procesamiento digital de imágenes. Cómo almacena el ordenador

Más detalles

COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN

COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN COLOR, RESOLUCIÓN Y FORMATO DE IMAGEN Copyright P. Batlle, 2000 QUIENES SOMOS BATLLE IMAGEN DIGITAL es una novedosa empresa venezolana dedicada a la digitalización, restauración de fotografías antiguas

Más detalles

DIGITALIZACION DE DOCUMENTOS IMPRESOS

DIGITALIZACION DE DOCUMENTOS IMPRESOS DIGITALIZACION DE DOCUMENTOS IMPRESOS Lima, Mayo 2007 Temario I. Introduciendo conceptos básicos sobre el tema de digitalización. Qué es digitalizar? Imágenes digitales. El escáner. Formatos gráficos.

Más detalles

Trabajo Individual de Introducción a la Ingeniería Informática

Trabajo Individual de Introducción a la Ingeniería Informática Estudios Generales Ciencias Formatos Gráficos: Trabajo Individual de Introducción a la Ingeniería Informática Horario: H - 0332 Docente: Marcelo Guardia, Richard Investigador: 10. Sánchez Rosas, Juan Eladio

Más detalles

IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS

IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS La imagen de la derecha es imagen Vectorial, y la imagen de la izquierda (la de puntos) es imagen de mapa bits. Qué ocurre si ampliamos una imagen vectorial? ocurre

Más detalles

SISTEMAS DE NUMERACIÓN

SISTEMAS DE NUMERACIÓN SISTEMAS DE NUMERACIÓN EL SISTEMA DECIMAL Es el sistema usado habitualmente en todo el mundo. Según los antropólogos, el origen del sistema decimal está en los diez dedos que tenemos los humanos en las

Más detalles

Conceptos y fundamentos generales. Curso 2009 2010 Manuel A. Martín Santiago

Conceptos y fundamentos generales. Curso 2009 2010 Manuel A. Martín Santiago Conceptos y fundamentos generales. Curso 2009 2010 Manuel A. Martín Santiago Podemos definir multimedia como aquella tecnología que permite crear contenidos integrando texto, audio, vídeo, imagen y animaciones.

Más detalles

Nombre: M. Rosmery Santos J. Materia: Arquitectura de Computadoras. Docente: Lic. Mirna Baena

Nombre: M. Rosmery Santos J. Materia: Arquitectura de Computadoras. Docente: Lic. Mirna Baena Nombre: M. Rosmery Santos J. Materia: Arquitectura de Computadoras Docente: Lic. Mirna Baena Fecha: 27-09-2011 Defunción Sistemas De Representación: [Representacion de Imagen] Procedimientos utilizados

Más detalles

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1

IMAGEN DIGITAL. Florentino Marugán. Florentino Marugán 1 Florentino Marugán Florentino Marugán 1 Todas las imágenes se representan, procesan y guardan utilizando diferentes técnicas de codificación. Hay dos tipos básicos de imágenes en dos dimensiones (2D) generadas

Más detalles

Comenzando a trabajar con videos.

Comenzando a trabajar con videos. Producción Comenzando a trabajar con videos. El término vídeo se refiere comúnmente a varios formatos: los formatos de vídeo digital, incluyendo DVD, QuickTime, DVC y MPEG-4 y las cintas de vídeo analógico,

Más detalles

Tema: Estructura de HTML5 y optimización de imágenes.

Tema: Estructura de HTML5 y optimización de imágenes. Diseño Digital V. Guía 3 1 Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Tema: Estructura de HTML5 y optimización de imágenes. Objetivos Contenidos Introducir al

Más detalles

DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT

DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT DISPOSITIVOS DE CALIBRACIÓN ANDREA HERNÁNDEZ BARRIENTOS GENNY USUGA DOCENTE PREPRENSA DIGITAL PARA MEDIOS IMPRESOS COLEGIO SANTA LEONÍ AVIAT COPACABANA 2012 MEDIOS Y DISPOSITIVOS DE CALIBRACIÓN Cuando

Más detalles

U.D. Tratamiento digital de imágenes (3ª evaluación)

U.D. Tratamiento digital de imágenes (3ª evaluación) U.D. Tratamiento digital de imágenes (3ª evaluación) ÍNDICE IMÁGENES GRÁFICAS 1. TIPOS DE IMÁGENES 2. CALIDAD DE UNA IMAGEN DIGITAL (bitmap) 3. TAMAÑO DE IMAGEN Y TAMAÑO DE ARCHIVO 4. TAMAÑO DE IMAGEN

Más detalles

Dibujos creados con Word. Mediante autoformas, líneas, rectángulos, elipses, etc.

Dibujos creados con Word. Mediante autoformas, líneas, rectángulos, elipses, etc. Centro Politécnico Particular de Conchalí Laboratorio de Computación Apuntes de Laboratorio (Manejo de Imágenes) Introducción Hoy en día un documento para que sea considerado como un buen documento debe

Más detalles

Vectorización de tipografías

Vectorización de tipografías Semanas Digitalización 4 y del 5 dibujo Semana 3 Empecemos! Bienvenidos a una nueva experiencia! Es el momento propicio para aprender lo referente a la vectorización. En estas dos semanas daremos continuidad

Más detalles

Photoshop. Conceptos Básicos

Photoshop. Conceptos Básicos Photoshop Conceptos Básicos Qué es Photoshop? Tratamiento de imágenes Retoque fotográfico Pintura Posee gran versatilidad Herramienta de post-producción (separación de colores y medios tonos) La ventana

Más detalles

Computadores y Comunicaciones. Tema 6: Aplicaciones Multimedia

Computadores y Comunicaciones. Tema 6: Aplicaciones Multimedia Computadores y Comunicaciones Tema 6: Aplicaciones Multimedia Febrero, 2011 Jorge Juan Chico , Julián Viejo Cortés Departamento de Tecnología Electrónica Universidad

Más detalles

INTRODUCCIÓN. Dado a que internamente la computadora trabaja con datos en binario, texto, imágenes y sonidos deben traducirse a este formato.

INTRODUCCIÓN. Dado a que internamente la computadora trabaja con datos en binario, texto, imágenes y sonidos deben traducirse a este formato. INTRODUCCIÓN La comunicación consta de lenguaje, imágenes y sonido. Las computadoras prefieren el tratamiento de la información en binario. Nosotros la del lenguaje natural. INTRODUCCIÓN Antes, el procesamiento

Más detalles

www www.generacion21.com Banners

www www.generacion21.com Banners www.generacion.com Banners Un banner es un formato publicitario en Internet que consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio

Más detalles

Capitulo 2: Introducción a RAW de cámara

Capitulo 2: Introducción a RAW de cámara Capitulo 2: Introducción a RAW de cámara Acerca de los archivos RAW de cámara Los archivos RAW de cámara contienen datos de imágenes en escala de grises sin procesar ni comprimir del sensor de imagen de

Más detalles

CAPACIDADES DEL ÁREA. CorelDRAW X5

CAPACIDADES DEL ÁREA. CorelDRAW X5 CAPACIDADES DEL ÁREA Conocimiento y manejo de la información Aplicación de la Tecnología CorelDRAW X5 Guía de CorelDRAW X5 CorelDRAW es un programa de dibujo vectorial que facilita la creación de ilustraciones

Más detalles

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital.

Un píxel es, pues, cada uno de los puntos que compone la matriz de una imagen digital. Es la unidad mínima de visualización de una imagen digital. La imagen digital Una imagen es una representación de la realidad. Una imagen digital es, básicamente, un tipo de imagen que puede ser manipulada mediante un equipo informático. Desde este punto de vista

Más detalles

SESIÓN 4: WORD 2013 MODIFICAR EL DISEÑO GENERAL CON LOS TEMAS [SESIÓN 4] WORD 2013 APLICAR TEMAS

SESIÓN 4: WORD 2013 MODIFICAR EL DISEÑO GENERAL CON LOS TEMAS [SESIÓN 4] WORD 2013 APLICAR TEMAS SESIÓN 4: WORD 2013 MODIFICAR EL DISEÑO GENERAL CON LOS TEMAS APLICAR TEMAS Al igual que los temas en Windows 8, esta herramienta permite guardar una serie de formatos que luego puedes aplicar a tu documento,

Más detalles

TRATAMIENTO DE IMÁGENES 1. CREAR DIBUJOS E IMÁGENES. 2. ADQUISICIÓN DE IMÁGENES

TRATAMIENTO DE IMÁGENES 1. CREAR DIBUJOS E IMÁGENES. 2. ADQUISICIÓN DE IMÁGENES TRATAMIENTO DE IMÁGENES Si algo ha cambiado en los últimos años por el uso de la informática es el tratamiento de imágenes. Hoy en día casi todo el mundo tiene una cámara digital. Se hacen fotos continuamente

Más detalles

Aspectos a revisar en la maquetación.

Aspectos a revisar en la maquetación. Aspectos a revisar en la maquetación. Resolución de imágenes de mapa de bits La resolución óptima de las imágenes de mapa de bits depende de la lineatura de impresión: La resolución (ppp) de una imagen

Más detalles

CAPITULO I INTRODUCCION. Conforme la informática avanza, las imágenes se han convertido en un área muy

CAPITULO I INTRODUCCION. Conforme la informática avanza, las imágenes se han convertido en un área muy Introducción 4 CAPITULO I INTRODUCCION 1.1 Compresión de Imágenes. Conforme la informática avanza, las imágenes se han convertido en un área muy importante de esta. Hoy en día surgen más entornos gráficos

Más detalles

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados

Clase Tema Actividad en casa 20% Evaluación. Crear 3 muestras de camisetas con dibujos personales vectorizados Clase Tema Actividad en casa 20% Evaluación 1 Introducción: Descripción del programa Webliografía y bibliografía Lista de programas vectoriales diferentes a illustrator (Pc, Mac, Linux, otros). Formas

Más detalles

Capítulo II La Imagen Digital

Capítulo II La Imagen Digital Definición Clasificación de las imágenes digitales Imágenes Vectoriales Imágenes Ráster Formatos de Imágenes Ráster TIFF BMP GIF JPEG PNG Tipos de Imágenes Digitales RGB Indexadas Escala de grises Binarias

Más detalles

Cuestiones sociales y éticas Conocimientos de tecnología Conceptos de diseño y creación Conceptos de almacenamiento, procesamiento y acceso

Cuestiones sociales y éticas Conocimientos de tecnología Conceptos de diseño y creación Conceptos de almacenamiento, procesamiento y acceso Imágenes, sonido y presentaciones Cuestiones sociales y éticas Los alumnos deben estudiar y evaluar las cuestiones sociales y éticas asociadas al uso de imágenes, sonido y presentaciones como, por ejemplo,

Más detalles

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha

INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web. Fecha INSTITUTO NACIONAL DE ESTADÍSTICAS Sección Web Página 1 de 12 Fecha Elaborado / Perfeccionado por 25 de Mayo 2010 Sección Web Revisión Nº 00 Revisado por Rodrigo Almonacid Arismendi Aprobado por Waldo

Más detalles

IMÁGENES ANALÓGICAS E IMÁGENES DIGITALES

IMÁGENES ANALÓGICAS E IMÁGENES DIGITALES ÍNDICE DEL TRABAJO: IMÁGENES ANALÓGICAS E IMÁGENES DIGITALES.... 1 IMÁGENES DE MAPAS DE BITS... 3 TAMAÑO Y RESOLUCION DE IMÁGENES.... 3 Compresión de imágenes:... 6 Tipos de de formato de imágenes:...

Más detalles

Modos y extensión de la imagen

Modos y extensión de la imagen Modos y extensión de la imagen MODOS DE LA IMAGEN MODO ESCALA DE GRISES El modo de color en las imágenes digitales, es la cantidad de colores que aparecen en una imagen, es decir, es la expresión de datos

Más detalles

Gráficos en L A T E X Edición de Textos Científicos con L A T E X Nivel II

Gráficos en L A T E X Edición de Textos Científicos con L A T E X Nivel II Gráficos en L A T E X Edición de Textos Científicos con L A T E X Nivel II A.J. López Juan Martínez Moreno J. M. Quesada Universidad de Jaén Departamento de Matemáticas Cursos de Innovación Docente, 2007

Más detalles

Taller Paint.net. Oscar Chacón Rodríguez Universidad Central de Bayamón Programa Servicios de Apoyo al Estudainte

Taller Paint.net. Oscar Chacón Rodríguez Universidad Central de Bayamón Programa Servicios de Apoyo al Estudainte Taller Paint.net Universidad Central de Bayamón Programa Servicios de Apoyo al Estudainte 1 P age Programa Servicios de Apoyo al Estudiante Tabla de contenido Qué es Paint.NET?...2 Tipos de fotos...2 Cómo

Más detalles

Draw. Dibujo vectorial

Draw. Dibujo vectorial Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Profundización Introducción Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Inicio Objetivos

Más detalles

Formatos de Imagen 1

Formatos de Imagen 1 Formatos de Imagen 1 Formatos de Imagen Un Formato de Imagen en una forma estándar de organizar y almacenar imágenes En el dispositivo de despliegue o de captura, el tamaño de una imagen esta relacionado

Más detalles

IMAGEN DIGITAL Digitalización de imágenes

IMAGEN DIGITAL Digitalización de imágenes IMAGEN DIGITAL Digitalización de imágenes 1. Imágenes vectoriales y de mapa de bits 2. El color 3. La resolución 4. Formatos de archivo 5. Proceso de tratamiento de imágenes digitalizadas IMAGEN DIGITAL

Más detalles

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

Más detalles

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.

Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de

Más detalles

Adobe Illustrator. Aprendiendo Adobe Illustrator...

Adobe Illustrator. Aprendiendo Adobe Illustrator... Adobe Illustrator Aprendiendo Adobe Illustrator... Qué es Illustrator? Illustrator es un programa de dibujo en vectores. Es usualmente utilizado para hacer ilustraciones, caricaturas, diagramas, infografías

Más detalles

Roberto Quejido Cañamero

Roberto Quejido Cañamero Crear un documento de texto con todas las preguntas y respuestas del tema. Tiene que aparecer en él todos los contenidos del tema. 1. Explica qué son los modos de presentación en Writer, cuáles hay y cómo

Más detalles

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet.

Cuando hablamos de formatos de imagen en la web, tenemos que limitarnos a 3, ya que son los únicos soportados por los navegadores de Internet. Imágenes en la web Uno de las principales decisiones a la hora de incluir gráficos en la Web será elegir el formato correcto para cada tipo de imagen de manera que se logre una correcta relación entre

Más detalles

Qué es la tecnología digital?

Qué es la tecnología digital? TECNOLOGÍA DIGITAL Qué es la tecnología digital? Lo contrario de digital es analógico. Analógico significa continuo; entre dos valores analógicos cualquiera debería haber, en teoría, infinitos intermedios.

Más detalles

Diseño de Moda Informatizado UNIDAD DIDÁCTICA 4 GRÁFICOS VECTORIALES

Diseño de Moda Informatizado UNIDAD DIDÁCTICA 4 GRÁFICOS VECTORIALES UNIDAD DIDÁCTICA 4 GRÁFICOS VECTORIALES 59 60 UNIDAD DIDÁCTICA 4 GRÁFICOS VECTORIALES 1.- GRÁFICO VECTORIAL DEFINICIÓN DE VECTORES CARACTERÍSTICAS DE LOS GRÁFICOS VECTORIALES VENTAJAS Y LIMITACIONES DE

Más detalles

Tratamiento de la Imagen Digital

Tratamiento de la Imagen Digital Tratamiento de la Imagen Digital Qué es la imagen digital? La definición de digital es toda información representada por una serie de pulsos electricos discretos basados en un sistema binario (ceros y

Más detalles

El tamaño de una imagen digital

El tamaño de una imagen digital El tamaño de una imagen digital Apellidos, nombre Vicente Atienza Vanacloig (vatienza@disca.upv.es) Departamento Centro Informática de Sistemas y Computadores (DISCA) Escuela Técnica Superior de Ingeniería

Más detalles

INICIO IMAGEN DIGITAL GUÍA DE APRENDIZAJE

INICIO IMAGEN DIGITAL GUÍA DE APRENDIZAJE 1_LA IMAGEN DIGITAL 2_RESOLUCIÓN 3_DIMENSIONES DE LA IMAGEN 4_PROFUNDIDAD DE COLOR 5_RESOLUCIÓN DEL MONITOR 6_TAMAÑO DEL ARCHIVO 7_FORMATOS DE COMPRENSIÓN 8_MODO DE COLOR 1.-LA IMAGEN DIGITAL Al captar

Más detalles

Software Creativo 2009 Arq. Raúl Abad Bausset - Lic. Valeria Drelichman Escuela de Comunicación Multimedial Universidad Maimónides

Software Creativo 2009 Arq. Raúl Abad Bausset - Lic. Valeria Drelichman Escuela de Comunicación Multimedial Universidad Maimónides Software Creativo 2009 Arq. Raúl Abad Bausset - Lic. Valeria Drelichman Escuela de Comunicación Multimedial Universidad Maimónides Imagen digital Clase 01 Gráficos vectoriales e imágenes bitmap Los gráficos

Más detalles

Nombre:... Curso:... Centro:...

Nombre:... Curso:... Centro:... 6 Nombre:..................................................................................................................... Curso:.............................................................................................................................

Más detalles

ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO

ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO Unidad 2 ELEMENTOS DEL DISEÑO GRÁFICO DISEÑO GRÁFICOEN MOVIMIENTO Vectores Mapa de bits» Profundidad de color» Tamaño y resolución» Alisado» Formatos y compresión Filmación y animación En el cine existe

Más detalles

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER

INFORMÁTICA AVANZADA. MÓDULO 2: TRATAMIENTO DE IMÁGENES CON MICROSOFT PICTURE MANAGER CIUDAD AUTÓNOMA DE CEUTA.CONSEJERÍA DE EDUCACIÓN, CULTURA Y MUJER. UNIVERSIDAD DE GRANADA. VICERRECTORADO DE ENSEÑANZAS DE GRADO Y POSGRADO. AULA PERMANENTE DE FORMACIÓN ABIERTA. PROGRAMA UNIVERSITARIO

Más detalles

GUÍA 8 Tema: Optimización y uso de diversos formatos.

GUÍA 8 Tema: Optimización y uso de diversos formatos. Publicidad 2. Guía 8 106 GUÍA 8 Tema: Optimización y uso de diversos formatos. Contenidos Manipulando la imagen acorde al soporte. Objetivos Específicos Que el estudiante comprenda las diversas formas

Más detalles

Producto. Información técnica y funcional. Versión 2.8

Producto. Información técnica y funcional. Versión 2.8 Producto Información técnica y funcional Versión 2.8 1 Índice: Tema Pág. Introducción a WOLOM 3 Diagrama de la solución WOLOM 3 Principales funciones de WOLOM 4 Módulos que componen WOLOM 4 WM: Wolom Maquetador

Más detalles

Páginas Web Barcelona

Páginas Web Barcelona Páginas Web Barcelona Requisito previo: Todos los asistentes deben de tener previo conocimiento de las plataformas Macintosh o Windows. Se prefiere que los delegados tengan una experiencia básica en HTML

Más detalles

Un Banner es un gráfico, generalmente elaborado en un formato de archivo.gif o JPG, de aproximadamente 400 x 40 pixeles, el cual se coloca como un encabezado o una representación de una "Página en un Website".

Más detalles

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I.

Taller genmagic: Adobe Flash. Tutorial 6: USO DE LAS IMÁGENES DE MAPA DE BITS EN FLASH I. LAS IMÁGENES DE MAPA DE BITS EN FLASH. En este tutorial aprenderemos las técnicas básicas de tratamiento de imágenes con Flash. Es un tutorial básico pero obligatorio para poder seguir avanzando en el

Más detalles

QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator

QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator Illustrator es un programa de vectores. Su principal uso es para hacer ilustraciones, caricaturas, diagramas, gráficos y logotipos. A diferencia de las fotografías

Más detalles

Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio

Índice. 1. Crear contenido en un curso. 2. Cómo crear un elemento. 3. Cómo crear un archivo. 4. Cómo crear enlaces de audio Índice 1. Crear contenido en un curso 2. Cómo crear un elemento 3. Cómo crear un archivo 4. Cómo crear enlaces de audio 5. Cómo crear enlaces de Imagen 6. Cómo crear enlaces de Video 7. Cómo crear un enlace

Más detalles

IES DOCTOR MARAÑON. DTO TECNOLOGIA. FOTOGRAFIA

IES DOCTOR MARAÑON. DTO TECNOLOGIA. FOTOGRAFIA FOTOGRAFIA Hoy en día conviven dos formas de práctica fotográfica completamente diferentes en cuanto al modo en que captan y procesan sus imágenes. Junto a la fotografía tradicional o analógica (con un

Más detalles

Índice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker...

Índice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker... Índice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker... 4 Barra de título... 4 Barra o pestañas de opciones... 4 Cinta de

Más detalles

UNIDAD 5 Procesamiento Digital de imágenes

UNIDAD 5 Procesamiento Digital de imágenes UNIDAD 5 Procesamiento Digital de imágenes LA IMAGEN Al igual que los órganos humanos de percepción (los ojos), existen dispositivos que se encargan de transformar señales externas como la luz, en información

Más detalles

Photoshop 7.0 - Nivel Fundamentos

Photoshop 7.0 - Nivel Fundamentos TALLERES DE PREPARACIÓN UTN Photoshop 7.0 - Nivel Fundamentos Libro 01 Prof. José Velásquez CONCEPTOS BÁSICOS 1) Mapa de Bits Frente al Vectorial: Es importante conocer la diferencia entre una imagen vectorial

Más detalles