Comment créer des images SVG : 13 étapes (avec des images)

Table des matières:

Comment créer des images SVG : 13 étapes (avec des images)
Comment créer des images SVG : 13 étapes (avec des images)

Vidéo: Comment créer des images SVG : 13 étapes (avec des images)

Vidéo: Comment créer des images SVG : 13 étapes (avec des images)
Vidéo: Comment scanner ou numériser un document en PDF 2024, Avril
Anonim

Les graphiques vectoriels évolutifs (SVG) permettent des éléments plus interactifs sur les pages Web sans utiliser autant de bande passante que d'autres formats d'image tels que JPEG ou GIF, ce qui les rend idéaux pour la conception Web. Certains programmes d'illustration numérique, comme Adobe Illustrator, offrent des options SVG et il existe des sites Web de conversion SVG en ligne auxquels l'accès est gratuit. Ce wikiHow vous montre comment créer vos propres images SVG.

Pas

Méthode 1 sur 2: Utilisation du convertisseur Convertio-j.webp" />
Créer des images Svg Étape 1
Créer des images Svg Étape 1

Étape 1. Ouvrez votre navigateur Web et accédez à

Cela vous amène à la page du convertisseur-j.webp

Créer des images Svg Étape 2
Créer des images Svg Étape 2

Étape 2. Sélectionnez la source de votre image JPG

En haut du menu du convertisseur, vous devriez voir une barre d'outils rouge répertoriant les différentes sources auxquelles vous pouvez accéder pour télécharger un fichier image-j.webp

Créer des images Svg Étape 3
Créer des images Svg Étape 3

Étape 3. Accédez au fichier que vous souhaitez convertir

Une fois que vous avez sélectionné une source, une boîte de dialogue devrait apparaître avec la bibliothèque des dossiers de votre ordinateur. À partir de là, accédez au dossier contenant le fichier que vous souhaitez convertir et sélectionnez le fichier.

Créer des images Svg Étape 4
Créer des images Svg Étape 4

Étape 4. Cliquez sur Convertir

Une fois le fichier téléchargé, un bouton rouge apparaîtra dans le coin inférieur droit de l'écran du menu. Cela lancera le processus de conversion, qui peut prendre quelques minutes selon la taille du fichier.

Créer des images Svg Étape 5
Créer des images Svg Étape 5

Étape 5. Cliquez sur Télécharger

Une fois le fichier converti, un bouton bleu apparaîtra à droite du nom du fichier dans le menu Convertisseur. Une fois que vous avez cliqué dessus, l'image sera alors téléchargée sur votre ordinateur sous forme de fichier SVG.

Méthode 2 sur 2: Utilisation d'Adobe Illustrator

Créer des images Svg Étape 6
Créer des images Svg Étape 6

Étape 1. Ouvrez Adobe Illustrator

Adobe Illustrator est une application de conception graphique qui vous permet de créer votre propre art à l'aide d'une variété d'outils et de fonctionnalités.

Créer des images Svg Étape 7
Créer des images Svg Étape 7

Étape 2. Créez votre image

Une fois Illustrator ouvert, vous pouvez sélectionner l'un des outils de la barre d'outils sur le côté gauche de l'écran pour commencer à concevoir votre image.

Créer des images Svg Étape 8
Créer des images Svg Étape 8

Étape 3. Appliquez des effets SVG à certains calques de votre image

Si vous souhaitez ajouter des effets personnalisés à votre image, vous pouvez sélectionner un calque, puis cliquer sur Effet > Filtres SVG > Appliquer le filtre SVG. Ensuite, cliquez simplement sur le Modifier le filtre SVG, modifiez le code par défaut et cliquez sur d'accord pour enregistrer vos effets SVG.

Créer des images Svg Étape 9
Créer des images Svg Étape 9

Étape 4. Cliquez sur l'onglet Fichier

Celui-ci est situé dans le coin supérieur gauche de l'écran.

Créer des images Svg Étape 10
Créer des images Svg Étape 10

Étape 5. Sélectionnez Exporter dans le menu

Pour que votre fichier SVG soit prêt à être affiché et utilisé en dehors d'Illustrator, vous devez l'exporter.

Vous pouvez également sélectionner Enregistrer sous…, bien que cela enregistre le fichier afin qu'il ne puisse être affiché et modifié que dans Illustrator.

Créer des images Svg Étape 11
Créer des images Svg Étape 11

Étape 6. Cliquez sur Exporter en tant que…

Cela ouvre un nouveau menu où vous pouvez exporter le fichier d'Illustrator dans le format de votre choix.

Vous pouvez également sélectionner Exporter pour les écrans… pour que votre image SVG soit enregistrée d'une manière accessible sur les appareils iOS ou Android.

Créer des images Svg Étape 12
Créer des images Svg Étape 12

Étape 7. Sélectionnez SVG dans la liste des types de fichiers

Illustrator propose une variété de types de fichiers parmi lesquels choisir, y compris des fichiers SVG prêts pour le Web.

Créer des images Svg Étape 13
Créer des images Svg Étape 13

Étape 8. Cliquez sur Enregistrer

Votre image sera désormais disponible pour une utilisation en tant que fichier SVG.

Conseillé: