Presentación Pizarra Animada

genial

Introducción al Diseño Gráfico Digital

Empezar

IMAGEN DIGITAL

Obviamente una imagen digital es un elemento informático en tanto está formada por cierto tipo de datos que permiten que se represente en dispositivos como un monitor, pantalla LCD, celular, etc. Incluso puede llevarse al papel por medio de una impresora, entre otras.

Tamaño relativo:

Mapas de bits

cuando se trabaja con píxeles, se habla de la cantidad de píxeles que hay por una medida de longitud, por lo general pulgadas (ppp) o centímetros (pcm). La cantidad de píxeles por unidad de medida (normalmente pulgadas) es lo que nos va a dar la resolución (nitidez de la imagen).

este tipo de imágenes están constituidas por unos pequeños cua- draditos de color que se denominan píxeles. El píxel es la unidad más pequeña dentro de las imágenes en formato de mapa de bits.

Las imágenes vectoriales:

estas imágenes están constituidas por vectores que resultan de un cálculo matemático. La ventaja de las imágenes vectoriales es que al cambiar su tamaño no pierden resolución, a diferencia de lo que ocurre en las imágenes de mapa de bits.

La cámara digital

El escáner:

es el otro gran dispositivo de captura. La forma en la que funcio- na es similar a la del escáner. A través de lentes llega la imagen a la cámara donde se convierte a datos digitales por medio de un dispositivo. Tanto el escáner como la cámara digital pueden variar (según marca y modelo) la resolución de captura.

es uno de los dispositivos de captura de imágenes más comunes. Se pone una imagen sobre el escáner y, por medio de un haz de luz que se refleja en un prisma, se descompone el color y la imagen original. Esto se transforma a mapas de bits digitales mediante un proceso electrónico (nuestra imagen ya está digitalizada).

Formatos de imágenes de mapas de bits

GIF

JPG o JPEG

(Join Photographic Experts Group): su gran ventaja es la reso- lución, y además permite definir hasta 16.7 millones de colores. Como desven- taja, pierde resolución con la compresión y no permite la transparencia..

(Graphics Interchange Format): las ventajas de este formato son que tie- ne una compresión sin pérdida de información, que permite la transparencia como color y que se pueden realizar animaciones.

PNG

BMP:

tiene las ventajas de los dos anteriores (hasta 16.7 millones de colores y puede usar transparencia) pero no admite animaciones. Es el formato estándar de Fireworks (el programa de retoque fotográfico de Macromedia).

es el formato creado por Microsoft para sus aplicaciones Paint y Paint- Brush. Su calidad es similar a la del JPG o el PNG, pero son archivos mucho más pesados que estos.

PSD:

TIFF

es el formato estándar de Photoshop. Es el que más se adapta al pro- grama y almacena información sobre capas y canales. Se recomienda trabajar siempre con él.

(Tagged-Image File Format): es el formato más utilizado en la actualidad para archivos de imagen de mapas de bits destinados a la impresión. Son los archivos que más información guardan sobre la imagen, pero por eso, también son los más pesados.

MODOS DE COLOR

Profundidad de color

Escala de grises

Hay diferentes sistemas para asignar color a una imagen, llamados profundidad de color. Es una característica de la computación: la cantidad de bits por píxel será la profundidad. Pocos colores ocuparán pocos bits y viceversa.

no todos lo consideran un modo de color. Está compuesto por 256 tonalidades entre el blanco y el negro.

TIPOS DE SOFTWARE DE EDICIÓN DE IMÁGENES Y LO QUE OFRECEN

RGB

+combina el rojo, el verde y el azul hasta generar 16 millones de combinacio- nes. Es el modo más utilizado para pantallas de ordenador y televisión.

Corel Draw

Programa desarrollado por la compañía Corel, el cual nos permite editar imágenes, crear logotipos, boletines informativos, proyectos fotográficos, contenido para web y mucho más.

CMYK

combina cian, magenta, amarillo y negro. Es el modo más utilizado en im- prenta, fotomecánica y preimpresión. La diferencia en la pantalla con el RGB es apenas apreciable, aunque sí se hace más notable al imprimir la imagen.

Gimp

Es un software libre desarrollado por la Fundación GNOME, el cual nos permite recortar, restaurar y aplicar efectos a las imágenes.

Pixelmator pro

Es un programa de edición de imágenes desarrollado por Pixelmator Equipo Ltd., el cual cuenta con una extensa colección de herramientas para editar y retocar imá- genes, crear diseños gráficos, pintar, dibujar gráficos vectoriales y agregar efectos.

PhotoScape

Es software libre desarrollado por MOOII Tech, Corea. El cual permite a los usua- rios editar de forma rápida las fotografías tomadas desde sus cámaras digitales o teléfonos móviles.

Photoshop

Es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated, usado principalmente para el retoque de fotografías e imágenes.

+ info

Introducción al diseño de imágenes vectoriales

Ventajas de las imágenes vectoriales:

Una imagen vectorial es una imagen digital formada por objetos geométricos depen- dientes (segmentos, polígonos, arcos, muros, etc.), cada uno de ellos definido por atributos matemáticos de forma, de posición, etc.

