{{tag>graphisme}}

{{ :logo:boxy-svg.png?130|Logo de Boxy SVG}}

====== Boxy SVG ======

**[[https://boxy-svg.com/|Boxy SVG]]** est un logiciel de [[wpfr>Image_vectorielle|dessin vectoriel]] en ligne et multiplate-forme, gratuit, mais propriétaire. Il se rapproche donc de [[:gravit-designer|Gravit Designer]], mais son utilisation ne requiert pas d'inscription.

La création des images se fait par l'ajustement de courbes, calculées au moyen de formules mathématiques (d'où le nom de tracé vectoriel). Le travail se fait donc sur des formes géométriques plus ou moins complexes (cercles, triangles, courbes, etc.) qui peuvent être déplacées et étirées sans nuire à leur représentation finale : une image vectorielle peut être zoomée à l'infini sans perte de qualité. **Boxy SVG** permet de créer des logos, des illustrations, des schémas, des plans, etc.

Pour le moment il propose un peu moins de fonctionnalités que son alternative [[:Inkscape]], mais son excellente ergonomie et son design clair et épuré en font une solution plus facile à prendre en main.

Boxy SVG peut s'utiliser [[https://boxy-svg.com/app|directement en ligne]], avec un navigateur web et sans inscription, ou être téléchargé et installé sur Ubuntu en [[:Flatpak]].

{{:captures:boxy-svg_screenshot.png?400|}}

<note warning>
À l'heure actuelle **Boxy SVG** n'est malheureusement pas traduit en français. Son interface est donc intégralement en anglais.
</note>

===== Installation =====

Boxy SVG ne requiert pas nécessairement d'être installé et vous pouvez l'utiliser directement en ligne à l'adresse [[https://boxy-svg.com/app]].

==== Flatpak ====

Boxy SVG est toutefois disponible sur le dépôt [[https://flathub.org/apps/com.boxy_svg.BoxySVG|Flathub]] et peut donc s'installer sur Ubuntu en suivant [[:tutoriel:installer_application_flatpak|cette procédure]] puis en installant le paquet ''com.boxy_svg.BoxySVG''.

===== Configuration =====

==== Modifier le thème ====

Par défaut, l'interface est violette. Si cela ne vous convient pas vous pouvez changer l'apparence dans //Edit// -> //Settings...// -> //Change the theme of Gravit Designer//.

Le //Light theme// est gris clair, le //Dark theme// gris foncé, et //Gravish// est violet.

Cliquez ensuite sur //Save changes//.

===== Utilisation =====

==== Outils ====

  * Les outils //Select// (icône flèche) permettent de sélectionner précisément certaines formes.
  * Les outils //Path// (icône plume) permettent de tracer et manipuler des formes de différente manières, par ex, en manipulant par glisser-déposer les tangentes de [[wpfr>Courbe_de_Bézier|courbes de bézier]] (outil //Pen//).
  * Les outils //Shape// (icône carré) permettent de tracer des formes géométriques simples.
  * L'outil //Text// (icône T) permet d'insérer du texte.

==== Panneaux ====

  * //Layers// : les calques. En graphisme on "empile" les formes sur des calques, ce qui permet de rester organisé et d'activer ou désactiver facilement l'affichage de certains éléments (//Toggle visibility//), ou de les verrouiller (//Toggle locker//).
  * //Inspector// : permet d'afficher et de modifier les propriété d'un objet.
  * //Libraries// : bibliothèques d'objets prédessinés.
  * //Symbols// : permet de créer des "symboles" qui sont des objets dont on peut créer plusieurs occurrences sur la page. Ainsi il suffit de modifier le symbole original pour modifier toutes ses occurrences.

==== Lexique ====

Voici une traduction anglais - français de termes un peu pointus mais courant dans le domaine du graphisme :

  * //Layer// : calque
  * //Shape// : forme
  * //Path// : tracé (littéralement : chemin)
  * //Fill// : remplissage, concerne la couleur ou le motif de la forme
  * //Border// : bordure (de la forme)
  * //Blending// : mélange, concerne l'interaction des couleurs entre les couches d'objets
  * //Blur// : flou
  * //Drop shadow// : ombre portée
  * //Inner shadow// : ombre interne
  * //Merge// : fusionner
  * //Clip// : rogner
  * //Split// : séparer

===== Voir aussi =====

  * (en) [[https://boxy-svg.com|Site officiel]]
  * [[https://boxy-svg.com/app|Interface en ligne]]

----

//Contributeur : [[:utilisateurs:krodelabestiole]]//