Diciembre de 2004 ISSN: 1695-5951 www.uoc.

edu/artnodes

Artculo

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

http://www.uoc.edu/artnodes/esp/art/pdf/alberich1204.pdf

Jordi Alberich

Artnodes

Diciembre de 2004 ISSN: 1695-5951

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

Artculo

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

http://www.uoc.edu/artnodes/esp/art/pdf/alberich1204.pdf Jordi Alberich

Resumen
A partir del dibujo realizado mediante curvas de Bzier por el propio Pierre Etienne Bzier en 1997 para su amigo Brian Barsky que aparece aqu convenientemente reproducido, el presente artculo aborda inicialmente el origen, la naturaleza y la expansin del uso de las curvas de Bzier en el conjunto del grafismo digital interactivo para la web. A continuacin, se analizan en profundidad las implicaciones estticas del dibujo vectorial de fuentes tipogrficas digitales, y se realiza finalmente una seleccin de los nuevos valores estticos que debiera incorporar una esttica de los sistemas multimedia capaz de adaptarse y tratar de forma adecuada la nueva produccin grfica digital de naturaleza vectorial.

Palabras clave
esttica digital, imagen vectorial, diseo grfico, tipografa digital, interaccin

En noviembre de 1997, a partir del uso esttico de las curvas a las que l mismo da nombre, Pierre Etienne Bzier confecciona un dibujo-regalo para su amigo y profesor en Berkeley, Brian Barsky. En la flor representada se corporeiza de forma singular cmo una tcnica matemtica nacida originalmente en el contexto de unas determinadas necesidades de diseo industrial permitira con el tiempo expandir su uso y utilidad mucho ms all de su finalidad inicial, hasta alcanzar los vastos campos del grafismo, el arte y el expresionismo digital.

Origen, naturaleza y expansin de las curvas de Bzier

En su formulacin ms general, una curva de Bzier consiste en una curva cbica (o de tercer orden), paramtrica, definida por cuatro puntos, dos finales situados en los extremos de la misma y dos de control que no aparecen sobre la propia curva. Las curvas de Bzier surgen precisamente de un promedio sobre las dos tangentes creadas por los puntos de control, que pueden arrastrarse a voluntad por el usuario del sistema para cambiar libremente su forma hasta obtener prcticamente cualquier tipo de curva posible. Las curvas de Bzier son un caso especial de la interpolacin
1

Figura 1. Pierre Etienne Bzier, 1997.

Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

cbica de Hermite: mientras que en esta ltima, las curvas se construyen a partir de los segmentos derivados de los puntos finales, la construccin de las curvas de Bzier depende precisamente de los (dos) puntos de control situados externamente. El origen de las curvas de Bzier nos retrotrae a los primeros das del diseo asistido por ordenador a finales de los aos sesenta y comienzos de los setenta. Aparecen descritas por vez primera en 1972 por Pierre Etienne Bzier, cuando ste trabajaba como ingeniero para la empresa Renault. Bzier desarroll este sistema de ecuaciones simples que permiten que se dibuje muy fcilmente un nmero infinito de diferentes curvas en una pantalla como mtodo para utilizarlo en el diseo de las carroceras de los automviles Renault. Las curvas de Bzier tienen varias propiedades que hacen que sean especialmente tiles y convenientes para representar formas y superficies en 2D y en 3D de objetos en el ordenador. Y aunque rpidamente las propiamente dichas curvas de Bzier se complementasen con otras herramientas y sistemas de dibujo posteriores (curvas de Bzier racionales y, sobre todo, curvas B-splines y NURBS), stas han llegado a convertirse de facto en el fundamento de la prctica totalidad del software de dibujo vectorial ms reciente, y, por tanto, de la mayor parte de la produccin grfica digital para la web. Hoy, debido a sus numerosas ventajas y propiedades, las curvas de Bzier se utilizan de forma profusa en prcticamente todos los sistemas y dispositivos de produccin grfica digital para representar formas que aparezcan razonablemente lisas en todas las esca-

