Tarea ciclo de Imagen - Monserrat Romero

De Casiopea



TítuloTarea ciclo de Imagen - Monserrat Romero
AsignaturaProducción Gráfica
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Monserrat Romero

Unidad 3: Imagen

Formatos de imagen y mapa de bits

Formatos de Imagen

Existen 2 tipos de compresión de imagen:

  • Compresión con pérdida de calidad: Se utiliza para ahorrar espacio y es destructiva, es decir, una vez eliminada la información no se puede recuperar.
  • Compresión sin pérdida de calidad: Mantiene los parámetros de compresión originales codificando la misma cantidad de información de manera más eficiente.


TIFF

Formato de mapa de bits más versátil. Es posible tener problemas para abrir este tipo de archivo creado con otra aplicación o con una plataforma diferente.


GIF

Imágenes comprimidas en baja calidad. Es un formato que permite crear animaciones sencillas en formato muy liviano para compartir. Fue desarrollado para comprimir imágenes de ocho bits.

Gif - Monserrat Romero.gif


PNG

Es un formato de compresión sin pérdida, considerado como el reemplazo de GIF, aunque PNG no soporta animaciones. Es usado para imágenes con líneas, colores sólidos y texto, que requieren precisión. Permite guardar imágenes con sectores transparentes.

Png (2) - Monserrat Romero.jpg


JPEG Y JPG

Disminuye el peso de la imagen por lo tanto reduce su calidad. JPG sólo guarda con un máximo de 8 bits.


EPS

Imagen vectorial. (Obsoleto). Suelen incluir una previsualización en mapa de bits de la imagen encapsuladamente.

Imagenes-digitalesmd.jpg


PSD

Formato de Photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa. Casi no tiene compatibilidad con otros programas.


PDF

Desarrollado por Adobe. Puede contener no sólo imágenes y texto, sino también botones interactivos, links, videos y más. Éste formato puede ser visualizado con el mismo resultado sin importar desde dónde se abra el archivo.

Pdf - Monserrat Romero.png


RAW

Sacada directamente de la cámara/mayor peso.


SVG

Formato vectorial/liviano. Se trabaja con programación y colores planos. Un archivo SVG se puede escalar a diferentes tamaños sin perder calidad.

Svg - Monserrat Romero.png


Raster

Corresponde a la capacidad de tamaño (dimensión) que tiene una imagen (en número de pixeles). Se calcula multiplicando ancho por alto.


Resolución

Es expresada como ppp o dpi. Se calcula dividiendo el número de pixeles por la cantidad de puntos que hay por pulgada.

Resoluciones recomendadas:

  • Impresión doméstica: 150 dpi.
  • Imágenes para imprenta: 300 dpi o más.
  • Imágenes para pantalla: Tenían un estándar de 72 dpi pero con la creación de pantallas retina las resoluciones llegaron a 458 dpi.


bits y Bytes

Bitsgm9.jpg

El bit es un dígito del sistema de numeración binario 0 y 1, siendo 0 un punto apagado y 1 un punto prendido. Byte es una representación de información conformada por bits y está formada por ocho de ellos: 7 de información y uno adicional de control.

En 8 bits se pueden producir 256 opciones de combinaciones, lo que cubre el lenguaje escrito completo, permitiendo representar todos los caracteres de los alfabetos.

Para transmitir un carácter el computador necesita 1 Byte (8 bits).


Imágenes de mapas de bits

Mapa de bits - Monserrat Romero.jpg

Utilizan una cuadrícula rectangular de píxeles para representar imágenes. A cada píxel se le asigna una ubicación en la matriz de una pantalla y un valor de color específicos. Éste es el medio más usado para fotografías o pinturas digitales, ya que que pueden representar de manera más eficaz degradados sutiles de sombras y color.


Dimensión

Éstas imágenes dependen de una dimensión, contienen un número fijo de píxeles y pierden detalle y pueden aparecer pixeladas si se cambia la escala a grandes ampliaciones en pantalla o si se imprimen con una resolución inferior que aquella para la que fueron creadas.


Profundidad

La profundidad de bits especifica la cantidad de información de color que está disponible para cada píxel de una imagen. 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 con una profundidad de bits de 1 tiene píxeles con dos valores posibles: blanco y negro. Las imágenes en modo de escala de grises con una profundidad de bits de 8 tienen 256 posibles valores de gris.


