Tecnología Informática      Tecnología de la ESO About

Diseño gráfico con el PC

imagen vectorial versus puntos

 

Mapas de Puntos y dibujo vectorial

Todos sabemos que, entre otras cosas, el ordenador nos permite hacer dibujos mas o menos sofisticados, pero utilizan todos las mismas técnicas. Si tenemos un programa de mapa de puntos  podemos hacer una figura ( por ejemplo una circunferencia ) sin más problema que colocar un punto al lado del otro de forma que la distancia al centro sea mas o menos igual.

 Si tenemos un programa de diseño vectorial, la cosa cambia, porque lo que nos solicita el programa es el centro de la circunferencia y el radio, trazando de forma automática la circunferencia ¿ Que pasa si queremos ampliar la imagen con el zoom ?.

 Como se muestra en la figura de la izquierda, la A trazada con mapas de puntos ( A de la derecha ) empieza a mostrar los pixels que componen la imagen.

Sin embargo, la imagen vectorial ( A de la izquierda ) no muestra este error Existe otra enorme ventaja. Si queremos una figura, ejemplo un muñeco, y lo hacemos con un programa de puntos ( ejemplo el GIMP o Photoshop ) al ampliar la imagen vamos a tener el muñeco con el contorno marcado por los pixels.

Esto no queda muy bien. Acércate a la TV de tu casa y observa como se ven las imágenes si te acercas mucho.

 En el caso de los programas vectoriales, la cosa cambia. Si queremos ampliar el muñeco, al estar formado por fórmulas matemáticas ( la circunferencia por el centro mas radio , la línea por el punto inicial y final, etc ) , las fórmulas tan solo se van a amoldar a lo que solicitamos, o sea Si ampliamos al 100 %, el programa sabe que la cabeza que antes tenía, por ejemplo,  un radio de 2 cm debe pasar a un radio de 4 cm. Una vez cambiado el radio se vuelve a trazar la circunferencia perfecta.

 De esta forma se hace con todas las figuras geométricas que conforman el muñeco. A esto se le dice que son ESCALABLES, es decir, que pueden aumentar o reducirse sin pérdida de calidad.

Se define píxel como un punto de una imagen digital.

   

Una vez realizado el dibujo, hay que guardarlo como un archivo cuyas letras después del punto nos dirán que tipo de archivo es, por ejemplo

 

figura.png, figura.jpg  o figura.gif son archivos de tipo mapa de puntos figura.svg es un archivo de tipo vectorial  

 

El tamaño del archivo va a depender de

 

Cuando usar uno u otro tipo

Un poquito de calidad, por favor

 

En una imagen de mapas de puntos los dos factores que influyen  en la calidad son la profundidad del color  y la resolución Se define resolución  como  el número de puntos por pulgadas ( de forma abreviada ppp) que representa la imagen.

 Esto es lo mismo que decir cuantos  pixels (  1540, 300, 600 , 72 .. ) hay en una  pulgada. Recordemos que la pulgada equivale a 2,54 cm.

 detalles de camara digitalEn el caso de la  resolución de cámaras digitales, para obtener la resolución se multiplica los pixels de ancho x  los pixels de alto. Si nuestra cámara puede obtener 2000 x 1500 , nos da una resolución de 3 megapixels.

Si después tenemos que sacar la foto en papel, necesitamos saber que  resolución de impresión tiene nuestra impresora, es decir, los puntos por pulgada (ppp)  que se puede imprimir la foto digital.

Se considera que  a partir de  200 ppp ( 200 pixels  en 2,54 cm ) la resolución de impresión es buena. ¿ Que papel máximo podemos usar ?. O sea, si quiero sacar la foto con la calidad de la cámara,  ¿ qué formato máximo puedo tener ?.

 Para ellos se dividir el ancho de esa imagen ( 2000  en nuestro caso entre la resolución de impresión 200, 2000/200 = 10 pulgadas).

O sea que mas de 25,4 cm no podemos emplear para no perder calidad. Si se emplean mayores, la calidad se verá perjudicada.

 Las cámaras profesionales utilizan dispositivos que son capaces de obtener imágenes con una resolución altísima, de forma que luego podemos tener esas fotos en formatos de papel grandes con la máxima calidad.

En la cámara de arriba tenemos como elementos más importantes el objetivo, encargado de "recoger la luz " de la mejor manera posible.

 Puede ser un gran angular, uno para toma de imágenes lejanas, etc. 

 El Obturador es un dispositivo mecánico encargado de pasar la luz al sensor. Es muy rápido para que la fotografía no salga borrosa. El sensor y el procesador son los componentes electrónicos fundamentales.

 El primero transforma la luz en señales eléctricas y el segundo transforma esas señales eléctricas  en el archivo de la imagen , que será grabado en la memoria de la cámara. profundidad de colorLa profundidad del color nos indica  el número de colores que tenemos.

 Como es natural, a mayor número de colores mejor  se muestra  la imagen  y más parecida es a la realidad. Para definirlo se usan los bits ( 0 y 1 del lenguaje digital ) imagen con 0 y 1Para una  profundidad de  un bit tendremos  dos colores (negro si el bit es 0 y blanco si es 1 ).

Si tenemos dos bits, las combinaciones posibles son 00, 01, 10 y 11, por tanto solo 4 colores  ( esto no se usa y se indica solo como ejemplo ) Para 8 bit, o lo que es lo mismo un Byte, tenemos 2 elevado a 8 combinaciones, que hacen un total de  256 colores Si usamos  24 bits ( o sea 3 bytes, uno para cada color básico )  obtendremos mas de 16 millones de colores.

