Photoshop vector e imagen

77
DISEÑO DIGITAL I

Transcript of Photoshop vector e imagen

Page 1: Photoshop vector e imagen

DISEÑO DIGITAL I

Page 2: Photoshop vector e imagen

Investigación

¿Qué es un pixel? ¿Qué es un vector? Archivos vectoriales Tipos de archivos Archivos o mapa de bits Tipos de archivos

Page 3: Photoshop vector e imagen

RGB

son colores de luz Mezclándolos nos dan todos los colores

en pantalla.El RGB se utiliza para trabajar los colores en el monitor.

RGB

RED, GREEN, BLU

E

Page 4: Photoshop vector e imagen

CMYK

Es utilizado para trabajos impresos (imprentas, impresoras y fotocopiadoras ).Con la mezcla de estos colores nos puede resultar cualquier color del espectro visible, esto se llama cuatricromía.

CMYK

Cyan, Magenta, Yello

w Black

Page 5: Photoshop vector e imagen

¿Qué es un vector?

Un vector es la descripción geométrica y matemática de una imagen.

Por ejemplo, los puntos del perímetro de un circulo es descripto por la formula (x2 + y2= R).

Page 6: Photoshop vector e imagen

Vector

Los archivos en formato de Ilustrator, CorelDraw o AutoCad requieren mayor capacidad de procesamiento para ser decodificados.

Page 7: Photoshop vector e imagen

Vector

No depende de la resolución a diferencia de las imágenes de pixeles, ya que el aumento o disminución del plano en el que están desplegadas no afecta a la descripción geométrica, que se adapta al tamaño ampliando la escala del vector.

Las imágenes de vectores no son adecuadas para almacenar texturas, sino áreas de color plano.

Page 8: Photoshop vector e imagen

¿Qué es un pixel?

El pixel es la mínima unidad de las imágenes de mapas de bits (bitmaps), que son matrices cartesianas bidimensionales, o sea, con coordenadas verticales y horizontales, que determinan la posición de un pixel en una imagen

Page 9: Photoshop vector e imagen

PIXEL

La memoria que ocupa un pixel esta determinada por su valor o profundidad, y según este valor la imagen podrá desplegar mayor o menor cantidad de colores.

Se usan en softwares que se utilizan mayormente para la edición de imágenes y videos reales; ejemplos de estos programas son After Effects, Photoshop, Premiere.

Page 10: Photoshop vector e imagen

PIXEL

El hecho de que cada imagen ocupe puntos, según el tamaño de la imagen, ocuparan mayor espacio en la memoria y tardaran mas tiempo en la transferencia de archivos de este tipo en la red.

La resolución en la que se desenvuelven es fija, según la cantidad de pixeles que se hayan almacenado en el archivo.

Mas allá de esto, este tipo de gráfica es muy buena para almacenar texturas de alta complejidad.

Page 11: Photoshop vector e imagen

FORMATOS DE IMAGEN

Las imágenes en formato de pixeles no dependen tanto del programa o aplicación con las que fueron creadas, ya que la gran mayoría de las aplicaciones que procesan imágenes pueden leer varios formatos .bmp, .jpeg, .gif, .tiff, .tga.

Page 12: Photoshop vector e imagen

TIPOS DE IMÁGENES

VECTORIALES MAPA DE BITS

Page 13: Photoshop vector e imagen

IMÁGENES VECTORIALES

La principal característica de las imágenes del tipo vectorial es que son representadas con trazos geométricos, controlados por cálculos y formulas matemáticas y que se construyen a partir de puntos de referencia dentro del plano en el que se desplazan

Page 14: Photoshop vector e imagen

IMÁGENES VECTORIALES

La gran ventaja de las imágenes vectoriales es que no sufren pérdida de resolución al producirse una ampliación de los mismos.

Page 15: Photoshop vector e imagen

Se utiliza mucho para trabajos de rotulación, iconos, dibujos, logotipos de empresa etc.

Page 16: Photoshop vector e imagen

