Tarea ciclo de la Imagen- Rodrigo Parra
| Título | Tarea ciclo de la Imagen- Rodrigo Parra |
|---|---|
| Asignatura | Producción gráfica 2021 |
| Del Curso | Producción gráfica 2021 |
| 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., 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. |
| Nº | 3 |
| Alumno(s) | Rodrigo Parra Ortiz |
Clase 6, 27/04
Formatos de imagen y Mapa de bits
Formatos de imagen
Existen muchos tipo de formatos de imagen actualmente, a los cuales se le asocian diferentes usos, pero lo primero que hay que saber es que existen 2 tipos de compresión de imagen:
- La compresión destructiva: elimina la información no visible para buscar un ahorro de espacio
- La comprensión no destructiva: mantiene los parámetros de compresión originales codificando la misma cantidad de información de manera más eficiente
Tiff
TIFF (Tagged Image File Format) es un formato de archivo informático para almacenar imágenes de mapa de bits. Es prevalente en la industria gráfica y en la fotografía profesional por su versatilidad y compresión no destructivas. Es el formato de mapa de bits más versátil, seguro y con mayor soporte. Es capaz de describir datos de imagen en dos colores, escala de grises, paleta de color y color completo en varios espacios de color. Sin embargo, es posible que presente problemas al abrir un archivo TIFF creado con otra aplicación.
.jpg)
El formato TIFF fue desarrollado por la desaparecida Aldus y Microsoft, y es actualmente propiedad de Adobe Systems. La última revisión del formato es la número 6, del año 1992. Hay algunas extensiones, como las anotaciones que utiliza el Imaging de Microsoft, pero ninguna puede considerarse estándar.
Gif
GIF –o Graphics Interchange Format– fue desarrollado en 1987 para comprimir imágenes de ocho bits, que pudiesen ser telecomunicadas a través de su servicio e intercambiadas entre los usuarios. Este es un formato sin pérdida de calidad para imágenes con hasta 256 colores, limitados por una paleta restringida a ese número de colores. Por ese motivo, con imágenes con más de 256 colores —de profundidad de color superior a ocho—, la imagen debe adaptarse y reduce su cantidad de colores, lo que produce la consecuente pérdida de calidad. Este formato permite animaciones, con loop o sin loop.
PNG
PNG (siglas en inglés de Portable Network Graphics, Gráficos de Red Portátiles, pronunciadas "ping") es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos. Se le considera como el reemplazo del GIF, sin embargo PNG no soporta animaciones, este formato es usado mas para imágenes con líneas, colores sólidos y texto, que requieran mayor precisión. Es importante destacar que admite el canal alfa en las imágenes, lo que permite guardar imágenes con sectores transparentes.
.jpg)
JPEG y JPG
Joint Photographic Experts Group (JPEG), es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos e imágenes fijas. Este comité fue integrado desde sus inicios por la fusión de varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalización de imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus investigaciones en el área.
Además de ser un método de compresión, es a menudo considerado como un formato de archivo. JPEG/Exif es el formato de imagen más común, utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de imagen, junto con JPG/JFIF, que también es otro formato para el almacenamiento y la transmisión de imágenes fotográficas en la World Wide Web. Estas variaciones de formatos a menudo no se distinguen, y se llaman “JPEG”. Los archivos de este tipo se suelen nombrar con la extensión .jpg.
.jpg)
La pérdida de calidad cuando se realizan sucesivas compresiones es acumulativa. Esto significa que si se comprime una imagen y se descomprime, se perderá calidad de imagen, pero si se vuelve a comprimir una imagen ya comprimida se obtendrá una pérdida todavía mayor. Cada sucesiva compresión causará pérdidas adicionales de calidad. La compresión con pérdida no es conveniente en imágenes o gráficos que tengan textos, líneas o bordes muy definidos, pero sí para archivos que contengan grandes áreas de colores sólidos.
JPG usa un algoritmo de compresión que disminuye el tamaño/peso de las imágenes, sin embargo también reduce su calidad. JPG sólo guarda con un máximo de 8 bits.
¿Cuándo usar PNG y cuando usar JPG?
Dependiendo del uso que se le dará a la imagen, el diseñador deberá elegir cual usar.
- Si la imagen debe ser liviana, JPG.
- Si la imagen debe ser transparente o no tener fondo, PNG.
- Si la imagen debe tener diferentes tamaños, JPG.
EPS
El formato EPS –o Encapsulated PostScript– puede contener texto y gráficas vectoriales pero adicionalmente suelen incluir una previsualización en mapa de bits de la imagen encapsuladamente. El actual formato AI (de adobe Illustrator) se basó en EPS para la creación de su propio formato, aunque ambos han sido reemplazados por el formato PDF, que se ha vuelto un estándar para el intercambio de imágenes vectoriales.
.jpg)
Los archivos EPS frecuentemente incluyen una previsualización del contenido, para mostrar en pantalla. La idea es permitir una visualización simple del resultado final en cualquier aplicación que pueda dibujar un mapa de bits. Sin esta visualización las aplicaciones deberían renderizar los datos PostScript (PS) del archivo, lo cual estaba fuera de las posibilidades de la mayoría de máquinas hasta hace poco. En mayor medida convierte esa previsualización en espacios vectoriales para poder realizar el diseño gráfico del documento.
PSD
Se conoce como PSD al formato estándar del programa Adobe Photoshop. La extensión de este tipo de archivos es .psd. Cabe recordar que Adobe Photoshop es un software creado por la empresa estadounidense Adobe Inc., antes conocida como Adobe Systems Incorporated. Se trata de una herramienta para la edición de gráficos rasterizados que suele utilizarse a la hora de retocar fotografías. PSD es un termino nativo de Photoshop, la cual permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa, almacenando todas las capas y canales que existan en el archivo de imagen. Este formato casi no tiene compatibilidad con otros programas, por lo que se recomienda tener dos archivos: uno en el propio formato nativo (.PSD), y otro en algún formato compatible con otros programas, como JPEG o TIFF.
.jpg)
PDF (siglas en inglés de 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), también puede contener imágenes, botones interactivos, links, videos y más.
.jpg)
Una virtud de PDF es que no depende del software donde se creó el documento, ni tampoco depende de un sistema operativo, por lo que puede ser visualizado con el mismo resultado sin importar desde dónde se abra el archivo
- Puede contener cualquier combinación de texto, elementos multimedia como vídeos o sonido, elementos de hipertexto como vínculos y marcadores, enlaces y miniaturas de páginas.
- Los archivos PDF no pierden el formato con el envío a otros usuarios, como sí sucede cuando se envían documentos de texto (se desordenan las páginas, se desorganizan los párrafos, etc.).
- Es uno de los formatos más extendidos en Internet para el intercambio de documentos. Por ello, es muy utilizado por empresas, gobiernos e instituciones educativas.
- Es una especificación abierta, para la que se han adaptado herramientas de software comercial como las suites ofimáticas Microsoft Office y WordPerfect Office y creado otras en software libre que permiten crear, visualizar o modificar documentos en formato PDF, como OpenOffice.org, LibreOffice y Calligra Suite así como sistemas de composición de textos (LaTeX u ConTeXt).
- Puede cifrarse para proteger su contenido e incluso firmarlo digitalmente.
RAW
El formato RAW significa crudo o bruto y es un 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. Al estar “crudo” no tiene definido ningún parámetro de color y sólo algunos softwares son capaces de interpretarlos. Por ejemplo, no podremos abrir una imagen RAW en Paint, pero sí podremos hacerlo en Photoshop y la imagen tendrá un peso mayor al habitual.
.jpg)
Debido a que contiene la totalidad de los datos de la imagen captada por la cámara y una mayor profundidad de color (por lo general 36 a 48 bits/píxel), sus ficheros tienen un tamaño de archivo muy grande, a pesar de que, generalmente, usan compresión. Las cámaras profesionales y semiprofesionales ofrecen por lo general la opción de grabar imágenes en este formato, además del formato JPG y eventualmente otros. También algunas cámaras compactas de gama alta ofrecen esta posibilidad.
SVG
Los Gráficos vectoriales escalables, gráficos vectoriales redimensionables (del inglés Scalable Vector Graphics) o SVG, se refieren a un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato de lenguaje de marcado extensible XML (Extensible Markup Language), es decir que se compone por código y cuya especificación es un estándar abierto desarrollado por el W3C desde 1999. Las imágenes SVG y sus comportamientos se definen en archivos de texto XML. Esto significa que se pueden buscar, indexar, codificar y comprimir. Como archivos XML, las imágenes SVG se pueden crear y editar con cualquier editor de texto o comúnmente editor de código, así como con software de dibujo. Al tratarse de imagen vectorial, un archivo SVG se puede escalar a diferentes tamaños sin perder calidad, por lo que funciona muy bien en web. Estos gráficos fueron creados para que se puedan representar o renderizar en la web y en los navegadores.
.jpg)
Los dibujos, imágenes o gráficos SVG, a diferencia de los dibujos en otros formatos como los Webp, JPG, PNG, TIFF (Rasters) entre otros, pueden ser interactivos y dinámicos y esto se debe a que no se componen por mapa de bits, sino que están compuestos por vectores, que son instrucciones matemáticas que se le dan al navegador o programas de ediciones de estos gráficos vectoriales, para escalarlos de manera infinita y no perder resolución o calidad en la imagen, dibujo, etcétera.
Raster
Una imagen ráster 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.
.jpg)
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. El raster expresa la dimensión en número de píxeles que forman una imagen de mapa de bits, ancho x alto. Es común oír sobre los megapixeles de una cámara digital y atribuirlo a una mejor calidad de la imagen, sin embargo, los mega pixeles sólo dicen relación con el tamaño del lienzo. La resolución, en cambio, es una consecuencia que va a depender del soporte de exhibición.
- Cada punto representado en la imagen debe contener información de color, representada en canales separados que representan los componentes primarios del color que se pretende representar, en cualquier modelo de color, bien sea RGB, CMYK, LAB o cualquier otro disponible para su representación. A esta información, se puede sumar otro canal que representa la transparencia respecto al fondo de la imagen. En algunos casos, (GIF) el canal de transparencia tiene un solo bit de información, es decir, se puede representar como totalmente opaco o como totalmente transparente; en los más avanzados (PNG, TIFF), el canal de transparencia es un canal con la misma profundidad del resto de canales de color, con lo cual se pueden obtener centenares, miles o incluso millones de niveles de transparencia distintos.
Como Calcular el Raster
El ráster de una imagen digital se expresa multiplicando su anchura por la altura en pantalla. Por ejemplo la imagen de 1200 x 1200 píxeles = 1.440.000 píxeles, expresado en megapixeles es igual a 1,4 Mp.
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 (los píxeles) y las físicas, que tendrá una vez impresa sobre papel u otro soporte incluso digitales. Las imágenes en mapa de bits son más prácticas para tomar fotografías o filmar escenas, mientras que los gráficos vectoriales se utilizan sobre todo para la representación de figuras geométricas con parámetros definidos, lo cual las hace útiles para el diseño gráfico o la representación de texto. Las pantallas de ordenador actuales habitualmente muestran entre 72 y 130 píxeles por pulgada (PPP), y algunas impresoras imprimen 2400 puntos por pulgada (ppp) o más; determinar cuál es la mejor resolución de imagen para una impresora dada puede llegar a ser bastante complejo, dado que el resultado impreso puede tener más nivel de detalle que el que el usuario pueda distinguir en la pantalla del ordenador. Habitualmente, una resolución de 150 a 300 ppp funciona bien para imprimir a 4 colores (CMYK).
.jpg)
Pasar de bits a vectores
La transformación de un mapa de bits a un formato vectorial se llama vectorización. Este proceso normalmente se lleva a cabo o bien manualmente (calcando el mapa de bits con curvas de Bézier o polígonos vectoriales) o bien con ayuda de un programa específico, como por ejemplo Corel PowerTrace o Inkscape. El proceso inverso, convertir una imagen vectorial en una imagen de mapa de bits, es mucho más sencillo y se llama rasterización.
Como calcular resolución
Para calcular el tamaño en píxeles a tamaño en centímetros para la impresión podemos aplicar la siguiente fórmula: Tamaño de impresión= Número de píxeles / Resolución (dpi píxeles por pulgada)
Resoluciones Recomendadas
Se recomiendan las siguientes: 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
Bits y bytes
¿Qué son?
El bit es el acrónimo de "binary digit". Es un dígito del sistema de numeración binario 0 y 1, siendo 0 un punto apagado y 1 un punto prendido. Byte en tanto, 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.
.jpg)
Varios Bits conforman un Byte (8, para ser exactos) y no lo contrario. Mientras que un bit es tan solo un dígito relativo a un sistema de numeración binario (y en cierto sentido la unidad última de la informática) el byte es la verdadera unidad mínima de datos procesada por ordenadores
- Los bits siempre son representados con una ‘b’ minúscula y los Bytes con una ‘B’ mayúscula.
¿Por qué 8 bits?
Las cadenas de bits actúan de forma exponencial. 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.
Es una secuencia contigua de bits en un flujo de datos serie, como en comunicaciones por módem o satélite, o desde un cabezal de disco duro, y es la unidad de datos más pequeña con significado. Estos bytes pueden incluir bits de inicio, parada o paridad, y según los casos, podrían contener de 7 a 12 bits, para así contemplar todas las posibilidades del código ASCII de 7 bits, o de extensiones de dicho código.
.jpg)
- ASCII es, en sentido estricto, un código de siete bits, lo que significa que usa cadenas de bits representables con siete dígitos binarios (que van de 0 a 127 en base decimal) para representar información de caracteres. En el momento en el que se introdujo el código ASCII muchas computadoras trabajaban con grupos de ocho bits (bytes u octetos), como la unidad mínima de información; donde el octavo bit se usaba habitualmente como bit de paridad con funciones de control de errores en líneas de comunicación u otras funciones específicas del dispositivo.
Imágenes de Mapas de Bits
Las imágenes de mapas de bits (imágenes rasterizadas) utilizan una cuadrícula rectangular de elementos de imagen (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. Generalmente se usan para imágenes como fotografías o pinturas digitales. Las imágenes de mapa de bits dependen de la resolución, es decir, 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 aquélla para la que fueron creadas.
Dimensión de imagen de mapas de bits
Las imágenes contienen un numero fijo de pixeles , esta es la dimensión, las imágenes en mapa de bits dependen esto. Cambiando el tamaño de la imagen puede resultar en una peor resolución, un imagen pixeleada.
Profundidad de bits
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
.jpg)
RGB con 8 bits
En ocasiones, las imágenes RGB con 8 bits por canal (bits/canal o 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 imágenes de 8 bits/canal, Photoshop también puede trabajar con imágenes que contengan 16 o 32 bits/canal. Las imágenes con 32 bits/canal también se denominan imágenes de alto rango dinámico (HDR). 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).
RGB de mas de 8 bits
Por ejemplo, la diferencia entre una imagen de 8 bits y otra de 16 bits, es la información que pueden contener, con 16 bits podemos almacenar 65,536 tonos por canal RGB, mientras que con 8 bits sólo podemos almacenar 256 tonos por canal RGB. 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), pero es de uso principalmente de fotografía profesional.
Canales y color de imagen
"Canal" es un término convencional utilizado para referirse a cierto componente de una imagen. En la realidad, cualquier formato de imagen puede usar internamente su propio algoritmo para almacenar imágenes. Por ejemplo, las imágenes en GIF realmente hacen referencia al color de cada píxel mediante un índice, el cual referencia a una tabla donde se almacenan los componentes de color. Sin embargo, independientemente del formato en el que se almacena la imagen, los canales de color pueden determinarse siempre, en la medida en que la imagen final pueda ser renderizada.
.jpg)
La cantidad de canales de color por defecto de una imagen depende de su modo de color.
- Una imagen en escala de grises presenta solo un canal.
- Una imagen en RGB presenta 3 canales, rojo, verde y azul.
- Una Imagen en CMYK presenta 4, cian, magenta, amarillo y negro
Además de los canales de color, se pueden añadir canales alfa para trabajar con máscaras, y también canales de tintas planas para placas de tintas especiales en la impresión.
Otros canales
Hay otros canales que permiten agregarle mascaras o efectos a las capas anteriores.(las opciones de umbral, blanco negro, canales, etc), como por ejemplo:
- Los canales alfa almacenan selecciones de imágenes en escala de grises. Puede añadir canales alfa para crear y almacenar máscaras, lo que le permite manipular o proteger partes específicas de una imagen. Una composición alfa o canal alfa es la que define la opacidad de un píxel en una imagen. El canal alfa actúa como una máscara de transparencia que permite, de forma virtual, componer (mezclar capas) imágenes o fondos opacos con imágenes con un cierto grado de transparencia.
Edición de imágenes
Capas
Photoshop y todos los editores de fotografías trabajan mediante capas. Las capas son como láminas apiladas transparentes sobre las que puede crear imágenes, poner textos y otros elementos visuales. Son una forma ordenada de trabajar que permite componer independientemente cada nivel, donde en las partes transparentes de cada capa, pudiendo 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 . Cada imagen nueva tiene una sola capa.
.jpg)
Tarea Numero 6
Con la palabra escogida en el concepto trabajado en el ciclo de la impresión, debiamos crear en phothoshop, en un formato de 21x21 cms, con una resolución de 300 px, un fotomontaje, en el cual trabajaremos con capas, canales, mapa de bits y efectos, luego modificar la resolución nuevamente a 100 px y exportar el archivo a diferentes formatos, TIFF, JPG, PNG.
.jpg)
.jpg)
- Primero escogí una imagen de una banda, a la cual le borre el fondo, con la herramienta de seleccionado rápido, para luego dejarlo como un png, y asi hacer mucho más fácil el trabajo por capas.
.jpg)
.jpg)
- Posteriormente, copie esta capa varias veces, y con CTRL + T las agrandaba, las capas iban en orden creciente, es decir que las más pequeñas iban primero, hasta llegar a la más grande.
.jpg)
.jpg)
- Luego de pintar el fondo, escogí una portada de su otro álbum, al cual recorté las letras y el marco. Luego fusionandolas en la misma capa, acoplándose una sobre la otra. Use también las herramientas de corrección y de tampon de clonar, para tratar de recrear el texturizado azul del fondo.
.jpg)
.jpg)
- Luego de cambiar el formato de la imagen, a jpg, png y tiff, no noté mayor diferencia más que el peso de los archivos, y bueno dar cuenta de que si el objetivo es poder mostrar la imagen, jpg es lo mejor, png me sirvió más para ir trabajando en el proceso de creación,tenía archivos, como letras o recortes guardados en png listos para ser usados nuevamente, y tiff lamentablemente, si bien guarda mis capas e información de la edición, no lo considero muy útil, porque realmente siempre uso el formato por defecto de Photoshop.
Clase 7, 4/05
Vectores
El Vector en geometria
En matemática y física, un vectora 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. El vector tiene 3 elementos: módulo, dirección y sentido.1 Los vectores nos permiten representar magnitudes físicas vectoriales
.jpg)
La geometría plana o geometría del plano euclídeo estudia los elementos geométricos a partir de dos dimensiones. Un vector fijo del plano euclídeo es un segmento orientado, en el que hay que distinguir tres características:
- Módulo: la longitud del segmento expresado en términos de un valor numérico y una unidad.
- Dirección: el ángulo del vector con respecto al eje x.
- Sentido: la orientación del segmento, del origen al extremo del vector. Puede ser positivo o negativo.
Imagen vectorial
En gráfica, una imagen vectorial se refiere a una imagen 2D compuesta por objetos geométricos independientes –abiertos o cerrados– como líneas o polígonos, definidos por atributos matemáticos para la posición, el color, etc.
.jpg)
Uno de los primeros usos de los vectores en el proceso de visualización fue el realizado por la Fuerza Aérea de los Estados Unidos. El sistema de generación de gráficos mediante vectores se utilizó hasta 1999 en el control aéreo y probablemente aún se siga usando en diversos sistemas militares. El término vector es usado comúnmente en el contexto de gráficos de dos dimensiones producidos por computador. Es uno de los muchos modos con los que un artista cuenta para crear una imagen con una previsualización rasterizada. Otras formas de uso pueden ser en textos, en multimedia y en la creación de escenarios 3D. Prácticamente todos los programas de modelado en 3D usan técnicas que generan gráficos vectoriales en 2D. Los plotters usados en dibujo técnico siguen dibujando los vectores directamente sobre el papel.
- Todos los ordenadores actuales traducen los gráficos vectoriales a mapas de bits para poder representarlos en pantalla al estar esta constituida físicamente por píxeles.
Aplicación de gráficos vectoriales
- Tipografías:La mayoría de aplicaciones actuales utilizan texto formado por imágenes vectoriales. Los ejemplos más comunes son TrueType, OpenType y PostScript.
- Logos: Creacion de logos ampliables a voluntad así como en el diseño técnico con programas de tipo CAD (Computer Aided Design, diseño asistido por computadora). Muy populares para generar escenas 3D.
- Juegos de video:En los videojuegos 3D es habitual la utilización de gráficos vectoriales.
- Gráficos web:Los gráficos vectoriales que se encuentran en el World Wide Web suelen ser o bien de formatos abiertos VML y SVG, o bien SWF en formato propietario. Estos últimos se pueden visualizar con Adobe Flash Player.
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.
.jpg)
Los inventores del PostScript, lenguaje que permitió el desarrollo de sistemas de impresión de alta calidad desde el ordenador, 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. Las curvas de Bézier han sido ampliamente usadas en los gráficos generados por ordenador para modelado de curvas suaves. Como la curva está completamente contenida en la envolvente convexa de los puntos de control, dichos puntos pueden ser visualizados gráficamente sobre el área de trabajo y usados para manipular la curva de una forma muy intuitiva. Las transformaciones afines tales como traslaciones y rotaciones pueden ser aplicadas, con gran facilidad, a las curvas, aplicando las transformaciones respectivas sobre los puntos de control.
- Los puntos ancla o nodos determinan los segmentos y posibilitan realizar formas redondeadas o con ángulo
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). 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. Las impresionantes ilustraciones que se crean con este programa le han dado una fama de talla mundial a esta aplicación de manejo vectorial entre artistas gráficos digitales de todo el planeta.
- Actualmente forma parte de la familia Adobe Creative Cloud y tiene como función única y primordial la creación de material gráfico-ilustrativo altamente profesional basándose para ello en la producción de objetos matemáticos denominados vectores.
¿Cómo iniciarnos en Illustrator?
.jpg)
Vamos a revisar las principales secciones y funcionalidades del software:
Formas
Adobe Illustrator tiene varias herramientas de dibujo, que nos permite crear formas pre-establecidas, como rectángulos, cuadrados, triángulos, polígonos, estrellas o destellos. Estas formas son las formas básicas de todos los dibujos, y nos servirán a la hora de crear formas mas difíciles.
Trazos/trazados y vectorizado
El tipo de trazado más sencillo que se puede dibujar con la herramienta Pluma es una línea recta, que se crea haciendo clic con la pluma para crear dos puntos de ancla. Si se sigue haciendo clic, se crea un trazado compuesto de segmentos rectilíneos conectados por puntos de vértice, Puede crear una curva añadiendo un punto de ancla donde la curva cambie de dirección y arrastrando las líneas de dirección que formen la curva. La longitud y la pendiente de las líneas de dirección determinan la forma de la curva. Las curvas son fáciles de modificar y se pueden visualizar e imprimir más rápido si se las dibuja utilizando los menos puntos de ancla posibles. Usar demasiados puntos puede también introducir protuberancias no deseadas en una curva. En su lugar, dibuje puntos de ancla bien espaciados y practique la formación de curvas ajustando la longitud y los ángulos de las líneas de dirección.
Extrusión de formas
Illustrator provee una función conveniente llamada Extrusión y Bisel para hacer la mayoría del trabajo por ti. La extrusión extiende la superficie de un elemento gráfico, para hacerlo parecer que tiene profundidad, mientras que el Bisel le da a las esquinas un borde redondeado.
Tarea numero 7
.png)
.png)
.png)
.png)
- Para continuar con el trabajo y desarrollo del concepto "Intercalado" o "Intercalar", elegi un animal, en este caso una cebra, la cual sus características fisiológicas, "cumplen" ese concepto. Ahora, busque múltiples imágenes de cebras, a las cual recorta y arregla un poco con la goma de borrar y pinceles correctores, el objetivo era conseguir cebras que miraran al menos en 3 direcciones distintas, todas con sus respectivos cuellos, si es que alguna no tenía, o la imagen no mostraba lo suficiente, fabrico uno en base a otras imágenes, como las cebras se transformaran en perfiles o sombras, no es relevante el cambio del color o de resolución, interesa mas su contorno, el cual será con el que trabajaremos.
.jpg)
.jpg)
- Organize los recortes, sobreponiendo unos con otros, con la opción de transformar, espejo y organizar, cree una composicion, poniendo unos más adelante que los otros, creando niveles en donde se encuentran los diferentes recortes.
.jpg)
.jpg)
.jpg)
- Ya después de haber juntado con la herramienta de lazo todos los recortes y agruparlos en la misma capa, le agregue la tipografia, y un recuadro de color amarillo, para que el negro y el blanco destacarán aún más, posterior a esto, copie todos los recortes nuevamente, los vectorize, y con calco de imagen, silueta, cree una pequeña sombra para cada cabeza, para luego exportar la imagen a jpg, png, svg y pdf.
Clase 8, 11/05
Espacio Audiovisual y premiere pro
Invención de la imagen en movimiento
Un cinematógrafo es una máquina creada por los hermanos lumiere, la cual era capaz de filmar y proyectar imágenes en movimiento. Fue la primera máquina capaz de proyectar películas de cine, dando inicio a este nuevo espacio de expresion y creacion artistica, el mundo de "La cinematografía".
Los primeros cortometrajes se grabaron con 16 a 18 fotogramas por segundo (Fps), lo que facilita que el ojo pueda crear este efecto de continuidad en la imagen, de un movimiento, bajo este sistema, grandes obras reconocidas hasta el dia de hoy como "cine mudo". Ya en los 20, se incorpora el cine sonoro, lo que cambia el estándar, ahora sera de 24fps. El sonido, al estar expuesto en la película requiere de más fotogramas para alcanzar la resolución usable.
.jpg)
La creación y llegada de nuevas tecnologías, y nuevos formatos de video digital, benefició enormemente a la generación con efectos visuales y auditivos, y una circulación masiva de estos. Ahora todos tienen acceso a servicios basados en herramientas audiovisuales, desde las videollamadas, hasta la posibilidad de registrar por camara y video, permitiendo que cualquiera pueda acceder a estos medios, estas herramientas de edición desde un equipo doméstico.
Medios Audiovisuales
¿Que son los medios Audiovisuales?
Los medios audiovisuales, o también conocidos como medios de comunicación audiovisuales son los mecanismos de comunicación masiva que transmiten sus mensajes a través de canales que involucran no sólo el sentido de la vista, sino también el de la audición a diferencia de los medios impresos tradicionales. Los medios audiovisuales utilizan la tecnología multimedia, la cual combina lo visual del clásico modelo impreso con la inmediatez de la radio hablada. La televisión, el cine y el internet son medios audiovisuales comunicativos que se basan en la transmisión conjunta de imágenes y sonido de manera conjunta y sincronizada. De esta manera, se logra crear el efecto de realidad.
.jpg)
Los medios audiovisuales permiten la implementación de efectos especiales y montajes, los cuales a parte de añadir más realismo y naturalidad al mensaje, permiten añadir ese toque de emoción que caracteriza a las películas o producciones ambiciosas de tv o cine.
Edicion de video
¿Que es?
Editar un vídeo consiste simplemente en manipularlo, es decir, ir uniendo unas imágenes a otras, eliminando algunas, añadiendo efectos digitales o títulos, incorporando música y cualquier otro material que permitiese un producto listo para ser duplicado o emitido.
Un proceso por el cual un editor coloca fragmentos de vídeo, fotografías, gráficos, audio, efectos digitales y cualquier otro material audiovisual en una cinta o un archivo informático. El objetivo de la edición es presentar un programa terminado para emitir por televisión, generar copias para su venta o servir como base para otros más acabados.
Edición vs Montaje
El montaje se realizaba con película de cine, ya fuese de 16 o 35 mm, 70 mm en el caso del IMAX, pero siempre partiendo de una emulsión fotosensible.5 Por tanto, se debía recurrir a procesos químicos para realizar copias o duplicados con los que trabajar, lo que suponía líquidos, grandes espacios, cámaras oscuras, tiempos de espera. La edición es un término propio de los soportes magnéticos, ya sean cintas, memorias flash o discos duros. Se utiliza material audiovisual grabado electrónicamente para obtener una cinta o un archivo de computadora. Suele requerir muchos menos procesos y unos costes bastante inferiores a los del montaje, pero la calidad de la imagen era también inferior, por lo menos hasta la llegada del siglo XXI.6
.jpg)
- La diferencia de resultados que podían lograrse con uno y otro sistema se aprecia mejor al pasar las imágenes a papel. Si se imprimiese un fotograma de 35 mm a 200 puntos por pulgada, calidad de impresión habitual para las publicaciones de color, sus más de 2000 líneas de definición permitiría una ilustración de aproximadamente medio A4. Si se hiciese más grande el ojo humano notaría el pixelado. Mientras, un cuadro de PAL impreso a la misma calidad sería del tamaño de un sello postal, sus 576 líneas visibles no darían para más.7
Edición lineal
Consistía en una pista que marcaba con hora, minuto, segundo y cuadro toda la cinta. El código de tiempos permitía localizar con la mayor exactitud cualquier parte del material, de la misma forma podría comenzarse a grabar dentro del master en el punto que se quisiera, también posibilitaba la creación de consolas de edición que rebobinaran los aparatos hasta el punto deseado con solo teclear la combinación de hora, minuto, segundo y cuadro, además hacía posible indicar los puntos donde se comenzaría la grabación y donde se terminaría para realizar visionados previos.
.jpg)
La edición lineal es la que se ha utilizado tanto el en cine como en el vídeo analógico. La forma no lineal es la utilizada por la tecnología digital. Esta forma de edición permite ordenar los frames en el orden que deseemos. Podemos tratar cualquier fotograma o cuadro de imagen de forma directa sin necesidad de seguir toda la secuencia, independiente de la forma y orden de cómo hemos grabado el vídeo.
Edición no lineal
Se denomina sistema de edición no lineal en la terminología del vídeo y sistema de montaje no lineal en la terminología del cine a un sistema de edición por el cual se pueden ampliar o reducir cualquier secuencia de una edición o montaje sin alterar ni dañar las secuencias o cuadros posteriores. Si además se puede acceder a cualquier punto del material bruto instantáneamente, sin recorrer las tomas previas, se denomina Sistema de edición no lineal de acceso aleatorio. En ocasiones es considerado equivalente en el ámbito del audio/video al procesamiento de textos, por lo cual también se lo denomina edición de vídeo en desktop en el ámbito de los consumidores (Evans, 2006, p. 14).
.jpg)
La edición lineal fue el primer sistema de edición que se usó al difundirse los sistemas de vídeo, pero sus limitaciones hicieron que dicho sistema fuera sustituido por el sistema de edición no lineal a partir de la década de 1980. Con la mejora en la informática, los algoritmos de compresión y las grabaciones digitales fueron apareciendo sucesivas generaciones de sistemas no lineales basados primero en cintas de vídeo, después en discos láser y más tarde en distintas generaciones de discos magnéticos. Con las sucesivas mejoras también se buscó abaratar el proceso de edición proporcionando subproductos intermedios como cinta de visionado, lista de decisiones de edición (EDL por sus siglas en inglés) o lista de corte de negativo; hasta que las últimas generaciones ya conseguían realizar el proceso completo.
Conceptos esenciales para la edición de video
Formato de video
El formato contenedor es el formato del archivo, el cajón que engloba todo el material (vídeo, audio, etc) Formato contenedor: Todo archivo de vídeo tiene en su interior un formato, que puede ser AVI, MPG, H264, MOV, WMV etc. Éste tiene en su interior varios elementos, entre ellos el vídeo y el audio generalmente. Pero también podrían contener subtítulos integrados, incluso varios archivos de audio con diferentes idiomas.
.jpg)
Codec de video
codec de vídeo es el formato que está relacionado con la parte del vídeo y no es del todo imprescindible.
Codecs de vídeo: Los Codecs de vídeo son los archivos que están dentro del formato contenedor, por lo tanto hay que saber diferenciar estos dos conceptos. Si no existiesen codecs no habría problema ya que estos son archivos que ayudan a la compresión. Dependiendo de la elección del códec podrás tener peor o mejor calidad.
.jpg)
Relación de Aspecto
La relación de aspecto es la relación proporcional entre el ancho y el alto de una imagen. En esencia, describe la forma de una imagen.
Las relaciones de aspecto se expresan como una fórmula de ancho por altura, como esta: 3:2.
.jpg)
Por ejemplo, una imagen cuadrada tiene una relación de aspecto de 1:1, debido a que la altura y el ancho son iguales. La imagen podría tener 500px × 500px o 1500px × 1500px, y la relación de aspecto seguirá siendo 1:1.
Otro ejemplo: una imagen vertical podría tener una relación de aspecto de 2:3. Con esta relación de aspecto, la altura es 1.5 veces superior al ancho. Por lo tanto, la imagen podría tener 500px × 750px, 1500px × 2250px, entre otros.
Resoluciones
La resolución de pantalla es el número de píxeles que es capaz de mostrar una pantalla. La resolución se calcula multiplicando el número de filas y columnas de píxeles. Como norma general una mayor resolución indica una mayor capacidad de mostrar detalles, aunque hay una dependencia con la distancia de visualización que limita esta capacidad a partir de la cual no se aprecian diferencias. De ahí la importancia de tener en cuenta la distancia de visionado a la hora de elegir una pantalla adecuada.
La relación de aspecto de una pantalla, es decir, la relación de proporción entre la anchura y la altura, se obtiene realizando la división del número de columnas (anchura) entre el número de filas (altura).
Con la aparición de la computadora digital han aparecido nuevos aparatos transustanciales a la resolución que contribuyen a definir mejor el sistema. La resolución espacial queda definida por el producto de las líneas activas por cuadro por los píxeles activos por línea. Para una imagen de televisión de alta definición (HDTV) de 1080 líneas activas y 1920 píxeles por línea la resolución espacial será de 2.073.600 píxeles. Ahora bien, si la imagen es de exploración entrelazada, teniendo en cuenta un factor de Kell de 0,7, la resolución espacial que percibirá el espectador será de 1.451.520 píxeles. Para una imagen de HDTV de 720 líneas activas y 1280 píxeles por línea, la resolución espacial será de 921.600 píxeles. Si esta imagen se explora en modo progresivo la resolución que se percibirá, tomando un factor de Kell de 0,9 será de 829.440 píxeles. Esto significa que la imagen de HDTV de 1.451.520 píxeles ofrece una resolución espacial superior al 75 % en comparación con una imagen de HDTV de 829.400 píxeles.
Línea de tiempo
La línea de tiempo es el espacio de trabajo en el que se organizan los clips de un montaje. Cada recurso, cada bruto, cada trozo de vídeo con el que trabajamos en la línea de tiempo puede trabajarse como fotogramas que conforman un total.
.jpg)
Adobe Premiere Pro
Adobe Premiere Pro es un software de edición de video desarrollado por Adobe y publicado como parte de Adobe Creative Cloud. Está orientado a la edición de vídeos profesionales, mientras que su derivado, Adobe Premiere Elements, apunta al mercado de consumidores. Lanzado en 2003, luego de una reescritura de código, Adobe Premiere Pro es el sucesor de Adobe Premiere, originalmente lanzado en 1991, el cual contiene funciones más avanzadas. Cuenta con una interfaz personalizable, por defecto organizada en espacios de trabajo que coinciden con las etapas de la edición: ensamblaje, edición, color, efectos, audio y títulos.
.jpg)
Permite el trabajo con múltiples secuencias (líneas de tiempo), que además pueden ser jerarquizadas, unas dentro de otras. Aparte de medios, las líneas de tiempo admiten una serie de elementos especiales como capas de ajuste (mismo concepto que en Photoshop), títulos, composiciones de After Effects y gráficos esenciales. Posee incorporado una librería de efectos, que es extensible mediante la instalación de plugins. Las propiedades de los efectos se pueden animar mediante un sistema de fotogramas clave. Posibilita la creación de máscaras en la zona donde se desee aplicar el efecto, siendo útil en la generación de viñetas, correcciones de color, etc.
- En cuanto a especificaciones técnicas, la máxima resolución que se admite es 16k X 10k 32 bits por canal, tanto en RGB como YUV. Mediante el motor Mercury Playback Engine, la GPU (siempre que sea compatible) puede ser utilizada para potenciar tanto las previsualizaciones como el renderizado.
Una de las mejores herramientas para la producción de vídeos para cualquier creador de contenido.
Tarea 8
Adobe Premiere experimentacion
- Para hacer el trabajo me dedique a buscar videos de cebras en manadas, descargando diferentes contenidos audiovisuales y recortando los fragmentos que complacian de alguna manera, esta sensación de intercalar, de que se junten y se separen, que se topen, etc. Tambien escogi una pista de audio, que hiciera sentido al habitat en el que viven estos animales, corte partes de la canción, y agregue transiciones al audio para que el volumen bajara y subiera a conveniencia, incluso ir bajando su velocidad de a poco. Agregue transiciones entre los fragmentos de video, para que los cortes no fueran tan de inmediato, use el por defecto de Premiere, el cual es bastante simple pero suave a la vista. Lo exporte en avi, para luego pasarlo a mp4 por inshot, lo que facilita la velocidad de la subida a youtube, bajandole el peso, pero tambien un poco la calidad.
FUENTE
- Clase 6
- https://es.wikipedia.org/wiki/TIFF
- https://es.wikipedia.org/wiki/Graphics_Interchange_Format
- https://es.wikipedia.org/wiki/Portable_Network_Graphics
- https://es.wikipedia.org/wiki/EPS
- https://es.wikipedia.org/wiki/Joint_Photographic_Experts_Group
- https://es.wikipedia.org/wiki/PDF
- https://es.wikipedia.org/wiki/Raw_(formato)
- https://es.wikipedia.org/wiki/Gr%C3%A1ficos_vectoriales_escalables
- https://es.wikipedia.org/wiki/Imagen_de_mapa_de_bits
- https://siliconnews.plataformasinc.es/diferencia-entre-un-bit-y-un-byte/
- https://es.wikipedia.org/wiki/ASCII
- https://helpx.adobe.com/es/photoshop/using/bit-depth.html#:~:text=Las%20im%C3%A1genes%20RGB%20se%20componen,de%20posibles%20valores%20de%20color.
- https://es.wikipedia.org/wiki/Canal_(imagen_digital)#:~:text=Un%20canal%20en%20este%20contexto,grises%20tendr%C3%A1%20solo%20un%20canal.
- https://www.color3arte.com/guia-profesional-para-una-optima-impresion-fotografica/?v=a33c1ea972fc
- https://es.wikipedia.org/wiki/Canal_(imagen_digital)
- https://helpx.adobe.com/es/photoshop/using/channel-basics.html
- https://es.wikipedia.org/wiki/Composici%C3%B3n_alfa#:~:text=En%20computaci%C3%B3n%20gr%C3%A1fica%2C%20la%20composici%C3%B3n,un%20cierto%20grado%20de%20transparencia.
- Clase 7
- https://es.wikipedia.org/wiki/Vector#:~:text=En%20matem%C3%A1tica%20y%20f%C3%ADsica%2C%20un,%3A%20m%C3%B3dulo%2C%20direcci%C3%B3n%20y%20sentido.
- https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
- https://es.wikipedia.org/wiki/Curva_de_B%C3%A9zier
- https://es.wikipedia.org/wiki/Adobe_Illustrator
- https://www.creativosonline.org/creacion-de-formas-basicas-con-adobe-illustrator.html
- https://miracomosehace.com/crear-formas-herramienta-creador-formas-adobe-illustrator/#nav-0
- https://techlandia.com/caracteristica-extrusion-biselado-illustrator-como_278835/
- Clase 8
- https://www.google.com/search?q=que+son+los+medios+audiovisuales&rlz=1C1CHZN_esCL952CL952&oq=que+son+los+medios+audiovisuales&aqs=chrome.0.0l10.8871j0j7&sourceid=chrome&ie=UTF-8
- https://www.ipp.edu.pe/blog/medios-audiovisuales/
- https://es.wikipedia.org/wiki/Edici%C3%B3n_de_video
- https://es.wikipedia.org/wiki/Sistema_de_edici%C3%B3n_no_lineal#:~:text=Se%20denomina%20sistema%20de%20edici%C3%B3n,las%20secuencias%20o%20cuadros%20posteriores.
- https://aulacm.com/formatos-video-xvid-mp4-h264/
- https://es.wikipedia.org/wiki/Resoluci%C3%B3n_de_pantalla
- https://es.wikipedia.org/wiki/Adobe_Premiere_Pro
