[Adobe Illustrator/Muse] Comment utiliser le format SVG



Pourquoi enregistrer vos logos ou icônes avec le format SVG (Supports pour graphiques vectoriels évolutifs. ) à la place du PNG ou JPG? Il se trouve que ce format est très léger et indépendant de la résolution, c'est à dire que vos icônes ou logos peuvent être mis à n'importe quelle dimension, cela n'affectera pas le temps de chargement ou la résolution de celui-ci dans votre site. 



Ce tutoriel va vous apprendre  comment enregistrer vos graphiques au format SVG à l'aide d'Adobe Illustrator, et comment l'utiliser dans Adobe Muse
Pour cela nous allons utiliser ce pack "Round Flat Icons" de Freepik.com, biensûr à vous de choisir les icônes que vous voulez prendre. 


ENREGISTRER LES GRAPHIQUES EN SVG

  1.   Dans Adobe Illustrator CC 2017, sélectionnez l'icône entière (vous pouvez les regrouper pour gagner du temps) et faites-la glisser vers la fenêtre d'exportation d'actifs.
  2.   Dans les options format, choisissez SVG. Cliquez sur Exporter et choisissez l'emplacement.




Pour les anciennes versions d'Adobe illustrator:

Sélectionnez l'icône entière -> Cliquez avec le bouton droit de la souris -> Exporter la sélection

Une fenêtre s'ouvrira. Choisissez l'emplacement et modifiez le format pour SVG. Cliquez sur Exporter et c'est fait.



UTILISEZ SVG DANS ADOBE MUSE

     Faites glisser l'élément SVG dans Muse. Vous pouvez faire glisser plus d'un élément à la fois. Vous remarquerez que la flèche de la souris comporte un nombre lorsque vous faites glisser plus d'un élément.





2. Cliquez sur la toile blanche pour placer le SVG, puis faites glisser pour redimensionner l'élément SVG.
L'un des avantages de l'utilisation de ce format dans Adobe Muse est que vous pouvez le redimensionner.






Il s'agit d'un tutoriel de base utilisant des icônes svg. Vous pouvez enregistrer des graphiques dans svg et les utiliser comme arrière-plans ou diaporamas. 

Voici le tutoriel pour plus d'information :


Commentaires

Posts les plus consultés de ce blog

widgets gratuits+ Bonus

[Adobe Muse] Menu hamburger avec Lightbox et effets de textes

[Adobe Muse] Créez un site internet en 15minutes à partir d'un modèle