RGB con 8 bits

RGB con 8 bits - Monserrat Romero.jpg

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.

Las imágenes con 32 bits por canal también se denominan imágenes de alto rango dinámico (HDR).


Actividad

El objetivo es crear un fotomontaje (collage) en Photoshop relacionado con la palabra asignada en la actividad anterior.

Actividad Illustrator - Monserrat Romero.jpg

Imagen Vectorial e Illustrator

Vectores

En geometría: La geometría plana estudia los elementos geométricos a partir de dos dimensiones. Un vector fijo es un segmento orientado.

Tiene 3 características

  • Módulo: Corresponde a la longitud.
  • Dirección: Ángulo del vector respecto al eje X.
  • Sentido: Orientación que tiene el segmento.
Vectormdmd.png


Imagen Vectorial

Imagen 2D compuesta por objetos geométricos, definidos por atributos matemáticos para la posición, el color, etc.

Los gráficos vectoriales son utilizados en tipografías, logos, juegos de video, gráficos web.

Vectorialma.jpg


Actividad

Se propone crear una ilustración en color RGB y con dibujo vectorial, a partir del concepto trabajado en las clases anteriores.


Imagen gráfica diagramada

Softwares de composición editorial

Facilitan la tarea del diseño uniendo texto con imágenes. Son programas que vinculan las dos clases de softwares de imágenes estudiados para la composición de una página, un libro o una revista.


Formato de texto y estilos

TÍTULOS Y ENCABEZADOS

Al crear un documento, es importante analizar la información y cómo queremos que el lector reciba la información, de modo que sea fácil leerla y comprenderla. De ésta manera entendemos la relación de jerarquía que existe en el contenido.

FORMATOS DE LISTAS

Ayudan a romper la densidad del párrafo y descomponer en puntos separados una idea, son fáciles de leer y muestran información sintetizada.

Existen 2 tipos de listas:

1. La lista ordenada o numerada.

  • La lista no ordenada o con viñetas.

Las listas generalmente se separan de los márgenes generales del párrafo. Además, el tipo de numeración se puede personalizar.

FORMATOS DE PÁRRAFO

Párrafo general: Estilo central para la mayor parte del cuerpo de texto.

Bajadas de título: Descripción breve del titular que antecede el contenido profundo. Es más grande a la vista.

Citas o cuñas: Cita entremedio del contenido. Suele ser más grande y salir de márgenes.

Párrafo destacado: Fragmento del texto relevante. Usa color de fondo o cambia color y peso de la fuente.

Notas al pie: Corresponde a información complementaria. Suele ser más pequeña y ubicarse al pie de la página.


Adobe Indesign

Software número 1 para el diseño editorial. Permite funciones de alto nivel profesional y muchas libertades para que el diseñador tenga un mayor control sobre el producto de diseño. Es conocido por aportar a volver más eficiente el manejo y diseño de documentos extensos para preprensa digital.

Adobe Indesign - Monserrat Romero.png


Actividad

Recrear una portada de diario a elección usando InDesign.

Portada Original
Recreación

Proceso

Parte 1 Proceso Portada Indesign - Monserrat Romero.jpg
Parte 2 Proceso Portada Indesign - Monserrat Romero.jpg
Parte 3 Proceso Portada Indesign - Monserrat Romero.jpg

Imágenes

Recuperadas de:

1. https://www.art-consciousness.com

2. https://www.istockphoto.com/es/fotos/imagenes-png

3. https://pixelemos.com/blog/graficos-digitales/

4. https://www.adobe.com/la/acrobat/about-adobe-pdf.html

5. https://es.wikipedia.org/wiki/Gr%C3%A1ficos_vectoriales_escalables

6. https://www.aiutocomputerhelp.it/bit-definizione-di-bit-vediamo-cosa-rappresenta/

7. https://www.freepng.es/png-rniul1/

8. https://www.profesionalreview.com/2021/04/10/profundidad-de-color/

9. https://www.fisic.ch/contenidos/introducci%C3%B3n-a-la-f%C3%ADsica/vectores/

10. https://www.arteneo.com/blog/la-ilustracion-vectorial-curso-diseno-madrid/

11. https://www.adobe.com/cl/products/indesign.html