ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "ELEMENTOS DEL DISEÑO GRÁFICO IMAGEN DIGITAL"

Transcripción

1 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 objeto mediante técnicas diferentes de diseño, fotografía, pintura y video. Son aquellas obtenidas mediante dispositivos como filmadoras, cámaras, celulares, scanners o generadas directamente por ordenadores. Pág: 2 1

2 Vectores y mapa de bits: Las imágenes digitales pueden dividirse en dos grandes grupos:» Vectores» Mapas de bits Si bien muchas imágenes pueden representarse de ambas maneras, será nuestro deber decidir cuál se adapta mejor a nuestras exigencias. Pág: 3 Imagen en vectores: Se compone de objetos rectas, curvas, círculos, rectángulos, texto, etc. los cuales a su vez están compuestos por una escasa cantidad de puntos (vértices) unidos entre sí por segmentos. Estos segmentos pueden ser rectos o curvos, y dicha curvatura es controlada por unos manejadores denominados tangentes. Ideal para crear y manipular imágenes de gran tamaño. La posibilidad de cambiar fácilmente de lugar los elementos que componen la imagen (tarea ardua en una imagen de mapa de bits). Pág: 4 2

3 Imagen en mapa de bits: Una imagen en mapa de bits es una estructura de datos que se representa mediante una rejilla rectangular de píxeles de color. Un píxel es cada uno de los pequeños cuadraditos que componen una imagen digital. Podemos compararla con un mural de pequeños mosaicos de colores. Cuando nos acercamos al mural vemos cada mosaico; al alejarnos lo suficiente vemos una imagen continua, un todo. Pág: 5 Características: A las imágenes de mapa de bits o rasterizadas se las caracteriza por:» su tamaño: altura y anchura (en pixels px) Ej: 500x170px» su profundidad de color (en bits por pixel bpp), que determina el número de colores distintos (escala de colores) que se pueden almacenar en cada pixel, dando la calidad del color de la imagen.» Pág: 6 3

4 Características: Profundidad de color Las profundidades de color más destacadas son:» Bitmap 1 bit (2 tonos blanco y negro) por pixel.» Escala de grises 8 bits (256 colores o grises) por pixel.» RGB 24 bits (imágenes en color 16,7 millones de colores) por pixel. Son 3 canales de 8 bits cada uno, correspondientes a los 3 colores primarios de la luz: Rojo (Red), Verde (Green) y Azul (Blue).» CMYK 32 bits. Son 4 canales de 8 bits cada uno: Cyan, Magenta, Amarillo (Yellow) y Negro (Black). La letra K define el color negro para que no haya confusión con el azul. Modo utilizado en gráfica impresa. Pág: 7 Características: Tamaño y resolución Llamaremos tamaño a la cantidad de píxeles que componen una imagen. Se mide de 2 maneras:» a) mencionando los pixeles en lo ancho y alto. Ej: 1600x1200px» b) o la cantidad total de pixeles. Ej: 1600x1200 = px, es decir 1,92 megapíxeles. Cuando hablamos de resolución en una imagen nos referimos al tamaño con el que se representará cada uno de sus pixeles, y por consiguientelacalidadque calidad tendrá. Semideenpíxelespor en por pulgada (ppi). En un monitor está establecida una resolución de 72 o 96dpi. Pág: 8 4

5 Características: Alisado Más conocido como anti aliasing, se encarga de reducir el efecto dentado que provocan los pixeles al describir curvas o diagonales. La técnica consiste en generar pixeles de valores intermedios; así si tenemos un círculo negro sobre un fondo blanco, el software generará distintos tonos de grises en los pixeles que unen ambos elementos. Pág: 9 Formatos y compresión: JPG GIF PNG Número de colores: 24 bits (8 bits por canal). Muy alto grado de compresión. Archivo liviano para web. Formato de compresión con pérdida de calidad. No permite transparencia. No permite animación. Uso recomendado: fotografías Colores indexados de 2 hasta 256 colores. Formato de compresión sin pérdida de calidad. Archivo liviano para web. Carga progresiva. Permite transparencia sin alisado. Permite animación simple. Uso recomendado: logotipos o imágenes de colores plenos. Colores indexados hasta 256 colores y no indexado hasta 48 bits por píxel. Formato de compresión sin pérdida de calidad. Archivo medianamente pesado para web. Mayor grado de compresión que formato GIF (+10%). Permite transparencia variable con alisado. No permite animación. Uso recomendado: fotografías de alta calidad. Pág: 10 5

