TechDraw TemplateHowTo/fr: Difference between revisions

From FreeCAD Documentation
(Created page with "21. Essayez-le dans FreeCAD et dans l'atelier TechDraw avec Nouvelle page selon modèle TechDraw. File:FCTemplateHow.png|c...")
No edit summary
 
(68 intermediate revisions by 3 users not shown)
Line 2: Line 2:


{{TutorialInfo/fr
{{TutorialInfo/fr
|Topic=Drafting
|Topic=Dessin
|Level=Intermédiaire
|Level=Intermédiaire
|Time=60 minutes
|Time=60 minutes
Line 11: Line 11:
== Introduction ==
== Introduction ==


Ce tutoriel explique comment créer un fichier [[SVG/fr|SVG]] pouvant être utilisé comme arrière-plan [[TechDraw Templates/fr|modèle]] pour les pages de l'[[TechDraw Workbench/fr|Atelier Techdraw]].
Ce tutoriel explique comment créer un fichier [[SVG/fr|SVG]] pouvant être utilisé comme [[TechDraw_Templates/fr|modèle]] d'arrière-plan pour les pages de l'[[TechDraw_Workbench/fr|atelier Techdraw]].


Ce tutoriel suppose que vous connaissez moyennement [https://fr.wikipedia.org/wiki/Inkscape] et [[SVG/fr|SVG]], ainsi que FreeCAD et l'[[TechDraw Workbench/fr|atelier TechDraw]].
Ce tutoriel suppose que vous connaissez assez bien [https://fr.wikipedia.org/wiki/Inkscape Inkscape] et [[SVG/fr|SVG]] ainsi que FreeCAD et l'[[TechDraw_Workbench/fr|atelier TechDraw]].


Nous allons créer un modèle simple pour le papier de format Lettre US en orientation paysage.
Nous allons créer un modèle simple pour un format Lettre US en orientation paysage.


Une copie du résultat de ce tutoriel est disponible dans
Une copie du résultat de ce tutoriel est disponible dans
Line 27: Line 27:
}}
}}


<span id="Create_base_document"></span>
==Créer un document de base==
==Créer un document de base==


Line 32: Line 33:


2. Dans les propriétés du document
2. Dans les propriétés du document
* Sélectionnez le format de page "Lettre US" et l'orientation "Paysage".
* Sélectionnez le format de page "Lettre US" ou "A4" et l'orientation "Paysage".
* Définissez les unités par défaut sur "mm" et le format de page sur les largeurs "279.4" et les "215.9".
* Définissez les unités par défaut sur "mm" et le format de page sur les largeurs "279.4" et les "215.9". Pour DIN-A4, utilisez "210" and "297".
[[Image:InkDocProp.png|800px|center]]
[[Image:InkDocProp.png|800px|center]]
{{Caption|align=center|Inskcape: document avec la taille et l'orientation de la page}}
{{Caption|align=center|Inkscape : document avec la taille et l'orientation de la page}}
{{clear}}
{{clear}}


3. Utilisez l'éditeur XML pour ajouter une clause d'espace de noms "freecad" à l'élément {{incode|<svg>}}.
3. Utilisez l'éditeur XML pour ajouter une clause d'espace de noms "freecad" à l'élément {{incode|<svg>}}.
* <code>xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"</code>.
: <code>xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace"</code>.
Notez que vos textes modifiables ''ne fonctionneront pas'' si vous utilisez "https://..." même si le wiki est accessible via https de nos jours. Puisque SVG est un format lisible par l'homme, vous pouvez aussi entrer la ligne ci-dessus dans le fichier avec un éditeur de texte.
[[File:InkXMLNameSpace.png|800px|center]]
[[File:InkXMLNameSpace.png|800px|center]]
{{Caption|align=center|Inkscape: éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>}}
{{Caption|align=center|Inkscape : éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>}}
{{clear}}
{{clear}}


<span id="Create_template_drawing"></span>
== Créer un modèle de dessin ==
== Créer un dessin du modèle ==


4. Tracez des contours, des numéros de zone, des lignes centrales et autre géométrie.
4. Tracez des contours, des numéros de zone, des lignes centrales et autre géométrie.
Line 54: Line 57:
7. Ajoutez et positionnez le texte qui sera éditable.
7. Ajoutez et positionnez le texte qui sera éditable.


8. Vous avez maintenant terminé votre illustration, qui devrait ressembler à ceci:
8. Vous avez maintenant terminé votre illustration, qui devrait ressembler à ceci :
[[File:InkFinishedArt.png|800px|center]]
[[File:InkFinishedArt.png|800px|center]]
{{Caption|align=center|Inkscape: disposition provisoire du modèle}}
{{Caption|align=center|Inkscape : disposition provisoire du modèle}}
{{clear}}
{{clear}}


<span id="Create_editable_fields"></span>
== Créer des champs modifiables ==
== Créer des champs modifiables ==


Line 64: Line 68:
* Attribuez un nom de champ significatif à chaque texte modifiable.
* Attribuez un nom de champ significatif à chaque texte modifiable.
[[File:InkXMLeditableTag.png|800px|center]]
[[File:InkXMLeditableTag.png|800px|center]]
{{Caption|align=center|Inkscape: éditeur XML ajoute la propriété "freecad:editable" à l'élément <text> souhaitée}}
{{Caption|align=center|Inkscape : éditeur XML ajoute la propriété "freecad:editable" à l'élément souhaité <text>}}
{{clear}}
{{clear}}


<span id="Adjust_size_of_the_SVG"></span>
== Ajuster la taille du SVG ==
== Ajuster la taille du SVG ==


Line 72: Line 77:
* Il s'agit de quatre valeurs, au format {{incode|"0 0 width height"}}
* Il s'agit de quatre valeurs, au format {{incode|"0 0 width height"}}
[[File:InkXMLviewBox.png|800px|center]]
[[File:InkXMLviewBox.png|800px|center]]
{{Caption|align=center|Inkscape: l'éditeur XML ajuste la zone d'affichage pour qu'elle corresponde à la taille de la page en millimètres}}
{{Caption|align=center|Inkscape : l'éditeur XML ajuste la zone d'affichage pour qu'elle corresponde à la taille de la page en millimètres}}
{{clear}}
{{clear}}


11. Votre modèle apparaîtra maintenant beaucoup plus gros que souhaité.
11. Votre modèle apparaîtra maintenant beaucoup plus gros que souhaité.
[[File:InkMuchTooBig.png|800px|center]]
[[File:InkMuchTooBig.png|800px|center]]
{{Caption|align=center|Inkscape: mise en page provisoire du modèle dépassant la taille de la page}}
{{Caption|align=center|Inkscape : mise en page provisoire du modèle dépassant la taille de la page}}
{{clear}}
{{clear}}


12. Nous devons le réduire.
12. Nous devons le réduire.
* {{MenuCommand | Edit → Tout sélectionner dans tous les calques}}, ou à partir de la boîte de sélection, sélectionnez tout.
* {{MenuCommand|Édition → Tout sélectionner dans tous les calques}}, ou à partir de la boîte de sélection, sélectionnez tout.
* Ajustez les boutons {{Button|W:}} et {{Button|H:}} à la taille de votre illustration en millimètres.
* Ajustez les boutons {{Button|W:}} et {{Button|H:}} à la taille de votre illustration en millimètres.
* Définissez la taille de la page moins les marges applicables, par exemple, {{Button|W: 250}} et {{Button|H: 200}}.
* Définissez la taille de la page moins les marges applicables, par exemple, {{Button|W: 250}} et {{Button|H: 200}}.
Line 89: Line 94:
14. Votre modèle devrait maintenant être correct comme dans l'image ci-dessus.
14. Votre modèle devrait maintenant être correct comme dans l'image ci-dessus.


<span id="Remove_transformans_on_the_SVG"></span>
== Supprimer les transformants sur le SVG ==
== Supprimer les transformations sur le SVG ==


15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}.
15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec {{KEY|Shift}}+{{KEY|Ctrl}}+{{KEY|g}}.


16. Sélectionner tout sur votre page, {{MenuCommand|EditSelect All}} puis {{MenuCommand|EditCopy}}.
16. Sélectionnez tout sur votre page, {{MenuCommand|ÉditionSélectionner tout}} puis {{MenuCommand|ÉditionCopier}} ({{KEY|Ctrl}}+{{KEY|c}}).


17. Supprimez ensuite le calque actuel, {{MenuCommand|LayerDelete Current Layer}}.
17. Supprimez ensuite le calque en cours, {{MenuCommand|CalqueSupprimer le calque actif}}.
: Remarque : si vous avez déjà supprimé le calque (aucun calque n'est répertorié dans votre panneau Calque), cette étape n'est pas nécessaire. Dans ce cas, vous devez tout sélectionner ({{KEY|Ctrl}}+{{KEY|a}}), couper la sélection ({{KEY|Ctrl}}+{{KEY|x}}) et la coller avec la commande à l'étape suivante.


18. Puis copiez, {{MenuCommand|EditPaste in Place}}.
18. Puis copiez, {{MenuCommand|ÉditionColler sur place}}.
: '''Remarque :''' cette commande empêche que les positions du texte soient stockées dans les balises de transformation. <u>Il est important que vous n'utilisiez pas la commande de collage normale!</u>


19. Votre modèle devrait maintenant être correct et ne devrait pas avoir de transformations indésirables.
19. Votre modèle devrait maintenant être correct et ne devrait pas avoir de transformations indésirables.


20. Enregistrez votre modèle. Lorsque vous utilisez Inkscape, enregistrez-le de préférence sous '''SVG simple''' car FreeCAD ne peut gérer que les fonctionnalités de la spécification SVG 1.1. '''SVG simple''' supprimera toutes les balises XML spécifiques à Inkscape.
20. Enregistrez votre modèle.


21. Essayez-le dans FreeCAD et dans l'[[TechDraw Workbench/fr|atelier TechDraw]] avec [[TechDraw New Pick/fr|Nouvelle page selon modèle TechDraw]].
21. Essayez le dans FreeCAD et dans l'[[TechDraw_Workbench/fr|atelier TechDraw]] avec [[TechDraw_PageTemplate/fr|Nouvelle page selon modèle]].
[[File:FCTemplateHow.png|center]]
[[File:FCTemplateHow.png|center]]
{{Caption|align=center|FreeCAD: modèle fini avec un champ de texte modifiable en cours de modification}}
{{Caption|align=center|FreeCAD : modèle fini avec un champ de texte modifiable en cours de modification}}
{{clear}}
{{clear}}


== Remarques ==
<div class="mw-translate-fuzzy">
N'utilisez pas les calques dans Inkscape tant que vous n'avez pas maîtrisé la création de modèles. Les calques et les groupes peuvent automatiquement insérer des transformations non désirées dans votre fichier [[SVG/fr|SVG]].
===Notes===
- N'utilisez pas les calques tant que vous n'avez pas maîtrisé la création de modèles sans eux. Les calques (et les groupes) peuvent automatiquement insérer des transformations indésirables dans votre fichier SVG.
</div>


Comme dernière étape avant d'utiliser votre nouveau modèle, assurez-vous de supprimer toutes les clauses de transformation du code SVG. Les clauses de transformation '''causeront des problèmes'''.
See a Stackoverflow discussion on [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].


Voir une discussion sur Stackoverflow à l'adresse [https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files removing transform clauses in SVG files].


Si vous ne voyez pas les cases vertes pour vos textes modifiables, il se peut qu'il y ait un problème avec l'échelle de votre document. Ouvrez à nouveau votre fichier dans Inkscape et confirmez les valeurs de la boîte de vue et les tailles correspondantes.
{{TechDraw Tools navi/fr}}


Si les textes apparaissent décalés dans FreeCAD, vous devrez peut-être supprimer les attributs {{Incode|xml:space<nowiki>=</nowiki>"preserve"}} dans le fichier SVG. Voir : https://www.forum.freecadweb.org/viewtopic.php?t=50897.
{{Userdocnavi/fr}}


{{TechDraw Tools navi{{#translation:}}}}
[[Category:Tutorials/fr]]
{{Userdocnavi{{#translation:}}}}

Latest revision as of 21:08, 15 April 2024

Other languages:
Tutoriel
Thème
Dessin
Niveau
Intermédiaire
Temps d'exécution estimé
60 minutes
Auteurs
wandererfan
Version de FreeCAD
0.17
Fichiers exemples
None
Voir aussi
None

Introduction

Ce tutoriel explique comment créer un fichier SVG pouvant être utilisé comme modèle d'arrière-plan pour les pages de l'atelier Techdraw.

Ce tutoriel suppose que vous connaissez assez bien Inkscape et SVG ainsi que FreeCAD et l'atelier TechDraw.

Nous allons créer un modèle simple pour un format Lettre US en orientation paysage.

Une copie du résultat de ce tutoriel est disponible dans

$INSTALL_DIR/Mod/TechDraw/Templates/HowToExample.svg

$INSTALL_DIR est le répertoire où FreeCAD a été installé, par exemple

/usr/share/freecad/Mod/TechDraw/Templates/HowToExample.svg

Créer un document de base

1. Ouvrez un nouveau document dans Inkscape.

2. Dans les propriétés du document

  • Sélectionnez le format de page "Lettre US" ou "A4" et l'orientation "Paysage".
  • Définissez les unités par défaut sur "mm" et le format de page sur les largeurs "279.4" et les "215.9". Pour DIN-A4, utilisez "210" and "297".

Inkscape : document avec la taille et l'orientation de la page

3. Utilisez l'éditeur XML pour ajouter une clause d'espace de noms "freecad" à l'élément <svg>.

xmlns:freecad="http://www.freecadweb.org/wiki/index.php?title=Svg_Namespace".

Notez que vos textes modifiables ne fonctionneront pas si vous utilisez "https://..." même si le wiki est accessible via https de nos jours. Puisque SVG est un format lisible par l'homme, vous pouvez aussi entrer la ligne ci-dessus dans le fichier avec un éditeur de texte.

Inkscape : éditeur XML ajoutant la clause d'espace de noms "freecad" à l'élément <svg>

Créer un dessin du modèle

4. Tracez des contours, des numéros de zone, des lignes centrales et autre géométrie.

5. Dessinez les cases et les lignes du cartouche.

6. Ajoutez et positionnez votre texte statique.

7. Ajoutez et positionnez le texte qui sera éditable.

8. Vous avez maintenant terminé votre illustration, qui devrait ressembler à ceci :

Inkscape : disposition provisoire du modèle

Créer des champs modifiables

9. Utilisez l'éditeur XML pour ajouter une balise freecad:editable à chaque élément <text> éditable.

  • Attribuez un nom de champ significatif à chaque texte modifiable.

Inkscape : éditeur XML ajoute la propriété "freecad:editable" à l'élément souhaité <text>

Ajuster la taille du SVG

10. Utilisez l'éditeur XML pour ajuster l'attribut viewBox afin qu'il corresponde à la taille de votre page en millimètres.

  • Il s'agit de quatre valeurs, au format "0 0 width height"

Inkscape : l'éditeur XML ajuste la zone d'affichage pour qu'elle corresponde à la taille de la page en millimètres

11. Votre modèle apparaîtra maintenant beaucoup plus gros que souhaité.

Inkscape : mise en page provisoire du modèle dépassant la taille de la page

12. Nous devons le réduire.

  • Édition → Tout sélectionner dans tous les calques, ou à partir de la boîte de sélection, sélectionnez tout.
  • Ajustez les boutons W: et H: à la taille de votre illustration en millimètres.
  • Définissez la taille de la page moins les marges applicables, par exemple, W: 250 et H: 200.

13. Utilisez "Aligner et répartir" ou les sélections X: et Y: pour positionner l'illustration dans les limites de la page, si nécessaire.

14. Votre modèle devrait maintenant être correct comme dans l'image ci-dessus.

Supprimer les transformations sur le SVG

15. Assurez-vous que tous vos textes modifiables sont "dissociés" avec Shift+Ctrl+g.

16. Sélectionnez tout sur votre page, Édition → Sélectionner tout puis Édition → Copier (Ctrl+c).

17. Supprimez ensuite le calque en cours, Calque → Supprimer le calque actif.

Remarque : si vous avez déjà supprimé le calque (aucun calque n'est répertorié dans votre panneau Calque), cette étape n'est pas nécessaire. Dans ce cas, vous devez tout sélectionner (Ctrl+a), couper la sélection (Ctrl+x) et la coller avec la commande à l'étape suivante.

18. Puis copiez, Édition → Coller sur place.

Remarque : cette commande empêche que les positions du texte soient stockées dans les balises de transformation. Il est important que vous n'utilisiez pas la commande de collage normale!

19. Votre modèle devrait maintenant être correct et ne devrait pas avoir de transformations indésirables.

20. Enregistrez votre modèle. Lorsque vous utilisez Inkscape, enregistrez-le de préférence sous SVG simple car FreeCAD ne peut gérer que les fonctionnalités de la spécification SVG 1.1. SVG simple supprimera toutes les balises XML spécifiques à Inkscape.

21. Essayez le dans FreeCAD et dans l'atelier TechDraw avec Nouvelle page selon modèle.

FreeCAD : modèle fini avec un champ de texte modifiable en cours de modification

Remarques

N'utilisez pas les calques dans Inkscape tant que vous n'avez pas maîtrisé la création de modèles. Les calques et les groupes peuvent automatiquement insérer des transformations non désirées dans votre fichier SVG.

Comme dernière étape avant d'utiliser votre nouveau modèle, assurez-vous de supprimer toutes les clauses de transformation du code SVG. Les clauses de transformation causeront des problèmes.

Voir une discussion sur Stackoverflow à l'adresse removing transform clauses in SVG files.

Si vous ne voyez pas les cases vertes pour vos textes modifiables, il se peut qu'il y ait un problème avec l'échelle de votre document. Ouvrez à nouveau votre fichier dans Inkscape et confirmez les valeurs de la boîte de vue et les tailles correspondantes.

Si les textes apparaissent décalés dans FreeCAD, vous devrez peut-être supprimer les attributs xml:space="preserve" dans le fichier SVG. Voir : https://www.forum.freecadweb.org/viewtopic.php?t=50897.