Tutoriel Inkscape - sommaire

Inkscape : le clonage d'objets

Clonage simple

Objectif : créer rapidement six étoiles à 5 branches identiques.
Toute modification postérieure de l'original doit être répercutée aux copies.

Procédure

• créer un document de 900 par 600 avec une zone de vue de 0,0,900,600.
• dessiner une étoile à 5 branches
• faites un clic droit, un menu contextuel apparait, sélectionnez dans celui-ci l'item "cloner".
  Vous avez produit un clone de l'original mais qui est au-dessus de ce dernier
• déplacez la copie
• 5 fois faites un clic droit sur l'original et sélectionnez l'item "clone" puis déplacez la copie.

Le document Inkscape

Intérêt du clonage par rapport à une simple duplication

Sélectionnez l'original et changez sa couleur de fond et observez.
Les six étoiles ont adopté la nouvelle couleur.

En cas de clonage toute modification du modèle est répercuté aux clones.

Mais comment retrouver l'original ?

Si vous avez de nombreux objets identiques résultant d'une opération de clonage, il est impossible de retrouver visuellement l'original.
Solution : sélectionnez n'importe quel objet puis produisez la commande (via la barre de menus) : Edition/Cloner/sélectionner l'original. Le modèle va alors être sélectionné.

Pour info

Pour les amateurs de code, je vous communique le code SVG généré.
J'ai demandé "svg optimisé" afin d'avoir un code très synthétique. <svg version="1.1" viewBox="0 0 900 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g> <path id="a" transform="matrix(1.325 0 0 1.312 -41.64 95.08)" d="m223 160.4-50.66-27.02-50.98 26.41 10.05-56.53-40.87-40.32 56.87-7.914 25.72-51.33 25.1 51.64 56.77 8.598-41.36 39.83z" style="fill:#00f;stroke-width:3"/> <use transform="translate(212.3 1.527)" xlink:href="#a"/> <use transform="translate(441.4)" xlink:href="#a"/> <use transform="translate(13.75 223)" xlink:href="#a"/> <use transform="translate(248.9 226)" xlink:href="#a"/> <use transform="translate(479.6 227.6)" xlink:href="#a"/> </g> </svg>

Notez le viewBox dans la balise SVG début et la balise PATH pour dessiner l'étoile originale.
Notez les cinq commandes use ... xlink:href ="#a" . Ce qui signifie cloner l'objet identifié "a"
Donc le clonage est une copie intelligente d'un objet et se traduit par un code SVG très succinct ; chaque clone se résume à une instruction unique basée sur l'élément "use".

Pavage de clones

Vous voulez réaliser un superbe papier peint. Donc un motif qui se répète sur tout le document.

Le document Inkscape

Le procédure

Procédez comme suit :
• créer un nouveau document de 600 par 600
• enregistrez au format "svg optimisé"
• dessinez deux rectangles remplis de bleu de 100 par 20 l'un vertical et l'autre horizontal et qui se croisent en leur milieu
• groupez les deux rectangles (donc le groupe tient dans un rectangle de 100 par 100)
• faites du groupe l'original à cloner : Edition/Cloner/Créer un clone
• créer un pavage avec ce clone : Edition/Cloner/Créer un pavage de clones) ;
  dans la boite de dialogue je renseigne "lignes,colonnes" avec 6 et 6

Comme il s'agit d'un clonage plus complexe vous devez passer par la barre de menus.