Nodixio
DocumentationGuide complet de l’atelier
Documentation Nodixio

Trouvez le bon geste,
au bon moment.

De la première vectorisation à l’export final : chaque outil, chaque comportement et chaque raccourci sont expliqués ici.

23 chapitres · 98 sujets
01

Bien démarrer

Prise en main

Comprendre le fonctionnement de Nodixio et produire un premier SVG en quelques minutes.

Ce que fait Nodixio

Nodixio réunit deux usages dans le même atelier : transformer une image matricielle en tracés SVG, puis dessiner ou reprendre ces tracés avec des outils vectoriels. L’application automatise autant que possible les contraintes techniques — ordre des calques, structure des trous, raccords et export — pour vous laisser travailler sur le résultat visuel.

Document initial

L’atelier s’ouvre sur un document vierge nommé Sans titre 1. Chargez une image seulement si vous souhaitez la vectoriser ; vous pouvez aussi commencer directement avec la plume, le texte ou les formes paramétriques.

Le parcours le plus court

  1. 1

    Ouvrez l’atelier puis chargez un PNG, un JPEG ou un WebP dans Correction.

  2. 2

    Réglez le nombre de couleurs, le niveau de détail, le lissage et la taille minimale des parasites.

  3. 3

    Lancez la vectorisation et inspectez le résultat en mode Superposé.

  4. 4

    Corrigez les formes globalement, puis passez dans Édition pour les points particuliers.

  5. 5

    Enregistrez un projet .nodixio pour continuer plus tard ou exportez le résultat en SVG, PNG ou JPEG.

Deux fichiers, deux usages

  • Le fichier .nodixio conserve le projet de travail : image source, formes, textes, calques, polices et réglages.
  • Le fichier .svg est le résultat final standard, destiné au Web, à l’impression ou à une autre application vectorielle.
  • Sauvegardez en .nodixio avant une longue séance de correction, puis exportez en SVG lorsque le dessin est prêt.

Principe de travail conseillé

02

Bien démarrer

Interface et affichage

Repérer les zones de l’atelier, choisir l’affichage et naviguer dans un grand dessin.

Les quatre zones

  • La barre supérieure gère l’ouverture, l’import, la sauvegarde, l’annulation et l’export.
  • Les onglets de projets permettent de garder plusieurs travaux ouverts et d’échanger des éléments entre eux.
  • Le panneau gauche rassemble Correction, Édition, Texte, les couleurs, les pavages, les effets et les propriétés contextuelles.
  • La barre du plan de travail contrôle l’affichage, les calques, le snap, les règles, le plein écran, le déplacement et le zoom.

Modes d’affichage

  • PNG affiche uniquement l’image source, notamment pour les retouches bitmap.
  • Côte à côte place la source et le résultat vectoriel dans deux zones distinctes.
  • Superposé empile PNG et SVG. Réglez séparément leur opacité pour comparer précisément.
  • Masquer le PNG transforme Superposé en vue SVG propre, sans perdre vos réglages.
  • Mode Bézier affiche les tracés sans leur rendu final afin de contrôler la construction des courbes.

Zoom et déplacement

  • Utilisez le curseur de zoom jusqu’à 3 200 % pour les retouches fines.
  • Le pincement du trackpad zoome sous le pointeur.
  • Activez Déplacer ou appuyez sur H pour déplacer le plan de travail sans modifier les objets.
  • Le bouton Recentrer remet le plan de travail dans sa position d’origine.
  • Le plein écran libère la surface disponible sans changer le document.

Panneau redimensionnable

Glissez la séparation verticale située entre le panneau gauche et le plan de travail. Agrandissez le panneau pour les réglages détaillés et réduisez-le lorsque la surface de dessin est prioritaire.

03

Vectoriser et corriger

Vectorisation d’image

Transformer une image en formes vectorielles propres et maîtriser les réglages de détection.

Charger la source

Dans Correction › Vectorisation initiale, cliquez sur Charger une image ou déposez un fichier PNG, JPEG ou WebP. Une image nette, suffisamment grande et peu compressée donnera toujours de meilleurs contours.

Régler la détection

  • Nombre de couleurs : nombre de familles colorées recherchées. Une valeur trop haute fragmente inutilement le dessin.
  • Détail initial : fidélité du tracé au contour des pixels. Une valeur basse conserve davantage de détails et de points.
  • Lissage intelligent : réduit les irrégularités tout en protégeant les angles et les droites.
  • Parasites ignorés : élimine les petites zones isolées inférieures au seuil indiqué.
  • Les couleurs voisines sont construites en couches superposées : leur frontière n’est calculée qu’une fois. Seules les ouvertures donnant réellement sur la transparence deviennent des trous.

