
miércoles, 31 de diciembre de 2008

martes, 22 de julio de 2008
ACTIVIDADES HUMANAS CON QUE SE RELACIONA EL DISEÑO GRÁFICO
wikipedia.org
Relacionando los procesos de producción se pueden agrupar los productos de diseño desde un análisis tecnológico en:
- Etiquetas: las cuales pueden ser frontales, colgantes, de seguridad, envolventes, etc.
- Envases: los más comunes son los rígidos, semirígidos, flexibles y las latas.
- Editorial: generalmente estos productos se clasifican de acuerdo al tamaño de información que disponen en afiches, flyers o volantes, libros, periódicos, revistas, catálogos, CD, DVD, VHS, etc.
- Señalética: incluye señales de peligro, señales de tráfico, señales de banderas marítimas, señales de ferrocarril, entre otras.
- Cartelería: carteles formativos e informativos.
- Identidad corporativa: marcas, iso-logotipo, papelería comercial y fiscal, billetes, aplicación de marca en arquigrafía e indumentaria, gráfica vehicular.
- Folletería: los folletos de acuerdo a su número de páginas pueden ser dípticos (dos páginas), trípticos (tres páginas), etc. También se los puede clasificar en publicitarios, propagandísticos, turísticos, entre otros.
- Diseño tipográfico: tipos sans serif o palo seco, con serif, gestuales, góticas, caligráficas y de fantasía.
- Diseño de instrumentos de mandos: pantallas de relojes digitales, de teléfonos móviles, de cámaras digitales, y otros aparatos.
- Infografía: mapas, gráficos, viñetas, formularios.
- Material didáctico: manuales instructivos, indicaciones de uso, fichas didácticas educacionales, etc.
PROGRAMAS UTILIZADOS EN DISEÑO GRÁFICO (wikipedia.org)
Adobe Creative Suite
- Photoshop
- Freehand
- Illustrator
- Pagemaker, antecesor de Indesign.
- Indesign
- Dreamweaver
- Flash
Otras compañías
- QuarkXPress, primer programa creado para maquetación editorial, similar a Adobe Indesign.
- Xara Xtreme
- Inkscape
- XaraLX
- GIMP
- Sodipodi
- Corel Dra.
CORELDRAW
wikipedia.org
CorelDRAW es un programa avanzado de edición gráfica (grafismo) con funciones básicas de composición de página, utilizado en el ámbito de las artes gráficas, parte del paquete de software Corel Graphics Suite y es desarrollado por Corel Corporation.
Generalidades CorelDRAW es un programa de dibujo vectorial y completas funciones de grafísmo, implementa herramientas básicas de diagramación, considerado versátil por la forma en que permite manipular gráficos vectoriales y mapas de bits. Una de sus virtudes es la compatibilidad con numerosos formatos de archivos entre sus competidores (Freehand, Illustrator, QuarkXPress, InDesign) e incluso otros tipos de documentos (como Microsoft Word y Acrobat (PDF) entre otros).
CorelDRAW se vende como parte de una suite. Dicha suite incluye un editor de mapas de bits (photo-paint), un vectorizador de mapas de bits (Corel POWERTrace, desde la versión X3 integrado en coreldraw), un administrador de fuentes bajo licencia de la compañía Bitstream (Font Navigator), más algunas aplicaciones que han aparecido y desaparecido con el transcurrir de las distintas versiones (RAVE, VENTURA y DREAM 3D entre otros). La caja incluye una colección de más de mil fuentes profesionales, fotos de alta calidad, pinceles, diseminador de imágenes, OCR, y clip art. Una ventaja de Coreldraw sobre programas similares es su habilidad para manipular imágenes de mapas de bits: una gran colección de herramientas avanzadas de edición permiten ajustar contraste, balance de color, curva tonal, cambiar espacio de color, aplicar mas de 70 efectos especiales, dar bordes personalizados a los mismos, aplicar transparencias, mezclas, fundidos y otras tareas. Estos mapas de bits pueden ser editados con más profundidad usando Photo-Paint (accediendo a herramientas avanzadas de creación y manipulación de mapa de bits): para ello se abre el mapa de bits desde CorelDraw y, una vez editado se regresa al programa guardando la imagen. Desde sus primeras versiones, sus usuarios disfrutan de una interfaz intuitiva y fácil de aprender, muy a pesar de la complejidad de sus funciones, en un manejo fácil y preciso de los objetos, Posee capacidades únicas de imposición y diseño editorial. Tanto en la impresión profesional como doméstica, CorelDRAW brinda excelentes resultados.
Ha habido una confusión abrumadora con respecto a la manera como funciona Adobe Illustrator ® (Ai) y coreldraw éste último incluye funciones básica de diagramación (Maquetado) es por esta razón que es multipágina en cambio el primero es única y exclusivamente para Ilustración siendo Adobe InDesign ® (ID) quien tiene la función de diagramación (Maquetado) y soporte multipágina. Corel ha desarrollado un programa especifico para maquetado denominado Corel VENTURA 10 (año 2002), con funciones avanzadas de maquetado (diagramación) aún no encontradas en programas similares, el mismo que si bien la compañía lo mantiene para la venta en su sitio web estadounidense, ha dejado de promocionarlo.
- Versatilidad: CorelDRAW tiene múltipleas aplicaciones, es usado para todo tipo de tareas: desde la creación de gráficos sencillos hasta complejos, que se pueden combinar con efectos y mapas de bits.
Se utiliza para el diseño gráfico (grafísmo), publicidad en general, preprensa de imprentas, diseño web, diseño industrial, dibujo técnico, arquitectura, diseño de moda, diseño textil, diseño de bordados, rotulación, gigantografías, etcétera. - Compatibilidad: coreldraw reconoce y edita archivos de múltiples formatos, entre los más populares gráficos vectoriales (AI, SVG, EPS, WMF, EFM, DFX, entre otros) así como gran cantidad de formatos de mapas de bits (BMP, JPG, GIF, PNG, TIFF, PSD, TGA) y otros formatos multipropósito (PDF, DOC, RFT, ICO, CUR, VSD, TFF). Puede abrir archivos PDF, y posee buena compatibilidad con otros programas de autoedición, QuarkXPress, PageMaker e InDesign® (ID), Publisher, PowerPoint y Word, mediante formatos compatible como EPS y PDF. CorelDRAW se integra muy bien con Corel Ventura (programa especifico de maquetado (diagramación)), mediante el formato CMX que incluso permite modificar los trazos vectoriales directamente en Corel VENTURA.
- Usabilidad: La interfaz de CorelDRAW es altamente personalizable en cuanto a atajos de teclado, menús, barras de herramientas, y visibilidad. Ultimamente muchos programas se han inspirado en la interface de Corel para modernizar su interface (programas de Adobe, Microsoft, etc.) Existen otras aplicaciones que utilizan a CorelDRAW como plataforma, como CorelDRAWings, un programa de bordados.
lunes, 21 de julio de 2008
VENTAJAS QUE OFRECE EL DISEÑO GRAFICO Y FINALIDAD DE LOS PROGRAMAS DE DISEÑO GRAFICO
El principal componente de toda composición gráfica es pues el mensaje a interpretar, la información que se desea hacer llegar al destinatario a través del grafismo. Esta información se debe representar por medio de diferentes elementos gráficos, que pueden ser muchos y ariados, aunque los más comunes son:
- Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas, etc.)
- Elementos geométricos, con contorno o sin él: polígonos, círculos, elipses, óvalos, etc.
- Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes textuales.
- Gráficos varios: logotipos, iconos, etc.
- Ilustraciones
- Fotografías
- Cualquier otro elemento visual apto para comunicar un mensaje
FINALIDAD DE LOS PROGRAMAS DE DISEÑO GRAFICO
www.desarrolloweb.com
Estos elementos básicos se combinan unos con otros en un grafismo, y de esta combinación surge un resultado final en el que tienen mucha importancia una serie de conceptos propios del diseño gráfico, entre los que destacan: - Las agrupaciones: conjuntos de elementos relacionados mediante proximidad, semejanza, continuidad o simetrías.
- La forma: forma de cada elemento gráfico aislado y de las agrupaciones de elementos.
- Los contornos: partes límites de los elementos, que permiten distinguirlos de los demás y del fondo, pudiendo estar definidos mediante border, cambios de color o cambios de saturación.
- La ubicación: lugar que ocupa cada elemento gráfico o agrupación de ellos en el espacio del grafismo.
- El tamaño: tamaño relativo de cada elemento gráfico respecto los que le rodean. Escalas.
- El color: color de cada elemento individual, colores de cada agrupación de elementos, conjunto total de colores usado en un grafismo, disposición relativa de los elementos con color y armonía entre colores.
- El contraste: intensidad de visualización de cada elemento con relación a los que le rodean y al grafismo completo.
- El equilibrio: cada grafismo conlleva un sistema de referencia espacial que consigue un nivel de equilibrio mayor o menor.
- La simetría: disposición espacial regular y equilibrada de los elementos que forman la composición gráfica.
Los diferentes elementos de un grafismo son percibidos por el destinatario de acuerdo con la influencia que ejercen cada uno estos conceptos a nivel individual, grupal y total. Pero la unión de todos ellos, la obra gráfica, es una entidad comunicativa individual y completa, cargada de complejos elementos humanos asociados con el lenguaje, la experiencia, la edad, el aprendizaje, la educación y la memoria.
DISEÑO GRAFICO
Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados.
La función principal del diseño gráfico será entonces transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc.
El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo.
El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada.
El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí misma, aunque esté compuesto por multitud de elementos diferentes. Podemos establecer una analogía entre un grafismo y un plato de cocina. Ambos están compuestos por diferentes elementos individuales que, unidos correctamente y con sabiduría, componen una obra final única y definida que va más allá de la suma de las partes que la forman.
sábado, 14 de junio de 2008
jueves, 12 de junio de 2008
VENTAJAS Y DESVENTAJAS DE GRAFICOS VECTORIALES
VENTAJAS
- Dependiendo de cada caso particular, las imágenes vectoriales pueden requerir menor espacio en disco que un bitmap. Las imágenes formadas por colores planos o degradados sencillos son más factibles de ser vectorizadas. A menor información para crear la imagen, menor será el tamaño del archivo. Dos imágenes con dimensiones de presentación distintas pero con la misma información vectorial, ocuparán el mismo espacio en disco.
- No pierden calidad al ser escaladas. En principio, se puede escalar una imagen vectorial de forma ilimitada. En el caso de las imágenes rasterizadas, se alcanza un punto en el que es evidente que la imagen está compuesta por píxeles.
- Los objetos definidos por vectores pueden ser guardados y modificados en el futuro.
- Algunos formatos permiten animación. Esta se realiza de forma sencilla mediante operaciones básicas como traslación o rotación y no requiere un gran acopio de datos, ya que lo que se hace es reubicar las coordenadas de los vectores en nuevos puntos dentro de los ejes x, y y z en el caso de las imágenes 3D.
DESVENTAJAS - Los gráficos vectoriales en general no son aptos para codificar fotografías o vídeos tomados en el "mundo real" (fotografías de la Naturaleza, por ejemplo), aunque algunos formatos admiten una composición mixta (vector + imagen bitmap). Prácticamente todas las cámaras digitales almacenan las imágenes en formato rasterizado.
- Los datos que describen el gráfico vectorial deben ser procesados, es decir, el computador debe ser suficientemente potente para realizar los cálculos necesarios para formar la imagen final. Si el volumen de datos es elevado se puede ralentizar la representación de la imagen en pantalla, incluso trabajando con imágenes pequeñas.
- Por más que se construya una imagen con gráficos vectoriales su visualización tanto en pantalla, como en la mayoría de sistemas de impresión, en última instancia tiene que ser traducida a píxeles.
(www.wikipedia.com)
lunes, 9 de junio de 2008
Los gráficos vectoriales, también conocidos como gráficos orientados a objetos, son el segundo gran grupo de imágenes digitales. Son más simples que los gráficos de mapas de bits, ya que en ellos las imágenes se almacenan y representan por medio de trazos geométricos controlados por cálculos y fórmulas matemáticas, tomando algunos puntos de la imagen como referencia para construir el resto.
Por lo tanto, las imágenes en los gráficos vectoriales no se construyen píxel a píxel, sino que se forman a partir de vectores, objetos formados por una serie de puntos y líneas rectas o curvas definidas matemáticamente.
Por ejemplo, una línea se define en un gráfico de mapa de bits mediante las propiedades de cada uno de los píxeles que la forman, mientras que en un gráfico vectorial se hace por la posición de sus puntos inicial y final y por una función que describe el camino entre ellos. Análogamente, un círculo se define vectorialmente por la posición de su punto central (coordenadas x,y) y por su radio (r).