6 Qué formato y resolución utilizar según el uso: Diseños en pantalla: web, cds. interactivo o presentaciones multimediales» Fotos:.jpg o.png» Gráficos:.gif,.png,.pdf,.swf o.svg» Resolución: 72 o 96 dpi Fotografías: formato.jpg o.png 72 dpi de resolución 8 bits de profundidad Modo RGB Logos simples con colores planos: formato.gif 72 dpi de resolución Modo Indexado Pág: 11 Referencias: libros y links» imagen digital» Técnicas de optimización imagen jpeg optimization optimization techniques/ png optimizationtechniques/ designers guide to png imageformat/ Pág: 12 6

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

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

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

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

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

Mapa de bits. 2 La imagen. Programa de Formación y Actualización Docente 2014-B Diseño básico en Corel Draw Actividad 2

Mapa de bits. 2 La imagen. Programa de Formación y Actualización Docente 2014-B Diseño básico en Corel Draw Actividad 2 2 La imagen Mapa de bits Las imágenes de mapa de bits están compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Los píxeles son los

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

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

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

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

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

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

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

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

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

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

CAPACIDADES DEL ÁREA DISEÑO GRÁFICO

CAPACIDADES DEL ÁREA DISEÑO GRÁFICO CAPACIDADES DEL ÁREA Conocimiento y manejo de la información Aplicación de la Tecnología DESTREZAS Identificar Relacionar Observar Aplicar DISEÑO GRÁFICO Podemos definir el diseño gráfico como el proceso

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

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

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

Esta sesión pretende dar una visión general de los conceptos básicos relacionados con la fotografía digital y el tratamiento de imágenes.

Esta sesión pretende dar una visión general de los conceptos básicos relacionados con la fotografía digital y el tratamiento de imágenes. Indice - Introducción - Estructura de la Imagen Digital - La Cámara Digital - Uso de imágenes digitales ( Captura, Visualización e Impresión) - Tratamiento y Retoque - Conclusiones Esta sesión pretende

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

GIMP, APLICACIONES DIDÁCTICAS

GIMP, APLICACIONES DIDÁCTICAS MINISTERIO DE EDUCACIÓN Y CIENCIA SECRETARÍA GENERAL DE EDUCACIÓN DIRECCIÓN GENERAL DE EDUCACIÓN, FORMACIÓN PROFESIONAL E INNOVACIÓN EDUCATIVA CENTRO NACIONAL DE INFORMACIÓN Y COMUNICACIÓN EDUCATIVA GIMP,

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

Manuales de imagen. corporativa

Manuales de imagen. corporativa Manuales de imagen corporativa No importa si es impreso o en pantalla, es preferible usar la versión en colores todas las veces que sea posible. La versión en color puede ser impresa en litográfico, en

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

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

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 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 Clase 3 y 4:Introducción a gráficos por computadora: gráficos de vector y gráficos bitmaps. Combinando vectores y bitmaps.

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

FUNDAMENTOS DE LA IMAGEN DIGITAL

FUNDAMENTOS DE LA IMAGEN DIGITAL FUNDAMENTOS DE LA IMAGEN DIGITAL Autores Fundamento teórico y selección de contenidos: Lic. Mª Pilar Barbeira Tutoriales y videotutoriales: Rossana Marqués Carlos Javier Acuña Lic. Mª Pilar Barbeira Colaboradores

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

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

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

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

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

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

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

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