Vectoriser

  1. 1

    Choisissez d’abord le nombre réel de couleurs importantes.

  2. 2

    Augmentez progressivement les parasites ignorés si l’image contient du bruit.

  3. 3

    Lancez Vectoriser le PNG actuel.

  4. 4

    Passez en Superposé et baissez l’opacité du PNG pour vérifier les écarts.

  5. 5

    Si une seule forme est insuffisante, sélectionnez-la et utilisez Revectoriser cette forme avec de nouveaux réglages.

Choisir le bon niveau de détail

04

Vectoriser et corriger

Corrections géométriques

Remplacer les approximations d’une vectorisation par des géométries propres.

Formes parfaites

  • Cercle reconstruit la sélection avec quatre ancres Bézier, le minimum pour un cercle SVG propre.
  • Rectangle reconstruit quatre angles et élimine les points superflus.
  • Parallélogramme régularise un quadrilatère incliné.
  • Polygone parfait recrée une figure régulière avec le nombre de côtés choisi.
  • Arc parfait agit sur le contour entier, un trou ou une portion délimitée par deux points.

Lissage global

Lisser ouvre un aperçu en direct avec deux paramètres. Simplification réduit le nombre d’ancres ; Rondeur adoucit le passage entre segments. Les angles significatifs et les droites sont protégés. Validez seulement lorsque le compteur de points et la silhouette sont satisfaisants.

Corriger une portion

  1. 1

    Choisissez Redessiner, Droite, Lisser, − Points, + Points ou Supprimer.

  2. 2

    Cliquez les deux ancres qui bornent la zone.

  3. 3

    Choisissez Côté court ou Autre côté si le contour est fermé.

  4. 4

    Réglez l’aperçu lorsque l’outil le propose, puis cliquez sur Appliquer.

Contraintes entre contours

  • Mémoriser conserve une droite ou un cercle comme référence.
  • Rendre parallèle applique l’orientation de la référence à la portion cible.
  • Rendre concentrique aligne le centre d’un cercle cible sur celui du cercle mémorisé.
  • Restaurer revient à la géométrie d’origine de la forme sélectionnée.

Symétrie automatique ou manuelle

  • Auto recherche l’axe et le côté les plus fidèles à la source.
  • Manuel affiche un axe orange : déplacez-le, inclinez-le ou saisissez son angle, puis cliquez sur le côté à conserver.
  • La moitié opposée est reconstruite et le contour est refermé automatiquement.
05

Dessiner et éditer

Sélection et points Bézier

Sélectionner un objet, traverser les superpositions et modifier précisément les ancres.

Sélectionner les objets

  • V active la sélection.
  • Maj-clic ajoute ou retire un objet de la sélection.
  • Q active le lasso : entourez complètement les objets à sélectionner.
  • Un clic sur un élément appartenant à un groupe sélectionne le groupe entier.
  • Commande-clic — Ctrl-clic sous Windows — sélectionne un élément à l’intérieur d’un groupe. Sur des objets superposés, répétez le geste pour parcourir les calques du dessus vers le dessous.
  • Une fois un objet inférieur sélectionné, vous pouvez le glisser même si le pointeur se trouve aussi sur un objet supérieur.

Sélection et édition directe

  • L’outil Sélection affiche automatiquement les ancres des formes vectorielles éditables.
  • Cliquez une ancre pour révéler ses poignées ; Maj-clic permet d’en sélectionner plusieurs.
  • Glissez l’ancre ou ses poignées pour modifier la courbe, sans perdre l’accès aux couleurs, contours et effets.
  • Glissez à l’intérieur d’un objet déjà sélectionné pour déplacer toute la sélection ; Option/Alt-glisser déplace une copie.
  • Option-clic sur une ancre alterne angle et courbe lisse. Les poignées d’un angle sont conservées mais deviennent indépendantes.
  • Suppr. ancres active un outil continu : cliquez successivement chaque ancre à retirer.
  • Suppr. poignées retire les deux tangentes de l’ancre cliquée sans déplacer ni supprimer celle-ci.
  • Suppr efface aussi les ancres déjà sélectionnées, tout en préservant le nombre minimal nécessaire au tracé.