Esta clase de imagen tiene poco peso como archivo informático, medido en Kilobytes (KB).

Este tipo de archivos lo utilizan programas de dibujo y de diseño tales como: Adobe Ilustrator, Freehand, Corel Draw entre otros.

Otra particularidad de esta clase de archivos es que solo pueden visualizarse a través del programa que los creó, si no se transforman en mapa de bits.

Page 17: Photoshop vector e imagen

ai Gráfico vectorial creado con el programa Adobe Ilustrator.

dwg Gráfico vectorial creado por el programa Autodesk AutoCAD.

dxf Gráfico vectorial creado con el programa Autodesk AutoCAD

eps A estos archivos se les conoce como PostScript Encapsulado (PS comprimido) y se diferencian de los del tipo PS en que su peso es inferior. Se utilizan para enviar archivos no modificables a través de Internet.

Page 18: Photoshop vector e imagen

¿Cuál es la resolución de una imagen vectorial?

Page 19: Photoshop vector e imagen

¿Cuál es la resolución de una imagen vectorial?

La resolución de las imágenes vectoriales es INFINITA

Page 20: Photoshop vector e imagen

MAPA DE BITS

Los archivos de las imágenes se guardan normalmente en forma de mapa de bits o mosaico de píxeles. Cada pixel contiene información acerca de la imagen, con respecto a los colores y a su conformación. Esto hace a los mapas de bits mas adecuados para trabajar con imágenes en donde se deben apreciar las texturas, los colores, como ser las fotografías o imágenes editadas.

Page 21: Photoshop vector e imagen

MAPA DE BITS

Este tipo de imágenes son las que crean los escáneres y las cámaras digitales.

Ocupan mucha más memoria que las imágenes vectoriales.

Page 22: Photoshop vector e imagen

El principal inconveniente que presentan esta clase de archivos es el de la ampliación.

Cuando un archivo se amplia mucho, se distorsiona la imagen, mostrándose el mosaico - los píxeles - y una degradación en los colores. Se produce el efecto pixelación debido a la deformación de la fotografía.

Page 23: Photoshop vector e imagen

Imagen de mapa de bits ampliada La imagen de mapa de bits, al ampliar

excesivamente su tamaño, pierde nitidez y resolución.

Page 24: Photoshop vector e imagen

Los formatos de archivos digitales almacenan la información codificando toda la imagen cada píxel de forma individual, esto ocasiona que el archivo pese mucho (ocupa mucho espacio en MB en el ordenador) pero, a cambio, no pierda ninguna clase de información.

Page 25: Photoshop vector e imagen

Existen diferentes clases de archivos digitales, unos sufren pérdida de calidad y otros no

ARCHIVOS DE IMAGEN

TIFF

BMP

JPG

GIF

PNG

PSD

RAW

Page 26: Photoshop vector e imagen

FORMATOS DE ARCHIVO TIFF TIFF son las siglas de Tagged Image File

Format. Es un formato gráfico de los llamados "universales" desarrollado Aldus, una compañía propiedad actualmente de Adobe.

Es un tipo de archivo estándar para guardar imágenes de alta calidad, ya que es compatible con los sistemas operativos Windows, Linux, Mac, etc. Se encuentra reconocido por muchos programas de retoque y edición gráfica.

Page 27: Photoshop vector e imagen

FORMATOS DE ARCHIVO TIFF Por tanto, si tenemos alguna duda sobre

como enviar un archivo para su impresión o edición, optaremos por el formato universal TIFF, para que se pueda abrir y editar sin problemas.

Page 28: Photoshop vector e imagen

FORMATOS DE ARCHIVO TIFF No obstante el formato TIFF se está

dejando de utilizar en algunas cámaras fotográficas profesionales, porque al procesar una foto con tanta información, resulta difícil de moverla, visualizarla etc.

Este proceso, además, ocupa mucho espacio en la tarjeta de memoria de la cámara, por esto las cámaras incluyen el formato JPEG y el formato RAW para guardar las fotos en archivos.

