cav-imagen-digital-110603151154-phpapp02.ppt

7/17/2019 cav-imagen-digital-110603151154-phpapp02.ppt

http://slidepdf.com/reader/full/cav-imagen-digital-110603151154-phpapp02ppt 1/32

ImagenImagen DDigitaligitalConceptos BásicosConceptos Básicos



Es una representación visual de un objeto mediante técnicas diferentes de

diseño, fotografía, pintura y video.

> | Qué es una Imagen?



>| Imagen Digital

Consideramos Imágenes Digitales a aquellas obtenidas mediantedispositivos como filmadoras, cámaras, celulares, scanners o generadasdirectamente por ordenadores.



Los mapas de bits (bitmaps ! imágenes rasteri"adas#

$na imagen es un mapa de bits cuando está compuesta por una serie de puntos(tambi%n llamados p&'el, que contienen informaci!n acerca del color. stos puntos o p&'eles que forman la imagen se sit)an en un n)mero determinado, ama*or n)mero de puntos o p&'eles, ma*or calidad de imagen, esto es lo que se

conoce por resoluci!n de imagen. Las imágenes de mapa de bits dependen de la resoluci!n, es decir, contienen unn)mero fi+o de p&'eles. Cada uno de estos p&'eles posee una situaci!n * un valor decolor concreto. Cuando traba+amos sobre un mapa de bits, lo que -acemos enrealidad es traba+ar sobre cada uno de estos puntos. l p&'el es por tanto, dentro dela imagen, la unidad de informaci!n básica. Los p&'eles están colocados de tal

manera que +untos forman una re+illa, cada celda de la re+illa es un p&'el * todos+untos forman la imagen. l modificar esta re+illa, por e+emplo, ampliando sutama/o, cambiamos la distribuci!n, el n)mero * la informaci!n de color decada uno de ellos, por tanto, reali"ar cambios o modificaciones sobre estos p&'elesafecta directamente a la imagen que forman.



El concepto de píxel

$n p&'el es cada uno de los peque/os cuadraditos que componen unaimagen digital. 0odemos -acernos una idea comparando una imagen digitalcon un mural formado por cientos de peque/os mosaicos de colores. Cadauna de esos mosaicos ser&a un p&'el. Cuando nos acercamos al mural vemoscada una de estos mosaicos1 al ale+arnos lo suficiente vemos una imagen

continua, un todo.

>| Imagen Digital



l p&'el es la unidad m&nima de informaci!n de una imagen digital, peroa diferencia de los mosaicos puede tener -asta 23,4 millones de colores *

pesa bastante menos.



>| video 0i'els



>| Formatos de imagen en un sistemade mapa de bits.

- JPG o JPEG: s uno de los formatos más conocidos * utili"adospor su calidad * peso de los arc-ivos.

5 GIF: ste tipo de arc-ivo se cre! con la finalidad de obtenerarc-ivos de tama/o mu* peque/os.s recomendado para guardar imágenes 67 fotográficas talescomo# Logotipos, imágenes de colores planos, dibu+os simples,etc. (8 bits59:3 colores

5 PNG: s un formato gráfico que comprime sin p%rdida de datos *de uso libre. lmacena imágenes con una ma*or profundidad decolor (-asta 9; bits



>| i!erencias" #enta$as % des#enta$as.

Pantalla Impresi&n

.+pg, .gif, .png

.pd!" .s'! stos formatos pueden incluirgráficos de vectores *fuentes editables

.tiff , .psd, .bmp

.eps, .+pg * .png(alta calidad.

stos formatos guardanma*or calidad de imagen perosu peso es considerablementema*or



El (it % el color

Los gráficos de mapa de bits almacenan una completa informaci!n sobre el color decada uno de sus p&'eles constitu*entes. Cuantos más colores pueda tener la imagen,más calidad final tendrá * más informaci!n será necesario almacenar.

<elacionados con el n)mero de colores posibles, sus caracter&sticas * sualmacenamiento encontramos como caracter&stica fundamental la Pro!undidad del

color

) bits

*+ bits



Pro!undidad de color

La profundidad de color de una imagen se refiere al n)mero de coloresdiferentes que puede contener cada uno de los puntos o p&'eles que la forman, *depende de la cantidad de informaci!n (n)mero de bits que puede almacenar unp&'el.



