Si vous êtes à la recherche d’un éditeur graphique vectoriel en ligne capable de manipuler facilement les fichiers AI, SVG et PDF, ne cherchez plus, Vectorpea est là pour vous !

Conçu par les créateurs de Photopea , Vectorpea marche dans les pas les traces de son prédécesseur en reproduisant de nombreuses fonctionnalités d’Adobe Illustrator directement un navigateur web.

Bien qu’il soit encore en phase bêta et pas open source, cet outil est déjà bien avancé et donc bien utile au quotidien ! Ainsi, grâce à lui, vous allez pouvoir créer, éditer et modifier facilement du dessin vectoriel sans avoir à télécharger ou à installer de logiciel puisque tout se fait dans votre navigateur

Et c’est gratuit !

Vous pourrez donc importer des fichiers existants (AI, PDF, SVG) au sein de Vectorpea ou créer de nouveaux projets vecto à partir de zéro en utilisant si vous le souhaitez, les modèles fournis. Au niveau des outils disponibles, vous pouvez dessiner, travailler sur plusieurs calques, appliquer des effets, ajuster les couleurs et les formes, et bien plus encore.

Et bien sûr, vous pourrez facilement exporter vos créations vers d’autres formats de fichiers, les partager avec vos collègues ou les publier directement sur les réseaux sociaux.

Que demande le peuple ?

A vous de faire de beaux vectos maintenant !

J’adore travailler avec des images notamment pour illustrer les articles de mon site, mais je me suis souvent heurté à un problème de taille : convertir des images comme des JPEG et des PNG en images vectorielles (comme des SVG) afin de pouvoir les agrandir à l’infini ou tout simplement pouvoir les modifier par la suite dans un logiciel type Illustrator.

Et bien mes amis, j’ai trouvé la solution : Vectorizer.ai ! Cet outil en ligne utilise de l’intelligence artificielle pour rendre le processus de vectorisation automatisé, rapide et simple.

Vous savez, les images bitmap sont constituées d’une grille de pixels qui ont chacun leur propre couleur. Convertir ces images en vecteurs, constitués de formes géométriques, peut être un défi. Mais grâce à Vectorizer.ai, tout ce que vous avez à faire est de glisser-déposer votre image dans leur interface, et voilà ! Le programme s’occupe de tout avec ses serveurs.

Non seulement le résultat est vraiment impressionnant, mais il est aussi particulièrement utile pour diverses applications. Par exemple, les images vectorielles peuvent être mises à l’échelle sans perdre en qualité, ce qui est parfait pour les impressions grand format, la découpe de vinyle, la broderie et bien d’autres choses encore. En plus, les téléchargements d’images optimisées sont pour le moment gratuits durant la bêta.

Pour rendre les résultats encore plus attrayants, Vectorizer.ai nettoie chaque recoin de l’image, ajuste des formes géométriques entières et optimise les tangentes, tout en maintenant une excellente cohérence dans l’image.

En plus du format SVG, Vectorizer.ai prend également en charge les formats PDF, EPS, DXF et PNG, et d’autres formats seront bientôt disponibles. L’algol est conçu pour fonctionner avec une large gamme d’images, y compris les photos et les croquis / dessins, et permet également un précadrage pour tirer le meilleur parti de la résolution maximale possible. Les images en couleurs 32 bits, y compris la transparence, sont également prises en charge, ce qui en fait un outil très polyvalent.

Pour finir, je tiens à souligner que non seulement le site est en développement actif, mais il y a aussi de nombreuses fonctionnalités passionnantes en préparation.

Faites un tour sur Vectorizer.ai et profitez en tant qu’ils sont encore en phase bêta gratuite !

À découvrir ici

Le format SVG, tout le monde connait. C’est un format d’image vectoriel qui permet d’avoir de jolis picto (anciennement clipart pour ceux qui connaissent… lool) sur un site web par exemple. La particularité de ces images c’est qu’elles peuvent être agrandies ou modifiées très facilement, sans perte de qualité (vu que c’est du vecto).

Il y a plein de sites qui proposent des images vectorielles comme celui-ci , et j’ai fait beaucoup d’articles là-dessus.

Mais imaginons maintenant que vous vouliez « pimper » l’une de ces images. Pas forcement évident à moins d’avoir un outil comme Illustrator.

Heureusement, pour vous, j’ai un super site à vous conseiller qui s’appelle Instad.io et qui permet très facilement avec quelques curseurs de tout modifier sur un SVG, de l’épaisseur des traits, aux couleurs, en passant par le style de dessin.

Vous pouvez également changer le remplissage, la densité, le lissage…etc.

Et si comme moi, vous avez du goût pour les belles choses, vous réussirez après des mois de perfectionnement à obtenir des résultats époustouflants de très haut niveau, comme celui-ci…

Allez, amusez-vous bien et ne nous cassez pas trop les yeux.

Saviez-vous qu’il était possible de transformer un GIF animé en SVG animé ? Alors c’est un peu technique puisqu’il faut redessiner chaque frame du GIF en vectoriel, puis assembler le tout à l’aide d’images clés CSS pour réaliser la séquence animée.

Heureusement l’outil SVGasm va vous permettre de faire cela très facilement. Il utilise différents logiciels afin de réaliser la séquence suivante :

• Produit un seul fichier SVG animé qui peut être visualisé dans Chrome, Safari, Firefox, Edge et IE 10+.
• Exécute le nettoyeur SVG svgcleaner (par défaut) ou svgo pour réduire chaque fichier SVG.
• Exécute le traceur de bitmap potrace (par défaut) ou autotrace, ou primitive pour convertir les images matricielles en SVG.
• Exécute le processeur d’image graphicsmagick (par défaut) ou imagemagick pour convertir les animations GIF en frames.

Les commandes d’exécution sont assez fournies donc je vous invite à consulter la page Github qui propose de nombreux exemples.

Pour installer svgasm sous macOS, ouvrez un terminal et entrez la commande suivante :

brew install tomkwok/tap/svgasm
svgasm

Ou en le compilant et le lançant directement sous Linux comme ceci :

git clone https://github.com/tomkwok/svgasm
cd svgasm/
make
./svgasm

Ainsi la commande suivante, produira une animation noir et blanc.

svgasm goodmorning.gif > good.svg

Et la commande suivante sortira une animation SVG en 120 couleurs :

svgasm -t 'autotrace --output-format svg --color-count 120 --despeckle-level 16 --despeckle-tightness 1.5 --tangent-surround 1 --remove-adjacent-corners "%s"' -s 'svg {background-color: gray}' monday.gif > monday.svg

Pour le faire fonctionner, vous aurez peut-être également besoin de svgo , autotrace , primitive . SVGasm permet également de créer une animation de SVG à partir d’une série de SVG comme ceci :

svgasm -d 2 -i 5 -e 0 -o animation.svg input1.svg input2.svg input3.svg

Par contre, attention à la taille des fichiers. Parfois un bon vieux GIF pèsera moins lourd qu’un SVG animé.