Requieren menor espacio de almacenamiento que una imagen de mapas de bits. No pierden calidad al ser redimensionadas (ampliación o reducción de tamaño). Se puede escalar una imagen vectorial de forma ilimitada sin que se distorsione. Cada objeto está definido por fórmulas matemáticas independientes al resto de los demás. Los objetos definidos por vectores pueden ser guardados para editarlos en el futuro. Algunos formatos permiten animación. Esta se realiza de forma sencilla median- te operaciones básicas como traslación o rotación y no requiere un gran acopio de datos,

calidad. Los ejemplos más populares de formato de documentos que se imprimen son PDF y PostScript. Otra aplicación donde los gráficos vectoriales son importantes es el plotter de corte o impresora de corte de vinilo, ya que este, como su nombre indica, corta áreas de color diseñadas por el usuario a partir de un archivo digital.

Desventajas de las imágenes vectoriales:

No son aptas para reproducir fotografías o videos tomados en el “mundo real” (fotografías de la naturaleza, Los vectores son de aspecto frío, con un contorno o trazo perfecto, sin naturalidad. Se requiere un equipo de cómputo con suficiente potencia para realizar los cál- culos necesarios para formar la imagen final. Los gráficos vectoriales tienen que ser rasterizados a mapa de bits para su vi- sualización en pantalla o para su impresión.

Principales aplicaciones de los vectores:

Formatos de imágenes vectoriales

Generación de gráficos: se utilizan para diseñar logos escalables a voluntad, así como en diseño técnico con programas de tipo CAD Lenguajes de descripción de documentos: permiten describir el aspecto de un documento independientemente de la resolución del dispositivo de salida. formatos más conocidos son PostScript y PDF. A diferencia de las imágenes matriciales,Tipografías: la mayoría de las aplicaciones actuales utilizan texto formado por imágenes vectoriales. Videojuegos: en los videojuegos 3D es habitual la utilización de gráficos vectoriales. Internet: los gráficos vectoriales que se encuentran en el World Wide Web sue- len ser en formatos abiertos

PostScript ® (PS, EPS [Encapsula- ted PostScript]) ● SWF Adobe Flash ® ● DXF, Drawing Exchange Format y DWG, formatos de Autodesk Auto- CAD. ● HPGL: (HP Graphic Language), un estándar de facto para los trazado- res gráficos (Plóter). ● AI de Adobe Illustrator ● SAI de Paint Tool SAI ● CDR ® de Corel Draw ● CMX ® de Corel Exchange ● FH9, FH10 y FH11 ● IGES

● Portable Document Format ® (PDF) ● SVG Scalable Vector Graphics ● Open Document Graphics (ODG) ● VML ® Vector Markup Language

Modos de color

modos de color describen los colores que vemos y con los que trabajamos en los gráficos digitales. Cada modelo de color, como por ejemplo RGB, CMYK o HSB, representa un método diferente de descripción y clasificación de los colores. Como cada dispositivo tiene su propio espacio de color, solo puede reproducir los colores de su gama.

CMYK.

Mientras que el modelo RGB depende de una fuente de luz para crear color, el modelo CMYK se basa en la capacidad de absorber luz de la tinta im- presa en papel. Cuando la luz blanca incide en tintas translúcidas, se absorbe una parte del espectro.

RGB.

Escala de grises.

Un amplio porcentaje del espectro visible se puede representar combi- nando luz roja, verde y azul (RGB) en proporciones e intensidades diferentes. En el lugar en el que se superponen los colores, se crean el cian, el magenta y el amarillo. Los colores RGB se denominan colores aditivos porque el blanco se crea mezclando rojo, verde y azul, es decir, toda la luz se refleja y es captada por el ojo.

La escala de grises utiliza matices de negro para representar objetos. Los objetos en escala de grises tienen un valor de brillo comprendido entre el 0% (blanco) y el 100% (negro). Las imágenes producidas con escáner de blanco y negro o de escala de grises se visualizan normalmente en escala de grises.

+ inf

Tipos de software de diseño y qué ofrecen

CorelDRAW

Un software de diseño o editor de gráficos vectoriales es una aplicación informática que permite al usuario crear y editar imágenes de gráficos vectoriales de forma inte- ractiva en la pantalla de la computadora y guardarlas en uno de los tantos formatos de gráficos vectoriales, como EPS, PDF, WMF, SVG o VML.

es una aplicación informática de diseño gráfico vectorial, es decir, que usa fórmulas matemáticas en su contenido.

Inkscape

es un editor de gráficos vectoriales libre y de código abierto. Puede crear y editar diagramas, líneas, gráficos, logotipos, e ilustraciones complejas. El formato principal que utiliza el programa es Scalable Vector

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

Microsoft Visio

+ info

Las herramientas que lo componen permiten realizar diagramas de oficinas, diagramas de bases de datos, diagramas de flujo de programas, UML, y más, que permiten iniciar al usuario en los lenguajes de programación.

Software para edición de imágenes vectoriales

Adobe Illustrator nació en 1987 junto con la tecnología de Apple®, es una aplicación de software de diseño gráfico, que proporciona la libertad creativa que se necesita para materializar ideas de forma rápida y eficaz. Illustrator ha definido por muchos años el lenguaje gráfico contemporáneo mediante el dibujo vectorial.

+ info

¿Tienes una idea?

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

¿Tienes una idea?

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

¿Tienes una idea?

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!

¿Tienes una idea?

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público e incluso embeber contenido externo que sorprenda: vídeos, fotos, audios... ¡Lo que tú quieras!