Ministerio de Educación. GIMP, aplicaciones didácticas. Iniciación Módulo 2: Características de la imagen digital

Ministerio de Educación. GIMP, aplicaciones didácticas. Iniciación Módulo 2: Características de la imagen digital Ministerio de Educación GIMP, aplicaciones didácticas. Iniciación Módulo 2: Características de la imagen digital Instituto de Tecnologías Educativas 2011 1 Imagen digital Estamos trabajando con un programa

Más detalles

4.1. Modificar el tamaño de una imagen.

4.1. Modificar el tamaño de una imagen. 4.1. Modificar el tamaño de una imagen. La imagen perderá calidad: Aumento el tamaño: el programa se inventa puntos. Reduzco el tamaño: el programa elimina puntos de la imagen. En GIMP seleccionamos la

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

Preparación y envío de imágenes digitales a una publicación científica. Digital Image Preparation for Submission to a Scientific Publication

Preparación y envío de imágenes digitales a una publicación científica. Digital Image Preparation for Submission to a Scientific Publication Fecha de recepción: 9 de septiembre de 2009 Fecha de aceptación: 2 de diciembre de 2009 Dominguezia - Vol. 26(1) - 2010 Preparación y envío de imágenes digitales a una publicación científica Digital Image

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

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

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

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

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

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

SEO POSICIONAMIENTO WEB

SEO POSICIONAMIENTO WEB SEO POSICIONAMIENTO WEB Qué es SEO? Acrónimo de SEARCH ENGINE OPTIMIZATION Consiste en una serie de técnicas y estrategias a considerar en la estructuración de un sitio Web para ayudar a obtener un mejor

Más detalles

2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO

2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO 2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO 18 Introducción Hasta ahora hemos visto como abrir una imagen para tratarla en Photoshop CS3, y a guardarla en cualquiera de los estados en los que se encuentre en

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

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

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

Modo del color, Ajustes, Duplicar y Aplicar imagen, Calcular, Tamaño de imagen, Tamaño de lienzo, Rotar lienzo, Separar, Histograma, Reventar

Modo del color, Ajustes, Duplicar y Aplicar imagen, Calcular, Tamaño de imagen, Tamaño de lienzo, Rotar lienzo, Separar, Histograma, Reventar Menú Imagen Modo del color, Ajustes, Duplicar y Aplicar imagen, Calcular, Tamaño de imagen, Tamaño de lienzo, Rotar lienzo, Separar, Histograma, Reventar Menú Imagen En este menú se puede manipular los

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

Tipografía, color e imágenes. [12.1] Cómo estudiar este tema? [12.3] El color aditivo y el color sustractivo

Tipografía, color e imágenes. [12.1] Cómo estudiar este tema? [12.3] El color aditivo y el color sustractivo Tipografía, color e imágenes [12.1] Cómo estudiar este tema? [12.2] Tipos y fuentes [12.3] El color aditivo y el color sustractivo [12.4] El sistema pantone [12.5] Creación, edición y obtención de imágenes

Más detalles

El curso ideal para estudiantes, diseñadores, artistas, fotógrafos y todo profesional involucrado en ambientes de comunicación gráfica que busque

El curso ideal para estudiantes, diseñadores, artistas, fotógrafos y todo profesional involucrado en ambientes de comunicación gráfica que busque 1 El curso ideal para estudiantes, diseñadores, artistas, fotógrafos y todo profesional involucrado en ambientes de comunicación gráfica que busque acrecentar sus habilidades con los programas de última

Más detalles

Imágenes y gráficos. Imágenes. Gráficos.

Imágenes y gráficos. Imágenes. Gráficos. Imágenes y gráficos Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir por

Más detalles

Bienvenido a 1000creativos

Bienvenido a 1000creativos Bienvenido a 1000creativos Manual para Logotipos. Parte de esta información seguramente tú ya la conoces, pero debes asegurarte que tus diseños cumplan todos los requerimientos para evitar que sean descalificados.

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

