Ciclo formatos de imagen - Maite Aranda

De Casiopea



TítuloFormatos de imágen
AsignaturaProducción Gráfica
Del CursoProducción gráfica 2020
CarrerasDiseño, Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Maite Aranda

Mapa de Bits y Photoshop

bits

Son 'binary digits', sistema de números binario 0 y 1, donde 0 es punto apagado y 1 punto encendido

bits.

BYTES

esta se encuentra conformada por bits, compuesta por 8 respectivamente, 7 corresponden a información y uno a control.

como funcionan los bits y BYTE.

¿Por qué 8 bits?

considerando que un bit ofrece dos opciones (0 y 1), al subir la cantidad de bits a 8 se logra cubrir el lenguaje escrito a cabalidad ya que se tienen '256 combinaciones'.

Mapa de Bits

Las imágenes en mapa de bits poseen una cuadricula proyectada encima y están conformadas por pixeles, donde cada pixel posee un color asignado.

Mapa de bits.

Resolución

Las imágenes rasterizadas dependel del número de pixeles que poseen, por lo que al perder resolución (contar con pocos pixeles por pulgada), las imagenes escaladas exesivamente hacen visible sus pixeles.

Resolución.

Profundidad de bits

Especifica la cantidad de información de color que cada pixel puede poseer. Cuando hay un solo bit puede ser negro o blanco, y entre mayor cantidad de bits de información por pixel, más colores se disponen, con más presición en cada uno. Y, en el caso de una imagen en escala de grises, cuando se tienen 8 bits se pueden lograr 256 valores de gris.

Profundidad de bits.

RGB con 8 bits y más

En RGB se tienen 3 canales de color disponibles: 'rojo, verde y azul', y cuando hay 8 bits por pixel se tendrán 24 datos por pixel y además 256 posibles valores en cada uno de los canales, lo que entrega como resultado más de 16 millones de posibles valores de color. Dentro de Photoshop se puenden poseer imágenes que contienen 16 o 32 bits por canal, las de 32 bits entran en la categoría de 'imágenes de alto rango dinámico'.

Canales

Cuando se trabaja en el programa Photoshop, si se realiza un trabajo en escala de grises solo existe un canal, en RGB hay 3 y en CMYK 4, lo que indicaría que cada color tiene su canal. Pueden existir más canales, o sea, canales aregados, solo en el caso de que se quiera trabajar con colores especiales, estos son denominados 'canales alfa'.

Canales psd.

Edición de canales

Las capas son láminas apiladas transparentes que pueden ser ordenadas (poner una sobre otra) para trabajar con cada una de las imágenes, ya sea recortandolas, cambiandoles el color, escalandolas, etc.

Tarea

Con el mismo concepto trabajado con la tipografía, en un cuadrado se realiza una creación que contenga capas, colores, tipografía, imágenes, etc.

El relato de la imágen secontruye a través de mi realidad más cercana, un pequeño jardin hecho por mi mamá frente a mi casa, donde las texturas y colores parecieran formar su pequeño y propio mundo, por otro lado se encuentra una pequeña criatura que podría ser un duende, escondido entre este pequeño mundo.

Pequeño2ma.jpg

Formatos de imágen y resolución

Formatos de imágen

Al capturar una imagen con algún dispositivo se obtiene una imágen en digitos binarios. Pero luego de esta captura las imágenes pasan por una compresión, y de este se desprenden dos tipos:

Formatos de imágen.

'Con pérdida' Elimina la informacion que no es relevante, es decir, la que no es visible,con fines de ahorrar espacio. 'No destructiva' Esta mantiene los parámetros origiales, codificando la misma cantidad de información pero de manera más eficiente, para esto se requiere de un buen procesador.

TIFF

(tag image file format) En 1986, Aldus desarrolla un formato exclusivo para imágenes de escáner, grabadores de pantalla y programas de pintura, son imágenes de alta calidad, versatiles, seguras y con un alto soporte. El problema es su baja compatibilidad entre sistemas operativos, no se puede abrir desde cualquier programa o aplicación por sertan especializado.

GIF

(graphics interchange format) Formato de imagen creada en 1987 por Steve Wilhite en Compuserve, una compañía de comunicaciones norteamericana.El fin de su creación era comprimir las imágenes de 8 bits que pudiesen ser telecomunicadas a través de su servicio e intercambiarlas entre usuarios.Con el paso del tiempo este formato permitió crear animaciones sencillas y livianas, que fueron masificandose gracias a su utilización para crear memes. Está conformado por bloques y sub-bloques que contienen parámetros relevantes y datos utilizados en la reproducción de un grupo, es más duro visualmente pero es más agil de crear y ver, además de soportar transparencias, siendo el precursor del siguiente formato.

gif.

PNG

(portable network graphics) Es un formato de compresión sin pérdida, que al igual que GIF soporta tansparencias pero de mejor manera, reconociendo el canal alfa de las transparencias, por otro lado, este formato permite comprimir imágenes de hasta 24 bits. El defecto de este formato es que a la hora de escalar, no lo hace muy bien, perdiendo nitidez.

