TIPOS DE IMAGEN Y ARCHIVOS

Daniela Henao RuedaMedia técnica

OBJETIVOS 1. Analizar el mercado identificando

las tendencias del sector de las artes gráficas y sus efectos ambientales dentro del proceso de producción.

2. Realizar informe investigativo sobre los tipos de materiales o actores de la cadena gráfica que generan menor impacto ambiental

RESULTADOS DE APRENDIZAJE

Desarrollar procesos comunicativos eficaces y asertivos dentro de criterio de racionalidad que posibiliten la convivencia, el establecimiento de acuerdos, la construcción colectiva del conocimiento y la resolución de problemas de carácter productivo y social

Gestionar los archivos de imágenes digitales para diferentes procesos según la salida.

Comunicarse en tarea sencillas y habituales que requieren un intercambio simple y directo de información cotidiana y técnica

INTRODUCCIÓN Hoy en día todas las personas manejamos

imágenes digitales casi a diario.

Fotografías que tomamos, capturas de pantalla de nuestro escritorio o de una ventana, diagramas que podríamos crear para una presentación de diapositivas.

Hay muchos formatos distintos y no todos son ideales para todos los tipos de imagen o para todos los contenidos: No es lo mismo un logotipo que una fotografía o que un documento escaneado.

TIPOS DE IMAGEN

Dentro del desarrollo del diseño hay dos tipos de imágenes digitales: Imágenes

vectoriales - Imágenes de mapa de bits

IMÁGEN VECTORIAL Las imágenes vectoriales son imágenes

constituidas por objetos geométricos autónomos (Líneas, curvas, polígonos…), definidos por ciertas funciones matemáticas (Vectores) que determinan sus características (forma, color, posición)

Una imagen vectorial puede ampliarse sin perder su calidad

Puede moverse o estirarse de manera simple y distorsión, ya que sus componentes son independientes

Es en realidad, el resultado de una serie de cálculos matemáticas relativos a la posición, y los atributos de cada punto que la compone.

Al modificar sus dimensiones o su forma no existe ningún tipo de distorsión o perdida de calidad

Entre los formatos de imagen vectoriales más populares se encuentran Pdf, Vml, y Svg, mientras que editores de imágenes vectoriales son Adobe Ilustrator, Corel Dram y Freehand, entre otros

IMAGEN MAPA DE BITS Las imágenes de mapa de bits están

formadas por una seria de puntos (pixeles) dispuestos en un rectángulo o tabla denominada raster, cada uno de los cuales contiene información de color y luminosidad.

Al ampliarse pierde la calidad, no puede moverse o estirarse de manera simple porque se distorsiona, ya que cada pixel tiene información diferente

TAMAÑO DE IMAGEN

De acuerdo a la cantidad de píxeles incluida en el mapa de bits, queda determinada la resolución de la imagen.

Es muy común oír valores como 1280 x 720 o 1920,1080 y no es más que el número de puntos expresados en forma que definan el ancho por el alto

UNIDAD DE BIT Unidad de medida de información es un

dígito que forma parte del sistema binario.

Apena a sólo dos valores (0 y 1) Abierto/ cerrado, Verdadero/ falso, Encendido (1) o Apagado (0)

ESCALAR UN BITMAP

Es necesario contar con una herramienta inteligente que sea capaz de decidir qué píxeles quitar (En el caso de una reducción) o agregar (para una ampliación) de manera que se conserve el mayor detalle posible

ARTE DIGITAL

Los dibujantes que se dedican al arte digital suelen escanear sus creaciones hechas a mano para luego «Vectorizarlas» o sea, convertirlas en una imagen vectorial ubicando un punto en cada uno de sus vértices y modificando sus propiedades para crear curva

CONVERSIÓN El proceso de conversión de una imagen

vectorial a mapa de bits es relativamente sencillo, ya que todas las aplicaciones de edición de vectores permiten rápidamente rellenar los polígonos con el color deseado y eliminar vértices

FICHEROS Para reproducirse o utilizarse en un

computador u otros dispositivos las imágenes vectoriales y de mapa de bits se guardan en archivos o ficheros (Datos que se almacenan en algún medio – disco duro, DVD, lápiz de memoria..-) Cada archivo gráfico se identifica por su nombre y su extensión, que indica el tipo o formato que trata.

