Introducci - PowerPoint PPT Presentation

Loading...

PPT – Introducci PowerPoint presentation | free to download - id: 79c1bd-YzI2O



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Introducci

Description:

Introducci n al dise o gr fico Tipos de im genes Obtenci n de im genes Formatos gr ficos Introducci n al dise o gr fico Tipos de im genes Clasificaci n ... – PowerPoint PPT presentation

Number of Views:2
Avg rating:3.0/5.0
Date added: 15 March 2019
Slides: 12
Provided by: JosMa49
Learn more at: http://www.lsi.us.es
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Introducci


1
Introducción al diseño gráfico
  • Tipos de imágenes
  • Obtención de imágenes
  • Formatos gráficos

2
Introducción al diseño gráfico
  • Tipos de imágenes
  • Clasificación
  • Imágenes vectoriales
  • Imágenes de mapa de bits (raster)

3
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes vectoriales
  • Son imágenes revisables porque su formato
    contiene información estructural. El contenido
    semántico de la imagen está preservado en su
    representación
  • Pueden ser creadas por personas utilizando
    editores gráficos o generadas mediante programas
  • Están formadas por objetos tales como líneas,
    curvas o círculos. Estos objetos se pueden
    manipular (borrar, mover, añadir, etc.) y tienen
    unos atributos (grosor, color, patrón de relleno,
    etc.)

4
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes de mapa de bits (raster)
  • Son imágenes no revisables porque su formato no
    contiene información estructural
  • Se pueden obtener del mundo real mediante
    escaneado, revelado fotográfico en CD-ROM o
    captura mediante cámara fotográfica digital
  • También pueden ser generadas por ordenador son
    las imágenes sintetizadas, creadas mediante
    programas de dibujo, capturas de pantalla,
    conversión de gráficos a bitmaps o salida de un
    programa
  • Se pueden manipular mediante editores que
    permiten modificarlas (con herramientas mas o
    menos complejas), pero no revisarlas, ya que no
    es posible acceder al contenido semántico de la
    imagen
  • Pueden ser procesadas mediante diversos
    algoritmos para obtener una gran variedad de
    efectos especiales (filtrado, brillo, contraste,
    difuminado, etc.). Estos algoritmos operan
    normalmente sobre puntos individuales de la imagen

5
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes de mapa de bits
  • Se representan mediante mapas de bits (bitmaps),
    que son matrices bidimensionales de puntos
    denominados píxeles
  • Cada píxel es un punto de la imagen y su mayor o
    menor número determina la resolución de la imagen

0
0
0
0
0
0
0
1
1
1
0
0
1
1
1
0
0
0
1
1
0
0
0
0
0
6
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes de mapa de bits
  • Cada píxel tiene un valor asociado que se
    codifica en binario. El número de bits utilizados
    para codificar este valor se denomina profundidad
    de color de la imagen
  • Profundidades habituales son 1 bit (imágenes en
    blanco y negro), 2, 4, 8, 12, 16 o 24 (color
    verdadero) o 32 (con canal alfa)
  • El valor puede representar un color o un nivel de
    gris en imágenes monocromáticas

7
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes de mapa de bits
  • Cada imagen tiene asociada una paleta de colores,
    que es una tabla de colores
  • El uso de la paleta de colores permite un ahorro
    de memoria el valor de un píxel de la imagen es
    un índice sobre la tabla de colores. Como
    ejemplo, con 8 bits por píxel se tiene una paleta
    de 256 colores o tonos de gris

0
0
0
0
0
0
0
0
1
1
2
1
0
0
1
3
2
2
0
0
0
2
3
3
0
0
0
0
0
8
Introducción al diseño gráfico
  • Tipos de imágenes
  • Imágenes de mapa de bits
  • Cada imagen tiene asociada una paleta de colores,
    que es una tabla de colores
  • El uso de la paleta de colores permite un ahorro
    de memoria el valor de un píxel de la imagen es
    un índice sobre la tabla de colores. Como
    ejemplo, con 8 bits por píxel se tiene una paleta
    de 256 colores o tonos de gris

0
0
0
0
0
0
0
0
1
1
2
1
0
0
1
3
2
2
0
0
0
2
3
3
0
0
0
0
0
9
Introducción al diseño gráfico
  • Tipos de imágenes
  • Diferencias entre imágenes vectoriales y de mapa
    de bits
  • Los mapas de bits requieren una capacidad de
    almacenamiento muy superior a la de las imágenes
    vectoriales
  • Es fundamental el uso de técnicas de compresión,
    que pueden ser con o sin pérdida
  • La potencia computacional necesaria para
    visualizar un mapa de bits es menor que la
    necesaria para visualizar una imagen vectorial de
    una complejidad similar, ya que el formato
    vectorial contiene una descripción abstracta que
    ha de ser interpretada antes de poder ser
    representada

10
Introducción al diseño gráfico
  • Obtención de imágenes
  • Las imágenes de mapa de bits se suelen obtener de
    dos formas
  • Digitalización mediante un escáner de un original
    en papel
  • Captura mediante una cámara digital
  • En ambos casos se deben fijar unos parámetros que
    condicionan las características de la imagen
    resultante, como
  • Resolución de la imagen, medida en número de
    puntos por pulgada
  • Profundidad de color
  • La elección de los parámetros depende del destino
    de la imagen, que puede ser
  • La pantalla del ordenador (menor resolución)
  • El papel impreso (mayor resolución)

11
Introducción al diseño gráfico
  • Formatos gráficos
  • Imágenes vectoriales
  • Existen diversos formatos gráficos, como el
    PHIGS, GKS, WMF, WPG, CDR, PNG, etc.
  • Algunos son formatos estándar y otros son
    propietarios
  • Entre los editores gráficos más conocidos están
    CorelDraw y FreeHand
  • Imágenes de mapa de bits
  • Como ejemplo de formatos se pueden citar GIF,
    TIFF, BMP o JPG
  • La información contenida en el fichero es
  • tamaño de la imagen
  • número de bits por píxel
  • paleta de colores
  • método de compresión utilizado
  • valor del color para cada píxel de la imagen
About PowerShow.com