Page 29: Photoshop vector e imagen

EL FORMATO BMP

El formato de archivo BMP (bitmap, mapa de bits) es propiedad de Microsoft y sólo se utiliza en el sistema operativo Windows, para guardar sus imágenes digitales.

El uso más común de este formato consiste en generar imágenes de poco peso y no se aconseja utilizarlo en imágenes recién captadas, sino en imágenes una vez reducidas.

Page 30: Photoshop vector e imagen

El formato BMP

Se utiliza mucho para crear fondos para el escritorio de Windows, aunque, con el auge de Internet, ha ido perdiendo importancia en favor del formato JPEG, que produce archivos más pequeños y más rápidos viajando por la red.

Por cierto, si hacemos una captura de pantalla con la tecla ImprPant, Windows creará un archivo temporal con formato BMP.

Page 31: Photoshop vector e imagen
Page 32: Photoshop vector e imagen

FORMATO GIF

GIF es un formato de archivo bastante antiguo. Lo desarrolló Compuserve para su propia red comercial. Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeño. GIF es muy indicado para guardar imágenes no fotográficas, como logotipos o dibujos.

Page 33: Photoshop vector e imagen

Formato GIF

Tiene compresión LZW, compresión sin pérdidas, esto significa que el fichero comprimido tiene la misma información que el fichero sin comprimir.

En cuanto a los GIF animados (de los que se ha abusado), permiten un cierto movimiento, hoy superado por otras técnicas, como Flash.

Page 34: Photoshop vector e imagen

Formato GIF

La transparencia permite definir un color de la paleta como transparente.

Esta característica puede resultar interesante al diseñar una página web, ya que podemos integrar mejor un gráfico, mostrando lo que está directamente por debajo del mismo.

Page 35: Photoshop vector e imagen

Formato JPG

Este formato lo creó The Joint Photographers Experts Group (JPEG, archivos .jpg).

Es uno de los formatos más conocidos para la compresión de fotografías digitales. Es uno de los pocos formatos que se soporta en Internet (Web). El soporte de color verdadero (24 bits) de JPEG nos ofrece imágenes con una profundidad de 16.777.216 colores.

Page 36: Photoshop vector e imagen

Formato JPG

Las cámaras digitales y los escáneres suelen almacenar las imágenes en formato JPEG. No obstante, y dado que la compresión de este formato afecta a la calidad de imagen, se puede escoger diferentes niveles de compresión: a más baja compresión mayor calidad. A más alta compresión menor calidad.

Page 37: Photoshop vector e imagen

Formato JPG

Precauciones para no perder calidad Se puede optar por una compresión alta

para crear archivos que ocupen poco espacio, que se usarán en la Web o para ser enviadas por correo electrónico.

JPEG puede llegar a comprimir una imagen hasta sólo un 10 % de su tamaño original, sin que el ojo humano pueda percibir grandes diferencias.

Page 38: Photoshop vector e imagen

Formato JPG

No se deben guardar imágenes en formato JPEG, si se van a modificar. Cada vez que se edita, la imagen sufre una pérdida de calidad. Es imprescindible, por tanto, tener una copia en formato BMP o TIFF, con la máxima profundidad de color y sin compresión, y guardar en formato JPEG (.jpg) sólo las imágenes finales que se vayan a publicar.

Page 39: Photoshop vector e imagen
Page 40: Photoshop vector e imagen

Archivo PNG

PNG, portable Network Graphics PNG es considerado el formato adecuado

para sustituir al famoso .GIF, debido a que el PNG utiliza sistemas de compresión estándares gratuitos, como el método ZIP, y permite al mismo tiempo mayor profundidad de color en las imágenes, llegando hasta los 24 bits de profundidad de color, mientras que el formato GIF sólo admite 8 Bits.

Page 41: Photoshop vector e imagen

Archivo PNG