Pro!undidades de color

Cuanto ma*or sea la profundidad de bit en una imagen, ma*or será la cantidad detonos (escala de grises o color que puedan ser representados, más colores -abrádisponibles * más e'acta será la representaci!n del color en la imagen digital. Lasimágenes digitales se pueden producir en blanco * negro, a escala de grises o a color.



,odo:- (itmap * bit (9 tonos blanco o negro por pi'el

- Escala de Grises ) bits (9:3 colores o grises por pi'el

- G( / bits (imagenes en color 23,4 millones de colores por pi'el

5 0,12 3 bits (para impresion



=pg 5 odo <?B 5 8 bits234 @b.

?if 9:3 colores222 @b.

=pg 5 odo scala de ?rises5 8 bits294 @b.



000 o 00I o D0I

Le resoluci!n es la medida detallada * precisa que de una imagen.La escala de resoluci!n se mide en p&'eles por pulgada (000 o D0I o 00I. Cuanto ma*or sea laresoluci!n, más detallada * definida es la imagen. 0or lo tanto más pesada.

4u5 !ormato % resoluci&n utili6ar e acuerdo al uso:

- ise7os en pantalla: Aeb, cds. interactivo o presentaciones multimediales

otos# .+pg o .png?ráficos# ectoriales .sAf o .gif o .png<esoluci!n# 49 o 3 dpi

- ise7os imprimibles: folletos, afic-es impresiones laser, transparencias, etc.

otos# .tiff, .psd, .bmp, .+pg o .png (alta calidad?ráficos# vectores o psd o tiff o pdf <esoluci!n# de 2:E a FEE dpi (dependiendo del tama/o de impresi!n

esoluci&n de una imagen(Importante para el peso de la imagen



Las fotograf&as que se obtienen a partir de las cámaras digitales son mapas de bits, las

imágenes que captura un escáner tambi%n lo son1 en estas imágenes la calidad má'imaque tienen (n)mero de p&'el por unidad de medida, p&'elesGcm.,1 p&'elesGpulgada.viene determinada en el momento de crearlas por lo que no podremos ampliar laresoluci!n o n)mero de p&'eles por unidad posteriormente, es decir, no podremos ampliarsu resoluci!n sin que la imagen se vea afectada, en general deformándose * perdiendonitide", *a que se modifican los p&'eles que las definen.

l intentar ampliar la resoluci!n * el tama/o de la imagen vemos queesta se deforma * pierde nitide". s una imagen de 2:E p'.



Imagen en mu* alta resoluci!n, aunque la imagen se ampl&esigue siendo n&tida * con detalle. s una imagen de FEE p'.



La misma imagen en ba+a resoluci!n, los p&'eles se ven a simplevista * la ampliaci!n de la imagen es confusa.

s una imagen de 49 p'.



l tama/o de los p&'eles determina la cantidad de detalle de la imagen1 las dimensionesde estos p&'eles * el n)mero de ellos es lo que da la calidad final (lta, media ! ba+a.He puede modificar el tama/o de los p&'eles siempre * cuando los redu"camos o -agamosmás peque/os, en este caso la imagen no se verá afectada *a que no estamosmodificando la informaci!n de los mismos, simplemente reducimos su tama/o.



Lo que no me+ora la calidad de la imagen es aumentar el n)mero de p&'eles *a que alaumentar el n)mero total de p&'eles estos deber&an ser inventados, es decir,aumentar la resoluci!n de una imagen de ba+a resoluci!n s!lo e'tiende lainformaci!n de los p&'eles originales a trav%s de un n)mero ma*or de p&'eles peroesto no me+ora la imagen. sto se puede ver fácilmente cuando se imprime laimagen.



$tili"ar una resoluci!n demasiado ba+a para una imagen impresa produceuna pi'elaci!n, p&'eles de gran tama/o con un aspecto mu* desigual en la

impresi!n.

l intentar ampliar la imagen la resoluci!n no me+ora * produce el

efecto de imagen pi'elada.



+emplo de imagen comprimida1 la original pesa 9E4b, se -a ido variando la compresi!n

de la misma -asta llegar a 99.:b, si se observa se puede reducir a)n mas el peso de lafoto, sin embargo la calidad empeora bastante.



oto en .+pg con 49 dpi238 @b.

oto en .+pg con FEE dpi2234 @b. ! 2.2; b

l monitor las va a mostrar similares pero el peso será notoriamente menormientras menos dpi tenga



>| 0onclusi&n *

La para la 8ptimi6aci&n de imágenes para dise/os de pantalla se deberá tener en cuentaLa calidad de la imagen en relaci!n con el menor peso posible para lograr presentacionestractivas * de rápida visuali"aci!n.

Para !otogra!ías:5 formato .+pg o .png5 49 dpi de resoluci!n5 8 bits de profundidad(este formato no soporta más que eso

5 odo <?B

Para logos simples con colores planos#5 formato .gif 5 49 dpi de resoluci!n5 odo Inde'ado



9o!t'ares de tratamiento deimgenes ms utili6ados:

50-otos-op

5ireAors

50icni (editores online

5Hplas-up (editores online



>| Imágenes ;ectoriales



<as imgenes #ectoriales & gr!icos orientados a ob$etos:

Las imágenes vectoriales se constru*en a partir de vectores. Los vectores sonob+etos formados matemáticamente. $n vector se define por una serie de puntosque tienen unas controladores con las que se puede mane+ar la forma de la l&neaque crean al estar unidos entre s&. Los principales elementos de un vector son lascurvas B%i"er (curvas representadas matemáticamente.

stas l&neas o curvas b%i"er son mu* mane+ables *a que permiten muc-asposibilidades por su plasticidad. stas caracter&sticas las convierten en la maneraideal de traba+ar cuando se trata de dise/o gráfico, (como creaci!n de logotipos odibu+os. La versatilidad de las mismas las convierten en una manera mu* )til paratraba+ar tambi%n con te'tos *a que se pueden modificar * deformar sin l&mite, acada letra se le pueden asignar contornos editables además de poder descomponerla misma en varios ob+etos.



Controlador

Imagen vectorial. Curva de B%i"er. La curva queda definida por los nodos opuntos de ancla+e * por los controladores que definen * modelan su forma.0ara modificarlas simplemente -a* que mover las manecillas -asta queconsigamos la curva deseada.



Formatos #ectoriales:

l utili"ar los formatos vectoriales coordenadas matemáticas para formarimágenes concretas, la resoluci!n de las mismas es infinita, es decir, todaimagen vectorial se puede escalar ampliando o reduciendo sin que la visibilidadde la misma se vea afectada, ni en pantalla ni a la -ora de imprimir.



La imagen vectorial nos permite crear contornos de l&nea variada * definir elcolor de las formas que %stas crean. La forma se puede controlar de manera

mu* precisa * cada ob+eto se puede mane+ar de forma independiente al resto*a que esta construido con una f!rmula matemática propia.

Dibu+o original * ampliado del relo+ sin que por ello se produ"ca niperdida de color ni de forma



Formatos de Imgenes ;ectoriales:

50- 0orel ra': s el formato del programa que lo genera. Los gráficos que reali"amos con CorelDraA son vectoriales * están compuestos por l&neas * planos que se sit)an en unascoordenadas concretas en la página.

5=I - =dobe Ilustrator#

Hus caracter&sticas en la forma de construir gráficas son iguales a las del 0rogramaCorel DraA.

5EP9 - Encapsulated Postscript:

l 0H es uno de los me+ores formatos para ser importados desde la ma*or&a desoftAare de dise/o. s un formato mu* adaptable *a que podemos utili"arloigualmente para imagen vectorial como mapa de bits.

5 F<= % 9F:

'tensiones generadas por el softAare las-. 7ptimo para animaciones de ba+opeso



>| ;ideo:

Principios bsicos de la !otogra!ía

cav-imagen-digital-110603151154-phpapp02.ppt

Documents