Presentación Pizarra Magnética

Introducción al Diseño Gráfico Digital

COMPETENCIA GENERICA: CG 5.6 Utiliza la tecnologías de la información y la comunicación para procesar e interpretar información. COMPETENCIA DISCIPLINAR: Elabora diversos recursos gráficos publicitarios utilizando software de diseño, permitiendo su publicación en medios digitales e impresos para comunicar ideas o emociones aplicables a contextos laborales, escolares y de la vida cotidiana, en un ambiente ético e innovador, mostrando flexibilidad y apertura a diferentes puntos de vista.

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. Incluso puede llevarse al papel por medio de una impresora Este tipo de imágenes pudieron haber sido generadas directamente en formato digita(dibujando con un software, sacando una foto con una cámara digital o haberse convertido desde otro formato al escanear, una foto

Tipos de imágenes digitales

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,

Mapas de bits: este tipo de imágenes están constituidas por unos pequeños cuadraditos de color que se denominan píxeles.

El escáner: 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

Tamaño relativo: se habla de la cantidad de píxelesque hay por una medida de longitud, por lo general pulgadas o centímetros La cantidad de píxeles por unidad de medida (normalmente pulgadas) es lo que nos va a dar la resolución

La cámara digital: A través de lentes llega la imagen a la cámara donde se convierte a datos digitales por medio de un dispositivo.

PNG: tiene las ventajas de los dos anteriores (hasta 16.7 millones de colores y puede usar transparencia) pero no admite animaciones.

TIFF: es el formato más utilizado en la actualidad para archivos de imagen de mapas de bits destinados a la impresión. Por eso, también son los más pesados.

GIF: tiene una compresión sin pérdida de información, que permite la transparencia como color y que se pueden realizar animaciones. Su desventaja es que solo almacena 256 colores y, algunos matices se pierden.

BMP: es el formato creado por Microsoft parasus aplicaciones Paint y PaintBrush. Su calidad es similar a la del JPG o el PNG,por eso, tambiénson los más pesados.

JPG o JPEG: su gran ventaja es la resolución, y permite definir hasta 16.7 millones de colores. Como desventaja, pierde resolución con la compresión y no permite la transparencia.

PSD: es el formato estándar de Photoshop. Es el que más se adapta al programa y almacena información sobre capas y canales.

MODOS DE COLOR

• RGB: combina el rojo, el verde y el azul hasta generar 16 millones de combinaciones. Es el modo más utilizado para pantallas de ordenador y televisión.
• CMYK: combina cian, magenta, amarillo y negro. Es el modo más utilizado en imprenta, fotomecánica y preimpresión.
• Escala de grises: no todos lo consideran un modo de color. Está compuesto por 256 tonalidades entre el blanco y el negro.
• La diferencia en la pantalla con el RGB es apenas apreciable, aunque sí se hace más notable al imprimir la imagen.

Profundidad de colorHay 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. Teniendo en cuenta que los colores se forman por luz o por tintas

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

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

permite a los usua- rios editar de forma rápida las fotografías tomadas desde sus cámaras digitales o teléfonos móviles.

Es un editor de gráficos rasterizadosusado principalmente para el retoque de fotografías e imágenes.

Es un software libre el cual nos permite recortar, restaurar y aplicar efectos a las imágenes.

nos permite editar imágenes, crear logotipos, boletines informativos, proyectos fotográficos, contenido para web

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

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

Una imagen vectorial es una imagen digital formada por objetos geométricos independientes, cada uno de ellos definido por atributos matemáticos de forma, de posición. El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad. De la misma forma, permiten mover, estirar y retorcer imágenes de manera relativamente sencilla. Un punto clave de las imágenes vectoriales es al momento de la impresión, ya que es posible escalarlas y aumentar su definición de forma ilimitada. Los equipos de cómputo actuales traducen los gráficos vectoriales a mapas de bits para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.

Desventajas de las imágenes vectoriales

Ventajas de las imágenes vectoriales

No son aptas para reproducir fotografías o videos tomados en el “mundo real” ya que no pueden representar los tonos continuos de una fotografía.

Requieren menor espacio de almacenamiento que una imagen de mapas de bits.

No pierden calidad al ser redimensionadas. Se puede escalar una imagen vectorial de forma ilimitada sin que se distorsione.

Los vectores son de aspecto frío, con un contorno o trazo perfecto, sin naturalidad.

Cada objeto está definido por fórmulas matemáticas independientes al resto. Puede editarse sin afectar a los otros elementos del dibujo.

Se requiere un equipo de cómputo con suficiente potencia para realizar los cálculos para formar la imagen final.

Los objetos definidos por vectores pueden ser guardados para editarlos en el futuro.

Los gráficos vectoriales tienen que ser rasterizados a mapa de bits para su visualización en pantalla o para su impresión.

Algunos formatos permiten animación. Esta se realiza de forma sencilla mediante operaciones básicas como traslación o rotación

Principales aplicaciones de los vectores

• 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.
• 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 suelen ser en formatos abiertos VML y SVG, o formatos privados SWF o CDR.

Formatos de imágenes vectoriales

Privados: se refiere a todo software que requiera autorización por el titular del software para su uso o redistribución, la modificación del código sólo está disponible para su desarrollador

Libres: todo software cuyo código fuente puede ser estudiado, modificado y utilizado libremente con cualquier fin y redistribuido con o sin cambios o mejoras.

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

● PostScript ® ● SWF Adobe Flash ® ● DXF, Drawing Exchange Format y DWG, formatos de Autodesk AutoCAD. ● 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 ● Metaarchivo de Windows (WMF)

Modos de color

Los 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. Los modelos de color utilizan valores numéricos para representar el espectro visible de color. Un espacio de color es una variante de un modelo de color que tiene una gama (rango) específica de colores. Como cada dispositivo tiene su propio espacio de color, solo puede reproducir los colores de su gama. Cuando una imagen pasa de un dispositivo a otro, los colores de la imagen pueden cambiar porque cada dispositivo interpreta los valores RGB o CMYK según su propio espacio de color.

RGB

CMYK.

Un acrónimo de los colores que utiliza: rojo, verde y azul (red-green-blue), son colores que se crean mezclando cantidades variables de luz en una pantalla y se consideran colores aditivo a medida que se necesitan, se iluminan a diferentes intensidades para crear color. Permite crear más de 16 millones de combinaciones de colores diferentes utilizando estos tres colores primarios.

Cyan, Magenta, Yellow y Key (Cian, Magenta, Amarillo y Negro) los colores pigmento utilizados en material impreso, específicamente sobre papel.que son las tintas directas, se pueden adecuar con RGB y CMYK, y son colores precisos consistentes utilizados sobre todo para diseño corporativo.

Contenido insertado

Escala de grises

implica que pintamos con blanco, negro y todos los grises intermedios que aparecen mediante la mezcla de esos dos elementos. El número de valores que abarcan las escalas grises es variable dependiendo del uso que se vaya a dar, generalmente se utiliza una cifra mínima, entre 3 y 10 valores.