las. En especial, resulta significativa su adopcin como estndar de edicin tanto en el diseo y la produccin de videojuegos, como muy especialmente en la totalidad de los formatos de tipografa digital PostScript, TrueType y OpenType. Las ventajas que ofrece el dibujo vectorial mediante curvas y objetos de Bzier resultan numerosas: precisin en la informacin contenida, facilidad de transmisin y de ampliacin, y, sobre todo, buenas propiedades geomtricas, as como extrema facilidad de modificacin de un punto de control con efectos naturales sobre las formas de las curvas resultantes. En el caso especfico de los videojuegos, el hecho de no tener que dirigir ms que los puntos de control para efectuar, por ejemplo, una rotacin o la traslacin de un objeto determinado permite una reduccin importante del tiempo de clculo, lo que resulta sumamente necesario para la posibilidad de representacin de escenas dinmicas complejas. Por todo ello, y pese a su invencin en el marco de la industria del automvil, muy rpidamente las curvas de Bzier salieron de este marco para ser utilizadas en prcticamente todo lo que afecta a la concepcin y la representacin de curvas y superficies cualesquiera. Las curvas de Bzier son tan fciles de definir y precisar como de modificar y alterar. En la representacin vectorial resulta muy sencillo seleccionar capas u otro tipo de elementos individuales y transformarlos de forma independiente unos de otros. A diferencia de las imgenes de mapa de bits su nica posible alternativa en la edicin grfica por ordenador, que consisten y estn condicionadas por una retcula o matriz de puntos sobre la que se disponen las series de bits de informacin que representarn los pxeles, las imgenes vectoriales estn compuestas, como ya hemos visto, por objetos grficos independientes, definidos y creados a partir de simples operaciones matemticas que realiza el ordenador, lo que permite que aumentar, reducir o transformar una imagen vectorial resulte extremamente ms sencillo que en el caso de una imagen de mapa de bits. Mientras que en esta ltima una simple ampliacin de la imagen comportara inmediatamente un incremento de la serie de pxeles que definen su super-

Figura 2. Variaciones sobre una misma curva de Bzier a partir de la simple modificacin de los dos puntos de control externos.
Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004

Figura 3. Curvas de Bzier cuadrticas utilizadas en la generacin de fuentes TrueType.

2

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

ficie, y en consecuencia un aumento proporcional y considerable del peso del archivo digital correspondiente, la ampliacin de una imagen vectorial conlleva tan slo la modificacin de la frmula matemtica que la describe, sin que ello implique ni aumento de peso ni prdida de definicin: as pues, podremos ampliarla tanto cuanto deseemos y su calidad no se ver afectada, siempre ser mxima. ste es precisamente el fundamento que se esconde tras el uso de los trminos programas de dibujo y programas de pintura. Mientras que en los denominados programas de pintura (Bitmap Graphic Software) como Adobe Photoshop la representacin y la alteracin de las figuras se realiza pxel a pxel a travs de zonas y/o capas seleccionadas de la imagen inicial, en los programas de dibujo (Vector Graphic Software) como Macromedia FreeHand el desarrollo de tareas similares se simplifica en extremo mediante el control lineal de los manejadores vectoriales de curvas y objetos Bzier.

Tipografa digital definida por el contorno

Un campo ejemplar en el que se exhiben y corporeizan sobremanera las implicaciones estticas de los grficos vectoriales es el de la tipografa digital. La explosin digital de las ltimas dcadas ha expandido y actualizado de forma radical el significado tradicional del trmino tipografa (tipo: carcter, grafos: escritura). Para el arte tipogrfico, la digitalizacin ha comportado unas posibilidades ilimitadas de creacin, gestin, composicin y experimentacin con tipos, ahora intangibles y escalables.

