Tarea ciclo de Imagen - Diego Tapia Soto

De Casiopea
Revisión del 02:08 21 may 2023 de Shizpa (discusión | contribs.)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)



TítuloTarea ciclo de Imagen - Diego Tapia Soto
AsignaturaProduccion Grafica
Del CursoProducción Gráfica 2023
CarrerasDiseño
3
Alumno(s)Diego Tapia Soto

Ciclo imagen

Formatos imagen

  • Compresión con perdida: Es un ahorro destructivo que elimina información no visible de la imagen.
  • comprensión sin perdida: Codifica la información de la imagen de manera mas eficiente (lossless)

Tiff ( tag imagen tiñe format) es un formato de imagen versátil y seguro , describe los datos de la imagen en: 2 colores, escala de grises, paleta de color y color completo en varios espacios de color

Una contra es que no es reconocida en todos los programas.


Gif ( grafica interchange format) Comprime imágenes de 8 bits y permite animaciones sencillas. Como contra se le reduce mucho la calidad

PNG(opstable network graphics) Este formato permite comprimir imágenes sin perdida, además también da la opción de poder Guadarrama imágenes que tengan secciones transparentes.

Contra, no soporta animaciones

JPEG (Join Photographics Experts Group) Mecanismo que se ha vuelto estándar para comprimir imágenes, su contenedor mas común es JPG.

JPG Es un algoritmo de compresión de imagen que disminuye tamaño/peso, pero también reduce su calidad, tiene la limitación que solo puede guardar imágenes de un máximo de 8 bits.

EPS (Encapsulated postscript) Este formato permite contener imágenes vectoriales

PSD Este formato es propio de Photoshop, conteniendo las capas y canales, en si todo lo Que se cree y edite en el programa queda guardado. Este formato suele NO ser compatible con otros programas.

PDF (portable Document Format) Este formato fue desarrollado por adobe, es un formato muy versátil ya que puede contener, textos ,imágenes, videos , links, botones interactivos, etc. Además no necesita de algún programa para poder ser visualizado.

RAW Este formato significa crudo, en sí es como el producto en bruto de como se captura desde la cámara, por ende es un formato mucho mas pesado , aunq con una mayor calidad y detalle.

Suele no ser compatible en varios softwares.

SVG (Scalable Vector Graphics) Es un formato basado en lenguaje XML, el cual traduce la imagen a partir de lenguaje matemático.

Por ende, gracias al algoritmo las imágenes son escálales sin perder nada la calidad.


Ráster

Expresa la dimensión en numero de pixeles en un plano, el cual conforma un mapa de bits, Ancho x alto.

al multiplicar el alto por el ancho, se calcula el ráster, y el valor se simplifica en mega pixeles.

por ejemplo 1200 x 1200 px = 1440000 px = 1.4Mp .

Mapas de bits

Las imágenes rasterizadas, pasan a estar en una cuadricula en un plano, en donde cada pixel tiene su propia coordenada correspondiente dentro de esta matriz.

Profundidad de bit 1bit = Blanco y negro Escala de grises = 8bits = 256 tonos de gris.

RGB con 8 bits Requiere 3 canales de 8bits c/u ,para cada color , red , green , blue y cada canal cuenta con 256 tonos , lo que da en total 16millones posibles de valor de color.

Estas serian imágenes de 24bits, 8x3. El uso de 24bits u otros valores ya es para un trabajo mas profesional con la imagen.


Imagen vectorial

Es una imagen que se forma a partir de elementos geométricos, como segmentos, arcos, poligonos, etc, los cuales son generados a partir de formulas matemáticas, comandos que definen su forma, lugar, color.

Esta condición matematica hace que la imagen vectorial sea mas ligera que la imagen de pixeles, ya que no se codifica tanta información, tambien como es un algoritmo y esta hecho en si de vectores, hace que sea escalable sin perder calidad.


Mapabitsvsvector Diego T.png


Aplicación

Ejemplos:

  • Tipográfias.
  • Logos.
  • Juegos de video.
  • Gráficos web.

El origen comienza con los primeros dibujo asistido por computador, mas o menos por los años 60' fue una tecnología que se iba desarrollando por 20 años atrás. En un comienzo usado para la industria de autos.

Con la implementación de las curvas de Bézier al dibujo cad, fue precursor de lo que hoy es ilustrator.



Actividades

Actividad 1: Mapa de bits

Consiste en crear un fotomontaje en Photoshop retomando la palabra de cada uno, en mi caso es “ Relieve. En formato 800x800px, resolución 150 dpi y color RGB.


FOTOMONTAJE relieve diego.jpg

Proceso:

Actividad 2: Imagen Vectorial

Consiste en crear una ilustración en Illustrator, del mismo concepto “Relieve”, utilizando color negro + un color a elección. En formato 800x800px, color RGB

PG Diego T relieve.jpg


Proceso:





InDesing - Diagramación

Adobe Indesing, es un software que se ha vuelto el n° 1 para el diseño, al tener herramientas muy optimas y especializadas para el uso profesional.

Aporta un manejo mucho mas eficiente en composición editorial , sobre todo en casos de formatos largos, como la edición de un libro. Puesto que el software variadas funciones y herramientas que facilitan visualizar y poder trabajar con muchas paginas, como por ejemplo también el uso de las paginas maestras.


Indesing sirve para crear cosas como:

  • revistas
  • libros
  • manuales
  • ebooks
  • documentos interactivos



Estilos en Indesing

titulos parrafos lista citas texto destacado viñetas

trabajo por estilo, se puede identificar todos los tipos de los formatos que tendrá cada parte del texto, y se puede administrar un conjunto de atributos para cada cosa


Estilo parrafo

corresponde a atributos del párrafo y caracter que afectan la totalidad del bloque, interlineado sangria, etc

Estilo caracter

Características que afectaran a ciertas palabras de un párrafo, como: color, peso , tipografia


Formatos de texto

El texto es mucho más de la prosa en sí, en formatos existe una gran variedad de como se puede trabajar la forma y expresión del texto.

Se crea una arquitectura de la información de lo que se esta construyendo, para que sea mas entendible, para el lector contando con distintos recursos y atributos.

Títulos y encabezados 

Cuadros de texto que van jerarquizando el texto teniendo distintos tamaños y ubicaciones.

Listas

Estas rompen la densidad de un párrafo buscando ser algo más fácil de leer, otorgando una síntesis de información. Existen dos tipos: -ordenadas (en HTML <o

-No ordenadas


Formatos de parrafos

Formato general o texto normal En sí el estilo central para mayor parte del contenido del texto.


Citas o cuñas

Están entremedio del contenido, suele ser mas grande, salir de los margenes y estar en "italica"


Parraffo destacado

Fragmento del texto que es relevante, usa color de fondo o cambia de color y peso de la fuente.

notas al pie Un apartado al final del documento, al pie que es la parte de abajo de la pagina.





Actividad 3

Consistió en recrear una portada de diario a elección usando Indesing, identificando los estilos que estén presentes en una portada, respetando el formato original.

PG Diario Diego Tapia3.jpg

Left