Les dégradés de transparence avec Draw :

le module de dessin d'OpenOffice.org

Introduction

Cet exercice, est issu d'un travail original de André Pascual, modifié par Philippe Terrieux l'article original qui a servi est disponible sur le site Linuxgraphic

Le contenu de ce document est soumis à la version 1.0 de la Public Documentation License. Vous ne pouvez utiliser ce document que si vous en acceptez les termes.

Une copie de la licence est disponible sur http://www.openoffice.org/licenses/pdl.pdf

La suite OpenOffice.org est considérée par beaucoup comme un ensemble d'outils bureautiques, c'est à dire en fait comme un couple unique de programmes : le traitement de texte et le tableur. Or, il s'agit là d'une vision très réductrice ; bien d'autres outils sont disponibles dans OpenOffice.org, notamment un excellent programme de dessin vectoriel, Draw.

Aussi à l'aise en illustration 3D avec rendu OpenGL qu'avec la mise en page ou la réalisation d'organigrammes, il intègre depuis la version 5.2 de Star Office, une fonction originale : le dégradé de transparence.

Moins puissant que les dégradés d'Artsteam, lesquels sont uniques en leur genre, cette fonction de Draw est intéressante pour qui recherche en vectoriel des effets de fondu enchaîné, ou des effets de brume.

C'est ce dernier exemple qui est disséqué dans le présent exercice, parce qu'il est facile et rapide à réaliser.

Quelques minutes devraient suffire largement.

Partie 1

Le sujet de l'exercice

Certains jours de brumes automnales, on remarque que celles-ci sont épaisses près du sol et vont s'évaporant avec l'altitude. Ainsi, de deux moyens de locomotion, une automobile et un avion, l'un est dans la brume et l'autre non, l'un est estompé par l'environnement et l'autre non. Il n'existe pas de séparation nette entre les deux états qui, au contraire, se fondent doucement, sans jamais être totalement opaques. La brume présente donc un aspect de transparence dégradée.
C'est ce que prétend montrer l'illustration ci-dessous.

Proposons-nous de construire cette image à partir des éléments dont nous disposons.

La gallery de base d'OpenOffice n'étant pas aussi riche que celle de StarOffice (pour des questions de licence sur les clipart) les .png utilisés sont disponibles avec le présent document : avion.png et DS.png

Partie 2

Importer les objets

Sans vouloir offenser qui que ce soit, rappelons qu'il existe deux possibilités d'ouvrir une session de dessin :

- cliquer sur Fichier> Nouveau puis sur Dessin

- cliquer sur l'icône OpenOffice.org à droite de la barre des tâches, puis sur Dessin

Quel que soit le mode de lancement choisi, on doit se trouver en présence d'une page blanche au format "utilisateur", que l'on peut conserver ainsi, la modification de taille s'obtenant par >Format>Page.

Supposons que nous devions parer au plus pressé ; il n'est alors pas question de dessiner l'avion et la voiture. Il faut donc les importer afin de les insérer dans la page.

Heureusement Draw sait utiliser les formats d'images très répandus que sont les .wmf, les jpg ou les .png, par le biais du menu >Insertion, puis Image ou Fichier

Activons le menu >Insertion>Image> A partir d'un fichier.

Une boite de dialogue s'ouvre.

Rechercher alors le répertoire ~/OO/share/gallery/clipart

Et enfin activer la fonction Aperçu, comme sur l'image ci-dessous.

Dès lors, cliquer sur un nom de fichier produit son affichage dans la fenêtre d'aperçu.

Sélectionner avion.png et cliquer sur >Ouvrir.

Partie 3

Importer les objets (suite)

La boite de dialogue se referme, laissant la possibilité de placer l'image importée à l'endroit voulu dans l'espace de dessin (1° Image).

Disposer celle-ci dans le coin supérieur gauche de la page, puis la désélectionner (impératif : sinon l'import d'une nouvelle image remplacera l'image sélectionnée).

Recommencer l'opération pour placer la 2° Image.

Partie 4

Mettre la brume en place

La brume sera représentée par un simple rectangle plein aux dimensions de la page.
Par défaut, il s'agit d'un rectangle couleur bleu7.
Changer les caractéristiques de celui-ci en choisissant dans le menu déroulant en face du pot de peinture l'option >Dégradé et en sélectionnant dans le déroulant suivant >Linéaire bleu/blanc.
On parvient au même résultant d'un clic droit sur le rectangle et en sélectionnant >Remplissage dans le menu contextuel qui apparaît, puis en cliquant sur l'onglet >Dégradés de la boîte de dialogue ci-dessous :

Partie 5

Donner de la transparence à la brume

Bien évidemment, ce rectangle ne contient qu'un dégradé de couleur opaque à 100% ; comme il est positionné sur les objets importés, ceux-ci sont recouverts et invisibles. Il faut donc affecter une transparence au rectangle, transparence progressive de bas en haut si l'on veut les voir.
Dans la boîte de dialogue >Remplissage décrite plus avant, cliquer sur l'onglet >Transparence et paramétrer celle-ci comme indiqué dans la vue suivante :

Partie 6

Donner de la transparence à la brume (suite)

Si tout s'est bien passé, le résultat suivant devrait être obtenu :

Partie 7

Mettre en place la lumière des phares

On ne roule pas dans la brume sans avoir allumé ses codes ; ceux-ci seront représentés par un halo lumineux jaunâtre car le véhicule est ancien, les codes européens étant blancs... Ces halos seront circulaires, ce qui n'est pas forcément réaliste en fonction de la forme des optiques. Mais par facilité, tracer un cercle plein ayant pour centre le centre de l'optique.
Rappelons que maintenir appuyée la touche shift pendant le déplacement de la souris permet de tracer un cercle parfait lors de son changement de taille.
Comme le rectangle précédent, le cercle est bleu7, avec une bordure noire d'épaisseur minimale

Partie 8

Mettre en place la lumière des phares (suite)

Le résultat n'est évidemment pas acceptable.
Modifier donc les paramètres du cercle tel que indiqué ci-dessous :

Il ne reste qu'a dupliquer ce halo (Ctrl+C, Ctrl+V) et à le mettre en place :

Conclusion ?

Voilà, en quelques opérations simples, nous sommes arrivés à créer notre image brumeuse. Libre à vous d'explorer toutes les fonctionnalités de Draw, elles sont nombreuses et souvent très puissantes ...

Sophie Gautier

2003-10-11T06:50:05