Tarea ciclo de Imagen - Mauro Silva
| Título | Tarea ciclo de Imagen - Mauro Silva |
|---|---|
| Asignatura | Producción Grafica |
| Del Curso | Producción Gráfica 2022 |
| Carreras | Diseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
| Nº | 3 |
| Alumno(s) | Mauro Silva |
Mapa de Bits | 19/04
Formato de Imagen
- Compresión con Perdida: elimina información no visible para ahorrar espacio
- Compresión sin Perdida: mantiene los parametros de compresión original codificando la información de manera eficiente.
TIFF (Tag Image File Format)
Es el formato de mapa de bits más versatil, seguro y con mayor soporte. Capaz de describir datos de imagen en dos colores,escala de grises, paleta de colores, etc. Ocasionalmente es posible tener problemas en abrir archivos TIFF creado con otra aplicación o plataforma distinta.
GIF (Graphics Interchange Format)
Desarrollado en 1987 para comprimir imagenes en 8 bits para telecomunicadas a través de su servicio o entre usuarios. Actualmente se usa para crear animaciones sencillas en formato liviano para compartir.
PNG (Portable Network Graphics)
Formato de compresión sin perdida, frecuentemente usado para imagenes con lineas, colores solidos y texto. Permite el canal alfa por lo que se puede guardar imagenes con sectores transparentes.
JPEG|JPG (Join Photographic Experts Group)
Mecanismo estandarizado de compresión de imagen, usa un algoritmo que disminuye el tamaño/peso de las imagenes, sin embargo reduce su calidad.
¿Cuando usar PNG y cuando usar JPG?
- Tener una imagen pesada para su uso, JPG es el mejor formato.
- Si necesito transparecia en mi imagen, PNG es el unico formato.
- Si necesito que mi imagen escale a varios tamaños, JPG es el mejor formato.
EPS (Encapsulated PostScript)
El formato EPS puede contener texto y gráficas vectoriales, pero adicionalmente incluyen una previsualización de mapa de bits de la imagen encapsuladamente. El actual formato de Al (Adobe illustrator) se baso en EPS para la creación de su formato, sin embargo estos han sido remplazados por PDF como estandar en intercambio de imagenes vectoriales.
PSD
Es el formato nativo de Photoshop, permite guardar presentaciones, retoques, capas y canales que existan en el archivo. No tiene mucha compatibilidad con otros programas.
PDF (Portable Document Format)
Formato desarrollado por Adobe. Puede contener imagenes, texto, botones interactivos, links, videos y más. La virtud de PDF es que no depende del software donde se creo el documento ni del sistema operativo. Puede ser visualizado con el mismo resultado en cualquier parte.
RAW
Formato que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara. No tiene definido ningún parámetro de color y solo algunos softwares son capaces de interpretarlos.
SVG (Scalable Vector Graphics)
Esta basado en el lenguaje XML que describe características de como debe aparecer la imagen. Al ser imagen vectorial se puede escalar a distintos tamaños sin perder calidad.
Raster
El raster expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho por alto. La resolución es una consecuencia que va a depender del soporte de exhibición. El raster se expresa multiplicando su anchura por la atura de la pantalla.
Resolución
La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi) donde la pulgada mide 2.54 cm. La resolución es la relación entre las dimensiones digitales y las físicas, que tendra una vez impresa sobre papel u otro soporte digital.
Resoluciones Recomendadas
- Imagenes de impresión doméstica: 150 dpi
- Imagenes para imprenta: 300 dpi o más
- Imagenes para pantalla: un estándar de 72 dpi, con la creación de pantallas retina las resoluciones llegan hasta 458 dpi
Bits y Bytes=
El bit es acrónimo de binary digit, un digito del sistema de numeración binario, donde 0 es un punto apagado y el 1 un punto prendido. Byte es una representación de información conformada por bits y por 8 de ellos: 7 de información y uno de control.
¿Por qué 8 bits?
Las cadenas de bits actuan de forma exponencial. En 8 bits se pueden reproducir 256 opciones de combinaciones, lo que cubre el lenguaje escrito completo.
Imagenes de Mapa de Bits
Las imagenes de mapa de bits utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar imagenes. A cada pixel se le asigna una matriz y valor de color especifico. Generalmente se usa para fotografías o pinturas digitales.
Las imagenes de mapa de bits dependen de una dimensión, es decir, contienen un número fijo de pixeles, pierden detalle si es que se le cambia la escala a grandes amplificaciones en pantalla o impresión.
Profundidad de Bits
Especifica la cantidad de información de color que esta disponible para cada pixel de una imagen. Cuanto más información por pixel hay, más colores y precisión existirá en su representación
RGB con 8 bits
Las imagenes RGB se componen de tres canales de color. Una imagen RGB con 8 bits por pixel cuenta con 256 posibles valores para cada canal, lo que significa más de 16 millones de posibles valores de color.
Canales y Color de la Imagen
Los canales de color por defecto de una imagen dependeran de su modo de color
- Escala de grises
- RGB y Lab
- CMYK
Actividad 1 | Mapa de Bit
Crear un fotomontaje a partir de su trabajo anterior en photoshop (o similar) en un formato de 21x21 cms, en una resolución de 300 dpi, en modo color RGB sobre un lienzo blanco. Pueden usar Photoshop o Gimp Usar capas, colores, y tratamiento de imágenes en mapa de bits. Luego exportar como jpg. Crear una copia, modificar la resolución de su composición a 72 dpi. Exportar como gif
Se utilizo una imagen que planteara la definición de forma abstracta, y que pudiese ser complementaria con la palabra en cuestión. De esta forma a la imagen se le aplico la tipografía en su centro, uniéndose a su vez con los colores entremezclados, se suavizaron los bordes con luces de manera que resaltase en la composición,y a la vez complementa los bordes de la imagen que a su vez se encuentran bordeados por estas luces.
Imagen Vectorial | 26/04
Vectores
- Vector en geometría
La geometría del plano euclídeo estudia los elementos a partir de dos dimensiones Un vector contiene tres elementos:
- Módulo: longitud del segmento
- Dirección: ángulo del vector con respecto al eje x
- Sentido: orientación del segmento
Imagen Vectorial
Se refiere a una imagen en 2D, compuesta por objetos geométricos independientes, abiertos o cerrados, líneas o polígonos.
- Estan definidos por atributos matemáticos, posición, color, etc.
- Muestra la imagen de manera nítida, no se visualizan los píxeles.
Aplicación de Gráficos Vectoriales
- Tipografías
- Logos: contienen un bloque de color por lo general, son simples y cortes rectos.
- Juegos de video: contiene la ilustración
- Gráficos web: simples, colores planos.
-Primer editor interactivo: la invención del dibujo técnico se uso con fines automotrices.
Curvas de Bezier
Pierre Etienne Bezier desarrollo en los 60, un lenguaje para representar partes de la carrocería de los autos Renault. Con esto el dibujo aumento sus capacidades, un lenguaje sin límites.
Actividad 1 | Imagen Vectorial'
Crear una ilustración abstracta en formato 1.000x1.000 px, en color RGB a partir del concepto trabajado en las clases anteriores, a partir de dibujo vectorial y acorde al significado de la palabra elegida. Pueden utilizar Illustrator o Inkscape Incorporar la palabra + la ilustración en el lienzo. Utilizar una paleta de color negro + 1 color a elección personal acorde a su concepto.
Proceso
El proceso creativo lo hice a través de los colores, que de alguna forma me ayudaba a visualizar el concepto de lo mixto.
- Empeze por un dibujo en el cual se unían tres elementos de colores RGB, de esta forma daban paso a la mixtura de los colores entre sí.
- Use la herramienta fruncir y engordar para otorgarle otra forma, manteniendo entre sí sus combinaciones
- Desplaze de forma libre las formas para unirlas en su centro, de esta forma se mantenía el concepto con más énfasis.
- Se le aplico un degradez de color celeste tanto al lienzo como a la ilustración, de forma que el degrades aplicaba esta forma de mixtura entre los colores de su mismo color.
- Finalmente se le agrego la palabra en cuestión para finalizar la ilustración.