JPEG y JPG

(join photographic experts group) Se tiende a confundir estos dos conceptos, concibiendolos como sinonimos, cuando no lo son. JPEG es el sistema de compresión de imágen, el modo en el que fue modificada la imágen, y que varios formatos de imágen usan aspectos de este para comprimir. Uno de estos es JPG, que permite comprimir imagenes de hasta 24 bits y aguanta 8 bits. Lo que si, tiene un impacto en la calidad de la imágen.

EPS

(encapsulated postscript) Formato el cual permite la contención de texto y gráficas de tipo vectorial, pero además encapsula una previsualización en mapa de bits. Bajo esta primicia, Adobe Illustrator absorve un poco de este formato para sus propios archivos. Con el tiempo, los archivos EPS son reemplazados por PDF debido a que funciona mejor, desencadenando su masividad.

PSD

Es el formato nativo de Photoshop, el que permite guardar todos los procesos por los que pasó la imágen durante la edición dentro del programa y que además permite volver a editar el archivo. Su carencia de compatibilidadcon otros programas es su desventaja, ya que el programa es el unico lugar donde se puede abrir el archivo.

icono archivo psd.

PDF

(portable document format) Creado por Adobe, este formato puede contener más que imágenes y texto, que es lo que unicamente soportan algunos formatos. Pueden integrarse botones interactivos, links, videos, formularios y más. Es utilizado para objetos cerrados, que no serán editados. El beneficio de este formato y lo que justifica su masividad es que no requiere de un programa o software especifico, por lo que se puede abrir en una gran cantidad de dispositivos.

RAW

(significa crudo/bruto) Contiene la totalidad de los datos de la imágen, manteniendolos tal y como eran cuando la imágen fue capturada, no posee parámetros de color por lo que es necesario asignarle información. No todos los programas tienen la capacidad de abrir archivos de este tipo debido a sus singularidades.

raw vs jpg.

SVG

(scalable vector graphics) Basado en el lenguaje XML (forma de programación) es un formato en el que la imágen está descrita en código, manteniendo sus atributosal ser escalada por ser vectorial. Lo interesante de este formato es que al abrir la imágen en un editor de texto, se puede leer el código de esta y tambien cambiar sus atributos a través de este código.

svg vs png.

Raster

expresa la dimensión de una imágen en mapa de bits a través del número de pixeles que contiene y se calcula multiplicando el alto por el anco de la pantalla. Por lo general se tiende a errar creyendo que los megapixeles de la camara garantizarán una mejor calidad de imágen, claramente no es asi, si bien eso es un factor, es solo el indicador de el tamaño del lienzo. Para tener una imágen de calidad hay que considerar la calidad del lente, sensor, profundidad del color, etc.

Resolución

de impresión

Se mide a través de puntos por pulgada (PPP o DPI), considerando que la pulgada mide 2,54 cms. Para calcular el tamaño de pixeles a tamaño en centimetros se debe dividir el número de pixeles en la resolución. Se recomienda una resolución de 150 dpi para impresión doméstica, para una imprenta 300 dpi, en pantallas el estandar solía ser 72 dpi, pero con el avance técnológico, en la actualidad pueden llegar a 478 dpi


Tarea

La tarea anteriormente creada en photoshp debe ser modificada en distintos formatos de imágen y comparar su resultado. La primera imagen está en png, la segunda trabajada en illustrator, t la tercera en jpg.

Archivo:Pequeño2maensvg.svg

Imágen Vectorial e Illustrator

Vectores

Vector en geometría

Dentro del plano euclideo, se conoce vector como un segmento orientado dibujado, el cual posee 3 características: 'módulo' que es la longitud, 'dirección' que es el ángulo respecto al eje X y 'sentido' que es la orientación de este segmento lineal.

Vector.

Imágen Vectorial

Se define como una imágen en dos dimensiones compuesta por líneas o polígonos (objetos geométrivos) independientes, por lo que se pueden mover, escalar, colorear, aumentar o disminuir espesor, entre otras cosas de manera singular. Los gráficos vectoriales se pueden aplicar en tipografías, logos, juegos de video,graficos web, iconografías y más.

logo creado con vectores.

Curvas de Bézier

En los 60, Pierrre Étienne Bézier desarrolla un lenguaje cuya finalidad es representar partes de la carrocería de los automóviles Renault, para hacer más eficiente el sistema. En resumen un tipo de lineas curvas ideadas matematicamente que permiten definir las transiciones de las curvaturas.

Ecuación Paramétrica

En matemáticas, las ecuaciones paramétricas permiten representar una curva o superficie en el plano o espacio.

Illustratorma.jpg

Illustrator

Adobe illustrator es un programa lanzado en 1987 en el que se puede trabajar con imágenes vectoriales, es ideal para la creaciones artisticas, ilustraciones, diseños, etc.

Tarea

Dada la introducción al programa, se realiza una ilustración botánica, inicialmente en papel y luego es llevada a imágen vectorial.

Error al crear miniatura: Archivo más grande que 25 MP

Archivo:Florchicamaensvg.svg