de las familias tradicionales. Las fuentes digitales tambin resultan intangibles, extremamente manipulables y dinmicas, sin peso ni lugar, fruto de su naturaleza algortmica vectorial. La repercusin y los ecos de la tipografa digital se muestran de forma explcita en todos y cada uno de los mbitos tecnolgicos que nos rodean. La flexibilidad y las posibilidades que ofrecen las fuentes y los tipos digitales han permitido su irrupcin profunda en la edicin o la autoedicin de prcticamente la totalidad de los procesos comunicativos de nuestro alrededor. Todas las fuentes tipogrficas digitales predominantes en la actualidad son fuentes vectoriales definidas por el contorno. Esta naturaleza vectorial es la base sobre la que se sustenta la posibilidad de transmisin e intercambiabilidad de los documentos tipogrficos digitales, gracias a su independencia de los dispositivos concretos de entrada o salida. Al definirse vectorialmente, los tipos digitales definidos por el contorno garantizan, as mismo, la calidad de su representacin. Todos los dispositivos fsicos y lgicos que toman parte en su procesamiento y representacin parten y trabajan con un mismo archivo de informacin matemtica y geomtrica original. En la actualidad, existen dos formatos de fuentes predominantes, PostScript y TrueType, junto al ya no tan nuevo formato OpenType, que prometa (sin xito hasta la fecha) ser el formato de convergencia y superacin de los dos primeros. Tanto TrueType (TT) como PostScript Tipo 1 (PS1) son fuentes de contorno definidas por medio de lneas y curvas de Bzier. Su representacin es independiente de la resolucin del dispositivo de salida, pueden ser escaladas a cualquier tamao sin ninguna prdida de calidad e incorporan hinting para optimizar su resolucin en pantalla (aunque mientras que las curvas de Bzier que definan el formato PostScript eran cbicas, las desarrolladas para TrueType resultan cuadrangulares).

Figura 4. Ejemplos significativos de las nuevas posibilidades de experimentacin y flexibilidad de la nueva tipografa digital de naturaleza vectorial.

La nueva tipografa digital no consiste en un paso gradual ms en la vieja historia de la tipografa. Se trata de una autntica revolucin, que modifica de forma evidente el proceso de diseo y tratamiento grfico con tipos. Las fuentes digitales son independientes de los sistemas fsicos. As mismo, permiten hasta la saciedad la actualizacin constante de nuevas versiones y revisiones
Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004

Figura 5. Proceso de generacin vectorial de un nuevo tipo mediante Font Creator 3.0.
3

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

La creacin de una nueva fuente completa TrueType o PostScript consiste simplemente en obtener un conjunto de dibujos vectoriales. Este fichero de la fuente debe contener la informacin necesaria para hacer corresponder cada imagen con su carcter, as como para el espaciado de los caracteres. La etapa de la representacin geomtrica vectorial de los tipos es, sin lugar a dudas, el momento ms importante y bsico para la creacin de una nueva fuente. De hecho, las tres etapas posteriores que son necesarias hasta completar su edicin completa generacin bitmap, estandarizacin ASCII y codificacin ID pueden entenderse como adaptaciones y ampliaciones de esta etapa inicial. El proceso de definicin de los contornos de cada letra ser la informacin bsica utilizada en un proceso potencial de impresin posterior, capaz de preservar la calidad final independientemente de los dispositivos. El momento de la generacin vectorial de los tipos debe definir la estructura grfica de cada signo, as como el conjunto compositivo de todo el alfabeto. En la nueva tipografa digital se describe el contorno del carcter mediante vectores por medio de las rutinas de dibujo orientado a objetos, fijando el ancho de cada signo, determinando los espacios de interletrado de las parejas de letras ms conflictivas y cuidando en todo momento la relacin entre todo el conjunto de signos que componen el alfabeto.

Limitaciones de la tipografa vectorial

En contraste con la situacin de mximo control que ejemplificaba histricamente el trabajo tipogrfico para un medio impreso, donde primaba la posibilidad de decidir y verificar hasta el ms mnimo detalle del cmo se imprimir finalmente un titular o bloque de texto sobre el papel, el uso y la creacin de tipografa para la web resultar algo mucho ms ingrato, y en ocasiones incluso frustrante. Como resultado precisamente de su naturaleza vectorial, an son numerosas las limitaciones que el medio tecnolgico digital impone al trabajo del diseador y del tipgrafo web. Entre la lista inicial de variables que dificultan nuestro control exacto sobre la apariencia decidida de un determinado trabajo de