Sélectionner par propriétés

  • Sélectionnez d’abord une forme ou un texte de référence, puis ouvrez Sélectionner par propriétés sous la palette de couleurs.
  • Combinez librement la nature, le remplissage, le contour, l’opacité, les effets et le nom.
  • Pour un texte, vous pouvez aussi comparer la police, le corps, le style typographique et le contenu.
  • Choisissez si toutes les propriétés doivent correspondre ou si une seule suffit, et si les éléments masqués ou verrouillés doivent être inclus.
  • La sélection obtenue peut mélanger formes et textes ; les couleurs et les styles communs s’appliquent alors à l’ensemble.

Objets paramétriques

Taille des repères

Le réglage de taille des ancres et poignées est exprimé à l’écran : les repères restent donc faciles à attraper, quel que soit le niveau de zoom.

06

Dessiner et éditer

Plume, ciseaux et jonctions

Créer des courbes ouvertes ou fermées, couper un tracé et raccorder deux extrémités.

Dessiner à la plume

  • P démarre une forme fermée ; l’outil Courbe ouverte crée un tracé destiné au contour.
  • Cliquez pour poser un sommet. Cliquez-glissez pour créer une ancre courbe et ses poignées.
  • Les ancres restent modifiables pendant tout le tracé.
  • Entrée termine le tracé ; Échap annule le geste courant ou termine un tracé suffisamment avancé ; Suppr retire le dernier point.
  • En cliquant sur l’extrémité d’un tracé ouvert, la plume reprend ce tracé. Maintenez Option pour créer un nouveau point sans vous y accrocher.

Ciseaux

  1. 1

    Sélectionnez le tracé avec l’outil Sélection.

  2. 2

    Cliquez sur Ciseaux.

  3. 3

    Cliquez une ancre ou un segment.

  4. 4

    Une forme fermée devient ouverte ; une courbe ouverte est séparée en deux objets indépendants.

Mode Jonction

  1. 1

    Activez Jonction : ce mode est indépendant de la sélection normale.

  2. 2

    Cliquez un premier tracé ouvert, puis éventuellement un second. Un troisième remplace le premier.

  3. 3

    Cliquez deux points d’extrémité. Un troisième remplace le premier point choisi.

  4. 4

    Choisissez le raccord : segment droit, courbe harmonieuse, fusion par sommet ou fusion par courbe.

Choisir le raccord

  • Droite conserve deux extrémités et les relie par un segment.
  • Courbe conserve deux extrémités et crée des poignées cohérentes avec les directions existantes.
  • Fusion par sommet rassemble les deux extrémités en un angle unique.
  • Fusion par courbe rassemble les extrémités en une ancre lisse, orientée d’après les segments voisins.
07

Dessiner et éditer

Formes paramétriques

Créer rapidement des objets réguliers qui restent réglables avant conversion.

Objets disponibles

  • Cercle et ellipse.
  • Rectangle avec rayon d’angle réglable.
  • Polygone avec nombre de côtés réglable.
  • Étoile avec nombre de branches et rapport intérieur réglables.
  • Fleur avec nombre de pétales, profondeur, rondeur et largeur des pétales.

Créer et modifier

  1. 1

    Choisissez la forme dans les outils vectoriels.

  2. 2

    Réglez ses paramètres dans le panneau contextuel.

  3. 3

    Glissez sur le plan de travail pour définir sa taille et son orientation.

  4. 4

    Tant que l’objet reste paramétrique, changez ses valeurs sans déformer manuellement ses points.

  5. 5

    Utilisez Convertir en forme pour une retouche Bézier libre.

Pourquoi conserver l’objet

08

Organiser

Calques et groupes

Nommer, ordonner, grouper, masquer et verrouiller chaque élément du document.

Ouvrir les calques

Cliquez sur Calques dans la barre du plan de travail. Chaque ligne affiche une vignette, un nom modifiable, le type ou le nombre de points, la visibilité et le verrouillage.

Actions essentielles

  • Cliquez le nom pour renommer un calque.
  • L’œil masque ou affiche l’élément sans le supprimer.
  • Le cadenas empêche toute modification accidentelle.
  • Glissez la poignée pour changer l’ordre ou déposer un élément dans un groupe.
  • Grouper rassemble la sélection ; Dégrouper libère les enfants ; Dupliquer crée une copie structurée.

Groupes imbriqués

Un groupe peut contenir des formes, des textes et d’autres groupes. Cliquez sa ligne ou un de ses objets sur le dessin pour sélectionner l’ensemble. Dépliez-le pour atteindre un enfant précis depuis le panneau des calques.

