martes, 29 de septiembre de 2020

ADOBE ILLUSTRATOR - GENERALIDADES

¿Qué es Illustrator?

Illustrator CC es una herramienta desarrollada por Adobe, con la que podremos crear y modificar dibujos basados en gráficos vectoriales. Illustrator es una de las preferidas de los diseñadores gráficos, publicistas, impresores y todos aquellos que tienen que trabajar con ilustraciones, logotipos, etcétera.

Icono de Illustrator

Para entender cómo funciona este programa, lo primero es entender qué es un gráfico vectorial, y que diferencia existe con los gráficos basados en mapa de bits.

¿Qué es un mapa de bits?

Las imágenes de mapa de bits, también conocidas como imágenes ráster, están compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Si aumenta el tamaño del mapa de bits, también aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan un aspecto dentado, dando la sensación de ver los píxeles. En la siguiente imagen, puedes ver el efecto de aumentar el tamaño de la imagen de la izquierda.

Imagen a tamaño normal    Imagen aumentada

La reducción del tamaño de un mapa de bits distorsiona la imagen original, ya que se eliminan algunos píxeles para reducir el tamaño de la imagen, lo que hace que se pierda información.

Imagen normal   Imagen reducida

En el ejemplo vemos que al reducir la imagen, se han perdido píxeles, y ya no se muestra el dibujo de la malla. Si esto lo hacemos desde un editor, y guardamos la imagen, estos píxeles no se recuperan ni volviendo a aumentar la imagen, por lo que hemos perdido calidad.

Imagen devuelta a su tamaño original

El color y la forma de una imagen de mapa de bits aparece regular si se observa a distancia, puesto que cada píxel tiene un color propio, puede crearse efectos de realismo fotográfico tales como el sombreado y el aumento de la intensidad de color.

Debido a que las imágenes de mapa de bits forman conjuntos de píxeles ordenados, sus distintos elementos no se pueden manipular (por ejemplo mover) de forma individual.

Se basan en mapa de bits los formatos de imagen más habituales, como el jpgpng o gif que encontramos constantemente en la web.

¿Qué es un gráfico vectorial?

Las imágenes vectoriales, también llamadas imágenes orientadas al objeto o imágenes de dibujo, se definen matemáticamente como una serie de puntos unidos por líneas con determinados atributos geométricos. Los elementos gráficos presentes en un archivo vectorial se denominan objetos. Cada objeto es una entidad completa con propiedades tales como color, forma, contorno, tamaño y posición en la pantalla, que están incluidas en su definición.

Considerando que cada objeto es una entidad completa, se puede mover, escalar, cambiar sus propiedades una y otra vez manteniendo su claridad y nitidez originales, sin afectar a los restantes objetos de la ilustración.

Los dibujos vectoriales no dependen de la resolución. Esto significa que se muestran con la máxima resolución permitida por el dispositivo de salida: impresora, monitor, etc. Por lo tanto, la calidad de imagen de tu dibujo será mejor si lo imprimes en una impresora de 600 puntos por pulgada (ppp) que en una impresora de 300 ppp.

En esta imagen podemos ver que un gráfico del mismo tamaño, pierde resolución al aumentarlo si se trata de un mapa de bits, pero no si se trata de un gráfico vectorial.

Diferencia al aumentar

Existen programas distintos para tratar estos dos tipos de gráficos. Programas como Photoshop, Paint Shop Pro o GIMP trabajan sobre mapas de bits. Estos programas están más enfocados al tratamiento y retoque fotográfico. Otros programas, como Illustrator, Corel Draw o InkScape trabajan con gráficos vectoriales. Estos programas son más utilizados para crear imágenes desde cero, aunque lo que creemos lo convirtamos después a un mapa de bits, guardándolo como un gif o un jpg.

Illustrator nos permite también generar un gráfico vectorial a partir de un mapa de bits e incluso crear ilustraciones que combinen mapas de bits con dibujo vectorial, aunque las opciones que tenemos para trabajar con cada uno son distintas, por supuesto. Todo esto lo veremos a lo largo del curso.

La distinción es entonces importante: Illustrator es una aplicación que sirve para crear imágenes vectoriales, es decir, objetos cuya forma se define matemáticamente y con propiedades como color, línea de trazo, etcétera que definen a cada objeto. Dos de sus diversas ventajas son que podemos escalar el tamaño de los objetos sin perder calidad y que podemos modificar los objetos de la ilustración de manera individual, sin afectar a otros objetos.

Comenzando a trabajar

Ver el videotutorial

Acceso directo

