SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
Votre Assistante : https://www.votreassistante.net - le 22/02/2022
Article écrit par Lydia Provin du site
Votre Assistante : https://www.votreassistante.net
1
Comment utiliser et modifier des icônes Font Awesome sur Illustrator ?
Il existe une bibliothèque d’icônes gratuites et payantes, très utilisée par les développeurs
web et les graphistes, qui s’appelle Font Awesome. Celle-ci met à votre disposition plus de
1 500 icônes gratuites et plusieurs milliers d’icônes payantes que vous pouvez utiliser dans
tous vos projets.
Dans ce tutoriel, je vais vous montrer comment utiliser une icône de cette bibliothèque sur
Illustrator et comment la modifier si besoin.
Comment utiliser les icônes de Font Awesome sur Illustrator ?
Télécharger des icônes Font Awesome
Pour utiliser les icônes de Font Awesome, vous devez, tout d’abord, les télécharger. Pour cela,
rendez-vous sur le site de Font Awesome, cliquez sur Start for Free, puis, un peu plus bas, sur
Download et, enfin, sur Free For Desktop à droite (ou Pro For Desktop si vous souhaitez
avoir accès aux icônes payantes et donc choisir un plan payant) : selon vos paramètres, votre
navigateur vous demandera un emplacement où enregistrer le fichier compressé (ZIP) ou
l’enregistrera d’office.
Une fois téléchargé, décompressez-le. J’utilise personnellement 7-Zip qui est gratuit donc je
fais un clic droit dessus > 7-Zip > Extraire vers "fontawesome-free-6.0.0-desktop", puis je
supprime l’archive et peux ouvrir le dossier décompressé.
Ici, c’est le dossier svgs qui m’intéresse et, plus particulièrement, regular. Comme j’ai défini
l’utilisation de Firefox pour l’ouverture des fichiers SVG, par un double-clic sur un des fichiers,
l’icône est ouverte dans mon navigateur.
Rechercher des icônes Font Awesome
Pour retrouver plus facilement une icône, je vous conseille d’utiliser la recherche sur Font
Awesome où, pour cet exemple, je vais appliquer le filtre Free puisque j’ai des icônes gratuites
Votre Assistante : https://www.votreassistante.net - le 22/02/2022
Article écrit par Lydia Provin du site
Votre Assistante : https://www.votreassistante.net
2
et Regular puisque je suis dans ce dossier sur mon ordinateur. Si je recherche l’icône de smiley
avec des étoiles dans les yeux, je vois qu’elle s’appelle face-grin-stars :
Je peux donc la retrouver dans le dossier regular, sur mon ordinateur, sous ce nom.
Ouvrir des icônes Font Awesome avec Illustrator
Lorsque j’ai identifié l’icône que je souhaite utiliser dans Illustrator, je fais un clic droit
dessus > Ouvrir avec > Adobe Illustrator 2022 : mon icône s’ouvre dans Illustrator. La même
chose peut être effectuée dans Illustrator via le menu Fichier > Ouvrir… ou Ctrl + O (ou
Cmd + O sur Mac).
Je peux maintenant l’utiliser dans mes projets en la déplaçant, en la redimensionnant, etc.
Comment modifier les icônes de Font Awesome sur Illustrator ?
Si vous faites un clic droit sur l’icône, vous voyez que vous ne pouvez pas dissocier les tracés
pour, par exemple, mettre les étoiles d’une couleur différente du reste.
Pour remédier à cela, je vais utiliser le Pathfinder en affichant la fenêtre via le menu
Fenêtre > Pathfinder ou en faisant Ctrl + Maj + F9 (ou Cmd + Maj + F9 sur Mac).
En gardant l’icône sélectionnée avec l’Outil Sélection , je clique sur Réunion du
Pathfinder et, enfin, je fais un clic droit sur l’icône > Dissocier. Je fais un clic ailleurs et je peux
désormais personnaliser chaque élément.
Pour cet exemple, je sélectionne les 2 étoiles et leur applique une couleur violette (#9910E8) :
Votre Assistante : https://www.votreassistante.net - le 22/02/2022
Article écrit par Lydia Provin du site
Votre Assistante : https://www.votreassistante.net
3
Si vous aimez ce genre d’icônes, n’hésitez pas à m’en faire part et à me dire s’il y a des icônes
que vous souhaiteriez que je crée pour de prochains tutoriels Illustrator.
Enfin, si vous souhaitez bien débuter avec Illustrator, les 25 pas-à-pas pour Illustrator vous
permettront de vous familiariser avec les différents outils de ce logiciel.
Tutoriel réalisé avec Illustrator CC 2022
Voir la version vidéo de cet article

Contenu connexe

Similaire à Comment utiliser et modifier des icônes Font Awesome sur Illustrator ?

FR Introduction to Fractions by Slidesgo.pptx
FR Introduction to Fractions by Slidesgo.pptxFR Introduction to Fractions by Slidesgo.pptx
FR Introduction to Fractions by Slidesgo.pptx
ZALOUKLOUBNA
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impress
ljvdb
 
FR Second Derivative Test by Slidesgo.pptx
FR Second Derivative Test by Slidesgo.pptxFR Second Derivative Test by Slidesgo.pptx
FR Second Derivative Test by Slidesgo.pptx
ZALOUKLOUBNA
 
Pmtic env num_systexpl_tablettes_en_pratique
Pmtic env num_systexpl_tablettes_en_pratiquePmtic env num_systexpl_tablettes_en_pratique
Pmtic env num_systexpl_tablettes_en_pratique
fdformateurif3
 

Similaire à Comment utiliser et modifier des icônes Font Awesome sur Illustrator ? (20)

Tutoriel Prezi
Tutoriel PreziTutoriel Prezi
Tutoriel Prezi
 
4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus
 
FR Introduction to Fractions by Slidesgo.pptx
FR Introduction to Fractions by Slidesgo.pptxFR Introduction to Fractions by Slidesgo.pptx
FR Introduction to Fractions by Slidesgo.pptx
 
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
 
Le guide de l'apprenti Graphiste
Le guide de l'apprenti GraphisteLe guide de l'apprenti Graphiste
Le guide de l'apprenti Graphiste
 
Créer un prezi
Créer un preziCréer un prezi
Créer un prezi
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impress
 
FR Second Derivative Test by Slidesgo.pptx
FR Second Derivative Test by Slidesgo.pptxFR Second Derivative Test by Slidesgo.pptx
FR Second Derivative Test by Slidesgo.pptx
 
Pmtic env num_systexpl_tablettes_en_pratique
Pmtic env num_systexpl_tablettes_en_pratiquePmtic env num_systexpl_tablettes_en_pratique
Pmtic env num_systexpl_tablettes_en_pratique
 
Indesign Cours
Indesign CoursIndesign Cours
Indesign Cours
 
Créer un espace de travail sur Photoshop
Créer un espace de travail sur PhotoshopCréer un espace de travail sur Photoshop
Créer un espace de travail sur Photoshop
 
22222.pptx
22222.pptx22222.pptx
22222.pptx
 
INITIATION.pptx
INITIATION.pptxINITIATION.pptx
INITIATION.pptx
 
Effacer un élément d’une photo avec l’outil pièce de Photoshop
Effacer un élément d’une photo avec l’outil pièce de PhotoshopEffacer un élément d’une photo avec l’outil pièce de Photoshop
Effacer un élément d’une photo avec l’outil pièce de Photoshop
 
Tutoriel netvibes
Tutoriel netvibesTutoriel netvibes
Tutoriel netvibes
 
Izilea
IzileaIzilea
Izilea
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
Tutoriel Evernote
Tutoriel EvernoteTutoriel Evernote
Tutoriel Evernote
 
Modifier une forme sur Illustrator et utiliser la fonction Pathfinder
Modifier une forme sur Illustrator et utiliser la fonction PathfinderModifier une forme sur Illustrator et utiliser la fonction Pathfinder
Modifier une forme sur Illustrator et utiliser la fonction Pathfinder
 

Plus de Votre Assistante

Plus de Votre Assistante (20)

Comment créer un effet de texte avec une ombre longue sur Illustrator ?
Comment créer un effet de texte avec une ombre longue sur Illustrator ?Comment créer un effet de texte avec une ombre longue sur Illustrator ?
Comment créer un effet de texte avec une ombre longue sur Illustrator ?
 
Comment compacter une base de données Access en VBA.pdf
Comment compacter une base de données Access en VBA.pdfComment compacter une base de données Access en VBA.pdf
Comment compacter une base de données Access en VBA.pdf
 
Comment créer un modèle de document Word ?
Comment créer un modèle de document Word ?Comment créer un modèle de document Word ?
Comment créer un modèle de document Word ?
 
Comment ouvrir plusieurs images dans Camera Raw ?
Comment ouvrir plusieurs images dans Camera Raw ?Comment ouvrir plusieurs images dans Camera Raw ?
Comment ouvrir plusieurs images dans Camera Raw ?
 
Comment créer des listes déroulantes en cascade à 3 niveaux sur Excel ?
Comment créer des listes déroulantes en cascade à 3 niveaux sur Excel ?Comment créer des listes déroulantes en cascade à 3 niveaux sur Excel ?
Comment créer des listes déroulantes en cascade à 3 niveaux sur Excel ?
 
Comment créer un modèle de diaporama PowerPoint ?
Comment créer un modèle de diaporama PowerPoint ?Comment créer un modèle de diaporama PowerPoint ?
Comment créer un modèle de diaporama PowerPoint ?
 
Comment alimenter une liste déroulante dans Word avec une liste Excel ?
Comment alimenter une liste déroulante dans Word avec une liste Excel ?Comment alimenter une liste déroulante dans Word avec une liste Excel ?
Comment alimenter une liste déroulante dans Word avec une liste Excel ?
 
Comment calculer l'âge dans une base de données Access ?
Comment calculer l'âge dans une base de données Access ?Comment calculer l'âge dans une base de données Access ?
Comment calculer l'âge dans une base de données Access ?
 
Comment modifier le contenu d’une liste déroulante en cascade si la précédent...
Comment modifier le contenu d’une liste déroulante en cascade si la précédent...Comment modifier le contenu d’une liste déroulante en cascade si la précédent...
Comment modifier le contenu d’une liste déroulante en cascade si la précédent...
 
Comment créer un effet vignettage sur Photoshop ?
Comment créer un effet vignettage sur Photoshop ?Comment créer un effet vignettage sur Photoshop ?
Comment créer un effet vignettage sur Photoshop ?
 
Comment réinitialiser (vider) une liste déroulante en cascade sur Excel ?
Comment réinitialiser (vider) une liste déroulante en cascade sur Excel ?Comment réinitialiser (vider) une liste déroulante en cascade sur Excel ?
Comment réinitialiser (vider) une liste déroulante en cascade sur Excel ?
 
Comment cocher et décocher des cases à cocher en 1 clic dans un formulaire su...
Comment cocher et décocher des cases à cocher en 1 clic dans un formulaire su...Comment cocher et décocher des cases à cocher en 1 clic dans un formulaire su...
Comment cocher et décocher des cases à cocher en 1 clic dans un formulaire su...
 
Comment insérer des données Excel dans PowerPoint avec ou sans mise à jour au...
Comment insérer des données Excel dans PowerPoint avec ou sans mise à jour au...Comment insérer des données Excel dans PowerPoint avec ou sans mise à jour au...
Comment insérer des données Excel dans PowerPoint avec ou sans mise à jour au...
 
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
Pourquoi utiliser le menu Développeur de Microsoft et comment l’afficher sur ...
 
Comment numéroter certaines lignes dans Word ?
Comment numéroter certaines lignes dans Word ?Comment numéroter certaines lignes dans Word ?
Comment numéroter certaines lignes dans Word ?
 
Comment créer un modèle de base de données Access ?
Comment créer un modèle de base de données Access ?Comment créer un modèle de base de données Access ?
Comment créer un modèle de base de données Access ?
 
Comment créer un effet fourrure sur Illustrator ?
Comment créer un effet fourrure sur Illustrator ?Comment créer un effet fourrure sur Illustrator ?
Comment créer un effet fourrure sur Illustrator ?
 
Comment créer une carte de vœux sur Photoshop avec un effet de sapin de Noël ...
Comment créer une carte de vœux sur Photoshop avec un effet de sapin de Noël ...Comment créer une carte de vœux sur Photoshop avec un effet de sapin de Noël ...
Comment créer une carte de vœux sur Photoshop avec un effet de sapin de Noël ...
 
Comment créer un calendrier perpétuel sur Excel ?
Comment créer un calendrier perpétuel sur Excel ?Comment créer un calendrier perpétuel sur Excel ?
Comment créer un calendrier perpétuel sur Excel ?
 
Créer un bonhomme de neige avec Illustrator
Créer un bonhomme de neige avec IllustratorCréer un bonhomme de neige avec Illustrator
Créer un bonhomme de neige avec Illustrator
 

Comment utiliser et modifier des icônes Font Awesome sur Illustrator ?

  • 1. Votre Assistante : https://www.votreassistante.net - le 22/02/2022 Article écrit par Lydia Provin du site Votre Assistante : https://www.votreassistante.net 1 Comment utiliser et modifier des icônes Font Awesome sur Illustrator ? Il existe une bibliothèque d’icônes gratuites et payantes, très utilisée par les développeurs web et les graphistes, qui s’appelle Font Awesome. Celle-ci met à votre disposition plus de 1 500 icônes gratuites et plusieurs milliers d’icônes payantes que vous pouvez utiliser dans tous vos projets. Dans ce tutoriel, je vais vous montrer comment utiliser une icône de cette bibliothèque sur Illustrator et comment la modifier si besoin. Comment utiliser les icônes de Font Awesome sur Illustrator ? Télécharger des icônes Font Awesome Pour utiliser les icônes de Font Awesome, vous devez, tout d’abord, les télécharger. Pour cela, rendez-vous sur le site de Font Awesome, cliquez sur Start for Free, puis, un peu plus bas, sur Download et, enfin, sur Free For Desktop à droite (ou Pro For Desktop si vous souhaitez avoir accès aux icônes payantes et donc choisir un plan payant) : selon vos paramètres, votre navigateur vous demandera un emplacement où enregistrer le fichier compressé (ZIP) ou l’enregistrera d’office. Une fois téléchargé, décompressez-le. J’utilise personnellement 7-Zip qui est gratuit donc je fais un clic droit dessus > 7-Zip > Extraire vers "fontawesome-free-6.0.0-desktop", puis je supprime l’archive et peux ouvrir le dossier décompressé. Ici, c’est le dossier svgs qui m’intéresse et, plus particulièrement, regular. Comme j’ai défini l’utilisation de Firefox pour l’ouverture des fichiers SVG, par un double-clic sur un des fichiers, l’icône est ouverte dans mon navigateur. Rechercher des icônes Font Awesome Pour retrouver plus facilement une icône, je vous conseille d’utiliser la recherche sur Font Awesome où, pour cet exemple, je vais appliquer le filtre Free puisque j’ai des icônes gratuites
  • 2. Votre Assistante : https://www.votreassistante.net - le 22/02/2022 Article écrit par Lydia Provin du site Votre Assistante : https://www.votreassistante.net 2 et Regular puisque je suis dans ce dossier sur mon ordinateur. Si je recherche l’icône de smiley avec des étoiles dans les yeux, je vois qu’elle s’appelle face-grin-stars : Je peux donc la retrouver dans le dossier regular, sur mon ordinateur, sous ce nom. Ouvrir des icônes Font Awesome avec Illustrator Lorsque j’ai identifié l’icône que je souhaite utiliser dans Illustrator, je fais un clic droit dessus > Ouvrir avec > Adobe Illustrator 2022 : mon icône s’ouvre dans Illustrator. La même chose peut être effectuée dans Illustrator via le menu Fichier > Ouvrir… ou Ctrl + O (ou Cmd + O sur Mac). Je peux maintenant l’utiliser dans mes projets en la déplaçant, en la redimensionnant, etc. Comment modifier les icônes de Font Awesome sur Illustrator ? Si vous faites un clic droit sur l’icône, vous voyez que vous ne pouvez pas dissocier les tracés pour, par exemple, mettre les étoiles d’une couleur différente du reste. Pour remédier à cela, je vais utiliser le Pathfinder en affichant la fenêtre via le menu Fenêtre > Pathfinder ou en faisant Ctrl + Maj + F9 (ou Cmd + Maj + F9 sur Mac). En gardant l’icône sélectionnée avec l’Outil Sélection , je clique sur Réunion du Pathfinder et, enfin, je fais un clic droit sur l’icône > Dissocier. Je fais un clic ailleurs et je peux désormais personnaliser chaque élément. Pour cet exemple, je sélectionne les 2 étoiles et leur applique une couleur violette (#9910E8) :
  • 3. Votre Assistante : https://www.votreassistante.net - le 22/02/2022 Article écrit par Lydia Provin du site Votre Assistante : https://www.votreassistante.net 3 Si vous aimez ce genre d’icônes, n’hésitez pas à m’en faire part et à me dire s’il y a des icônes que vous souhaiteriez que je crée pour de prochains tutoriels Illustrator. Enfin, si vous souhaitez bien débuter avec Illustrator, les 25 pas-à-pas pour Illustrator vous permettront de vous familiariser avec les différents outils de ce logiciel. Tutoriel réalisé avec Illustrator CC 2022 Voir la version vidéo de cet article