Opacité et effets de groupe

  • Sélectionnez le groupe dans les calques pour régler son opacité globale.
  • Les effets appliqués au groupe agissent sur le résultat assemblé, tandis qu’un effet appliqué à une forme agit avant l’assemblage.
  • Les effets sont cumulables : un même objet ou groupe peut combiner plusieurs ombres, lueurs, biseautages et estampages.
09

Organiser

Trous éditables

Découper une ou plusieurs formes sans exposer les contraintes d’ordre des calques.

Créer des trous

  1. 1

    Sélectionnez d’abord la ou les formes à percer et mémorisez-les comme objets impactés.

  2. 2

    Sélectionnez ensuite la ou les formes qui serviront de découpe.

  3. 3

    Cliquez sur Faire les trous.

  4. 4

    Nodixio place automatiquement les éléments dans le bon ordre et crée un groupe structuré dans les calques.

Quand la découpe déborde

Une découpe entièrement incluse devient un trou. Si elle dépasse du bord, Nodixio effectue une véritable opération booléenne sur le tracé afin de produire le contour attendu. L’utilisateur n’a pas à réordonner les calques.

Éditer un trou

  • Dépliez le groupe de trou dans les calques.
  • Sélectionnez la forme percée ou l’un des calques Trou.
  • Déplacez ou transformez le trou : le résultat visuel se met à jour.
  • Ajoutez un nouveau trou au groupe sans perdre les trous existants.
  • Si vous supprimez le dernier trou, la forme de base redevient automatiquement un calque standard.

Différence avec une soustraction définitive

10

Organiser

Booléens et masques

Combiner des silhouettes ou limiter l’affichage d’un ensemble sans perdre sa structure.

Opérations booléennes

  • Union fusionne les zones occupées par les formes sélectionnées.
  • Soustraction retire les formes de découpe de la forme de base.
  • Intersection ne conserve que les zones communes.
  • Exclusion conserve les zones appartenant à un nombre impair de formes et crée un groupe Exclusion lorsque plusieurs formes résultent.

Lire le résultat dans les calques

Lorsqu’une opération produit plusieurs silhouettes, Nodixio crée un groupe portant le nom de l’opération. Chaque forme résultante apparaît comme un calque enfant sélectionnable et modifiable.

Créer un masque

  1. 1

    Sélectionnez et mémorisez les éléments qui doivent rester visibles.

  2. 2

    Sélectionnez ensuite une ou plusieurs silhouettes de masque.

  3. 3

    Validez la création du masque.

  4. 4

    Dépliez le groupe pour retrouver séparément Contenu et Masque.

Masque ou trou

  • Le masque limite l’affichage de plusieurs objets, textes ou groupes à une silhouette.
  • Le trou retire visuellement des zones d’une forme de base et conserve ses découpes comme enfants éditables.
  • Les deux structures sont non destructives dans le projet .nodixio et correctement traduites lors de l’export SVG.
11

Aspect

Couleurs, remplissage et opacité

Gérer la palette et rendre une forme, un texte ou un groupe partiellement transparent.

Palette du document

  • Cliquez une pastille pour appliquer la couleur à la sélection.
  • Le sélecteur Libre applique la couleur en direct sur les formes ou textes sélectionnés ; ⌘Z / Ctrl+Z permet de revenir en arrière.
  • La pipette prélève et applique directement le pixel choisi dans le PNG, y compris en vue Côte à côte, sans voile devant l’image.
  • + Palette mémorise la couleur libre dans le document.
  • La petite croix retire une couleur de la palette ; elle ne supprime pas les objets qui l’utilisent.

Sans remplissage

Sélectionnez une forme ou un texte puis cliquez sur Sans remplissage. Le remplissage devient réellement transparent ; un contour, un effet ou un pavage de trait peut rester visible.

Opacité

  • Réglez l’opacité de 0 à 100 % avec le champ ou le curseur.
  • Sur une forme, elle affecte son remplissage, son contour et ses effets.
  • Sur un texte, elle affecte le texte complet.
  • Sur un groupe, elle s’applique après composition de tous ses enfants.

Conseil de composition

12

Aspect

Contours avancés

Créer des lignes simples, décoratives ou convertibles en formes pleines.

Réglages de base

  • Activez ou désactivez le contour indépendamment du remplissage.
  • Saisissez librement l’épaisseur : Nodixio n’impose pas de plafond artificiel à 40 pt.
  • Choisissez les extrémités et les jonctions adaptées au dessin.
  • Définissez une suite de tirets et leur décalage pour créer un motif discontinu.

