Catégorie : Graphisme     Tags :      

    Retrouvez cet article dans : Linux Pratique Hors série 7

    Draw est le module de dessin vectoriel de la suite bureautique OpenOffice.org. Cet outil vous permet de créer toutes sortes de dessins dans les formats courants (.png, jpeg...), du dessin technique simple à des mises en forme beaucoup plus complexes, mais également de travailler les images pour en modifier l'apparence, soit par application de filtres, soit en en modifiant les propriétés. La Gallery vous permet de stocker toutes vos productions afin de les avoir toujours sous la main !

    Draw est intégré à la suite bureautique OpenOffice.org. Vous y accédez donc facilement à travers tous les autres modules ou encore à partir du menu de démarrage de la suite. Si vous connaissez déjà les autres modules, vous ne serez pas dépaysé, les fonctionnalités de l'interface se présentent de la même façon. S'il est vrai que Draw peut retoucher les images, il est cependant beaucoup plus habile avec le dessin vectoriel où vous pourrez laisser libre cours à votre imagination, même en 3D.
    L'environnement de Draw a été conçu pour que vous ayez tous les outils nécessaires à vos travaux sous la main et comme vous le souhaitez. Par exemple, vous pourrez disposer vos palettes à droite ou à gauche, ou encore les imbriquer les unes au-dessous des autres.
    Voici un exemple possible de disposition de votre environnement (Fig. 1). Ce n'est qu'un exemple, tout ce qui entoure la plage de travail peut être déplacé à votre gré.

    /img-articles/lphs/7/art-9/fig-1.jpg
    Fig. 1 :  L'environnement de travail Draw personnalisé

    Passons maintenant à un peu de pratique. Nous allons voir comment insérer et travailler sur des images, puis nous jouerons avec des lettres tant sur leur forme que leur dégradé et enfin explorerons quelques effets 3D.

    Travailler sur les images

    Lorsque vous insérez une image dans Draw, une barre d'outils spécifique est mise à votre disposition (Fig. 2).

    /img-articles/lphs/7/art-9/fig-2.jpg
    Fig. 2 :  Barre de traitement des images

    Cette barre vous autorise de nombreux traitements que nous allons explorer.
    Commençons par le mode Graphique. C'est un menu déroulant, positionné pour le moment sur Standard. Lorsque vous le déployer, vous pouvez choisir Niveau de gris ou Noir et blanc, ou encore Filigrane. Ce sont des styles prédéfinis que vous pouvez appliquer à l'image. Lorsque vous sélectionnez une de ces options, elle s'applique directement à l'image (Fig. 3).

    /img-articles/lphs/7/art-9/fig-3.jpg
    Fig. 3 : Application du mode graphique noir et blanc

    L'icône suivante de cette barre d'outils /img-articles/lphs/7/art-9/i1.jpg vous permet de jouer avec les couleurs de l'image. Lorsque vous cliquez dessus, une nouvelle barre d'outils Couleurs s'affiche (Fig. 4). Elle comprend des échelles de proportion pour les couleurs Rouge, Vert, Bleu. En jouant avec chacune d'entre elles, vous pouvez modifier le rendu de l'image. Quelques clics sur les petites flèches en face de chaque couleur auront pour effet d'augmenter ou diminuer le pourcentage de couleur appliqué. La modification sera également directement appliquée à l'image sélectionnée (Fig. 5).

    /img-articles/lphs/7/art-9/fig-4.jpg

     

     

     

     

     

    Fig. 4 :  Barre d'outils des couleurs

    /img-articles/lphs/7/art-9/fig-5.jpg
    Fig. 5 :   Exemple de modification des couleurs
    Les trois dernières icônes de cette barre d'outils vous permettent de jouer avec la Luminosité, le Contraste et le Gamma (le gamma étant la luminosité qui affecte les demi-tons). À nouveau, appuyez sur les petites flèches en face de chaque icône pour modifier la valeur du pourcentage.
    L'icône suivante, /img-articles/lphs/7/art-9/i2.jpg représentée par un verre et un pourcentage à côté, indique la transparence applicable à l'image. C'est en paramétrant cette transparence que vous pourrez créer un filigrane par exemple (Fig. 6). En appliquant un pourcentage élevé à l'image, vous pourrez alors la placer en arrière-plan de la page, le texte ou les autres objets positionnés sur la page resteront bien lisibles.

    /img-articles/lphs/7/art-9/fig-6.jpg
    Fig. 6 :   La même image avec une transparence de 42%

    L'icône en forme de stylo plume /img-articles/lphs/7/art-9/i3.jpg permet d'appliquer un contour au cadre de l'image. Cliquez dessus et, dans la fenêtre qui s'ouvre, réglez les paramètres de ligne. Voici un aperçu avec une ligne épaisse et bleue tout autour (Fig. 7).

    /img-articles/lphs/7/art-9/fig-7.jpg
    Fig. 7 :   Bordure entourant l'image

    Continuons avec les icônes : celle du pot de peinture, comme partout dans OpenOffice.org, indique le remplissage de l'arrière-plan. Cet arrière plan peut être constitué de couleurs, d'images ou encore de dégradés et de rayures, à vous de choisir l'effet qui vous plaît ! Nous n'allons pas détailler là toutes les options, appliquez-les et voyez le résultat pour choisir celle qui vous convient. Nous avons pour notre part appliqué un dégradé jaune. L'icône suivante  permet d'appliquer une ombre à l'image, comme illustré sur la figure 8.

    /img-articles/lphs/7/art-9/fig-8.jpg

    Enfin, la dernière icône /img-articles/lphs/7/art-9/i4.jpg vous permet de couper l'image, cela s'appelle Rogner. Si vous souhaitez par exemple ne garder qu'une partie de l'image, vous allez ajuster et déterminer la taille de cette partie dans la fenêtre de dialogue (Fig. 9, page suivante).

    /img-articles/lphs/7/art-9/fig-9.jpg

    Fig. 9 :  Rognage de l'image

    Une fois vos réglages effectués, appuyez sur OK, seule la partie que vous avez redimensionnée est conservée (Fig. 10).

    /img-articles/lphs/7/art-9/fig-10.jpg

    Fig. 10 :  Image rognée

    /img-articles/lphs/7/art-9/fig-11.jpg
    Fig. 11 : Application de l'effet Fusain

    Nous ne nous sommes pas encore attardés sur la première icône de cette barre d'outils, et pourtant, c'est une baguette magique ! Lorsque vous cliquez dessus, une palette s'ouvre. C'est un ensemble de filtres que vous pouvez appliquer à l'image. Ces effets sont courants dans les logiciels de traitement de l'image.

    Pour appliquer un effet :

    1. Sélectionnez l'image.
    2. Cliquez sur un des effets, il est appliqué automatiquement (Fig. 11). Vous ne pourrez pas faire de réglage dessus.
    3. Si l'effet ne vous convient pas, annulez-le par la combinaison de touches [Ctrl] + [Z].

    Nous allons arrêter ici nos tests avec les images et nous allons jouer avec des lettres. En fait, ce sont des objets, quel que soit le dessin que nous manipulons.

    Modifier du texte

    Nous allons maintenant manipuler une lettre pour la modifier.

    1. Insérez un cadre de texte dans la diapositive.
    2. Écrivez la lettre B, modifiez la police et la taille si vous le souhaitez, car il ne vous sera plus possible de le faire ensuite.
    3. Faites un clic sur la lettre pour sélectionner le cadre (si vous êtes en mode écriture dans le cadre, appuyez sur la touche [Echap].
    4. Dans le menu contextuel, sélectionnez Convertir, puis En contour. La sélection contient maintenant uniquement la lettre, elle est donc très réduite. Agrandissez le cadre en saisissant une poignée d'angle et en l'étirant suffisamment pour avoir la place de travailler.
    5. L'objet est maintenant devenu un objet de dessin et non plus de texte (Fig. 12). Il vous est possible d'en modifier les lignes, le remplissage, comme nous l'avons vu pour les images.

    /img-articles/lphs/7/art-9/fig-12.jpg

    Allons maintenant plus loin en modifiant la forme de la lettre. Notez que la lettre que nous allons créer dans Draw peut l'être de la même façon dans Impress et que vous pourrez ensuite l'exploiter dans n'importe quel module de OOo.

    /img-articles/lphs/7/art-9/fig-13.jpg
    Fig. 13 : Édition des points de l'objet

    1. Dans le menu contextuel, sélectionnez Éditer des points. L'objet s'entoure de petits rectangles bleus (Fig. 13). Ces rectangles sont des poignées que vous pouvez déplacer pour modifier le contour de l'objet. Si les poignées sont trop rapprochées, agrandissez encore la lettre en décochant Éditer les points et en la sélectionnant pour obtenir les poignées vertes, ou encore modifiez le zoom en double cliquant sur son pourcentage dans la barre d'état.
    2. Cliquez sur des poignées bleues, maintenez le doigt sur la souris et glissez le contour pour le modifier. Laissez libre cours à votre imagination (Fig. 14) ! Dans la barre d'outils Édition de points qui s'est affichée (Fig. 15), il vous est possible d'ajouter des points, d'en retirer ou encore de modifier le type de tangente.
    3. Une fois les modifications terminées, dans la barre d'outils Édition de points, cliquez sur l'icône Point pour retourner à la sélection normale (les poignées vertes) (Fig. 16).

    /img-articles/lphs/7/art-9/fig-14.jpg/img-articles/lphs/7/art-9/fig-15.jpg
    Fig. 14, Fig. 15

    /img-articles/lphs/7/art-9/fig-16.jpg
    Fig. 16 : Objet dont le contour a été modifié

     

    Nous n'allons pas entrer dans tous les détails du travail sur les lettres et objets. Mais le sous-menu Convertir contient plusieurs options qui vous permettent de modifier complètement l'objet sur lequel vous travaillez. Vous ne me croyez pas ? Bien...

    1. Sélectionnez la lettre B que nous venons de modifier, dans le menu contextuel, sélectionnez Remplissage et choisissez une couleur violette.
    2. Toujours dans le menu contextuel, sélectionnez Convertir, puis En corps de révolution 3D.
    3. Vous voilà avec un bel objet qui ne ressemble plus vraiment à un B (Fig. 17), quoique !

    /img-articles/lphs/7/art-9/fig-17.jpg
    Fig. 17 : Conversion en corps de révolution 3D

    Un clic droit sur cet objet vous permettra d'accéder au paramétrage des effets 3D (Fig. 18), comme le placement de la lumière et donc des ombres, la matière, etc.
    Nous sommes revenus à quelque chose de plus sérieux en convertissant notre objet en 3D par l'option correspondante du menu contextuel. Il nous a alors été possible d'ajouter des éclairages en couleurs ou encore de modifier la géométrie en arrondissant des arêtes.

    /img-articles/lphs/7/art-9/fig-18.jpg
    Fig. 18 : Fenêtre de dialogue d'effets 3D

    /img-articles/lphs/7/art-9/fig-19.jpg
    Fig. 19

    Un double clic sur l'objet l'entoure de poignées rouges, ces poignées permettent la rotation de l'objet et donc de régler le positionnement des ombres différemment (Fig. 19).
    Voilà, après ce rapide tour d'horizon, vous pouvez maintenant commencer à créer vos propres objets ! Quelques mots encore, n'oubliez pas d'explorer les menus contextuels, vous pourrez ainsi grouper des objets, en changer la disposition ou l'alignement pour organiser au mieux votre composition.
    Enfin, vous pouvez conserver tous ces objets en les glissant simplement dans un thème de la Gallery. Ils seront alors à disposition dans n'importe quel module de la suite, et vous pourrez en faire par exemple des objets animés avec l'outil d'animation du module Impress.

    Retrouvez cet article dans : Linux Pratique Hors série 7

    Posté par (La rédaction) | Signature : Sophie Gautier | Article paru dans

    Laissez une réponse

    Vous devez avoir ouvert une session pour écrire un commentaire.