Diseo grafico y modelado 3D

Ing. Edwin J. Ortega

ELEMENTOS DEL DISEO Un diseador (sin importar su rama) puede realizar diseos sin conocimiento alguno sobre la materia, ya sea por gusto personal o por su sensibilidad a la creacin visual (talento) sin embargo conocer de estos principios le har ser un mejor diseador. En general se distinguen 4 grupos de elementos Elementos Conceptuales Elementos Visuales Elementos de Relacin Elementos Prcticos

A. Elementos Conceptuales Los elementos conceptuales son aquellos que estn presentes en el diseo, pero que no son visibles a la vista. Se dividen en 4 elementos Punto: Indica posicin, no tiene largo ni ancho, es el principio y el fin de una lnea. Lnea: Es una sucesin de puntos, tiene largo, pero no ancho, tiene una posicin y una direccin. Plano: Un plano tiene largo y ancho, tiene posicin y direccin y adems est limitado por lneas. Volumen: El recorrido de un plano en movimiento se convierte en volumen, tiene posicin en el espacio, est limitado por planos y obviamente en un diseo bidimensional el volumen es ilusorio. B. Elementos Visuales Por ejemplo cuando se dibuja una figura en el papel, esa figura est formada por lneas visibles, las cuales no solo tienen un largo, sino que un ancho, un color y claro una textura (definida por los materiales utilizados). C. Elementos de Relacin Se refiere a la ubicacin y a la interrelacin de las formas en un diseo Direccin: La direccin de una forma depende de cmo est relacionada con el observador, con el marco que la contiene o con otras formas cercanas. Posicin: La posicin de una forma depende del elemento o estructura que la contenga. Espacio: Todas las formas por ms pequeas que sean ocupan un espacio, el espacio as mismo puede ser visible o ilusorio (para dar una sensacin de profundidad)

Universidad Santiago de Cali EMP0101

Diseo grafico y modelado 3D

Ing. Edwin J. Ortega

Gravedad: El efecto de gravedad no solamente es visual, sino que tambin psicolgica. Podemos atribuir estabilidad o inestabilidad a una forma o a un grupo de ellas. D. Elementos Prcticos Los elementos prcticos van ms all del diseo en s y como es de esperar son conceptos abstractos. Representacin: Se refiere a la forma de realizar el diseo: puede ser una representacin realista, estilizada o semi-abstracta. Significado: Todo diseo conlleva consiente o subconscientemente un significado o mensaje. Funcin: Para lo que esta creado dicho diseo.

ELEMENTOS VISUALES En esta gua nos centraremos en el estudio del elemento visual, el primer elemento es la imagen. La imagen Cuanto mayor y ms ntida sea una imagen y cuntos ms colores tenga, ms difcil es de presentar y manipular en la pantalla de un ordenador. Las fotografas, dibujos y otras imgenes estticas deben pasarse a un formato que el ordenador pueda manipular y presentar. Entre esos formatos estn los grficos de mapas de bits y los grficos vectoriales. La diferencia bsica entre una imagen de mapa de bits y una vectorial, es que las primeras estn compuestas por pxeles y los grficos vectoriales se forman a travs de descripciones matemticas. Estas dos formas son las que tiene el ordenador para presentar las imgenes o grficos. Imgenes de mapa bits o bitmaps Este tipo de imgenes estn formadas por pxeles que no son ms que unos cuadrados de colores. Los grficos de mapas de bits almacenan, manipulan y representan las imgenes como filas y columnas de pequeos puntos. En un grfico de mapa de bits, cada punto tiene un lugar preciso definido por su fila y columna, igual que cada casa tiene una direccin concreta. Algunos de los formatos de grficos de mapas de bits ms comunes son el Graphical Interchange Format (GIF), el Tagged Image File Format (TIFF) y el Windows Bitmap (BMP). Este tipo de imgenes son las que se utilizan con ms frecuencia para fotografas y pinturas digitales. Gracias a estas caractersticas pueden representarse sombras, colores y degradados. Universidad Santiago de Cali EMP0101 2

Diseo grafico y modelado 3D

Ing. Edwin J. Ortega

Al contrario que las imgenes vectoriales, las de mapa de bits estn condicionadas por la resolucin que se aplique. Una resolucin implica que haya ms o menos cantidad de pxeles en la imagen, lo que afectar cuando se haga una ampliacin de la imagen en la pantalla o bien una impresin con una resolucin inferior a la que tiene asignada la imagen. Por ejemplo, si hay una imagen con una resolucin de 72 ppp y se imprime en una impresora de 600 ppp no se conseguir que quede mejor que si se imprime en una de 1.200 ppp, es decir, se imprimir a 72 ppp. El tamao de una imagen de mapa de bits est definido por el nmero de pxeles o puntos que lo forman en su anchura y altura. Los mapas de bits resultan excelentes para fotografas y dibujos digitales porque reproducen muy bien las gradaciones de color. Los mapas de bits son dependientes de la resolucin. Es decir, representan un nmero fijo de pxeles. Si bien tienen muy buen aspecto en su tamao real, puede que se muestren dentados o pierdan calidad de imagen cuando se escalan, o cuando se muestran o imprimen a una resolucin mayor de la original.