Marqueurs

  • Départ et fin sont réglables séparément.
  • Les marqueurs disponibles incluent flèche concave, flèche ouverte, triangle, losange, rond, carré et barre.
  • Le marqueur suit automatiquement l’orientation du tracé.

Aspect du contour

Un contour peut recevoir une couleur, un dégradé, un pavage et ses propres effets. Ces réglages sont distincts de ceux du remplissage de la forme.

Passer le contour en forme

Convertir le contour transforme l’épaisseur visible en une ou plusieurs formes remplies. Si le résultat comporte plusieurs silhouettes, Nodixio les place dans un groupe et crée un calque enfant pour chacune.

13

Aspect

Dégradés et pavages

Créer des matières simples, guidées par une courbe ou répétées comme un motif.

Types de remplissage

  • Uni utilise une seule couleur.
  • Axial ou linéaire suit un axe déplaçable directement sur la forme.
  • Radial diffuse les couleurs depuis un centre réglable.
  • Dégradé courbe suit un tracé Bézier éditable posé sur la forme.
  • Pavage répète une tuile de la bibliothèque.

Éditer un dégradé

  1. 1

    Choisissez le type de dégradé.

  2. 2

    Ajoutez, sélectionnez et déplacez les arrêts de couleur.

  3. 3

    Déplacez l’axe, son centre ou le tracé guide directement sur le dessin.

  4. 4

    Réglez les couleurs et positions jusqu’à obtenir la transition souhaitée.

Choisir un pavage

Ouvrez le menu Pavages. Les noms sont classés par ordre alphabétique. Survolez une valeur pour afficher son aperçu en direct, puis cliquez pour l’appliquer à la sélection.

Atelier de pavage

  1. 1

    Créez un nouveau pavage ou modifiez un motif existant.

  2. 2

    Définissez la largeur et la hauteur de la tuile, son fond transparent ou coloré et ses répétitions.

  3. 3

    Dessinez dans le cadre orange avec les outils habituels ; les copies voisines montrent les raccords en temps réel.

  4. 4

    Ajoutez le résultat à la palette ou mettez à jour le pavage existant.

  5. 5

    Sur chaque objet utilisant le motif, ajustez ensuite l’échelle, la rotation et la position X/Y.

Bibliothèque et export

  • Un pavage peut être dupliqué, renommé, masqué ou réédité.
  • Les dépendances de pavage suivent les objets lors du copier-coller entre projets.
  • Les définitions utilisées sont intégrées au SVG exporté.
14

Aspect

Effets cumulables

Combiner plusieurs ombres, lueurs, biseautages et estampages sur le même élément.

Effets disponibles

  • Ombre portée : décale et floute une silhouette colorée derrière l’objet.
  • Ombre interne : assombrit l’intérieur près des bords.
  • Lueur externe : diffuse une couleur autour de la silhouette.
  • Lueur interne : diffuse la lumière vers l’intérieur.
  • Biseautage saillant : simule un relief éclairé.
  • Estampage en creux : simule une forme pressée dans la surface.

Cumuler et ordonner les effets

  1. 1

    Sélectionnez une forme, un texte, un contour ou un groupe.

  2. 2

    Choisissez Ajouter un effet.

  3. 3

    Réglez sa couleur, son opacité, son flou, sa diffusion et, pour les effets directionnels, ses décalages X/Y.

  4. 4

    Ajoutez autant d’effets complémentaires que nécessaire.

  5. 5

    Glissez la poignée d’un effet pour changer sa position ; les effets sont calculés du haut vers le bas et le rendu se met à jour immédiatement.

  6. 6

    Les boutons Monter et Descendre offrent la même commande au clavier ou sur un écran tactile.

  7. 7

    Désactivez un effet pour comparer sans perdre ses réglages, ou supprimez-le lorsqu’il n’est plus utile.

Niveau d’application

  • Effet de forme : suit uniquement cette silhouette.
  • Effet de contour : suit le trait, ses tirets et ses marqueurs.
  • Effet de texte : reste lié au texte éditable.
  • Effet de groupe : travaille sur le rendu combiné des enfants.

Garder un SVG raisonnable

15

Texte

Texte et Google Fonts

Créer du texte éditable, choisir une police et construire une composition typographique.

Ajouter un texte

  1. 1

    Ouvrez l’onglet Texte et cliquez sur Ajouter.

  2. 2

    Saisissez le contenu dans le panneau.

  3. 3

    Choisissez la police intégrée ou recherchez une Google Font.

  4. 4

    Réglez taille, graisse, italique, interlettrage, interligne et alignement.

  5. 5

    Déplacez ou transformez le texte comme un autre objet.

