Tarea Ciclo de la Imagen- Kaithlyn Murga

De Casiopea



TítuloTarea Ciclo de la Imagen-Kaithlyn Murga
AsignaturaProducción Gráfica
Del CursoProducción gráfica 2021
CarrerasDiseñ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., 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.
3
Alumno(s)Kaithlyn Murga

Clase 6: Formatos de Imagen y Mapa de bits

Formatos de Imagen

Existen una gran variedad de formatos de imagen, pero primero se debe destacar los dos tipos de compresión: Comprensión con perdida, corresponde a la eliminación de información no visible en búsqueda de un ahorro de espacio y Compresión sin perdida, la cual conserva los parámetros originales codificando la misma cantidad de información de una forma mucho más eficiente.

FI1-KTH-PG.png
  • TIFF (Tag "Image File Format): es un formato de mapa de bits el cual corresponde al más versátil, seguro y con mayor soporte, tiene la capacidad de describir datos de imagen en dos colores, escala de grises, paleta de color, etc.
  • GIF (Graphics Interchange Format): Actualmente nos permite la creación de animaciones sencillas con un formato liviano ideal para compartirlo, estas se pueden ver en todos lados gracias a las redes sociales, conocidas como imágenes en movimiento ya sea de una caricatura o un pequeño video pasado a una imagen o simplemente una imagen fija, el cual originalmente se desarrollo para comprimir imágenes de ocho bits las que pudiesen ser tele comunicadas a través de su servicio e intercambiadas.
  • PNG (Portable Network Graphics): Usado a menudo para imágenes que contienen colores. líneas, letras, entre otras que requieren precisión, permitiendo usar imágenes con sectores o fondos transparentes ya que admite el canal alfa en sus imágenes. Suelen usar para la creación de diversos proyectos y trabajos como ediciones, afiches, logos e incluso para la creación de stickers, gracias a sus zonas transparentes.
  • JPG & JPEG (Join Photographic Experts Group): es un mecanismo el cual admite distintos niveles de compresión imagen, este puede reproducir con bastante fidelidad los colores y también posee buen desempeño en imágenes oscuras o con sombra. Por ello sus uso predominantes es mostrar imágenes fotográficas, siendo su contenedor más común el JPG, este posee un algoritmo de comprensión que disminuye el peso y tamaño de las imágenes disminuyendo a la vez un poco de su calidad.
  • EPS (Encapsulated PostScript): Este formato puede contener graficas vectoriales y texto, este almacena ilustraciones PostScript de alta resolución a su vez incluye una vista previa de baja resolución dentro de él, a su vez este formato se estaba pensado para la transmisión de información a impresoras, pero ¿Qué es PostScript?... se refiere a un lenguaje de programación completo y usa curvas de Bézier cúbicas, con dos manejadores, para describir los objetos.
logotipos de formatos de imagen
  • PSD: Corresponde al formato de Photoshop el cual nos permite guardar todas las presentaciones, creaciones y entre otras posibilidades realizadas con este programa, a su vez nos da la oportunidad de almacenar todo el proceso de este, ya sean capas o canales existentes en nuestro archivo con la oportunidad de poder editar o realizar arreglos más adelante, desgraciadamente este formato posee una diminuta compatibilidad con otros programas, por lo que se recomienda realizar guardados con un formato adicional al PSD.
  • PDF (Portable Document Format): Formato desarrollado por adobe el cual nos permite el contenido de proyectos, botones interactivos, links, videos, PowerPoint, etc. Todo esto aparte de imágenes y texto, este también puede ser abierto y visualizado desde cualquier medio sin importar desde donde sea abierto.
  • RAW (Crudo o Bruto) corresponde a un formato que almacena la totalidad de datos de la imagen tal y como a sido captada por la cámara y su sensor digital, este al no tener un parámetro de color definido solo algunos softwares podrán interpretarlos sin problema, como es el caso de Photoshop a diferencia de Paint.
  • SVG (Scalable Vector Graphics): Se encuentra basado en un lenguaje XML describiendo así las características de como debería aparecer la imagen, este formato puede varias en el tamaño de su entrega sin alterar su calidad, al tratarse de una imagen vectorial.

Ráster

Se expresa como la dimensión en numero de pixeles que forman una imagen de mapa de bits, esta 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. En una imagen digital el Ráster se puede calcular multiplicando el ancho y el alto en pantalla.

diferencia entre vectores y ráster

Resolución

Consiste en la relación entre dimensiones digitales (pixeles) y físicas que tendrá una vez impresa sobre papel u otro soporte El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también indica la cantidad de detalles que puede observarse en una imagen, 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. Los puntos por pulgada (ppp) siento una pulgada 2,54 cm o dots per inch (dpi) indica la cantidad de detalles que puede observarse en esta. Para calcular el tamaño en pixeles a centímetros, para la impresión se aplica la siguiente formula: Tamaño de impresión= N° de pixeles/Resolución.

Bits (b) y Bytes (B)

  • Bit corresponde a un acrónimo de (binary digit) es un digito que representa la menor unidad de información de una computadora. Teniendo como valor 0 (punto apagado) y 1 (punto prendido) y también pueden ser utilizados para la clasificación de colores de una imagen.
  • Bytes en cambio corresponde a un conjunto de 8 bits (7 de información y 1 de control), pero ¿Por qué 8 bits? las cadenas de bits funcionan de forma exponencial, por lo cual en 8 se encuentra la producción de 256 opciones de combinaciones, cubriendo así el lenguaje escrito completo
BITSBYTE-KTH-PG.jpg


Tarea 6: Formatos de Imagen y Mapa de bits:

  • Normalmente se entiende como mixto a aquello que se compone por dos o más cosas distintas y mezcladas. Inmediatamente pensé en el cielo y en su variedad de colores y formas de ser mediante avanzan las horas desde el amanecer hasta el anochecer, por lo cual rescate la diferencia entre el color de este al ser de día y cuando esta atardeciendo, preguntándome en medio de mi reflexión ¿Qué sucederá si mezclo estos dos fenómenos caracterizados por distintas horas en una sola imagen?
E6PG-KMR-IMGBASE.jpg
  • Luego de aquella pregunta lleve a cabo el inicio del fotomontaje, utilizando como base la imagen de una mano extendida hacia el cielo, la cual a ser uno muy nublado y neutro escogieron dos imágenes de cielo anterior mente pensadas (día y atardecer) para agregarlas al original y alterar la realidad de este, las incorpore a través de capas las cuales se fusionaron borrando una de las mitades quedando así un cielo dividido en dos tonos, con ayuda de la herramienta de borrosidad se trabajo para que la linea divisora no fuese tan tosca.
E6-KMR-CAPAS.png
E6PG-KMR-CIELO.png
  • Una vez listo esto se agregaron pequeñas imágenes como la de planetas y una ballena aerostática (ya que transporta un avión) para complementar aquellas "cosas distintas y mezcladas" que ofrece la definición de mi concepto a trabajar, siendo un trabajo un poco complicado al ser primera vez que trabajo con Photoshop, pero que pude realizar con esfuerzo y gracias a la herramienta de borrosidad nuevamente, las pequeñas imágenes surrealistas se intervinieron para que se vieran más naturales en el cielo.


Resultado Final

imagen en jpg
imagen en png


  • Personalmente considero que no hay notorias diferencias entre ambos formatos, e incluso en el modo tiff revisado en mi computadora, la calidad se mantiene aunque la diferencia que si puedo destacar es el peso de las imágenes ya que en formato tiff no pudo subirse al ser muy pesado y en jpg se demoro un poco más que png al momento de subir a la wiki.
  • A su vez recalco un error al no poseer tantas imágenes del proceso al estar tan pegada al experimento y uso de Photoshop

Clase 7: Imagen Vectorial e Illustrator

Vectores

La geometría plana o del plano euclídeo es la que estudia a partir de dos dimensiones los elementos geométricos, un vector fijo es un segmento el cual se orienta en tres características: Módulo Longitud del segmento, Dirección ángulo del vector, Sentido orientación del segmento.

Imagen Vectorial

IVEC-KTH-PG.jpg

En grafica se entiende por imagen vectorial a una imagen de segunda dimensión (2D) la cual se encuentra compuesta por objetos geométricos independientes los cuales pueden estar abiertos o cerrados, estos se encuentran basados y definidos en fórmulas matemáticas, y no se dividen en unidades mínimas de información como los píxeles, sino en manchas de color. Se construyen a partir de vectores, que son objetos definidos por una serie de puntos que pueden modificarse para dar una u otra forma e incluso asignándoles una posición y otras cualidades a la imagen final.

IVEC2-KTH-PG.jpg

Como no es dependiente de una retícula de píxeles, las imágenes vectoriales son independientes de la resolución y por tanto mantienen la nitidez y la definición, por esto a pesar de ampliarlas lo más que se pueda estas no perderán calidad, también son capaces de adaptarse a cualquier forma, por lo que la aplicación de estos gráficos vectoriales pueden ser encontradas en tipografías, logos, videojuegos, iconos e incluso en gráficos web

Adobe Illustrator

AI2-KTH-PG.jpg

Un software estándar para la realización de cualquier tipo de trabajo anteriormente mencionado y el uso de gráficos vectoriales es "Adobe Illustrator" trabaja sobre un tablero de dibujo, al cual se le conoce como mesa de trabajo, principalmente utilizado en cualquier obra trabajada en ilustración o el diseño gráfico. Las principales funciones y secciones de este Illustrator se encuentra enfocada en formas, trazos, trazado de formas o vectorizar y extrusión de formas. A la hora de gestionar el mundo visual de una empresa (corporativa, de productos, externa, etc.), contar con un profesional con amplios conocimientos en esta herramienta es fundamental, ya que permite generar piezas para cualquier entorno (online y offline) y resolución.

Algunas Ventajas de AI

  • Universalidad: Adobe Illustrator puede ser instalado en Windows o MacOS (con requisitos específicos para cada uno), dos de los sistemas operativos más utilizados en el mundo.
  • Compatibilidad de formatos: Adobe Illustrator permite importar archivos desde diversos formatos, como JPEG, PSD, PNG, PDF, GIF y TIFF, entre otros.
  • Calidad de las imágenes: al trabajar con vectores, las piezas gráficas no sufren pérdida de calidad al adaptarse a diferentes resoluciones.
AI-KTH-PG.png


Tarea 7: Imagen Vectorial e Illustrator

Para la realización de esta tarea pensé y lleve más a cabo la reflexión sobre la palabra Mixto y lo que esta significa, tomando diversas situaciones de algo que esta mezclado y es distinto a la vez, como una ensalada de frutas, esta contiene fresas, manzana, plátano, naranja, semillas o también crema dependiendo del gusto de la persona que la prepare, esta ensalada de frutas es un algo que se le conoce tal y por su nombre, pero que se encuentra compuesta de distintas y variados elementos (frutas/ingredientes) los cuales se pueden fácilmente identificar, pero que no deja de ser algo a pesar de estar mezclado. Esto se entiende como algo mixto.

E7.1-KMR.png
  • Para la creación de mi tarea, se llevo a cabo la experimentación y el juego en búsqueda de representar de una mejor manera el concepto que me corresponde, así que primero inicie con la creación de un lienzo en Illustrator en donde insertamos una imagen de agua color rosa, junto a un cielo color melón suave para reemplazar el cielo de la imagen quedándonos solo con la superficie liquida de esta.
E7.2-KMR.png
  • El siguiente paso con ayuda de Photoshop trabaje en una imagen de pavo real borrando todo su fondo y dejando solamente al ave en un formato de png para poder llevarlo con más comodidad a nuestro lienzo en AI, una vez lista nuestra imagen procedí a trabajar con un abanico borrando lo sobran t con este reemplace las plumas del pavo real teniendo así una mezcla de dos elementos pero que no deja de ser el ave en cuestión.
E7.3-KMR.png
  • Regresando a AI, con la herramienta de curvatura hice unos trazos jugando con estos, cambiando su relleno a un color naranja. usando esta curva como guía para la incorporación de texto, y con la misma herramienta agregue otro trazo curvo para poner texto en distinto sentido, jugando también con los tipos de fuentes y tañamos hasta encontrar la que más me acomodara al trabajo.
  • Una vez listo todo, guarde el proyecto en distintos formatos observando su calidad y peso a la otra de abrir y trabajar este.
E7.4-KMR.png
E7.5-KMR.png
E7-FUENTES-KMR.png

FORMATOS GUARDADOS:

  • Por medio de esta imagen se exponen los formatos en que se guardo la tarea, para evitar algun error en la wiki al subir un formato muy pesado

E7-FORMATOS-KMR.png

PNG

E7-KMR-PNG.png

IMAGEN FINAL FORMATO JPG

  • Como resultado de nuestra imagen final, conseguimos un pavo real con cola de abanico, este no deja de ser el ave que es a pesar de que su cola de plumas la cual es realmente hermosa haya sido reemplazado por un abanico, personalmente elegí este por su similitud y por que consideraba de que seria una mezcla interesante, la cual fue una experiencia muy divertida de realizar, dando a mostrar como la imaginación y pensamientos sobre un simple concepto puede crear algo realmente abstracto u curioso.
E7-KMR.jpg

Clase 8: Espacio Audiovisual y Premiere Pro

Imagen en Movimiento y su invención

CINEMATOGRAFIA-KTH-PG.jpg

Un cinematógrafo corresponde a un instrumento creado por los hermanos Lumiere a finales del siglo XIX, este es capaz de filmar y proyectar imágenes en movimiento, siendo también la primera maquina en rodar y proyectar películas en la pantalla grande (cine) dando espacio e inicio a una nueva era y una nueva creación y expresión artística la cinematografía.

CINEMUDO-KTH-PG.jpg

Los primeros cortometrajes fueron grabados con aproximadamente 16/18 fotogramas por segundo lo que ayuda al ojo a a crear el efecto de una imagen continua, bajo este sistema se llevo a cabo el cine mudo, con muchas obras reconocidas hasta la actualidad como lo son "citi lights" "a trip moon" y "modern times" y con grandes estrellas de este genero como "Charles Chaplin" y "Harold Lloyd". Recién 1920 se incorpora el cine sonoro, el sonido al estar expuesto en la película requiere de más fotogramas para proporcionar una resolución usable cambiando así el estándar a 24 fps. La llegada de nuevas tecnologías de la información y los distintos formatos de video digital, favoreció a la generación de efectos especiales y auditivos junto a la circulación masiva de estos.

  • CINEMATOGRAFIA: técnica y el arte de capturar, almacenar y retransmitir imágenes en movimiento, a menudo provistas de un soporte auditivo, comúnmente llevadas a cabo con una cámara de video.
  • CINE MUDO: aquel cine en el que no hay sonido sincronizado especialmente los diálogos y consiste únicamente en imágenes.

Medios audiovisuales

Son aquellos mecanismos de comunicación masiva que transmiten sus mensajes a través de canales que involucran el sentido de la vista y el de la audición a diferencia de los medios tradicionales, imitando la presencia real en el orden de los eventos transmitidos de manera articulada, es decir, simultánea y sincronizada, para lograr un potente efecto de realidad, como lo es en el caso de la televisión, el cine y últimamente el Internet. Los medios audiovisuales suelen ser inmediatos, masivos y efímeros, ya que su representación se acaba en el tiempo y perdurables teniendo la capacidad de ser almacenados y reproducidos sin parar.

MEDA2-KTH-PG.jpg MEDA1-KTH-PG.jpg

Edición de Video

Proceso en que un editor se encarga de transformar diferentes fragmentos de un video, teniendo además la capacidad de añadir distintos elementos gráficos como imágenes, audio, efectos digitales, al igual que cualquier material audio visual por medio de una cinta o un archivo informático

Edición vs Montaje

  • MONTAJE: proceso relazado con películas de cine que partían de una emulsión fotosensible. Para realizar copias o duplicados con los que trabajar se debía recurrir a productos químicos, incluyendo en este extenso paquete, líquidos, amplias arreas de trabajo, cámaras oscuras y tiempos de espera.
  • EDICION: termino propio de los soportes magnéticos, como cintas, memorias flash o discos duros; a su vez se utiliza material audiovisual grabado de manera electrónica para obtener una cinta o un archivo de computadora.
EDICION-KTH-PG.png

Edición lineal y no-lineal

  • E. LINEAL: es un tipo de edición de vídeo por el cual el montaje ha de realizarse de manera secuencial, es decir, primero es necesario grabar la primera secuencia, después la segunda y así sucesivamente.
  • E. NO-LINEAL: se basa en la digitalización del material audiovisual, su almacenamiento en grandes discos duros y su posterior tratamiento con sistemas de edición digital

Conceptos para edición de videos

  • FORMATO DE VIDEO: manera en la que se guardan los datos dentro de un archivo de video o fichero. Estos contenidos suelen ser principalmente video, audio y texto
  • CODEC DE VIDEO: Entendiendo la palabra códec como el acrónimo de codificar (comprimir archivos u otros elementos para agilizar su transferencia) y decodificar (descomprimir al reproducir o editar el archivo) estos dos conceptos ser realizan para que el archivo sea más portable y para proporcionar todos los datos del archivo.
  • RELACION DE ASPECTOS: proporción que existe entre el ancho y el alto de una imagen
  • RESOLUCIONES: numero total de pixeles que pueden ser mostrados en la pantalla de un computador, monitor, celular o cualquier otro dispositivo que posea una pantalla, todos estos poseen una resolución concreta y de esta va a depender la calidad que se alcance en los videos.
  • LINEA DE TIEMPO: herramienta básica del montaje no lineal, se componen varias pistas (clip o track) que organiza la edición brindando un completo control y manipulación de los elementos puestos sobre un espacio/tiempo determinado.

Adobe Premiere Pro

PRPRO-KTH-PG.jpg

Este corresponde a un software de edición no lineal que permite editar videos, gráficos, audio, etc. Siendo uno de los programas más completos de este tipo, lo que le ha valido para convertirse en un estándar de la industria. Las funciones básicas de edición, como mover clips y recortarlos, son fáciles de hacer en la línea de tiempo utilizando herramientas básicas de edición. Hay herramientas para hacer cortes, ediciones de deslizamiento y ondulación, creación de texto y hasta un lápiz para agregar imágenes rápidas a nuestras películas.

Tarea 8: Espacio Audiovisual y Premiere Pro:




Fuentes Utilizadas