Catégories
CM PAO

Illustrator – Intro

Ce cours est une introduction à la manipulation d’objets graphiques vectoriels avec le logiciel Adobe Illustrator, dans la cadre de la formation Community Management.

Les objets graphiques vectoriels

Désignations

Les objets graphiques vectoriels sont aussi nommés :

  • images ou illustrations vectorielles
  • formes vectorielles
  • dessins ou graphiques vectoriels
  • objets vectoriels ou simplement vecteurs

Formats numériques

Ils sont enregistrés numériquement sous forme de fichiers vectoriels. Les extensions des formats de fichiers utilisables sont :

  • EPS (Encapsuled PostScript)
  • AI (Adobe Illustrator)
  • SVG (Scalable Vector Graphic)
  • PDF (Portable Data Format)

Tous ces types de fichiers s’ouvrent avec Illustrator

Description technique

Images matricielles vs Images vectorielles

Voici une vidéo publiée sur IDIKOtv expliquant quelles sont les différences entre les images matricielles et les images vectorielles.

Tracés, points, lignes et poignées

Les objets vectoriels sont composés d’un tracé numérique constitué de lignes droites ou courbes reliant des points caractéristiques. Ces tracés sont ouverts ou fermés et les points caractéristiques sont liés à des lignes directrices dotées de poignées permettant de modifier l’orientation du tracé .

Voici une deuxième vidéo, publiée sur IDIKOtv , expliquant quels sont les différents points d’un tracé vectoriel et comment le tracé est modifié par l’orientation et la longueur des lignes directrices.

En savoir plus

Éditeurs vectoriels

Les objets vectoriels sont éditables avec un éditeur vectoriel ou logiciel de dessin vectoriel (à même de lire le format d’enregistrement de ces tracés).

Dans le cadre de de cours, nous utiliserons le logiciel Adobe Illustrator, proposé par l’entreprise américaine Adobe. Il existe de nombreux autres outils permettant de manipuler des objets vectoriels. Voici les plus connus :

Logiciels hors ligne

Logiciels en ligne

Logiciel à usage spécifique

Ce type d’outil permet l’exportation des réalisations au format SVG. Le logiciel est toutefois conçu pour réaliser un type de dessin vectoriel spécifique.

Utilisation

Les éditeurs vectoriels sont le plus souvent utilisés pour dessiner des objets graphiques tels que :

  • les illustrations (flat design et autres styles)
  • les graphiques ou diagrammes
  • les pictogrammes
  • les logos
  • les icônes
  • les enseignes
  • les caractères typographiques (lettres, chiffres, ponctuation, symboles, …)
  • les cartes géographiques
  • etc.

Collecter des objets vectoriels

Il est aujourd’hui inutile de savoir dessiner pour utiliser des objets vectoriels de qualité ! 😉

Vous trouverez toutes sortes d’objets vectoriels sur le Web. Si vous disposez d’un lecteur de CD-ROM ou de DVD, vous pourrez accéder à d’anciennes ressources vectorielles distribuées sur ces supports.

Les sauvegardes de travaux de design graphiques sur le Cloud, sur disques durs externes ou supports amovibles (clés USB, etc.) peuvent se révéler une mine d’objets vectoriels.

Collections payantes

Sur les plateformes listées ci-dessous, les objets graphiques proposés sont téléchargeables gratuitement sous forme d’images matricielles (formats JPEG ou PNG). Le téléchargement sous forme d’image vectorielle (format SVG) est payant.

  • blush.design – Édition permettant la personnalisation partielle des illustrations.
  • flaticon.com – Édition permettant la personnalisation partielle des illustrations (utiliser avec un autre navigateur si nécessaire…).
  • icones8.fr – Éditeurs permettant la personnalisation avancée des icônes et la personnalisation partielle des illustrations.
  • artify.co – Éditeur permettant la personnalisation avancée des illustrations.

Collections partiellement gratuites

Pour épargner nos économies, contentons-nous de collecter sur le Web des objets vectoriels gratuits . Voici une liste de plateformes sur lesquelles il vous sera parfois nécessaire de créer un compte utilisateur.

  • icones8.fr – Quelques séries d’icônes téléchargeables gratuitement au format SVG.
  • freepik.com – Nombreuses images vectorielles aux formats EPS et AI téléchargeables sous forme de dossier à décompresser. Le nombre d’images téléchargeable gratuitement est d’une dizaine par jour (en étant inscrit…).
  • pixabay.com – Nombreuses images vectorielles téléchargeables au format SVG.
  • vecteezy.com – Nombreuses images vectorielles aux formats EPS et AI téléchargeables sous forme de dossier à décompresser.
  • canva.com – Cet outil de PAO en ligne propose de nombreuses images vectorielles gratuites. Elles sont récupérables en enregistrant au format PDF le dessin assemblé dans Canva.

Les images disponibles sur les plateformes en ligne sont souvent construites en dépit du bon sens (calques non nommés, formes inutilement découpées, contours vectorisés, etc.). Ces images nécessitent donc un patient travail de mise au net si on veut les exploiter efficacement.

La gratuité des ressources listées ici vous contraint parfois à citer la source de ces illustrations quand vous les utilisez dans vos publications !

Collections entièrement gratuites

  • openmoji.org – Dessins très simples, au format SVG, à combiner selon ses besoins >>> exemples d’utilisation.
  • iconarchive.com – Planches de dessins thématiques simples, disponibles au format SVG.
  • undraw.co – Illustrations orientées webdesign dont la couleur tonique est personnalisable avant téléchargement. Quelques dessins style “handcraft” disponibles.
  • openpeeps.com – Dessins de personnages style “hand drawn”, combinables à loisir.
  • illustrations.co – Quelques dessins de Vijay Verma, sur diverses thématiques.
  • getevataaars.com – Avatars simples à personnaliser en ligne avant téléchargement.
  • etc.

Vous trouverez d’autres banques d’images en ligne en consultant le site “Banques d’images” sur Netboard.

Créez vos propres inventaires d’images numériques. Utilisez Deskyo pour rassembler vos liens. Partagez vos listes de liens sur Netboard. Optimisez votre productivité en regroupant sans un lieu facile d’accès les liens vers les images dont vous aurez besoin.

Bonus

Un tutoriel Sketchpad utilisant les ressources graphique du site openpeeps.com est mis à votre diposition pour découvrir l’outil.