ESDi Escola Superior de Disseny Marquès de Comillas, 79-83 Sabadell 08202 [Barcelona] Tel. 93 727 48 19 Fax 93 727 42 49 www.esdi.

ESDi Escola Superior de Disseny Marquès de Comillas, 79-83 Sabadell 08202 [Barcelona] Tel. 93 727 48 19 Fax 93 727 42 49 www.esdi. ESDi Escola Superior de Disseny Marquès de Comillas, 79-83 Sabadell 08202 [Barcelona] Tel. 93 727 48 19 Fax 93 727 42 49 www.esdi.es 1. TEORÍA DE LA IMAGEN DIGITAL Y SU TRATAMIENTO. 1. 1 Sistemas operativos

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

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

LA IMAGEN DIGITAL PRÁCTICAS CON GIMP

LA IMAGEN DIGITAL PRÁCTICAS CON GIMP Tema 6 LA IMAGEN DIGITAL ÍNDICE 1. Imagen analógica e imagen digital 2. Obtención de la imagen digital 3. Tipos de imágenes digitales: imágenes vectoriales e imágenes de mapas de bits. 4. Imágenes de mapa

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

Herramientas de Mapa de Bits

Herramientas de Mapa de Bits Herramientas de Mapa de Bits SESIÓN 2 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión estará en capacidad de: Explicar las diferentes herramientas de mapas de bits para poder elaborar

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

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

Manual de marca MDGF

Manual de marca MDGF Manual de marca para los Programas Conjuntos para el cumplimiento de los Objetivos de Desarrollo del Milenio El Manual de Marca tiene como objetivo formar la imagen visual de los Programas Conjuntos de

Más detalles

Profundidad tonal. Es el número de grises que tiene una imagen entre la densidad máxima y la densidad mínima.

Profundidad tonal. Es el número de grises que tiene una imagen entre la densidad máxima y la densidad mínima. Profundidad tonal Profundidad tonal Es el número de grises que tiene una imagen entre la densidad máxima y la densidad mínima. En una imagen digital la mínima unidad de información espacial es el píxel.

Más detalles

FOTOGRAFÍA DIGITAL. 1. Introducción... pág. 02. 2. Imagen digital; resolución, modos de color y canales... pág. 03. 3. Tipos de archivos... pág.

FOTOGRAFÍA DIGITAL. 1. Introducción... pág. 02. 2. Imagen digital; resolución, modos de color y canales... pág. 03. 3. Tipos de archivos... pág. FOTOGRAFÍA DIGITAL ÍNDICE: 1. Introducción... pág. 02 2. Imagen digital; resolución, modos de color y canales... pág. 03 3. Tipos de archivos... pág. 08 4. Tipos de cámaras digitales... pág. 10 5. Preparar

Más detalles

Curso de Adobe Illustrator CS4

Curso de Adobe Illustrator CS4 Curso de Adobe Illustrator CS4 El objetivo de este curso es proveer a los alumnos con poco o ningún conocimiento, la habilidad necesaria para trabajar con las herramientas precisas y poder crear gráficos,

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

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

Capitulo 3: Color, aplicación en Illustrator

Capitulo 3: Color, aplicación en Illustrator Capitulo 3: Color, aplicación en Illustrator La aplicación de colores a las ilustraciones es una tarea habitual en Adobe Illustrator, que requiere un cierto grado de conocimiento sobre los modos y los

Más detalles

Identidad corporativa y plan de comunicación de los GAC

Identidad corporativa y plan de comunicación de los GAC Identidad corporativa y plan de comunicación de los GAC A. INTRODUCCIÓN B: IDENTIDAD CORPORATIVA Y REGLAMENTOS DE PUBLICIDAD 1. Identidad corporativa o imagen corporativa? 2. Otros conceptos 3. La identidad

Más detalles

Tema 2. Principios de la Digitalización