tipografa para la web, debemos considerar aspectos como por ejemplo que a) los tamaos de las fuentes son distintos en diferentes ordenadores la misma fuente del mismo tamao no se representa de igual forma en un sistema basado en Windows que en uno basado en Mac o que b) no todo el mundo posee las mismas fuentes al especificar el tipo de fuente con una etiqueta .html puede que haya personas que no tengan instalado dicho tipo de letra. La diferencia de la configuracin de pantalla en ambos casos dar lugar a dos apariencias grficas muy diferentes para un mismo sitio web original. La principal limitacin para el diseador web consiste en la falta de un control preciso sobre el producto final, sobre cmo aparece ste ante los ojos del usuario final. Dos aspectos tan bsicos como el color los colores varan de un monitor a otro y la diagramacin moldeable segn la configuracin de los monitores no resultan accesibles para el diseador web, con lo que su trabajo queda condenado a un cierto grado de deriva en su concrecin final. En el diseo web, sencillamente, no siempre es posible elegir las fuentes ms apropiadas para un determinado proyecto (para estar seguros del resultado final, deberan estar instaladas en el sistema operativo de todos nuestros potenciales usuarios-lectores). Elementos que hayamos dispuesto con esmero se movern y desplazarn en la pantalla del visitante debido a imponderables tan simples como el tamao de visualizacin de las tipografas que ste haya seleccionado en su navegador. Cuando la fuente de una pgina web no est disponible en el sistema del visitante (y no ha sido tratada como imagen ni como archivo PDF), sta se visualiza con la fuente predeterminada del navegador (generalmente, Times New Roman en Windows), con lo que se pierde todo el detalle, calibrado y calidad existentes en el diseo tipogrfico original. Existen dos posibles soluciones parciales para este problema: a) incrustar las fuentes en la web original lo que no permite utilizar la fuente, porque tan slo se incrusta una representacin grfica de la fuente o b) intentar afinar al mximo en la capacidad de control que nos permiten las versiones recientes de los lenguajes-cdigos HTML, XML o CSS. Las especificaciones recientes de los estndares CSS, por ejemplo, permiten un ele-

Figura 6. La simple variacin del tamao de visualizacin del texto en los navegadores de dos usuarios distintos hace que se modifique notablemente la apariencia grfica de la composicin grfica, debido tanto a la naturaleza elstica del lenguaje en HTML como a la naturaleza vectorial de la tipografa digital.
Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004 4

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

vado control de los atributos tipogrficos, aunque an debamos luchar contra la ausencia de compatibilidad entre navegadores.

Valores estticos en el grafismo vectorial

El nuevo grafismo digital de naturaleza vectorial exige un nuevo vocabulario esttico, en el que la misma disciplina esttica debe redefinirse para permitir el tratamiento adecuado de las nuevas producciones grficas interactivas. Belleza, orden, proporcin u obra final son slo algunos de los conceptos que han resultado hegemnicos a lo largo de la historia del arte y de la esttica para el estudio en profundidad tanto de la imagen como del conjunto de nuestras percepciones sensibles. Hoy, su traduccin y adaptacin a los nuevos entornos de produccin grfica digital resulta, cuando menos, problemtica. La caracterizacin habitualmente dinmica e interactiva del conjunto del grafismo vectorial demanda el uso y la adaptacin de nuevos valores como la elasticidad, la flexibilidad, la adaptabilidad e incluso la inestabilidad para el anlisis adecuado de sus ricas y evidentes implicaciones estticas. La escalabilidad inherente al conjunto del grafismo vectorial da lugar a producciones esencialmente elsticas, fruto del carcter abierto e indefinido, en constante cambio y actualizacin, de los numerosos sistemas y dispositivos de visualizacin existentes sobre los que ste se implementa de forma creciente. El ordenador ya no es el nico dispositivo que permite ver sistemas interactivos. Estn tambin los telfonos mviles, la televisin y otros dispositivos, en los que la visualizacin de los grficos puede diferir completamente. Muchos telfonos mviles suelen limitarse an a una profundidad de color de 1 bit, tienen un tamao de pantalla muy reducido y son consultados en condiciones de iluminacin que pueden no ser las ptimas. Por otro lado, los televisores tienen un refresco de pantalla inferior a los ordenadores y se ven a una distancia mucho mayor. stas y otras

