Impress et Draw HORS SERIE

Les Travaux Pratiques N°1

	Faire cossu avec OpenOffice.org Réalisez des animations avec Impress Découvrez Animator - Fabriquez vos BarreGraphes - Réalisez des fondus enchainés Avec les Logiciels libres, c'est la fête ...
N°1 HORS SERIE Travaux pratiques OpenOffice.org █SOMMAIRE 3Impress 3 ●Le brouillon 3 ●Les barres graphes - principe 4 ●Réaliser une grappe de barres graphes 5 ●A ne pas faire ou à savoir 6 ●Objets ou Bitmap ? 6 ●Objets, Groupes et Bitmap, combinés 7 ●Les Groupes – Un effet de Fondu 8 ●Les Groupes – Un autre effet de Fondu 10Draw 10 ●Le morphing 10 ●Exemple : La quadrature du cercle 10 ●Les formes 11 ●Les deux fondus 11 ●L'assemblage 11 ●L'animation Les points forts de l'exercice Réaliser de multiples effets avec Impress et Draw	Distribué par Le projet OpenOffice.org Licence Appendix Public Documentation License Notice The contents of this Documentation are subject to the Public Documentation License Version 1.0 (the "License"); you may only use this Documentation if you comply with the terms of this License. A copy of the License is available at http://www.openoffice.org/licenses/PDL.html. The Original Documentation is Les Travaux Pratiques OpenOffice.org. The Initial Writer of the Original Documentation is Patrick Guimberteau Copyright (C) 2002. All Rights Reserved. (Initial Writer contact(s) pguimber@free.fr). Contributor(s): Correction : Guy Veyssière - Francis Lecher. Portions created by ______ are Copyright (C)_________[Insert year(s)]. All Rights Reserved. (Contributor contact(s):________________[Insert hyperlink/alias]). NOTE: The text of this Appendix may differ slightly from the text of the notices in the files of the Original Documentation. You should use the text of this Appendix rather than the text found in the Original Documentation for Your Modifications. Remerciements : A tous les acteurs de l'OpenSource. Ces cahiers pratiques sont dédiés à Frédéric Labbé Crédits photos: P. Guimberteau sauf mention Couverture : Stanley théatre - USA	
Impress Aujourd'hui que des folies ! à quoi bon me direz-vous ! LE PLAISIR ! On a bien travaillé toute l'année, un peu de délire avec notre outil de travail n'est pas volé ! et puis ce n'est pas sans effets sur nos compétences globales ...Bref, soyons fou, c'est utile ! Plus que jamais, je vous recommande de lire le manuel sur Draw pour vous informer des manipulations de base, indispensables pour cet exercice. Voir note de fin. Le brouillon Griffonner c'est déjà réaliser ! Un brouillon, griffonné sur un coin de table (mais sur du papier, pas la nappe !) après avoir vu pour la énième fois un épisode de Stargate. Et nous voilà devant de nouveaux défis .... Mais c'est pour rire ...et on ne va pas se priver, ben tiens .... Je vous recommande de toujours utiliser le brouillon. Cela provoque une cogitation salutaire qui vous économise bien des tâtonnements devant votre écran. En effet, ce qui se conçoit clairement s'exprime clairement. (ce n'est pas de moi : « Ce qui se conçoit bien s'exprime clairement et les mots pour le dire arrivent aisément »). Or la phase du brouillon c'est exactement ça : la clarification d'une idée par son expression sur le papier. Les barres graphes - principe Premier effet recherché : des barres graphes. Impress offre des options de création d'animations que l'on va exploiter. Il faut toutefois distinguer trois niveaux d'animations : Les diapos, qui englobent ... Les groupes d'objets Les images animées (gif) Je les mets par ordre d'arrivée à l'affichage des animations. Vous comprendrez pourquoi plus loin ... Au final cela peut donner ceci ...

Nous allons commencer par le dernier niveau d'animation, les images Gifs.

Le processus consiste à aller dans Impress, de dessiner un rectangle, la dimension importe peu, puis de le dupliquer pour en garder la taille d'origine. Puis on allonge et raccourcit ce rectangle tout en prenant soin d'enregistrer un cliché à chaque modification de taille. Cette animation est réalisée selon cette procédure.	De bon goût ou pas, à vous de voir !

Nota : Si pendant la lecture de ce document les images posent des problèmes, rafraîchissez votre écran avec le raccourci clavier Ctrl+maj (ou shift)+R.

Bien, allons-y, un peu de café et de patience et vous verrez que « (...) patience fait plus que force ni que rage ! ».