Tema 2. Principios de la Digitalización Tema 2 REPRESENTACIÓN DE LA INFORMACIÓN MULTIMEDIA Principios de la Digitalización Propiedades de una señal analógica Análisis de Fourier El ancho de banda (bandwidth ) es la frecuencia máxima menos la

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

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

Dibujo por Computadora

Dibujo por Computadora Bloque Básico Compilador: Lic. Dalia Álvarez Juárez Licenciatura en Diseño Gráfico CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR Índice Índice 1 Introducción 3 Objetivo general 4

Más detalles

Píxel. Un píxel ( picture element ) es la menor unidad homogénea en color que forma parte de una. fotograma de video, gráfico)

Píxel. Un píxel ( picture element ) es la menor unidad homogénea en color que forma parte de una. fotograma de video, gráfico) La imagen digital Esta formada por una secuencia de ceros y unos que se almacenan en una memoria informática. Cuando es interpretada (leída), los ordenadores la transforman en una imagen visible a través

Más detalles

Unidad 1. La información

Unidad 1. La información Unidad 1. La información En esta unidad aprenderás: Los conceptos básicos de la informática. Cómo se representa la información dentro del ordenador. Las unidades de información. 1.1 Conceptos básicos Informática.

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

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

Curso de tratamiento de imágenes con Gimp 2

Curso de tratamiento de imágenes con Gimp 2 Curso de tratamiento de imágenes con Gimp 2 Marcelino Marcos Carrasco Curso 2008/09 Índice: Pág 1- Formatos de imágenes... 3 2- Introducción al Gimp.... 11 3- Gimp: Herramientas de selección.... 13 4-

Más detalles

DISEÑO GRAFICO. Pagina 1

DISEÑO GRAFICO. Pagina 1 Pagina 1 DISEÑO GRAFICO INDICE COREL DRAW... 3 Menú Archivo... 5 Menú edición... 6 Menú ver... 6 GUÍAS... 7 TAMAÑO DE PAPEL EN LA IMPRENTA... 7 TIPOS DE PAPEL... 7 CONVERTIR TEXTO A CURVAS... 7 CÍCULO

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

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

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

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

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp).

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Aplicación Paint Generalidades Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Para ejecutar la aplicación Paint se debe seleccionar

Más detalles

Unidad 2: Imagen digital. Tratamiento de la imagen

Unidad 2: Imagen digital. Tratamiento de la imagen Unidad 2: Imagen digital. Tratamiento de la imagen 1 Qué es la imagen digital? Una imagen digital es, básicamente, un tipo de imagen que puede ser manipulada mediante un equipo informático. Tienen las

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

Imagen digital. Las imágenes digitales pueden vectoriales (con el aspecto de un dibujo) o rasterizadas (fotografía típica)

Imagen digital. Las imágenes digitales pueden vectoriales (con el aspecto de un dibujo) o rasterizadas (fotografía típica) Imagen digital La imagen digital En la fotografía tradicional, al revelarse la película obtenemos una imagen impresa sobre papel fotográfico. En cambio con la imagen digital tenemos un archivo informático.

Más detalles

Tecnología Multimedia

Tecnología Multimedia Tecnología Multimedia Profesor Coordinador: Manuel Castro Antonio Colmenar, UNED Profesores de la asignatura: Manuel Castro, UNED Imágenes Índice Captura de imágenes digitales... 3 Cámaras digitales fotográficas...

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

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

TECNO2 año O7. Color Digital. Tratamiento Digital del Color. Problemas para la cuantificación del color. Modelos y sistemas de color

TECNO2 año O7. Color Digital. Tratamiento Digital del Color. Problemas para la cuantificación del color. Modelos y sistemas de color año O7 Color Digital links www.fotonostra.com/grafico/profundidadbit.htm http://www.apple.com/es/pro/ Bibliografía Harald Küppers: Fundamentos de la teoría de los colores. Agfa: Introducción a la digitalización.

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