Este formato también posee la característica de reconocer los navegadores, pero en el caso del Internet Explorer, opera a partir de la versión 5.0. Lo único que debemos tener en cuenta es que si utilizamos este formato para la red, los usuarios que posean versiones anteriores del Internet Explorer, no podrán visualizarlas

La única diferencia que existe entre GIF a PNG, es que en PNG, no permite archivos animados

Page 42: Photoshop vector e imagen
Page 43: Photoshop vector e imagen

Psd, formato de photoshop

El PSD es un formato nativo de Photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa.

Guarda los archivos con 48 bits de color y permite almacenar todas las capas, canales etc. que exista en el archivo de imagen.

Page 44: Photoshop vector e imagen

Psd, formato de photoshop

PSD 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.

En algunos casos puede ser que tengamos alguna versión antigua de photoshop y que queramos abrir una imagen guardada en PSD, y que esta no sea compatible con otras versiones.

Page 45: Photoshop vector e imagen
Page 46: Photoshop vector e imagen

Eps, Encapsulated Postscript

Este archivo lo ha desarrollado la compañía Adobe y se pueden guardar en este formato, tanto mapa de bits como imágenes vectoriales.

Es muy utilizado en la impresión profesional y en otras aplicaciones llegando hasta la impresora de tipo Postcript (PREPRENSA).

Page 47: Photoshop vector e imagen

Eps, Encapsulated Postscript

EPS es adecuado para realizar intercambio de archivos entre programas de maquetación, tales como page Maker o quarkxpress incluyendo los de dibujo vectorial (Freehand o corel).

Es junto con el formato TIFF, uno de los estándares en el mundillo de la autoedición.

Page 48: Photoshop vector e imagen

Eps, Encapsulated Postscript

Aunque fue creado por Adobe, una vez se abre el archivo con Photoshop los datos de la imagen y los gráficos vectoriales que pueda contener el encapsulado se convierten en píxeles.

Page 49: Photoshop vector e imagen

Eps, Encapsulated Postscript

Estos archivos a su vez son más lentos en procesarlos que los TIFF, pero en los programas de maquetación la visualización se procesa más rápida.

Los datos guardados se encuentran dentro de una cápsula, encapsulados, por lo que si se quieren modificar, se deben tratar con el programa que los creó.

Page 50: Photoshop vector e imagen
Page 51: Photoshop vector e imagen

FORMATO RAW

formato RAW sólo se encuentra disponible en cámaras digitales sofisticadas, indicadas para fotógrafos profesionales. Este formato ofrece la máxima calidad ya que contiene los píxeles en bruto tal y como se han adquirido.

Page 52: Photoshop vector e imagen

FORMATO RAW

Normalmente, en el funcionamiento del los otros formatos que utilizan las cámaras digitales (Tiff y JPEG) participa el sensor para transmitir la señal eléctrica y convertir los datos de analógicos a digitales.

Page 53: Photoshop vector e imagen

FORMATO RAW

Los datos del archivo RAW, no han sufrido ninguna clase de compresión, lo que hace que este archivo mantenga el máximo detalle de la imagen. Estos archivos son de tipo ópticos para imágenes de especial importancia.

El peso del archivo, ocupa mucho espacio y no podremos guardar la misma cantidad de imágenes en nuestra tarjeta en este formato.

Page 54: Photoshop vector e imagen

FORMATO RAW

Este archivo RAW no se puede imprimir ni visualizar directamente. Precisa de un tratamiento informático y realizar la conversión a otro formato para que se pueda utilizar.

La gran ventaja es que los datos del formato RAW son puros, obtenidos directamente del sensor de la cámara.

Uno de los programas que trata los archivos RAW, es el Camera Raw de Adobe.

Page 55: Photoshop vector e imagen
Page 56: Photoshop vector e imagen

PDF, el formato universal de Adobe

Este formato lo creó Adobe para poder intercambiar archivos entre diferentes sistemas operativos.

Por ejemplo, un archivo o documento creado con algún programa de Windows, puede verse en la plataforma Linux o Mac, con sólo tener el visualizador de PDF, (Acrobat Reader), disponible gratuitamente en Adobe y muchos otros sitios.

