Ciclo formatos de imagen
| Título | Ciclo formato de imagen - Josefa Carroza |
|---|---|
| Asignatura | Producción Grafica |
| Del Curso | Producción gráfica 2020 |
| 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., Otra |
| Nº | 3 |
| Alumno(s) | Josefa Carroza |
Mapa de bits y Photoshop
Bits y Bytes
BIT (b)
La unidad de medida más pequeña y básica de almacenamiento es el bit. Un bit es la unidad más pequeña de almacenaje que puede tomar un ordenador. Sus opciones se reducen a dos, tomando el valor de 0 o de 1. Por lo tanto, es un tipo de dato binario, ya que de esta manera, es mucho más sencillo de interpretar por los dispositivos electrónicos.
- Su comprensión es simple, es como un interruptor de flujo, en donde sólo puede haber dos opciones abierto o cerrado. O uno electrónico, en donde sólo se puede estar encendido o apagado.
BYTE (B)
Un byte es un conjunto de bits, que actúan como una unidad de medida mucho más grande y que nos permite almacenar datos de gran complejidad. Un byte es un múltiplo de bit, que específicamente, se encuentra conformado por 8 bits, que a su vez están agrupados en 2 niveles, cada uno de ellos de 4 bits o en 4 crumbs, los cuales son de 2 bits cada uno.
- En la actualidad, cuando se trabaja con unidades de almacenamiento, se utilizan múltiplos del byte, los cuales de seguro utilizan con mucha frecuencia, como los Kilobytes, Megabytes, Gigabytes y Terabytes.
Cuando hay una cadena de ocho dígitos binarios se pueden producir 256 combinaciones posibles, los cuales estos cubren todos los dialectos, todo el lenguaje escrito de diferentes alfabetos que existen. Para que de esta manera se cubran todos los espectros que cubren los caracteres para poder lograr transmitir un mensaje.
Mapa de Bits
Imágenes de mapa de bit
Una imagen en mapa de bits, imagen rasterizada o imagen de píxeles, es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación. A las imágenes en mapa de bits se las suele definir por su altura y grosor (en píxeles) y por su profundidad de color (en bits por píxel), que determina el número de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen.
- Los gráficos en mapa de bits se distinguen de los gráficos vectoriales en que estos últimos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos, no del simple almacenamiento del color de cada punto en la matriz. El formato de imagen matricial está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo. Para su obtención se usan dispositivos de conversión analógica-digital, tales como escáneres y cámaras digitales.
Resolución
La resolución es el número de píxeles que puede ser mostrado en la pantalla. Viene dada por el producto del ancho por el alto con el cual se obtiene una relación llamada "relación de aspecto". En esta relación de aspecto, se puede encontrar una variación, está de acuerdo a la forma del monitor y de la tarjeta gráfica. Se pueden diferenciar dos tamaños de pantalla diferentes:
- Tamaño absoluto: la anchura y altura de la ventana del monitor, medido generalmente en pulgadas. Depende del monitor.
- Resolución o tamaño relativo: viene determinada por el número de píxeles que se muestran en la ventana del monitor, siendo el píxel la unidad mínima de información que se puede presentar en pantalla, de forma generalmente rectangular. Depende de la tarjeta gráfica.
Profundidad de bits
La profundidad de color o bits por píxel (bpp) es un concepto de la computación gráfica que se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital o en un framebuffer. Debido a la naturaleza del sistema binario de numeración, una profundidad de bits de n implica que cada píxel de la imagen puede tener 2n posibles valores y por lo tanto, representar 2n colores distintos. Cuantos más bits de información por píxel hay, más colores disponibles existen y más precisión en la representación del color se aprecia. Una imagen en profundidad de 1 bit, tiene pixeles con dos valores posibles: blanco y negro.
- Debido a la aceptación prácticamente universal de los octetos de 8 bits como unidades básicas de información en los dispositivos de almacenamiento, los valores de profundidad de color suelen ser divisores o múltiplos de 8, a saber 1, 2, 4, 8, 16, 24 y 32, con la excepción de la profundidad de color de 10 o 15, usada por ciertos dispositivos gráficos.
RGB con 8 bits y más
Las imágenes RGB se componen de tres canales de color. Una imagen RGB con 8 bits por píxel cuenta con 256 posibles valores para cada canal, lo que significa más de 16 millones de posibles valores de color. En ocasiones, las imágenes RGB con 8 bits por canal se denominan imágenes de 24 bits (8 bits x 3 canales = 24 bits de datos por píxel).
- Además de las imágenes de 8 bits por canal, Photoshop también puede trabajar con imágenes que contienen 16 ó 32 bits por canal. Las imágenes con 32 bits por canal también se denominan imágenes de alto rango dinámico (HDR).
Canales
Las imágenes digitales en color están hechas de píxeles, y los píxeles están formados por combinaciones de colores primarios. Un canal en este contexto es la imagen en escala de grises del mismo tamaño que la imagen en color, hecha de uno de estos colores primarios. Por ejemplo, una imagen de una cámara digital estándar tendrá los canales rojo, verde y azul. Una imagen en escala de grises tendrá sólo un canal.
- Una imagen puede tener un máximo de 56 canales, los cuales permiten crear y gestionar los efectos de edición de la imagen y se actualiza automáticamente conforme se modifique el canal.
Edición de imágenes
Capas
Las capas de Photoshop son cómo una versión digital de las hojas apiladas de acetato en una imagen. Permiten trabajar con una fotografía de manera no destructiva. Es decir, sin modificar los píxeles originales de la imagen. Puede ver las capas que se encuentran debajo a través de las áreas transparentes de una capa. Si mueve una capa a fin de colocar el contenido en ella, es como si deslizara una hoja de acetato dentro de una pila. Además, si lo desea, tiene la posibilidad de cambiar la opacidad de alguna capa de manera que su contenido sea parcialmente transparente.
- Las capas sirven para realizar diversas tareas, entre otras, componer varias imágenes, añadir texto a una imagen o añadir formas de gráficos vectoriales. La aplicación de un estilo de capa facilita la adición de efectos especiales como sombras paralelas o algún tipo de resplandor.
- Cada imagen nueva tiene una sola capa. El número de capas, conjuntos de capas y efectos de capa adicionales que puede añadir a la imagen está limitado solo por la memoria de su equipo.
- Las operaciones con las capas se llevan a cabo en el panel Capas. Los grupos de capas le ayudan a organizar y gestionar las capas. Puede utilizar grupos para organizar las capas de manera lógica y despejar el panel Capas. Puede anidar grupos en otros grupos. También puede utilizar grupos para aplicar atributos y máscaras a varias capas a la vez.
Encargo 1
A partir de la edición del encargo anterior, se debe crear una composición en Photoshop utilizando un formato de 21 x 21 centímetros en una resolución de 300 pixeles por pulgada, en donde el modo de color RGB debe ser creado sobre un lienzo blanco y su composición tiene que usar: Capas, colores, tipografías e imágenes. En este caso se debe trabajar con la palabra Gigante.
Fuentes
- https://www.tecnologia-informatica.com/que-es-el-bit-byte/
- https://es.wikipedia.org/wiki/Imagen_de_mapa_de_bits
- https://es.wikipedia.org/wiki/Profundidad_de_color
- https://es.wikipedia.org/wiki/Resolucion
- https://naturpixel.com/2009/05/27/profundidad-de-color-8-bits-y-16-bits-¿para-que-por-joan-boira/
- https://es.wikipedia.org/wiki/Canal_(imagen_digital)
Formatos de imagen y resolución
Formatos de imagen
Los formatos de archivo de imagen están estandarizados para organizar y almacenar imágenes digitales. Un formato de archivo de imagen puede almacenar datos en un formato sin comprimir, en un formato comprimido (con pérdida o sin pérdida) o en formato de vector. Los archivos de imagen están compuestas de datos digitales en uno de estos formatos de tal manera que los datos puedan ser escalados para su uso en una pantalla de computadora o en una impresora.
La escalarización convierte los datos de la imagen en píxeles. Cada píxel tiene un número de bits para designar su color (y en algunos formatos, su transparencia). Escalar un archivo de imagen para un dispositivo específico toma en cuenta el número de bits por píxel (la profundidad de color) que el dispositivo está diseñado para manejar.
- La comprensión con pérdida: Es una comprensión destructiva, que por ende modifica la imagen para eliminar la información que no se considera relevante. Todo lo anterior con el objetivo de ahorrar espacio, para que las imágenes sean más livianas, y como desventaja disminuye la calidad de la fotografía.
- La comprensión sin pérdida: Mantiene todos los parámetros de la foto original, codificando la misma cantidad de información pero de forma más eficiente.
TIFF
El formato TIF o TIFF (Tagged Image File Format) es un formato flexible de imágenes de mapa de bits que admiten todos los programas de pintura, edición de imágenes y diseño de paginas. Admite imágenes CMYK, RGB, LAB, de color indexado y en escala de grises con canales alfa, e imágenes en modo de mapa de bits sin canales alfa. Photoshop puede guardar capas en un archivo TIFF pero si abre el archivo en otra aplicación, es posible tener problemas, ya que no es un formato para Internet debido al gran tamaño de los archivos con este formato. Este es utilizado para el guardado de imágenes en las que aparecen muchos colores y detalles, como son fotografías profesionales de alta calidad.
- Admite un almacenamiento de colores de hasta 32 bits, por lo que tiene un elevado tamaño debido a la cantidad de información, siendo muy pesado. Además no tiene pérdidas de calidad al comprimirse. Admite archivos de hasta 4GB de tamaño, por lo que es ideal para fotografías con muchísimos detalles.
GIF
El formato GIF (Graphics Interchange Format) es un formato que soporta animaciones mediante la reproducción de imágenes seguidas e inmediatamente al abrirlo, consiguiendo un impacto visual increíble. Puede tener hasta 256 colores y comprime las imágenes, por lo que el formato de imagen suele ser pequeño, a no ser que tenga elevadas animaciones.
- Debemos tener en cuenta que este formato puede no ser compatible con todos los programas o aplicaciones, por lo que puede que el receptor del GIF no llegue a verlo.
PNG
PNG (Portable Network Graphics)es un formato de compresión sin pérdida, se considera el reemplazo del gif, aunque el PNG no soporta animaciones, pero si es mejor soportando transparencias. Se pueden incluir las transparencias que se necesiten sin perder de calidad, por lo que se puede utilizar en logotipos, imágenes sin fondos, etc.
Dentro del formato PNG, encontramos otros en función de la cantidad de información que almacena: PNG 8 y PNG 24.
- PNG 8:
-Tiene color de 8 bits, por lo que puede llegar a mostrar hasta 256 colores.
-Menor tamaño debido a la cantidad de información.
-Imágenes con características y peso parecidos al GIF.
- PNG 24:
-Tiene color de 24 bits, por lo que puede llegar a mostrar hasta 16 millones de colores.
-Mayor tamaño por la cantidad de información.
-Transparencias más limpias.
-Muy útil para cuando se necesitan imágenes limpias y de calidad, aunque sean más pesadas.
JPEG Y JPG
La extensión JPEG (Joint Photographic Experts Group) probablemente sea el formato más conocido y más utilizado para guardar imágenes. Este formato pierde calidad debido a su elevada compresión, por lo que es perfecto para cuando no necesitamos una imagen muy pesada y al detalle. La mayoría de cámaras y de imágenes que encontramos en internet son almacenadas en este formato, siendo ideal debido a su peso, ya que si las incluimos en páginas web pesarán menos que otras extensiones, mejorando la velocidad de carga.
- El formato JPG o JPEG no admite transparencias, por lo que si se quiere incluir esta característica en una imagen, lo mejor es que se opte por una extensión PNG.
EPS
PostScript encapsulado, o EPS, es un formato de archivo gráfico. Un archivo EPS es un archivo PostScript que satisface algunas restricciones adicionales. Estas restricciones intentan hacer más fácil a programas de software el incluir un archivo EPS dentro de otro documento PostScript. Normalmente cuando bajamos imágenes vectorizadas de internet, vienen en formato EPS, listos para imprimir, pudiéndolo abrirlos ya sea en Photoshop, Illustrator o cualquier otro programa de diseño que sea compatible (la mayoría lo son).
- El archivo o documento EPS está formado por gráficos o vectores para poder manipularlos como necesitemos y mandarlo a imprimir, pero esto es mejor realizarlo una vez pasado a un formato PNG, JPG o PDF, ya que necesitaremos una impresora especializada.
PSD
Un PSD se crea con Adobe Photoshop, es el que viene por defecto en el guardado del proyecto, es decir, el formato nativo. Este tiene la opción de crear vectores, pero se utiliza sobre todo para imágenes de mapa de bits, conservando las capas que tenga el documento. La principal desventaja de esta extensión es que si no tienes Adobe Photoshop instalado, no podrás abrir el documento. Por ello, no necesariamente si utilizamos Photoshop debemos guardar en este formato, ya que dependiendo del tipo de imagen que estemos trabajando, podemos abrir el desplegable y elegir la extensión que más nos convenga.
- Para este tipo de formato de imagen hay que tener en cuenta que admite archivos de hasta 2GB de tamaño, por lo que si necesitamos una extensión que soporte más tamaños, tendríamos que pasar a otro formato como es el TIFF.
PDF
PDF (Portable Document Format, «formato de documento portátil») 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).
- Fue inicialmente desarrollado por la empresa Adobe Systems, oficialmente lanzado como un estándar abierto el 1 de julio de 2008 y publicado por la Organización Internacional de Estandarización (ISO) como ISO 32000-1.
RAW
El formato de imagen RAW (“en crudo”) es propio de las cámaras reflex digitales, ya que que tiene toda la información y datos de la imagen tal cual se haya realizado o captado la fotografía, sin haberse procesado posteriormente, de ahí a que se llame “en crudo o bruto". La gran mayoría de fotógrafos utilizan esta extensión, ya que no comprime la fotografía y tendrá la máxima calidad posible. Una vez ya tengas tu fotografía en tu ordenador, podrás hacer todos los cambios que necesites con programas de edición.
SVG
La sigla significa Scalable Vector Graphics. Es un formato libre (sin vínculos con cualquier empresa). El SVG es un formato vectorial que puede ser reconocido por la mayoría de los navegadores web modernos. Siendo así, puedes usar ese formato en un sitio web, blog, etc. Otra función interesante del SVG es que puede ser animado a través de la programación en HTML 5.0. Este formato se popularizó de forma rápida por su ínfimo tamaño y su escalabilidad infinita.
- Actualmente podemos utilizar SVG en el propio navegador, ya sea Chrome, Safari o Firefox, siendo un archivo de imagen no muy pesado, sin perder calidad, e incluso podemos incluir animaciones en la propia imagen.
Raster
Una imagen ráster es una estructura o fichero de datos que representa una rejilla rectangular de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de representación. A las imágenes en mapa de bits se las suele definir por su altura y grosor (en píxeles) y por su profundidad de color (en bits por píxel), que determina el número de colores distintos que se pueden almacenar en cada punto individual, y por lo tanto, en gran medida, la calidad del color de la imagen.
- Los gráficos en ráster se distinguen de los gráficos vectoriales en que estos últimos representan una imagen a través del uso de objetos geométricos como curvas de Bézier y polígonos, no del simple almacenamiento del color de cada punto en la matriz. El formato de imagen matricial está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo. Para su obtención se usan dispositivos de conversión analógica-digital, tales como escáneres y cámaras digitales.
- El ráster de una imagen se calcula multiplicando el ancho por altura en pantalla.
Resolución
La resolución de una imagen indica la cantidad de detalles que puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida es una imagen de fotografía convencional (o fotografía química). Tener mayor resolución se traduce en obtener una imagen con más detalle o calidad visual. Para las imágenes digitales almacenadas como mapa de bits, la convención es describir la resolución de la imagen con dos números enteros, donde el primero es la cantidad de columnas de píxeles (cuántos píxeles tiene la imagen a lo ancho) y el segundo es la cantidad de filas de píxeles (cuántos píxeles tiene la imagen a lo alto).
Es la relación entre las dimensiones digitales (los píxeles) y las físicas, que tendrá una vez impresa sobre papel u otro soporte incluso digitales. La resolución de impresión son los puntos por pulgada (ppp) o dots per inch (dpi), donde la pulgada mide 2,54cm. Las recomendaciones son:
- Imágenes para impresión doméstica: 150 dpi
- Imágenes para imprenta: 300 dpi o más
- Imágenes para pantallas: Solían tener un estándar de 72 dpi, sin embargo con la creación de pantallas retina, las resoluciones para pantalla incluso superaron los estándares altos para papel, llegando a 458 dpi.
Encargo 2
A partir de la composición creada en Photoshop en la clase anterior, modificar el archivo y exportarlo a diferentes formatos de imagen para notar las diferencias (TIFF, JPG, PNG)
Observaciones
- La composición original es exportada en formato PNG, la cual se logra ver de muy buena calidad, con sus formas y rebordes nítidos, también se observa que los colores siguen siendo los mismos, estos se mantienen y no pierden sus características y cualidades.
- En la composición en formato JPG no se logran ver mayores cambios, se ve prácticamente igual al formato original que fue exportado como formato PNG.
- En el formato GIF sí se pueden observar cambios en comparación a los formatos PNG y JPG, se ve claramente como la imagen perdió su calidad, las formas y detalles ya no están tan definidas, en este formato se ve un total más pixeleado, en el fondo de la imagen se logran ver pequeños puntos blancos que no son originales de la composición, estos puntos blancos también se ven notoriamente en las letras utilizadas. La imagen a diferencia de la original termina siendo una mucho más ruidosa y con un efecto de grano.
- La composición en formato TIFF no puede ser subida, ya que la wiki no acepta este tipo de archivos en su página .
Fuentes
- https://es.wikipedia.org/wiki/Formatos_de_archivos_de_imagen
- https://es.wikipedia.org/wiki/Resolución_de_imagen
- https://www.locurainformaticadigital.com/2019/07/02/diferencia-archivos-jpg-jpeg/
- https://es.wikipedia.org/wiki/PostScript_encapsulado
- https://www.begoromero.com/formatos-de-imagen/
- https://es.wikipedia.org/wiki/Imagen_de_mapa_de_bits
- https://es.wikipedia.org/wiki/PDF
Imagen vectorial e Illustrator
Vectores
El vector en geometría
Un vector es un ente matemático como la recta o el plano. Un vector se representa mediante un segmento de recta, orientado dentro del espacio euclidiano tridimensional, estudia los elementos a partir de dos dimensiones. Los vectores nos permiten representar magnitudes físicas vectoriales, como las mencionadas líneas abajo.
El vector tiene 3 elementos:
- Módulo: Longitud del segmento (valor numérico)
- Dirección: Ángulo del vector con respecto al eje x
- Sentido : Orientación del segmento
Imagen vectorial
Una imagen vectorial es la imagen digital. La misma se encuentra conformada por objetos geométricos independientes como ser: polígonos, arcos, entre otros, y a cada uno de ellos se los definirá por distintos atributos matemáticos tales como la forma, el color, la posición. Por ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.
Este formato de imagen es completamente distinto al formato de las imágenes de mapa de bits, también llamados imágenes matriciales, que están formados por píxeles. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones tanto dinámicas como estáticas. Todos los ordenadores actuales traducen los gráficos vectoriales a mapas de bits para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.
Gráficos vectoriales y sus aplicaciones:
- Tipografías
- Logos
- Juegos de video
- Gráficos Web
Curvas de Bézier
Se denomina curvas de Bézier a un sistema que se desarrolló hacia los años 1960 para el trazado de dibujos técnicos, en el diseño aeronáutico y en el de automóviles. Su denominación es en honor a Pierre Bézier, quien ideó un método de descripción matemática de las curvas que se comenzó a utilizar con éxito en los programas de CAD.
Las curvas de Bézier fueron publicadas por primera vez en 1962 por el ingeniero francés Pierre Bézier y posteriormente, trabajando en la Renault, las usó con abundancia en el diseño de las diferentes partes del automóvil. Las curvas fueron desarrolladas por Paul de Casteljau usando el algoritmo que lleva su nombre. Se trata de un método numéricamente estable para evaluar las curvas de Bézier.
- Los inventores del PostScript, introdujeron en ese código el método de Bézier para la generación del código de las curvas y los trazados. El lenguaje PostScript sigue empleándose ampliamente y se ha convertido en un estándar de calidad universal; por ello, los programas de diseño vectorial como Adobe Illustrator, el extinto Macromedia FreeHand y Corel Draw, tres de los programas más importantes de dibujo vectorial y otros como Inkscape, denominan bézier a algunas de sus herramientas de dibujo, y se habla de «trazados bézier», «pluma bézier», «lápiz bézier», etc. Su facilidad de uso la ha estandarizado en el diseño gráfico, extendiéndose también a programas de animación vectorial, como Adobe Flash, y retoque fotográfico (bitmap), como Photoshop y Gimp, donde se usa para crear trazos, formas cerradas o selecciones.
Illustrator
Adobe Illustrator (AI) es un editor de gráficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como «mesa de trabajo» y está destinado a la creación artística de dibujo y pintura para ilustración, para crear y diseñar imágenes, sirve para editar entre otras cosas (ilustración como rama del arte digital aplicado a la ilustración técnica o el diseño gráfico, entre otros).
- Es desarrollado y comercializado por Adobe Systems y constituye su primer programa oficial de su tipo en ser lanzado por esta compañía definiendo en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial. Adobe Illustrator contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en (maquetación - publicación) impresión, vídeo, publicación en la Web y dispositivos móviles.
¿Cómo iniciarnos en Illustrator?
Principales secciones y funcionalidades del software:
- Formas
- Trazos
- Trazado de formas/vectorizar
- Extrusion de formas
Encargo 3
Crear una ilustración botánica desde el papel, para luego vectorizarla en illustrator. Trabajar con colores, figuras y trazos vectoriales. Exportar en formatos de imagen vectorial. Exportar imagen como PDF y SVG.
- La planta escogida fue Lobelia polyphylla
Sobre Lobelia polyphylla
La Lobelia polyphylla es una planta endémica de Chile y crece en terrenos arenosos cerca de la costa entre Coquimbo y Valparaíso (IV a V región). Tupa era el nombre indígena de la planta. Su látex es usado como abortivo y como alucinógeno, lo que explica sus nombres comunes de Tabaco del Diablo, irónicamente esta planta es usada para eliminar los efectos de la adicción a la nicotina, causada por el alcaloide lobelina. Los indígenas Mapuche del sur de Chile lo consideran una hierba sagrada. En las hojas de Tupa se encuentran principios activos que estimulan la respiración.
Ilustraciones de la planta
Ilustración en Illustrator
PDF:Archivo:Calco planta jvcd.png.pdf