Adobe Illustrator se abre como cualquier programa de Windows. Si durante la instalación se creó un icono de acceso directo en el escritorio, podemos hacer doble clic sobre él para abrirlo. Si no, desde el menú Inicio, podemos buscarlo en Todos los programas, si no está en la lista de programas recientes. Otra opción ágil para encontrarlo es utilizar la caja de búsqueda de Windows, o bien anclarlo en las baldosas del menú Inicio de Windows 10 u 8. .OBSERVA EL VIDEO ANTERIOR.

La interfaz de Illustrator

Ver el videotutorial

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y desplazar. Y cualquier disposición de estos elementos se conoce como espacio de trabajo.

Vamos a ver más detalladamente cuáles son estos elementos. Para que se muestren los paneles, prueba a abrir una imagen o un documento ya creado.

Área de trabajo de Illustrator

1. Barra de menús.
Es la barra superior desde la que se despliegan los menús como Archivo o Edición. A la derecha de los menús tenemos dos botones que activan Bridge y Adobe Stock, así como un botón que organiza las ventanas de los documentos abiertos. Después encontrarás el menú de Espacios de trabajo (que veremos también en esta unidad) y, finalmente, una ventana de búsquedas para ayuda de Illustrator y contenido de Stock.
2. Panel de control o Barra de propiedades.
En esta barra, situada debajo de la Barra de menús, aparecen opciones propias del objeto que tengamos seleccionado. Por lo que estas opciones variarán según el tipo de objeto.
 
3. Fichas de documento.
Por cada documento de Illustrator abierto encontraremos aquí una ficha que nos dará acceso a él. También podemos organizar los documentos en ventanas.
4. Barra de Herramientas.
En el lateral izquierdo encontramos este barra, que agrupa las herramientas de dibujo, edición, etc. Algunas herramientas aparecen agrupadas en un mismo icono, las cuales se diferencia por tener un triangulo pequeño en su esquina inferior derecha que funciona como botón. Para desplegarlas hay que mantener pulsado el ratón unos segundos. También podemos acceder a sus propiedades haciendo doble clic. Evidentemente, utilizaremos esta barra constantemente.
5. Área de trabajo.
Es el área donde, a su vez, disponemos las mesas de trabajo. En esta área podemos también crear objetos con Illustrator, pero sólo los que estén en las mesas de trabajo se imprimen o exportan.
6. Mesa de trabajo o área de recorte.
Es el espacio donde desarrollamos nuestra Illustración. Un documento puede contener más de una mesa de trabajo, su analogía más simple sería decir que las mesas de trabajo son las hojas de nuestro documento, sin embargo, como veremos, las mesas de trabajo tienen propiedades únicas que facilitan el desarrollo de proyectos.
7 y 8. Paneles.
Los paneles o paletas, normalmente situados a la derecha, muestran un grupo de opciones y propiedades relacionadas, como puede ser el NavegadorColor o Pinceles. Pueden estar agrupados en el Menú o Grupo de paneles o podemos encontrarlos flotantes, y aparecer apilados o acoplados. Todos los paneles de los que dispone Illustrator se pueden abrir desde el menú Ventana.
9. Barra de estado.
Está situada en la parte inferior de la ventana de Illustrator. Contiene un control para modificar el Zoom a la mesa de trabajo, así como un área donde muestra información que podemos seleccionar: la herramienta seleccionada, el esquema de color, etcétera.
 

A veces, pueden parecernos que en pantalla tenemos muchos elementos, y darnos la sensación de que nos quedamos sin espacio para ver el documento sobre el que trabajamos. Una solución a esto es pulsar la tecla Tab (tabulador). Al hacerlo, se ocultan o visualizan todos los elementos salvo la Ventana del documento. Si en vez de eso pulsamos Mayúsculas + Tab se ocultarán sólo los paneles.

ACTIVIDADES

1. Copia en tu cuaderno textualmente con gráficos la información sobre mapa de bits e imagen vectorial.

2. Dibuja el espacio de trabajo de la aplicación describiendo cada uno de sus 9 componentes.

3. descarga la aplicación portable desde youtube. les sugiero este link.



https://www.youtube.com/watch?v=m-QbmvQ56MI


WEBGRAFÍA: 

https://www.aulaclic.es/illustrator-cc/index.htm

https://www.youtube.com/watch?v=1jsneK8d5lk&t=63s

martes, 8 de septiembre de 2020

IMAGEN DIGITAL - ADOBE ILLUSTRATOR

QUE ES UNA IMAGEN DIGITAL.


Una imagen digital o gráfico digital es una representación bidimensional de una imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros). Dependiendo de si la resolución de la imagen es estática o dinámica, puede tratarse de una imagen matriarcal (o mapa de bits) o de un gráfico vectorial. El mapa de bits es el formato más utilizado en informática.