Page 57: Photoshop vector e imagen

PDF, el formato universal de Adobe

Este formato guarda con toda precisión el diseño del archivo incluyendo sus fuentes, imágenes y demás gráficos.

PDF, se utiliza cada vez más y es considerado otro formato de los estándares junto con EPS y TIFF.

Se encuentra muy extendido entre la red, en la que encontramos numerosos archivos con este formato.

Page 58: Photoshop vector e imagen
Page 59: Photoshop vector e imagen

Formatos para pantalla e impresora

Después de realizar una breve definición de los diferentes formatos de archivo para imágenes digitales (mapa de bits y vectoriales), es importante tener un pequeño apunte o recordatorio del formato más adecuado para un archivo.

Utilizaremos un formato u otro, dependiendo de si el archivo está destinado para la impresión, o bien para internet, o para guardarlo en el disco duro de nuestro ordenador, etc.

Page 60: Photoshop vector e imagen

DIFERENCIA ENTRE UN VECTOR Y UN MAPA DE BITS

La principal diferencia entre los Bitmaps y los Gráficos Vectoriales está en su tamaño.

Los gráficos vectoriales tienen una ventaja de gran importancia: ocupan mucho menos espacio en disco o en memoria y, por tanto, necesitan mucho menos tiempo para descargarlos desde una aplicación o página web.

Page 61: Photoshop vector e imagen

DIFERENCIA ENTRE UN VECTOR Y UN MAPA DE BITS

Las imágenes de tipo vectorial no son adecuadas para la representación de imágenes de tipo fotográfico; los vectores no definen texturas de la manera en que lo hacen los pixeles en las imágenes.

Page 62: Photoshop vector e imagen

DIFERENCIA ENTRE UN VECTOR Y UN MAPA DE BITS

Se puede considerar una desventaja el hecho de que la mayoria de los programas que se utilizan para la edicion de imagenes solo procesan datos de imagenes en pixeles y no en formato de vectores.

Page 63: Photoshop vector e imagen

Esto es una gran ventaja, ya que una línea, que en el caso de un bitmap estaría compuesta por muchos pixels, en una imagen vectorial solo se necesita almacenar información sobre su principio, su final, su dirección y su longitud.

Page 64: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 65: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 66: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 67: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 68: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 69: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 70: Photoshop vector e imagen

¿VECTOR O MAPA DE BITS?

Page 71: Photoshop vector e imagen
Page 72: Photoshop vector e imagen

Formatos sin pérdida de resolución ni calidad

Algunos (pocos) dispositivos digitales utilizan un formato que mantiene el archivo de la imagen en su estado virgen, en el cual no realizan ninguna clase de compresión y el archivo se mantiene en su máxima calidad, igual que n el momento que se captó la imagen. Podemos citar el formato RAW y el TIFF.

Otros formatos sin pérdida de calidad son BMP, EPS, PSD y PDF.

Page 73: Photoshop vector e imagen

Formatos con pérdida de calidad En la imagen y archivos digitales, existen

formatos de archivo que desechan información innecesaria al almacenarlas sufriendo una pérdida de calidad, pero con la ventaja de que obtienen archivos informáticos con menor peso y espacio en las computadoras, haciéndolas más manejables.

Algunos de estos formatos son JPEG, GIF, PNG.

Page 74: Photoshop vector e imagen

Formatos para pantalla e impresora

El formato recomendado    Uso  Formatos  Resolución (dpi)   

Page 75: Photoshop vector e imagen

PPI vs PPI

ppi

Pixels per Inch

Pixels por pulgada

Page 76: Photoshop vector e imagen

PPI vs PPI

ppiesta se aplica a la resolución de

la foto que sale de nuestra cámara

la cantidad de pixels necesarios para llenar una pulgada

Page 77: Photoshop vector e imagen

La resolución de la imagen o foto no es igual (y nunca lo sera) a la resolución de la impresora.