variables alteran habitualmente la constancia y la estabilidad perceptivas de un determinado proyecto en sistemas multimedia. El grafista que afronta un proyecto de diseo digital deber tener un planteamiento abierto sobre la visualizacin final de su trabajo. Esta forma de disear supone un cambio de mentalidad importante sobre la proyectacin tradicional. Se tratar de aprovechar y valorar de forma positiva la flexibilidad que permite el medio digital para crear soluciones reconfigurables u ofrecer opciones alternativas, proponiendo soluciones grficas que expriman de modo consciente el carcter eminentemente variable de las condiciones estticas propias de los entornos digitales. Una produccin esttica digital que valore la adaptabilidad que ofrecen los grficos vectoriales tendr en cuenta si el diseo ha previsto las particularidades tecnolgicas o si slo se visualiza de forma ptima con una determinada configuracin. As mismo, deber considerar su potencialidad de visualizacin en distintos sistemas operativos y usar formatos grficos y multimedia que sean multiplataforma, y tambin deber tener en cuenta las diferencias entre programas navegadores y visualizadores que puedan afectar a la presentacin de los grficos. Adems, deber ofrecer al usuario informacin sobre la configuracin mnima y ptima de hardware y software, y sobre los recursos necesarios, siendo recomendable que sea capaz de ofrecer versiones alternativas para configuraciones ms sencillas de aqullas para las que ha sido conceptualizado y producido inicialmente. La conciencia sobre el carcter adaptable, flexible y elstico de los grficos vectoriales nos lleva de forma consecuente a su mutabilidad y, por tanto, inestabilidad (en cada una de sus actualizaciones, una misma produccin algortmica podr dar lugar a una configuracin y apariencia distintas). As pues, la nueva esttica digital debe tratar con un material extremadamente voluble y verstil. Su objeto de estudio resulta huidizo. Frente al carcter constante, seguro y firme de la produccin esttica tradicional de naturaleza fsica, el desarrollo y la produccin de aplicaciones y

Figura 7. La naturaleza algortmica del grafismo digital basado en curvas y objetos de Bzier proporciona una esttica esencialmente elstica, gracias a la ausencia de prdida de calidad de representacin a cualquier escala de formas e imgenes vectoriales.
Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004 5

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

sistemas multimedia opone su variabilidad. La posibilidad misma de la existencia disciplinar de una esttica digital tiene como lmite natural una excesiva delimitacin de su objeto de estudio. El anlisis y tratamiento esttico de los nuevos entornos digitales implica reconocer ante todo el mismo carcter esencialmente abierto de las producciones grficas digitales. Insistamos de nuevo en ello. Los valores estticos que habra que utilizar en el estudio y el anlisis de los nuevos grficos digitales interactivos no deberan ser ya los tradicionales belleza, orden, proporcin u obra final. Las flores de Bzier nos dirigen hacia un nuevo territorio en el que prima la dimensin esttica de conceptos y valores como elasticidad, flexibilidad, adaptabilidad e inestabilidad.

SASSOON, R. (1993). Computers and Typography. Londres: Intellect Books. TSICHICHOLD, J. (1988). The New Typography. University of California Press. WHITE, J. (1988). Graphic Design for the Electronic Age. Nueva York: Watson-Guptill.

Ponencias
RABUT, C. (2000). Petite Histoire dune Ide Bizarre: les Courbes et les Surfaces de Bzier. En: Actes de la Journe en Hommage Pierre Bzier (30 de noviembre). cole Nationale des Arts et Mtiers, Pars.