Réaliser une grappe de barres graphes

Demandez une feuille dans Impress

cliquez sur l'icône idoine ou passez par le menu Fichier – Nouveau – Présentation. Répondez à l'Autopilote de création en prenant une présentation vierge et diapo vierge. Pour mieux visualiser cet exercice je mets une couleur en fond mais ce n'est pas obligatoire.

Maintenant, déroulez la palette Fonction de dessin et prenez le Rectangle (clic gauche dessus). Partez sur votre feuille, votre curseur est transformé en petite croix. Cliquez gauche sans lâcher, glissez. Un rectangle se dessine au fur et à mesure de votre déplacement. Lâchez pour clore la création du rectangle.

Dupliquez ce rectangle tant qu'il est sélectionné (poignées vertes, sinon cliquez gauche dessus) par les raccourcis clavier, Ctrl+c pour le copier, Ctrl+v pour le coller.

Déplacez la copie à l'aide des touches (flèches de direction) ou par la souris.

Pourquoi faire une copie ? Pour boucler l'animation. le premier constitue notre rectangle de travail et le second devient le rectangle de base, la dimension d'origine vers laquelle il nous faut revenir.

Trahi par son propre barre graphe ! Pour la suite, nous utilisons le Module Animation (menu Présentation à l'écran – Animation). Si vous le voulez bien, afin de différencier l'animation du module qui la crée je rebaptise le module en ...

ANIMATOR.

De toute façon c'est son vrai nom ! ...

Veillez aux points suivant : Cochez l'option Objet Bitmap. Bitmap ou image si vous préférez. L'option Objet de groupe génère un groupe ou assemblage d'objet. Il est probable que vous ne verrez pas la différence mais à l'exportation vous constaterez qu'il n'en est rien. On voit ce point plus tard. Déroulez la liste Adaptation et prenez une option, A gauche dans notre exemple. De cette manière l'animation se fera sur la droite de l'objet, la partie gauche restant fixe. Prenez soin d'utiliser la poignée adéquate de votre objet, centrale droite dans notre cas, pour modifier la longueur du rectangle, afin de préserver sa hauteur.	Vos outils d'animation, un rectangle et Animator.
Sélectionnez votre rectangle, si besoin, par un clic gauche dessus et faites-en un cliché à l'aide du bouton Appliquer l'objet. Réglez la durée à 0,04. Cette temporisation correspond à 1 seconde divisée par 24, le nombre d'images utilisées en animation (dessin animé, film, etc ...). Cliquez gauche sur la poignée (milieu droite) du rectangle, sans la lâcher, et glissez un peu vers la gauche. Faites un nouveau cliché. (La temporisation est reprise sur le réglage du premier cliché). Et ainsi de suite pendant une douzaine de clichés pour réduire le rectangle. On réalise le retour à la taille d'origine de la même manière mais en étirant le rectangle vers la droite. le retour se fait sur une douzaine de clichés aussi ; 24 clichés pour une seconde (à 0,04 s par cliché) cela permet de fluidifier l'animation.
Quand on arrive à concurrence de la taille d'origine , on sélectionne le deuxième rectangle pour réaliser le dernier cliché. On est assuré d'avoir le même cliché qu'au départ; l'animation est ainsi bouclée. Créez votre image animée en cliquant sur le bouton Créer ...
Dans cet exemple nous obtenons cela : ...	
Nous pouvons exporter cette animation au format gif par le menu Fichier – Exporter. N'oubliez pas de préciser le format de fichier (gif) et son nom. Dans les modules Writer, Calc et Draw vous pouvez exporter votre travail par un simple copier – coller. Pour ressembler à l'exemple en début d'article il vous suffit de créer plusieurs Objet bitmap en prenant soin de varier les temps alloués à quelques clichés pour éviter une synchronisation des animations. Sélectionnez tout vos rectangles, cliquez gauche à vide sur la page, glissez sans lâcher pour dessiner un lasso en pointillé qui englobe tout le monde ou Raccourci clavier Ctrl+a mais attention vous sélectionnez tout ce qui est dans la page ! Cliquez sur l'alignement souhaité ! dans le cas suivant l'alignement se fera à gauche en se réglant sur l'objet le plus à gauche. Les voilà tous alignés, le reste n'est qu'une question de goût ! A ne pas faire ou à savoir En vrac .... Savoir : Grouper des objets bitmaps animés a tendance à les synchroniser. Ne pas faire : Grouper des objets bitmaps animés et les charger dans Animator pour générer un Bitmap plus gros ; cela casse l'animation des bitmaps importés. Savoir : Importer un Bitmap animé dans Animator permet de générer un autre bitmap en modifiant les cycles, les temporisations, le nombre de clichés, l'alignement, mais pas de générer un objet de groupe. Savoir : On peut utiliser le fondu enchaîné de Draw pour générer des transitions entre formes mais les remplissages devront se faire après. Il faudra veiller aussi aux assemblages (groupes) et positions (dessous, dessus) avant de l'importer dans Animator.
Objets ou Bitmap ? Maintenant que vous savez réaliser une image (bitmap) il vous faut faire la différence entre groupe d'objets et objet bitmap. (Constaté sur une machine Win2000 pro et OOo1.1.0 carte Matrox G450). Cela vous sera utile dans vos réalisations et influencera grandement vos choix d'outils tout comme les résultats graphiques. Groupe d'objets : un assemblage d'objets (cercles, rectangles, images, etc...) qui gardent leur identité individuelle et leurs avantages. Ils restent donc modifiables à souhait (couleur, transparence, etc.). Dans une Présentation, l'animation d'un groupe d'objet : est prioritaire sur les objets bitmap. Son arrivée stoppe l'animation des bitmaps. l'animation n'est 'jouée' qu'une fois. Pas de temporisation par cliché. les dégradés de transparences sont repris pour chaque objet du groupe. un groupe existant peut être importé dans Animator et permet ainsi de générer un Bitmap ou un autre groupe. assembler (grouper) des groupes animés désactive leurs animations. la taille de l'objet final équivaut au rectangle enfermant les objets utilisés. Objet bitmap : les objets (cercles, rectangles, images, etc...) sont transformés en images. Ils perdent leur identité individuelle et leurs avantages. Dans une Présentation, l'animation d'un objet bitmap : est secondaire (les groupes d'objets prennent la main). Cela se traduit par l'arrêt de l'animation bitmap à l'arrivée d'un groupe d'objets. Elle reprend à la fin de l'animation du groupe. l'animation est 'jouée' en boucle si l'on veut. Réglage du temps par cliché. les dégradés de transparence sont perdus. Seule une transparence (100%) affectée à une couleur est possible sur le bitmap final au format gif grâce à l'outil Pipette (menu Outils – Pipette). Une transparence à 100% est affectée au vide entre objets, vide entre les lettres d'un texte par exemple. un bitmap existant peut être importé dans Animator et permet ainsi de générer un autre Bitmap mais pas un groupe. assembler (grouper) des bitmaps animés ne désactive pas leurs animations mais les synchronise. la taille de l'objet final équivaut au rectangle enfermant les objets utilisés.
Ce comparatif non exhaustif, permet de prévoir l'ordre d'apparition des objets (bitmap et groupes) et la procédure à retenir avec en prime un conseil : occupez-vous d'abord des groupes d'objets puis des bitmaps. Objets, Groupes et Bitmap, combinés Autant vous dire que c'est une mauvaise idée à mon goût ! trop compliqué à mettre en oeuvre dans la diapositive. Par contre les objets de groupe peuvent faire des merveilles. Essayez plutôt d'explorer leurs possibilités et après vous ferez un tour dans la combinaison Groupes+Bitmaps trop dure à synchroniser. Les objets de groupe par contre bénéficient d'options diverses qui vous donnent tout pouvoir sur leur apparence et leur apparition à l'écran.
Les Groupes – Un effet de Fondu Si vous devez avoir une arrivée d'un groupe animé avec des transparences et que vous vouliez une animation en fondu d'une image vers une autre avec retour à celle d'origine ... prenez un rectangle (voir plus haut pour les détails) par un clic droit sur votre rectangle prenez l'option Remplissage. dans l'onglet Motifs Bitmap demandez une image ou importez-en une et validez par Ok. (si cela vous pose un problème, c'est urgent lisez le manuel Draw de M. Pinquier ou achetez le livre « OpenOffice.org efficace »- édition Eyrolles! ou télécharger le livre - voir le site fr.openoffice.org). tant que le rectangle est sélectionné, prenez un cliché dans Animator , mettez 0,04s en temporisation.	Un effet fondu
modifiez la transparence du fond à 10% (clic gauche sur votre rectangle si besoin, clic droit, option Remplissage ,onglet Transparence, cochez l'option du même nom et remplacez 50% par 10%. prenez un cliché, mettez 0,04s en temporisation. passez la transparence à 20%, prenez un cliché et ainsi de suite jusqu'à 100% de transparence. permutez l'image du fond avec la deuxième prévue. Commencez à 90 % de transparence, revenez, par cran de 10%, à 0%. N'oubliez pas de prendre vos clichés ! Repartez toujours par crans de 10% vers 100% de transparence. Permutez à nouveau l'image du fond pour reprendre celle du début. Commencez à 90 % de transparence, revenez, par cran de 10%, à 0%. Voilà votre animation est bouclée. Vous avez deux choix : cochez l'option Objet de groupe avant de cliquer sur Créer : votre animation est jouée une fois dans la diapositive, les transparences sont préservées et vous pouvez l'introduire par les effets multiples disponibles par le menu Présentation à l'écran – Effets. Cochez l'option Objet Bitmap avant de cliquer sur Créer : votre animation peut se jouer en boucle dans la diapositive mais les transparences sont remplacées par des niveaux de blancs, seule le 100% est repris en transparence totale. Les effets sont disponibles. Résumé schématique : 1 - transparence 0% à 100% 2 - transparence 90% à 0% 3 - transparence 10% à 100% 4 - transparence 90% à 0%

Les Groupes – Un autre effet de Fondu Si vous modifiez le schéma précédent en le doublant vous obtenez un autre effet de fondu. Mais pour cela il vous faudra superposer les deux rectangles, et bien veiller à sélectionner les deux avant de réaliser le cliché.
Résumé schématique : Rectangle 1 1 - transparence 0% à 100% 2 - transparence 100% à 0% 3 - transparence 0% à 100% Rectangle 2
1 - transparence 100% à 0% 2 - transparence 0% à 100% 3 - transparence 100% à 0%
Réaliser cet effet plus compliqué dans la mise en oeuvre implique une procédure plus stricte. Réalisons un exemple avec deux photos New York et Chevalier mises en fond dans deux rectangles de même dimensions. Nommez vos objets : NY et Chevalier par exemple. Clic droit sur chaque objet, option Nommer l'objet. Alignez les rectangles pour qu'ils soient bien juxtaposés. Groupez les deux images : Sélectionnez les deux rectangles par un lasso ou par les options clavier (voir Aide « Sélection d'objets masqués »). puis Clic droit sur la sélection option Grouper. Appelez le navigateur par la touche F5. Vos objets apparaissent, il suffit de cliquer sur l'objet dans le Navigateur puis de faire un clic droit, hors Navigateur, pour accéder à ses options. La réalité de la sélection est différente de l'apparence ! Comme vous le voyez, avec le Navigateur le rectangle Chevalier est bien sélectionné contrairement à l'apparence. Le rectangle NY reste au premier plan. Si vous êtes plus à l'aise avec les raccourcis clavier consultez l'aide comme précisé plus haut. Pourquoi grouper les rectangle ? Pour les importer plus facilement dans Animator. C'est un choix de procédure nullement une obligation. Enfonçons le clou en nommant le groupe pour l'identifier clairement dans le Navigateur. « Tous les chemins mènent à Rome », trouvez celui qui vous convient le mieux.

Ainsi nous avons un groupe de deux rectangles bien identifiés individuellement (Chevalier et NY ) et globalement (Groupe) dans le Navigateur. Cela facilite grandement nos multiples opérations de sélection pour le reste de la manoeuvre. Maintenant lançons notre moulinette à clichés : Sélectionnez Groupe faites un cliché dans Animator. Sélectionnez NY	
Clic droit, option Remplissage onglet Transparence mettez à 10% Sélectionnez Chevalier Clic droit, option Remplissage onglet Transparence mettez à 90% Sélectionnez Groupe faites un cliché dans Animator. Recommencez la phase 2 à 6 en augmentant par 10% la transparence de NY et en diminuant par 10% celle de Chevalier . Puis faite l'opération inverse pour revenir au point de départ. Suivant le résultat voulu, créez, avec Animator un objet Bitmap ou un Objet de groupe. Si vous faites un Bitmap je vous conseille une temporisation de 0,20s par cliché. Résultat : ......
Et comme d'habitude un autre exemple que je vous laisse analyser et reproduire en guise d'exercice final . Un conseil à cette fin, copiez-le dans Impress. (Pour cela vous devez impérativement avoir la version Sxw de cet exercice).	

Draw

Le morphing

En fait dans Draw c'est un fondu enchaîné. Il n'est disponible que pour des formes simples. Explorez-le mais je crains que l'on tombe d'accord sur les limites de l'outil ! Toutefois je me méfie, il y a toujours des portes à ouvrir ! dites-nous si d'aventure vous avez trouvé des solutions.

Donc le fondu enchaîné .... voyons le principe.

Dessous Dessus Dessous Dessus	Vous devez utiliser deux (pas trois !) formes simples ou complexes. Le sens de la transformation est dictée par la disposition des éléments. Du dessous vers le dessus. Le dernier créé est dessus par défaut. Vous pouvez changer le sens de la transformation en modifiant l'ordre des dispositions. Clic droit sur l'objet puis clic gauche option Disposition.
	La transformation produit un groupe de plusieurs objets (16 par défaut). Ils peuvent être dissociés. Clic droit sur l'objet puis clic gauche option Dissocier. Le groupe peut s'importer dans Animator d'Impress. Deux groupes peuvent être fusionnés mais ils doivent d'abord être dissociés puis regroupés. Les formes fondues enchaînées puis dissociées sont disponibles pour y inclure des bitmaps, hachures, etc. Conclusion : On peut se servir du module Fondu enchaîné pour réaliser des morphings complexes puis se servir des formes réalisées en les retouchant avant de les transformer dans Animator.
Exemple : La quadrature du cercle
Les formes Réalisons une animation qui illustre la corrélation entre cercle et Carré (chimère que nous ne démontrons pas !) histoire de relancer le débat chez les 'matheux' .... Dessinez un carré (outil Carré), clic gauche sur la feuille, glissez la souris jusqu'à obtention d'un carré de taille correcte. Copiez-le et déplacez-le (Ctrl+c puis Ctrl+v). Utilisez les flèches du clavier pour déplacer la copie vers la droite. Transformez le premier Carré (celui de gauche) en cercle. Clic gauche dessus, Sélectionnez Éditez les points, puis attrapez la poignée supérieure gauche (curseur prend la forme d'une main) et glissez vers le centre jusqu'à complète transformation du carré en cercle. Copiez ce cercle et déplacez-le (Ctrl+c puis Ctrl+v). Utilisez les flèches du clavier pour déplacer la copie à la droite du carré. Vous devriez avoir ceci : Début (dessous) Milieu Fin (dessus)	La poignée magique ! Draw et la quadrature ! Un carré devient cercle ..

Les deux fondus

Si vous avez bien fait attention à l'ordre de création de vos objets, la disposition nécessaire (dessous, dessus) est déjà respectée mais le fondu enchaîné perturbe cet ordre car il crée un groupe d'objet qui passe donc dessus. Il faut donc veiller à le rétablir.

Maintenant procédons au fondu enchaîné de la première phase de notre animation.

(Cercle vers Carré)

Sélectionnez le cercle de gauche (début), avec la touche Shift (ou Maj) cliquez sur le Carré (milieu).

Allez dans le menu Édition – Fondu enchaîné et modifiez le nombre de copies (itération) en 24, puis Ok.

Dissociez le groupe obtenu par un clic droit et clic gauche sur Dissocier.

(Carré vers Cercle)

Sélectionnez le cercle de droite (final) et repassez-le dessus (raccourci Ctrl++ ou clic droit option Disposition – Vers l'avant).

Recommencez de 1 à 3 mais en sélectionnant le carré (milieu) et le cercle de droite (final).

L'assemblage

Donc nous devons avoir 51 figures, toutes disponibles individuellement si besoin pour modification des attributs. Si possible ne touchez pas à la taille et à la disposition.

Maintenant sélectionnez toutes les formes et groupez-les.

Clic gauche au coin supérieur (à vide) glissez la souris pour dessiner un lasso de sélection qui englobe tout le monde.

Clic droit et clic gauche sur l'option Grouper.

Copier le groupe (Ctrl+c).

L'animation

Exportez votre composition vers Impress. Ouvrez une diapo vierge et collez le groupe par Ctrl+v.

Demandez le module Animator (menu Présentation à l'écran – Animation).

Importez le groupe avec l'option Objets un par un .

Modifiez à loisir les différends paramètres selon l'objectif.

Générez votre objet (bimap ou groupe).

Résultat une animation en boucle où le Fondu enchaîné de Draw nous a économisé du travail :

Et pour finir une pincée d'animations pour assaisonner vos fichiers ou vous donnez des idées....

A l'année prochaine !

Cordialement

Patrick Guimberteau

Merci à Guy Veissière pour ses diligentes corrections.

Sur le site http://fr.openoffice.org section documentation vous avez un livre complet et un manuel sur Draw très didactique (cf. M. Pinquier). Abusez aussi des Howtos et autres ressources du site. C'est permis et même recommandé ! Merci aux différends auteurs et Sociétés à l'origine de ces ouvrages

Bitmap	Groupe A voir dans une présentation	Bitmap

p g

2003-09-05T12:54:51

Sophie Gautier