Para obtener el número de colores posible en base a la profundidad de color, empleamos la fórmula Nº de colores = 2 elevado a la profundidad   Los archivos de  mayor de colores ( profundidad ) y un numero mayor de pixel tendrán un  tamaño mayor. Ya sabemos  que a mas puntos por pulgadas mejor se verá la imagen y si además cada punto tiene una buena profundidad de color, más calidad vamos a tener, pero todo ello va a suponer que el archivo va a "pesar" mas.

Ya vimos que un Byte son el conjunto de 8 bits. ( con un byte se puede representar cualquier símbolo del teclado ) Puede ser que la letra a esté representado por el 10010011  o sea empleamos 8 bits En el caso de la fotografía, el tamaño se suele medir en bytes y no en bits.

 Como el número de bits que emplea una foto será el número de puntos que tiene multiplicado por los bits que tiene cada punto ( profundidad de color ), tenemos que

calculo peso de un fichero grafico

Archivos gráficos más comunes

 

Uno de los errores más comunes es intentar abrir un archivo con aplicaciones que no son las adecuadas, por ejemplo, intenta abrir un archivo doc  con GIMP.

 

Es  vital para nuestro trabajo  conocer el formato del archivo de imagen si es que la vamos a poner en Internet, ya que  muchos navegadores solo reconocen ciertos  formatos como son jpg o png.

 Otros como el tif , son  muy buenos para almacenar imágenes con alta calidad y son usados para impresión, pero no se ven en el navegador.

 En la tabla de abajo se muestran los mas importantes aunque algunos de ellos, como el SVG son creados por aplicaciones específicas ( inkscape ). Los demás pueden ser creados por muchos programas de diseño gráfico

 extensión del    archivo

* Tipo

visible para navegación

comprimido

png MP Si Si
bmp MP SI Si
gif MP SI Si
SVG V SI Si
jpg MP SI SI
pato donall

Existen muchos otros, pero solo nos vamos a centrar en los más importantes con aplicación en nuestras actividades de 3º ESO manejando las aplicaciones que tenemos en el aula A la izquierda un archivo gif, tipo de archivo que permite la animación

Tipo: V es vectorial y MP es del tipo Mapa de puntos

 Compresión de archivos digitales:

 

Si el destino de la imagen es mostrarla en Internet y la Web tiene muchas imágenes puede ocurrir que la página tarde en cargarse y por ello, algunos formatos llevan asociados sistemas de compresión. También ocurre con  archivos gráficos  al emplear la  cámara de fotos digital, permitiendo  mas fotos en la tarjeta de memoria.

 Básicamente existen dos sistemas: * Sin perdida de calidad: Gracias al empleo de fórmulas matemáticas aplicadas a las imágenes, son comprimidas sin perdida de  calidad al reconstruirla. Ejemplo de ellos son  los archivos gif. * Con perdida de calidad: En este caso se eliminan  líneas de la imagen.

 El  porcentaje  de compresión determina el número de líneas perdidas, que no llegan a recuperarse al reconstruir la imagen en el ordenador. Se  usan  en los archivos jpg. Creación de imágenes digitales Vamos a ponernos manos a la obra y la mejor forma de ver este apartado es realizar un muñeco con uno de los programas de Open office, llamado Draw En Draw, las imágenes se realizan basándose en  formas básicas  y  se van uniendo y agrupando para  conseguir otras mas complejas. Actividad en grupo en dos Abre el programa Draw y realiza un muñeco que tenga el mayor número de detalles posible. El mejor de la clase se expondrá en esta web además de tener un punto extra.

Retoque fotográfico

  logo de gimp

Cuantas veces hemos oído hablar de que la imagen está retocada en esta o aquella persona famosa. Siempre nos referimos a photoshop pero si tenemos en cuenta que una licencia de este programa cuesta mas que el pc que usamos, alternativas como GIMP son especialmente agradecidas.

 A la izquierda tenemos un logo de este programa que es muy utilizado en la asignatura de Informática de 4º eso Con el mismo podemos hacer muchas actividades manejando imágenes de puntos. El objetivo de este apartado es tan solo presentarlo e invitaros a que lo descargues desde la página oficial y retoquemos algunas de las imágenes que más os guste.

 

Actividades 1º Sobre una imagen de Internet, aplicar alguno de los filtros del programa 2º Toma otra imagen de la Web y manipula los colores 3º Intenta cambiar el color de los ojos a algún personaje

 

CAD CAM  y CAE 1º CAD son las siglas de Computer Aided Design  o como Diseño asistido por ordenador. Su función es realizar diseños de piezas  para su aplicación en la industria. La 2º parte son los llamados CAM  ( Computer Aided Manufacturing ) o sea fabricación asistida por el ordenador. Existen máquinas de control numérico diseñadas para fabricar piezas , usando los programas CAM y sin la intervención de un operativo ( excepto en el uso del programa. Por tanto, se diseña, se pasa al programa CAM y este pone en marcha la máquina para que nos fabrique lo que hemos diseñado Hay programas como QCad que  hace las dos tareas a la vez,  

ejemplo de imagen realizada con CAD

Si lo que queremos es simular como se puede comportar una pieza que hemos diseñado sin gastar nada de material, usamos los programas CAE, que quieren decir Computer Aided Engineering , o en Castellano Ingeniería asistida por ordenador.

 

Este tipo de programa permiten estimar cómo  puede  comportarse la pieza en aspectos  como deformaciones , resistencias mecánicas, comportamiento térmicos, vibraciones, etc   sin la necesidad de fabricarlo. A la izquierda se representa una pieza por el que circula un fluido . Las líneas de colores indican la temperatura de las paredes de la pieza.

Si se detecta un punto muy caliente ( rojo ) puede representar un punto débil en la pieza y seguramente todas se "vayan por ahí ". Para finalizar, realizar las actividades de Informática

 

Diseño PCB

Tecnología de  la ESO . Ies Mare Nostrum. Málaga