Styles dans une même phrase

  1. 1

    Sélectionnez les caractères concernés dans le champ de texte.

  2. 2

    Choisissez leur police, leur corps, leur graisse, leur italique, leur interlettrage ou leur couleur.

  3. 3

    Répétez l’opération sur une autre portion de la phrase.

  4. 4

    Utilisez Effacer le style local pour rendre la portion sélectionnée conforme au style général du texte.

Polices distantes

La recherche Google Fonts permet d’élargir la sélection. Nodixio charge le fichier de police nécessaire au rendu et peut l’embarquer dans le projet afin de retrouver la composition lors d’une réouverture.

Texte sur courbe

  1. 1

    Sélectionnez le texte.

  2. 2

    Activez Choisir une courbe puis cliquez le tracé porteur.

  3. 3

    Réglez le décalage le long du tracé, la distance à la courbe et le sens.

  4. 4

    Utilisez Détacher pour rendre le texte libre sans perdre son contenu ni son style.

Texte et calques

Chaque texte possède son propre calque et reste éditable tant qu’il n’est pas vectorisé. Il peut être groupé, masqué, verrouillé, recevoir une opacité, un remplissage, un pavage, un dégradé et plusieurs effets.

16

Texte

Vectoriser le texte

Garantir le rendu typographique et obtenir des lettres propres, faciles à reprendre.

Pourquoi vectoriser

Un texte SVG dépend normalement de la présence de sa police. La vectorisation remplace les caractères par des tracés : le dessin reste identique sur une autre machine, chez l’imprimeur ou dans une application qui ne possède pas la police.

Nettoyage des glyphes

Lors de la conversion, Nodixio fusionne les contours qui composent chaque lettre. Cette étape supprime les chevauchements internes courants dans les fichiers de polices et produit une silhouette sélectionnable plus propre.

Structure obtenue

  • Toutes les lettres issues de la même conversion sont rangées dans un groupe.
  • Le groupe reprend le début du texte comme nom afin d’être immédiatement identifiable.
  • Chaque silhouette résultante possède son propre calque enfant.
  • Les contreformes — par exemple l’intérieur d’un e, d’un o ou d’un a — restent de véritables trous.

À l’export

La case Vectoriser le texte est activée par défaut pour sécuriser le rendu du SVG. Décochez-la uniquement si vous souhaitez conserver du texte SVG éditable et acceptez que la police doive être disponible ou embarquée.

Conversion irréversible dans le SVG

17

Précision

Transformations et répétition

Déplacer, redimensionner, incliner, tourner et reproduire une transformation.

Transformation libre

  • M active le cadre de transformation.
  • Les poignées latérales et d’angle redimensionnent la sélection.
  • Les contrôles dédiés permettent l’inclinaison et la transformation libre.
  • Les poignées de rotation extérieures tournent autour de l’axe choisi.
  • Garder l’original est désactivé par défaut afin d’éviter les copies involontaires.

Rotation avec axe libre

  • Déplacez le centre de rotation à l’endroit voulu avant de tourner.
  • Maintenez Option pendant la rotation pour créer une copie ; un simple Option-clic sans déplacement ne crée rien.
  • Les réglages numériques d’angle et de nombre de copies restent toujours visibles dans le panneau Transformation.
  • Après une rotation, ⌘R ou Ctrl+R répète exactement la dernière transformation.

Déplacement répété

Déplacez une sélection en maintenant Option pour créer une copie. Utilisez ensuite ⌘R ou Ctrl+R — ou le bouton Répéter du panneau contextuel — pour produire chaque copie suivante avec le même déplacement.

Symétries

Les symétries horizontale et verticale peuvent remplacer la sélection ou conserver l’original selon le réglage de copie. La symétrie manuelle de Correction sert plutôt à reconstruire géométriquement une moitié de contour.

18

Précision

Alignement, snap et règles

Positionner plusieurs objets avec une référence explicite et construire des alignements exacts.

Objet de référence

  1. 1

    Sélectionnez au moins deux formes.

  2. 2

    Choisissez dans la liste celle qui doit rester immobile, ou activez le pointeur de référence et cliquez-la sur le dessin.

  3. 3

    Appliquez un alignement de bord, de centre ou une superposition des centres.

  4. 4

    Pour la distribution, saisissez l’espacement puis choisissez l’axe horizontal ou vertical.