Mas sencillamente dicho o en otras palabras, una imagen digital proveniente de una cámara de fotos digital está formada por pequeños cuadraditos denominados “pixeles” (del inglés picture-elements, elemento de imágen).Estos miles o millones de pixeles que componen la imagen digital forman una grilla que tiene información acerca cual es la calidad, brillo, contraste, color y definición de la imagen propiamente dicha.
A mayor cantidad de pixeles por pulgada (PPI pixel per inch por sus siglas en ingles) mayor resolucion tendra la imagen, como en el ejemplo de abajo, en donde del lado izquierdo vemos una imagen en full HD(con 2 MP o 2 milllones de pixeles) y del lado derecho una con resolucion 4K (8 MP u 8 millones de pixeles) en donde claramente se ve la diferencia en resolucion.



PIXEL

Un píxel o pixel, plural píxeles, (acronimo del ingles picture element, ‘elemento de imagen’) es la menor unidad homogénea en color que forma parte de una imagen digital ya sea esta una fotografia, un fotograma de video o un grafico. Los píxeles son los puntos de color (siendo la escala de grises una gama de color monocromática). Las imágenes se forman como una sucesión de píxeles.


En las imágenes de mapa de bits, o en los dispositivos gráficos, cada píxel se codifica mediante un conjunto de bits de longitud determinada (es la llamada profundidad de color); por ejemplo, puede codificarse un píxel con un byte (8bits), de manera que cada píxel admite hasta 256 variaciones de color (28 posibilidades binarias), de 0 a 255. En las imágenes llamadas de color verdadero, normalmente se usan tres bytes (24 bits) para definir el color de un píxel; es decir, en total se puede representar un total de 224 colores, esto es 16 777 216 variaciones de color. Una imagen en la que se utilicen 32 bits para representar un píxel tiene la misma cantidad de colores que la de 24 bits, ya que los otro 8 bits son usados para efectos de transparencia.

PROFUNDIDAD DE BITS

La profundidad de bits es determinada por la cantidad de bits utilizados para definir cada píxel. Cuanto mayor sea la profundidad de bits, tanto mayor será la cantidad de tonos (escala de grises o color) que puedan ser representados. Las imágenes digitales se pueden producir en blanco y negro (en forma bitonal), a escala de grises o a color.
Una imagen bitonal está representada por píxeles que constan de 1 bit cada uno, que pueden representar dos tonos (típicamente negro y blanco), utilizando los valores 0 para el negro y 1 para el blanco o viceversa.
Una imagen a escala de grises está compuesta por píxeles representados por múltiples bits de información, que típicamente varían entre 2 a 8 bits o más.

Ejemplo: En una imagen de 2 bits, existen cuatro combinaciones posibles: 00, 01, 10 y 11. Si "00" representa el negro, y "11" representa el blanco, entonces "01" es igual a gris oscuro y "10" es igual a gris claro. La profundidad de bits es dos, pero la cantidad de tonos que pueden representarse es 2 2 ó 4. A 8 bits, pueden asignarse 256 (2 8 ) tonos diferentes a cada píxel.


Una imagen a color está típicamente representada por una profundidad de bits entre 8 y 24 o superior a ésta. En una imagen de 24 bits, los bits por lo general están divididos en tres grupos: 8 para el rojo, 8 para el verde, y 8 para el azul. Para representar otros colores se utilizan combinaciones de esos bits. Una imagen de 24 bits ofrece 16,7 millones (2 24 ) de valores de color. Cada vez más, los escáneres están capturando 10 bits o más por canal de color y por lo general imprimen a 8 bits para compensar el "ruido" del escáner y para presentar una imagen que se acerque en el mayor grado posible a la percepción humana.

Las imágenes digitales son fotos electrónicas tomadas de una escena o escaneadas de documentos -fotografías, manuscritos, textos impresos e ilustraciones. Se realiza una muestra de la imagen digital y se confecciona un mapa de ella en forma de cuadrícula de puntos o elementos de la figura (píxeles). A cada píxel se le asigna un valor tonal (negro, blanco, matices de gris o color), el cual está representado en un código binario (ceros y unos). Los dígitos binarios ("bits") para cada píxel son almacenados por una computadora en una secuencia, y con frecuencia se los reduce a una representación matemática (comprimida). Luego la computadora interpreta y lee los bits para producir una versión analógica para su visualización o impresión.


TIPOS DE IMÁGENES DIGITALES


Clasificar las imágenes es una tarea que puede realizarse basándose en múltiples criterios, en el caso que nos ocupa nos interesa exclusivamente la forma en que esta imagen se encuentra descrita en el ordenador.
En base a esto, podemos distinguir dos grandes grupos de imágenes digitalizadas: aquellas que están descritas en base a fórmulas matemáticas que definen su relleno y contorno, llamadas vectoriales y las que se encuentran descompuestas en píxeles, es decir, pequeños cuadraditos de color que en conjunto proporcionan la representación total de la imagen. Éstas se denominan imágenes en mapa de bits.