Imgenes vectoriales Este tipo de imgenes, tambin llamadas imgenes orientadas a objetos, presentan un aspecto interesante y es que aunque se amplen no pierden calidad. Los grficos vectoriales emplean frmulas matemticas para recrear la imagen original. Las imgenes vectoriales estn compuestas por vectores que son lneas y curvas definidas por objetos matemticos. Con los vectores se dibujan las imgenes por medio de caractersticas geomtricas. En un grfico vectorial, los puntos no estn definidos por una direccin de fila y columna, sino por la relacin espacial que tienen entre s. Como los puntos que los componen no estn restringidos a una fila y columna particulares, los grficos vectoriales pueden reproducir las imgenes ms fcilmente, y suelen proporcionar una imagen mejor en la mayora de las pantallas e impresoras. Entre los formatos de grficos vectoriales figuran el Encapsulated Postscript (EPS), el Windows Metafile Format (WMF) y el formato Macintosh para ficheros grficos conocido como PICT. Las imgenes vectoriales no estn supeditadas a las resolucin de la imagen, por lo tanto pueden ser ampliadas y/o reducidas sin que pierdan calidad ya que son imgenes que no comparten ningn tipo de informacin sobre su resolucin. Se adaptan al tipo de perifrico al que se enven. Por ejemplo, una imagen se realiza a 2.400 ppp y dispone de una impresora lser que como mxima resolucin puede llegar a 600 ppp, lo que se obtiene es una impresin a 600 ppp. Las siglas ppp significan puntos por pulgada y especifican el nmero de pxeles que se imprimirn por pulgada. Cuanto mayor sea el nmero de ppp, mayor ser tambin la resolucin obtenida, ya que cuantos ms pxeles haya en una pulgada mayor ser la informacin suministrada. Los grficos vectoriales resultan ideales para logotipos e ilustraciones, porque son independientes de la resolucin y pueden escalarse a cualquier tamao, o imprimirse y Universidad Santiago de Cali EMP0101 3

Diseo grafico y modelado 3D

Ing. Edwin J. Ortega

visualizarse a cualquier resolucin, sin perder detalles ni calidad. Adems, con los grficos vectoriales puede producir contornos ntidos y claros.

Formatos de imagen A la hora de almacenar las imgenes se pueden escoger entre varias calidades distintas y entre varios formatos de archivos diferentes: JPEG (Joint Photographic Experts Group) Este es un formato estandarizado que permite compresin de imgenes. JPEG se dise con el fin de poder comprimir imgenes a todo color o en escalas de grises que representaran fotografas o imgenes del mundo real. Funciona muy bien en fotografas, arte naturalstico, pero no tan bien en caricaturas o dibujos simples. TIFF (Tagged Image File Format) Formato muy utilizado en edicin profesional para el intercambio de imgenes entre varios sistemas, ya que es un formato multiplataforma. TIFF almacena las imgenes en lo que se conoce como mapa de bits. En una imagen de mapa de bits, cada uno de los pxeles que componen la imagen es almacenado sin sufrir ninguna transformacin o alteracin, por lo que la calidad de la imagen ser siempre mxima aunque su tamao ser tambin grande. GIF (Graphic Interchange Format) El formato GIF fue desarrollado por CompuServe para proveer de un formato estndar que fuera independiente del tipo de mquina que se usara. El formato GIF est limitado a un mximo de 256 colores lo que es bastante razonable dado que la mayora de los PC tienen 256 colores como mximo. En general se recomiendan para las imgenes simples. Para los fondos texturizados no son muy tiles puesto que al tener pocos colores disponibles el computador que las recibe intenta encontrar el color ms cercano, producindose distorsiones que impiden que el texto sea visto de forma adecuada. La imagen se comprime pero no pierde calidad. Permite animaciones pero no es adecuada para fotografas. PNG (Portable Network Graphics) Formato destinado a sustituir a GIF evitando sus inconvenientes, sin embargo no soporta animaciones. BMP (Windows Bitmap) El ms utilizado en Windows. Es un formato para archivos de gran tamao pero sin prdida de calidad. Normalmente no utiliza ningn tipo de comprensin. Es un formato bsico que tiene la ventaja de ser sencillo y muy bien normalizado (se encuentra en casi todas las plataformas y aplicaciones); es un formato excelente para intercambiar datos y rpido para analizar y procesar imgenes. BMP se utiliza a menudo con RGB 24 bits. PICT (Macinstosh PICT) Es el formato nativo de los ordenadores de Mac de Apple. PDF (Portable Document Format) Universidad Santiago de Cali EMP0101

Diseo grafico y modelado 3D

Ing. Edwin J. Ortega

PDF es un formato de archivo universal que conserva las fuentes, imgenes y maquetacin de los documentos originales creados en una amplia gama de aplicaciones y plataformas. Este formato es un estndar para la distribucin y el intercambio de documentos ya que resulta muy seguro y fiable. Es posible crear un PDF en diferentes resoluciones.

EL VDEO En cuanto al vdeo, para obtener, formatear y editar elementos de vdeo hacen falta componentes y programas informticos especiales. Los ficheros de vdeo pueden llegar a ser muy grandes por lo que suelen reducirse de tamao mediante la compresin, una tcnica que identifica grupos de informacin recurrente (por ejemplo, 100 puntos negros consecutivos), y los sustituye por una nica informacin para ahorrar espacios en los sistemas de almacenamiento del ordenador. Algunos formatos habituales de compresin de vdeo son el Audio Video Interleave (AVI), el Quicktime y el Motion Picture Experts Group (MPEG o MPEG2). Estos formatos pueden comprimir los ficheros de vdeo hasta en un 95%, pero introducen diversos grados de borrosidad en la imagen. Las aplicaciones multimedia tambin pueden incluir animacin para dar movimiento a las imgenes. Las animaciones son especialmente tiles para simular situaciones de la vida real, como por ejemplo el vuelo de un avin. La animacin tambin puede realzar elementos grficos y de vdeo aadiendo efectos especiales como la metamorfosis.

Actividad. 1. Toma un elemento del mundo real y realiza un dibujo vectorial utilizando Inkscape. 2. Realiza un logotipo para una empresa, marca o un proyecto. Nota: guarda las imgenes en formato JPG y envalas usaca@ceticolombia.com

Universidad Santiago de Cali EMP0101