Magnétisme

  • Le snap est désactivé par défaut.
  • Activez-le dans la barre du plan de travail et choisissez une tolérance en pixels écran.
  • Il détecte les bords, centres, guides et points situés à la même abscisse ou à la même hauteur.
  • L’alignement horizontal ou vertical est signalé pendant le déplacement, ce qui permet notamment de garantir un trait parfaitement horizontal.

Règles et guides

  • Activez Règles pour afficher les graduations.
  • Cliquez ou glissez depuis une règle pour créer un guide.
  • Déplacez ensuite le guide directement sur le plan de travail.
  • Double-cliquez un guide pour le supprimer, ou utilisez la commande d’effacement global.

Tolérance du snap

19

Projets et fichiers

Projets, onglets et presse-papiers

Travailler sur plusieurs créations sans compte et copier des objets d’un projet à l’autre.

Onglets de projets

  • Le bouton + crée un nouveau projet dans un onglet.
  • Cliquez un onglet pour basculer de projet ; l’état du projet quitté est conservé localement.
  • Double-cliquez son nom pour le renommer.
  • La croix ferme l’onglet. Nodixio conserve toujours au moins un espace de travail.

Copier-coller entre onglets

  1. 1

    Sélectionnez des formes, textes ou groupes dans le dessin ou les calques.

  2. 2

    Utilisez ⌘C ou Ctrl+C.

  3. 3

    Ouvrez l’onglet de destination.

  4. 4

    Utilisez ⌘V ou Ctrl+V.

  5. 5

    Les groupes, styles, effets et pavages nécessaires sont copiés avec les objets.

Sauvegarde locale

Nodixio fonctionne sans compte. Chaque onglet modifié est mémorisé séparément dans le navigateur et Nodixio propose de restaurer cette session au retour. Cette récupération locale ne remplace pas un fichier de sauvegarde : téléchargez régulièrement un .nodixio pour conserver durablement chaque projet.

20

Projets et fichiers

Ouvrir, importer, sauvegarder, exporter

Choisir la bonne commande et comprendre ce que chaque format conserve.

Ouvrir un projet .nodixio

Ouvrir restaure un projet Nodixio complet. Nodixio contrôle la structure du document et son empreinte d’intégrité — complétée par une signature lorsque le service est disponible — afin de refuser les fichiers corrompus ou modifiés après leur sauvegarde.

Importer un SVG

  • Importer SVG analyse le fichier avant lecture et refuse les constructions dangereuses.
  • Les formes visibles compatibles sont converties dans le modèle Nodixio.
  • Remplissages, contours, opacités et transformations usuelles sont repris autant que possible.
  • L’import est volontairement aplati : certains éléments SVG externes très spécialisés peuvent être simplifiés.

Sauvegarder

Sauvegarder télécharge un fichier .nodixio contenant l’image source, les formes, les textes, les polices, les calques, les groupes, les trous, les masques, les pavages et les réglages du document.

Exporter SVG

  • Le menu Exporter produit un SVG standard autonome.
  • Les éléments invisibles ne sont pas exportés.
  • Les groupes, opacités, trous, masques, dégradés, pavages, contours et effets utilisés sont traduits en structures SVG.
  • L’option Vectoriser le texte garantit le rendu typographique ; désactivez-la pour conserver les textes éditables.

Exporter PNG ou JPEG

  • PNG transparent conserve les zones vides du plan de travail en transparence, pour une réutilisation sur n’importe quel fond.
  • JPEG utilise un fond blanc, car ce format ne prend pas en charge la transparence.
  • Les deux images reprennent exactement les dimensions en pixels du plan de travail.
  • Les textes sont vectorisés pendant le rendu afin de conserver leur aspect, même sur un appareil qui ne possède pas la police.

Avant de quitter

21

Référence

Raccourcis clavier

Toutes les commandes clavier disponibles dans l’atelier.

Outils

  • V ou A — Sélection d’objets, déplacement et édition directe des ancres.
  • Q — Sélection au lasso.
  • P — Plume, nouvelle forme fermée.
  • Maj+P ou \ — Plume de contour / courbe ouverte.
  • M — Transformation.
  • H — Déplacement du plan de travail.
  • B — Pinceau bitmap lorsque le mode PNG est actif.
  • E — Gomme bitmap lorsque le mode PNG est actif.