Bibliografia
Libros
BELLANTONI, J.; WOOLMAN, M. (2000). Type in motion. Innovations in digital graphics. Londres: Thames & Hudson. CEREZO, J.M. (1997). Diseadores en la nebulosa. Madrid: Editorial Biblioteca Nueva. CHAPMAN, N.; CHAPMAN, J. (2000). Digital Multimedia. Londres: John Wiley & Sons Ltd. LAFON, J. (1999). Esthtique de limage de synthse. La trace de lange. Pars: Editions LHarmattan. MEDINA BEIRO, J.M. (2001). Tipografa digital. Madrid: Anaya Multimedia. MITCHELL, W. (1994). The Reconfigured Eye. Massachusetts Institute of Technology Press. MORSE, M. (1998). Virtualities. Television, Media Art and Cyberculture. Indiana University Press.

Artculos de revistas
BZIER, P.E. (1975). Souvenirs dun outiller. Revue de la Section dHistoire des Usines Renault. N. 11, pgs. 176-187. BZIER, P.E. (1976, octubre). Lordinateur au service des travaux de carosseries. Revue Arts et Mtiers. Pgs. 34-37. BZIER, P.E. (1982). Petite histoire dune ide bizarre (1). Revue de la Section dHistoire des Usines Renault. Vol. 4, n. 24, pgs. 256-268. BZIER, P.E. (1982). Petite histoire dune ide bizarre (2). Revue de la Section dHistoire des Usines Renault. Vol. 4, n. 25, pgs. 319-331. CYCHOSZ, J. (1990, noviembre). Pierre Bzier. Computer Aided Design. N. 22. MANOVICH, Lev. (1998). Esttica de los mundos virtuales. El Paseante. La revolucin digital y sus dilemas. N. 27-28. Madrid. RABUT, C. (2002). On Pierre Bziers Life and Motivations. Computer Aided Design. N. 34, pgs. 493-510.

Para citar este documento puedes utilizar la siguiente referencia:

ALBERICH, Jordi (2004). Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo. Artnodes [artculo en lnea]. UOC. [Fecha de consulta: dd/mm/aa]. <http://www.uoc.edu/artnodes/esp/art/pdf/alberich1204.pdf> ISSN 1695-5951

Jordi Alberich i Pascual, 2004 de esta edicin: FUOC, 2004

Artnodes

Diciembre de 2004

Las flores de Bzier. Elasticidad e inestabilidad en el grafismo digital interactivo

Jordi Alberich
Profesor del programa de Comunicacin Audiovisual (UOC) jalberichp@uoc.edu
Doctor en Diseo e Imagen por la Universidad de Barcelona. Es profesor de los Estudios de Ciencias de la Informacin y de la Comunicacin de la UOC, donde coordina el rea de Diseo y Creacin Audiovisual, y del programa de doctorado sobre la Sociedad de la Informacin y el Conocimiento tambin de la UOC, donde actualmente coordina el Seminario de investigacin en cibercultura.Colabora regularmente en varias publicaciones peridicas y es autor de los libros Fotografia i fi de segle. Art, discurs i fotografia en el trnsit de la postmodernitat (Edicions Di7, 1999) y El cant de les sirenes. Ressons postmoderns en la fotografia contempornia espanyola (Fundaci Espais, 2000), as como coautor, entre otros, de los materiales didcticos multimedia Disseny visual (Eurecamedia, 2003) y Art i esttica digital (Eurecamedia, 2003). Adems, ha ganado el Primer Premio Nadal Batle i Nicolau (Universidad de las Islas Baleares, 1998) y el Premio Espais (Asociacin Catalana de Crticos de Arte, 1999). Es miembro del Claustro de Doctores de la Universidad de Barcelona (CDUB) y de la Sociedad Catalana de Comunicacin (SCC), y tambin es miembro fundador del Consejo Editorial de Artnodes.