Taller #1Extensión de archivo

COMO SE PUEDEN CONTROLAR QUE PROGRAMAS ESTÁN ASOCIADOS CON UNA EXTENSIÓN DE NOMBRE DE ARCHIVO .BMP Mapa de bits. .GIF Imagen en movimiento .JPG Joint Photographic Experts Group .PNG Portable Network Graphics .PSD Photoshop. .AI Adobe illustrator .CRD Corel Draw .DWG AutoCAD .SVG Scalable Vector Graphics

QUE CARACTERES NO SE PUEDEN USAR EN UN NOMBRE DE ARCHIVO •Tilde (~) •Signo de número (#) •Porcentaje (%) •"Y" comercial (&) •Asterisco (*) •Llaves ({}) •Barra diagonal inversa (\) •Dos puntos (:) •Corchetes angulares (<>) •Signo de interrogación (?) •Barra diagonal (/)

QUE LONGITUD PUEDE TENER LA EXTENSION DE NOMBRE DE ARCHIVO Siempre se debe tratar que el

tamaño del archivo sea lo menor posible y con un formato lo más universal posible. De ser pertinente y posible, es conveniente utilizar un formato que utilice compresión de datos que elimine datos redundantes

COMO SE PUEDEN VER LAS EXTENSIONES DE NOMBRE DE ARCHIVO De forma predeterminada las

extensiones de archivos no se muestran en Windows, esto obedece a razones paternales para impedir que los usuarios de forma accidental modifiquen las extensiones y esto traiga conflictos al ejecutar estos archivos

1- Accede al Panel de control y allí abre la herramienta Opciones de carpetas.

2- Selecciona las pestaña Ver.

3- Busca y desmarca la casilla llamada: "Ocultar las extensiones de archivo para tipos de archivos conocidos

COMO CAMBIAR UNA EXTENSION DE NOMBRE DE ARCHIVO 1. Abre un archivo en su programa

predeterminado.

2. Haz clic en el menú de "Archivo" y después haz clic en "Guardar como".

3. Escoge una ubicación donde guardar el archivo.

4. Ponle un nombre al archivo.

5. En el menú de "Guardar como", busca el menú desplegable que dice "Guardar como" o "Formato".

6. Selecciona un nuevo tipo de archivo desde el menú desplegable.

7. Haz clic en el botón de "Guardar como". El archivo original se abrirá en el software

Taller #2 ¿Cuáles son las extensiones más utilizadas en el campo

del diseño web?

¿Cuáles son las extensiones más utilizadas en el campo del diseño para medios impresos? (Formato, nombre, utilidad, ventajas, inconvenientes)

¿Cuáles son las extensiones con comprensión por perdida?

¿Para qué tipos de imágenes son ideales las extensiones por perdida?

¿Cuáles son los tipos de imágenes existentes?

¿Cuáles son las extensiones más utilizadas en el campo del diseño web?

.ai Archivo de Adobe Ilustrador. .bmp Archivo de imagen de mapa de bits en formato

Bitmap. .cdr Archivo nativo de CorelDraw .doc Archivo de texto de distintos procesadores de texto .docx Archivo de las últimas versiones de Microsoft

Word. .Jpg, Jpeg Archivo de imagen en formato (y compresión)

JPEG. .pdf Archivo PDF. Se abre con Acrobat o cualquier editor

de ese tipo de archivos. .zip Documento comprimido en formato ZIP con una de

las innumerables utilidades que lo aceptan

Cuáles son las extensiones más utilizadas en el campo del diseño para medios impresos

¿Cuáles son las extensiones con comprensión por perdida?

Para qué tipos de imágenes son ideales las extensiones por perdida

Algunos de los formatos de imágenes que mencionaremos en este artículo hacen uso de compresión por pérdida. Lo que hacen es descartar cierta información que el programa consideraría "irrelevante" por ser "demasiado detalle" para el ojo humano. De ese modo se reduce el tamaño de los archivos, con una calidad razonable para ciertos tipos de imágenes.

JPEGEs sin duda el formato más conocido por todos. Las fotografías que tomamos con nuestro teléfono se codifican con él, muchas de las imágenes de Internet también... Cuando hablamos de JPG todos sabemos a qué nos referimos.

WebPEl origen de este formato está en el códec de vídeo VP8, tecnología desarrollada originalmente por la empresa On2 Technologies y posteriormente adquirida por Google, para liberarlo años después.

¿Cuáles son los tipos de imágenes existentes?

BMP (Bitmap = Mapa de bits) GIF (Graphics Interchange Format =

Formato de Intercambio Gráfico) JPG-JPEG (Joint Photographic Experts Group

= Grupo de Expertos Fotográficos Unidos) JPG-JPEG (Joint Photographic Experts Group

= Grupo de Expertos Fotográficos Unidos) PNG (Portable Network Graphic = Gráfico

portable para la red)

Recomendación uso de formatos1. Web, multimedia, correo electrónico, vídeo: Fotografías: JPG Dibujos y logotipos: JPEG, GIF, PNG

2. Impresión: TIFF, PSD, JPEG Fotografía (Cámara) Aficionado: JPEG Profesional o aficionado avanzado: RAW

TALLER #31. Analizar los videos sobre las imágenes

digitales

2. Realizar un resumen sobre la importancia en la elección de la imagen dentro del desarrollo de un diseño dirigido a los medios impresos

CUANDO LA FOTOGRAFIA ERA ELECTRONICA LAS IMAGENES DEBIAN SER PEQUEÑAS Y DE PUNTOS LIMITADOS, SIN EMBARGO HAY PROCESADORES QUE PUEDEN LABORAR MILLONES DE BITS POR SEGUNDOS.

LOS FORMATOS SE PUEDEN DIVIDIR EN DOS GRUPOS: NO COMPRIMIDOS--> LOS DATOS ESTAN EN GRUPO COMPRIMIDOS --> SE REDUCEN LA CANTIDAD DE DATOS MEDIANTE ALGORITMOS HACIENDO MAS FACIL SU TRANSMICION. EL TIFF: ES UTILIZADO POR FOTOGRAFOS QUE NO DESEAN COMPRIMIR IMAGENES PERO QUIEREN UNA FOTO ORIGINAL, YA QUE EL FORMATO MAS UTILIZADO PARA COMPRIMIR IMAGENES FUE ''JPEG'' LA CALIDAD DE UNA IMAGEN COMPRIMIDA ES MENOS QUE UNA NO COMPRIMIDA

TALLER #4 Tabla con las características diferenciales

Haga un cuadro con las extensiones ejecutables y las no ejecutables

Haga un cuadro con las extensiones de los siguientes programas

.TIFF El formato TIFF es un formato de gráficos antiguo, que permite almacenar imágenes de mapas de bits muy grandes pero perdiendo calidad y sin considerar las plataformas o periféricos utilizados

.PDF PDF es un formato de almacenamiento para documentos digitales independiente de plataformas de software o hardware. Este formato es de tipo compuesto (imagen vectorial, mapa de bits y texto).

.EPS El formato de archivo de lenguaje PostScript encapsulado (EPS) puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas.

.AI Formato nativo de Illustrator, solo este programa lo puede editar. Se basa en el formato PDF, Cuando se guarda como .ai se puede editar al 100%, se mantiene la transparencia y guarda una previsualización al estilo PDF

.CDR La extensión .cdr es un formato de archivo de imagen vectorial usado por Corel Draw, una suite útil hecha por Corel Graphics Suite.

.PSD Un archivo PSD es un archivo de documento de Adobe Photoshop. Este archivo de imagen en capas es el formato por defecto para guardar datos del programa de Adobe Photoshop Graphics.

Tabla con las características diferenciales

EJECUTABLES NO EJECUTABLES.apk .jpg.com .gif.exe .png.prg .doc.ws .bmp.run .pdf.pif .mpg

Haga un cuadro con las extensiones ejecutables y las no ejecutables

Haga un cuadro con las extensiones de los siguientes programas

PROGRAMA EXTENSIONESWORD .DOC .DOCXEXCEL . XML .XLA . XLSX .XLTM

POWER POINT .PPTX .PPTM .PPT .POTX .PPSM

COREL DRAW .CDR PHOTOSHOP .PSD .PDDILUSTRATOR .DWG .DFX .AI .PDF .EPS.

DREAM WAVER .MXI .MXP .ZXPFLASH .FLA .SWF .EXEPREMIERAUDITION

Taller #5Tipo de archivo

Definición Extensión Programas

1. Archivos de sistema

componente del sistema operativo encargado de facilitar el uso de las memorias

.CFG .FOLDER .PMA

Carpetas, configuración, biblioteca…etc

2. Archivo de audio

Contenedor multimedia que guarda grabación de audio

.WAU .AU .MP3

WINAP

3. Archivo de video

se reproducen normalmente en películas o en paginas web que contengan videos

.MOV .AVI .MPEG 1

Windows media, Quick time, RealPlayer

Tipo de archivo

Definición Extensión Programas

4. Archivos comprimidos

Gran utilidad a la hora del almacenamiento de información, hacen que ocupe menos.

. CAB

. R01 . ZIP.RAR

Winrar, Winzip, CAB Station

5. Archivos de imagen

Uno de ellos utiliza un método de representación y que algunos ofrecen mayor calidad que otros.

.BMP.GIF.JPG.PNG.PSD

Photoshop, mapa de bits, Imagen en movimiento

6. Archivos de texto

Dentro de los documentos de texto hemos de diferenciar entre el texto plano y el enriquecido

.Doc

.EXE

.PDF.WTX

Microsoft word, Excel, Word pad

TALLER #6 1. Diferencia entre tamaño y resolución de una

imagen tanto para imagen/pantalla e imagen/impresión

2. Explica con palabra e imágenes los 3 tipos de resolución pantalla (pixeles), impresión (puntos) y lineaturas (tramas)

3. Explica el re muestreo 4. En qué afecta el cambio de dimensión de una

imagen

DIFERENCIA ENTRE TAMAÑO Y RESOLUCIÓN DE UNA IMAGENEL TAMAÑO DE IMAGENLas imágenes digitales están compuestas por unidades elementales de imagen denominadas píxeles. Como indicador del tamaño de imagen no podemos utilizar medidas convencionales de longitud (mm, cm…) ya que al no tener una entidad física, una misma foto digital puede ser reproducida a diferentes tamaños en distintos dispositivos (pantallas, impresoras, etc.). Así pues, el mejor indicador del tamaño de imagen es sencillamente la cantidad de píxeles que la forman.

RESOLUCIÓN DE UNA IMAGEN DIGITALLa resolución se define como la cantidad de píxeles por unidad de longitud.Es importante destacar que cuando hablamos de resolución no nos estamos refiriendo a ninguna propiedad “física” de la imagen: se trata tan sólo de una decisión del operador, la cual adjuntamos a la información de la imagen.

3 TIPOS DE RESOLUCIÓN Pantalla: La resolución de pantalla es el número

de píxeles que puede ser mostrado en la pantalla. Viene dada por el producto del ancho por el alto, medidos ambos en píxeles, con lo que se obtiene una relación, llamada relación de aspecto

IMPRESIÓN: hacemos referencia a la cantidad de puntos por pulgada de tinta que se plasman en el papel durante la impresión de una imagen. Estos puntos se forman en sentido horizontal y vertical.Cuanto más puntos por pulgada configuremos, mas detalles en la imagen obtendremos, dando como resultado textos más definidos e imágenes más claras de color.

LINEATURAS: Cuando hablamos de imágenes tramadas con tramas ordenadas, se habla de su resolución indicando su lineatura, que se mide en líneas por pulgada (lpp). Así, una imagen con una resolución de 150 lpp tendrá 150 puntos de semitono en una pulgada lineal. Cuando hablamos de tramas estocásticas, la lineatura es un concepto irrelevante.

Re muestreoEn tratamiento digital de imágenes, se llama "remuestreo" al cambio de la resolución de una imagen de mapa de bits.El remuestreo se realiza aumentando o disminuyendo el número de píxeles que la forman.Remuestrear no es solo cambiar la configuración de tamaño a los píxeles, por ejemplo, pasando los píxeles por pulgada de 72 a 300 ppp, sino que supone la creación o eliminación de píxeles.

Explicación en video

¿En qué afecta el cambio de dimensión de una imagen?

Cambiar las dimensiones en píxeles de una imagen afecta no solo al tamaño en la pantalla sino también a la calidad de dicha imagen y sus características de impresión, ya sean las dimensiones de impresión o la resolución de imagen.

TALLER #7