Un dessin vectoriel est une représentation composée d'objets géométriques (lignes, points, polygones, courbes, ...) ayant des attributs de forme, de position, de couleur, etc., permettant de produire des images.
Il se différencie de cette manière des images matricielles (ou «bitmap »), dans lequelles on travaille sur des pixels.
Par nature, un dessin vectoriel est dessiné à nouveau à chaque visualisation, ce qui engendre des calculs sur la machine. L'intérêt est de pouvoir redimensionner l'image à volonté sans aucun effet d'escalier. L'inconvénient est que pour atteindre une qualité photoréaliste, il faut pouvoir disposer d'une puissance de calcul importante et de beaucoup de mémoire.
Vectoriser une image sur un ordinateur consiste à redessiner tous les tracés qui la composent, par l'intermédiaire d'un logiciel permettant d'utiliser les vecteurs [vecteur: segment de droite orienté sur lequel on clique pour définir un point d'origine et un point d'extrémité, afin de lui donner une forme.]
L'avantage d'un dessin vectorisé est qu'on peut l'agrandir sans qu'il subisse de dégradation, les lignes vectorielles étant créées par des formules mathématiques et recalculées à chaque changement de taille.
Les logos par exemple sont essentiellement dessinés sous forme vectorielle, afin de pouvoir les imprimer en haute définition à toutes les tailles. Les logiciels les plus adaptés pour la création d'images vectorielles en langage VML sont Word, Excel de Microsoft ®, mais il existe aussi PAGEDITOR PRO V8 pour le mise en page intéractive dans un site web sous IE 6 -7 - 8.
Par opposition, les images bitmap ne sont constituées que d'un ensemble de pixels. Généralement, redimensionner une image bitmap la dégrade.
Voici le lien en direct pour IE 6 - 7 - 8 : [ Harley Davidson ]
Voici ci-dessous 2 vidéos pour vous familiariser avec la technique de vectorisation en VML sous Excel et PAGEDITOR PRO V8.
Suite de la vectorisation sous Internet Explorer en VML
Pour rappel, c'est une variété de petite pomme dont une face est rouge vif. A ne pas confondre avec la pomme d'APPLE qui est en voie de disparition.
Mais la grande différence avec notre pomme à nous, c'est notre API [ Application Programme Interface ] qui va servir pour sa création. En effet notre jolie petite pomme verte se veut très animée écologiquement parlant.
Pour cela nous avons besoin d'Internet Explorer 8 et de PAGEDITOR PRO V8. Nous allons découvrir tout de suite notre API qui est donc le module d'animations vectorielles en VML et HTML+TIME de PAGEDITOR PRO. Voici dans la petite vidéo ci-dessous notre animation de 15 secondes sans aucun recours à Flash bien sûr.
Il est possible sans utiliser "FLASH", grâce au Vector Markup Language (VML) qui est un langage XML employé pour créer des graphismes vectoriels. Le VML a été soumis comme une proposition de standard au W3C ...
Il est possible en VML et HTML+TIME directement dans Internet Explorer 8, de rendre compte de la troisième dimension. Pour cela, il suffit de changer la taille d’une image : c’est tout ! On définit une taille de départ, une taille d’arrivée, et, à nouveau, le programme générera par interpolation les images intermédiaires.
Bien sûr, il est possible de combiner les deux effets, comme dans l’exemple vidéo ci-dessous, où les photos se déplacent vers la droite en même temps qu'elles s'agrandissent.
Ce type d’animation est non pas basé sur une succession d’images, mais sur les propriétés de l’image que l’on va modifier, par exemple sa taille, ou sur les actions que l’on va provoquer, par exemple un déplacement d’une image sur l’écran ou la rotation de celle-ci lorsque le pointeur de la souris arrive sur une image.
Conclusion : L’animation vectorielle sous PAGEDITOR PRO V8 est un moyen très efficace pour créer des animations de bonne qualité et de faible taille et référençables dans Google avec son format XML.
RSS .92
Je me suis inspiré d'un exemple de Microsoft® SILVERLIGHT 1 en javascript.