IMÁGENES VECTORIALES


Las imágenes vectoriales se componen de contornos y rellenos definidos matemáticamente (vectorialmente) mediante precisas ecuaciones que describen perfectamente cada ilustración. Esto posibilita que sean escalables sin merma alguna de su calidad cuando quieren reproducirse en un dispositivo de salida adecuado. Esta característica adquiere espcial relevancia en ilustraciones que contienen zonas con contornos curvados.

IMÁGENES DE MAPA DE BITS

Las imágenes de mapa de bits están descritas mediante una gran cantidad de cuadraditos, llamados píxels, que están rellenos de color aunque éste sólo sea blanco o negro. La idea es muy sencilla. Supongamos que queremos reproducir una fotografía de un paisaje en un cuaderno con hojas cuadriculadas. Podemos trazar en la foto cuadrados de igual tamaño que en el cuaderno y, a continuación, traspasar a éste los colores de cada cuadro, ello nos proporcionará en nuestro papel una imagen aproximada a la foto original. Fácilmente comprenderemos que esta copia será más fiel cuanto más pequeños sean los cuadraditos usados para descomponerla y copiarla.





COMO OBTENEMOS UNA IMAGEN DIGITAL

Las imágenes digitales pueden obtener de varias formas: Por medio de dispositivos de conversión analógica-digital como los escaneres y las cámaras digitales. Directamente mediante programas informáticos editores de mapas de bits y diujo vectorial, como por ejemplo realizando dibujos con el ratón o mouse o la tableta digitalizadora gráfica, por otro lado mediante un programa de renderización 3D a mapa de bits.

Camara digital A65 de sony



scanner


Las imágenes digitales se pueden modificar mediante filtros, añadir o suprimir elementos, modificar su tamaño, etc. y almacenarse en un dispositivo de grabación de datos como por ejemplo memorias sd o microsd, memorias usb y/o un disco duro.


DE QUE SE COMPONE UNA IMAGEN DIGITAL

Estructura: La mayoría de formatos de imágenes digitales están compuestos por una cabecera que contiene atributos (dimensiones de la imagen, tipo de codificación, etc.), seguida de los datos de la imagen en sí misma. La estructura de los atributos y de los datos de la imagen es distinto en cada formato.

Formatos Imagen: Formatos de Imagen JPEG, GIF, PNG, TIFF, PSD. Los archivos gráficos , o archivos de imagen, son los archivos utilizados para crear, almacenar y manipular imágenes mediante un computador. En definitiva, los archivos gráficos tienen una estructuración de los datos que contienen, que permite que se puedan almacenar las imágenes de forma legible para el programa, o tipo de programa, que lo generaron.

Existen muchos formatos de imagen que utilizan un sistema de mapa de bits para su representación: BMP, GIF, TIFF, JPEG, PCX, IFF… La gran cantidad de formatos gráficos reflejan el desarrollo histórico de la informática (en hardware y en software ) durante las últimas décadas.

Algunos formatos de imagen fueron creados por las mismas empresas que desarrollaron los programas utilizados para trabajar con gráficos (p.e.: PCX, o GIF). Otros formatos son el resultado de colectivos que han intentado normalizar el formato de la imágenes (p.e.: TIFF, JPEG, PNG…). 

Además, los formatos actuales añaden a menudo una zona de metadatos ("metadata" en fotografía (Escala de sensibilidad, flash, etc.) Estos metadatos se utilizan muy a menudo en el formato extensión cámaras digitales y videocámaras.

ACTIVIDADES:

Iniciamos tercer periodo, hemos aprendido muchas herramientas para el manejo del sonido y el vídeo digital, no podía faltarnos incursionar en este fascinante mundo de la imagen digital, existen muchos programas para el manejo de imagen digital pero nos enfocaremos en Adobe Illustrator que es un editor de gráficos vectoriales en forma de taller de arte y que trabaja sobre un tablero de dibujo, o 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. BIENVENIDOS.

1. Lee con atención la información presentada en esta entrada de blog y responde en tu cuaderno, incluyendo los dibujos que estimes conveniente.

  • Qué es una imagen digital?
  • Qué es un píxel?
  •  A qué se refiere la profundidad de bits?
  • Cuales son los tipos de imágenes?, describa cada una.
  • Cuales son los formatos más conocidos?



FECHA DE ENTREGA: Próxima clase.

WEBGRAFÍA: 



EL AFICHE

  El poder persuasivo del afiche: una herramienta visual de comunicación El afiche, también conocido como póster, es una herramienta visual ...