Édition

  • ⌘Z / Ctrl+Z — Remonter l’historique du projet, jusqu’à 100 opérations par onglet.
  • ⌘Maj+Z / Ctrl+Maj+Z — Rétablir les opérations annulées.
  • ⌘C / Ctrl+C — Copier la sélection structurée.
  • ⌘V / Ctrl+V — Coller dans le projet actif.
  • ⌘R / Ctrl+R — Répéter la dernière rotation, translation ou duplication mémorisée.
  • ⌘D / Ctrl+D — Tout désélectionner.
  • Suppr / Retour arrière — Supprimer les objets, textes ou ancres sélectionnés.
  • Échap — Quitter le mode actif, annuler un masque en cours ou revenir à la sélection.

Pendant un tracé à la plume

  • Entrée — Terminer le tracé.
  • Échap — Annuler le geste courant ; sinon terminer ou abandonner le tracé selon son avancement.
  • Suppr / Retour arrière — Retirer le dernier point.
  • Option au-dessus d’une extrémité existante — Ne pas reprendre ce tracé.

Modificateurs

  • Maj-clic — Ajouter ou retirer un objet ou une ancre de la sélection ; les ancres retenues apparaissent en rouge.
  • Commande-clic / Ctrl-clic — Entrer dans un groupe ou parcourir les objets superposés.
  • Option pendant une rotation ou un déplacement — Créer une copie.
  • Option sur une ancre — Alterner angle et courbe lisse.
22

Référence

Dépannage et bonnes pratiques

Identifier rapidement la cause d’un résultat inattendu et préserver un projet propre.

Je ne peux pas sélectionner un objet

  • Vérifiez que son calque et ses groupes parents sont visibles et déverrouillés.
  • Un clic sélectionne normalement le groupe : utilisez Commande-clic — Ctrl-clic sous Windows — ou choisissez directement l’enfant dans les calques.
  • Si un autre objet recouvre la cible, répétez Commande-clic ou Ctrl-clic pour descendre dans la pile.
  • Appuyez sur Échap puis V pour quitter un outil spécialisé resté actif.

Je ne vois pas les points

  • Sélectionnez une forme standard puis appuyez sur A.
  • Un objet paramétrique doit d’abord être converti en forme.
  • Le mode Jonction n’affiche volontairement que les extrémités des tracés ouverts.
  • Augmentez la taille des repères si les ancres sont difficiles à saisir.

Le SVG ne ressemble pas au projet

  • Contrôlez les calques masqués : ils ne sont pas exportés.
  • Laissez Vectoriser le texte activé si le fichier doit être ouvert ailleurs.
  • Réduisez temporairement les effets très flous pour identifier un problème de rendu.
  • Conservez le .nodixio et réimportez le SVG uniquement comme vérification, pas comme sauvegarde de travail.

Le fichier devient complexe

  • Utilisez les formes parfaites et le lissage pour réduire les points.
  • Regroupez les ensembles logiques et donnez-leur un nom explicite.
  • Supprimez les calques, couleurs, pavages et effets réellement inutiles.
  • Transformez un contour en forme seulement lorsque cette conversion est nécessaire.

Règle de sécurité

23

Référence

Glossaire SVG

Les mots essentiels pour comprendre un dessin vectoriel sans jargon inutile.

Géométrie

  • Ancre : point principal d’un tracé Bézier.
  • Poignée : contrôle la direction et la courbure à proximité d’une ancre.
  • Contour : suite de segments droits ou courbes délimitant une forme.
  • Tracé ouvert : ligne possédant deux extrémités, généralement affichée avec un contour.
  • Tracé fermé : contour dont le dernier segment rejoint le premier et qui peut recevoir un remplissage.
  • Contreforme : zone vide interne d’une lettre ou d’une forme, par exemple l’intérieur d’un o.

Aspect

  • Remplissage : matière située à l’intérieur d’un tracé fermé.
  • Contour ou stroke : ligne dessinée le long du tracé.
  • Opacité : proportion de visibilité, de 0 % transparent à 100 % opaque.
  • Dégradé : transition entre plusieurs couleurs.
  • Pavage : petite tuile répétée pour remplir une surface.
  • Filtre : effet SVG tel qu’une ombre, une lueur ou un relief.

Structure

  • Groupe : ensemble d’éléments transformés ou stylés collectivement.
  • Masque : silhouette qui limite la zone visible d’un contenu.
  • Booléen : opération géométrique entre plusieurs silhouettes.
  • Objet paramétrique : forme pilotée par des valeurs comme le nombre de côtés ou le rayon.
  • Vectoriser : convertir une image ou un texte en tracés géométriques.
Prêt à mettre la documentation en pratique ?

Ouvrez l’atelier dans un nouvel onglet et gardez ce guide à portée de main.

Ouvrir Nodixio