Cada vector en un gráfico vectorial tiene una línea de contorno, con un color y un grosor determinados, y está relleno de un color a elegir. Las características de contorno (o filete) y relleno se pueden cambiar en cualquier momento.
Las imágenes vectoriales se almacenan como una lista que describe cada uno de sus vectores componentes, su posición y sus propiedades.
En cuanto a la resolución, los gráficos vectoriales son independientes de la resolución, ya que no dependen de una retícula de píxeles dada. Por lo tanto, tienen la máxima resolución que permite el formato en que se almacena.
Curvas de Bézier
Los principales elementos constituyentes de un vector son las denominadas curvas de Bézier, desarrolladas por Pierre Bézier por encargo de la empresa Renault, que buscaba una familia de curvas representables matemáticamente (son curvas de tercer grado) que permitieran representar las curvaturas suaves que deseaban dar a sus automóviles.

Una curva Bézier queda totalmente definida por cuatro puntos característicos, los puntos inicial y final de la curva (nodos o puntos de anclaje) y dos puntos de control (puntos de control, manejadores o manecillas), invisibles en el gráfico final, que definen su forma. Para modificar su forma, basta cambiar de posición uno de sus nodos o uno de sus puntos de control.
Son curvas de manejo poco complejo y muy elegantes, con un desarrollo muy suave, capaces de adaptarse a casi cualquier forma imaginable, por lo que son muy usadas para diseñar logotipos e iconos y para copiar cualquier figura.
También son enormemente versátiles, pudiendo adoptar desde curvaturas muy suaves (casi líneas rectas) a curvaturas muy fuerte (curvas complejas), pasando por todos los valores intermedios. Pueden, incluso, cambiar de cóncavas a convexas alrededor de un punto.
sábado, 7 de junio de 2008
TIPOS DE FORMATOS
Los formatos de archivo gráfico (formato de imagen) GIF y JPEG son muy comunes en Web, debido a que pueden comprimirse mucho. El formato PNG no lo es tanto, ya que no todos los navegadores Web lo admiten.
La comprensión reduce el tiempo de transferencia a través de Internet. Sin embargo, la integridad visual de un grafico puede variar de un formato a otro en función del método de comprensión empleado por cada unos de ellos. Por ello tanto, deberá basar su elección en el diseño y uso previstos para el gráfico.
CARACTERÍSTICAS DEL FORMATO JPEG
Sin duda uno de los formatos más populares para guardar nuestras imágenes digitales.
Que significa JPEG: Su nombre proviene de las siglas de Joint Phorographic Experts Group, y cuya traducción al castellano es Grupo de expertos en Fotografía.
Algunas características de este formato son:
Formato de gráfico mapa de bits.
Soporte de color verdadero, también conocido por su homónimo inglés TRUE color (24bits).
Algoritmo de comprensión (con perdidas) que soporta altas tasas de empaquetado (1/20 y más).
El soporte de color verdadero (24 bits) de JPEG nos ofrece la posibilidad de ofrecer imágenes con una profundidad de 16.777.216 colores.
Esta claro que un mapa de bits con una esta profundidad de color alcanza tamaños de memoria descomunales, pero esto se suple con el algoritmo de compresión que ofrece el formato. Este algoritmo de compresión, aunque muy potente (reduce el tamaño del mapa de bits hasta un 5% del original o menos).
CARACTERÍSTICAS DEL FORMATO PNG
Que significa PNG: Debe a las siglas a los vocablos ingleses Portable Network Graphics cble para cualquier usuario.
ramas que usaran este formato deberian de pagarciodos los navegadores Webuya traducción directa al castellano es Gráficos de Red Portátiles.
Este formato gráfico surgió a partir de la controversia que se suscito cuando Compuserve, propietaria del formato, y Unisys, propietaria del algoritmo de compresión LZW usado por los ficheros GIF, decidieron que los programas que usaran este formato deberían de pagar.
Esto generó el desarrollo de un nuevo formato gráfico, PNG, que fue adaptado por el W3C en 1996.
El uso del formato PNG es gratuito, y su código completo esta disponible para cualquier usuario.
Algunas características de este formato son:
Formato d EMAPA de bits
Alta tasa de compresión sin perdidas.
Soporte de colores: color indexado, color verdadero de 48 bits escala de grises de 16 bits.
Sistema de entrelazado Adam 7.
Corrección gamma
Cromaticidad
El formato PNG dispone de un potente algoritmo de compresión, sin pérdidas (la información no se altera), y con una tasa muy alta de compresión.
El mecanismo de la compresión, básicamente, se basa en optimizar la imagen línea a línea y aplicar después un algoritmo de compresión derivado del método LZ77, utilizado en programas de compresión general tan famosos como ZIP.
La gama de soporte de colores puede alcanzar hasta color verdadero de 48 bits, lo cual supone disponer de una paleta de más de 281.474.976.000.000 colores diferentes.
El sistema de entrelazado Adam7, utilizado por PNG, es más potente que el utilizado por GIF, ya que el sistema Adam7 muestra la imagen en 7 etapas y el resultado final es una imagen que es vislumbrada mucho antes que con el sistema en 4 etapas de GIF.
CARACTERÍSTICAS DEL FORMATO GIF
Que significa PNG: Su nombre proviene de las siglas de Graphics Interchange Format, que cuya traducción al castellano es Formato de Intercambio de Archivos.
Este fue creado por AOL para intercambiar imágenes en la red. Por cierto que ellos insisten en que es un formato con copyright, pero hasta el día de hoy han perdido todos los juicios.
Así como JPEG es uno de los formatos gráficos más utilizados en la Web Ya que ofrece una buena comprensión, pero si la imagen contiene más de 256 colores es posible que su calidad se reduzca de manera consecutiva.
Tiene la ventaja, de que no deforma la imagen (solo los colores si tiene muchos), y ocupa menos que bmp o tif..Alternativamente, puede utilizar el formato PCX, pero que no publicable en una pagina Web.
miércoles, 4 de junio de 2008
FIREWORKS
En esta materia aprenderemos a manejar el software de Fireworks.
Fireworks es un programa diseñado por Macromedia Systems para la creación y edición de imágenes y gráficos. Esta aplicación es apta para los diseñadores gráficos para desarrolladores de paginas Web; ya que en este software podremos realizar gráfico vectoriales y de mapa de bits mediante una gamma de herramientas que nos proporciona Fireworks esto en conjunto con Dreamweaver, Flash, Contribute y FlashPaper del paquete de Studio 8 de Macromedia.
Algunas características de Fireworks son:
Creación de elementos gráficos: Aquí se pueden dibujar dos tipos de gráficos que son los gráficos vectoriales y los mapas de bits.
Creación de objetos Web: Son los objetos fundamentales en que se basa fireworks para la creación de las paginas Web interactivas o divisiones.
Edición de gráficos: Aquí fireworks nos permite nos permite cambiar todas las características de alguna imagen tales como ampliar, reducir, resolución y hasta girarlo.
Optimización: Pueden optimizarse los archivos de imágenes o gráficos Web para reducir al máximo su tamaño y permitir en consecuencia que los sitios Web descarguen con más rapidez, también nos permite vivir una imagen en partes y aplicar a cada una de las partes el formato que mas nos convenga.
Exportación de documentos: una vez finalizado el trabajo debe guardarse en un archivo apropiado para el propósito que se creo y se puede utilizar en un navegador web o para desplegarlo en alguna aplicación.
En Fireworks siempre nos arroja en archivo nativo en formato PNG pero también usa los formatos JPEG, GIF.
Para la creación de alguna imagen implica tener:
Ø Tener sensibilidad
Ø Siempre usar los colores apropiados.
Ø Seguir siempre un orden Centro, Derecha, Izquierda y Abajo