Illustrator, c'est quoi ?

Adobe Illustrator est un logiciel de dessin vectoriel. Au lieu de pixels, il décrit chaque forme par des points et des courbes. Résultat : un dessin qui reste parfaitement net, qu'on l'affiche en tout petit dans l'onglet d'un navigateur ou en très grand sur une enseigne.

Illustrator est-il gratuit ?

Non. Illustrator fait partie de l'abonnement Adobe Creative Cloud, seul ou avec d'autres logiciels comme Photoshop. Un essai gratuit permet de le découvrir. Pour un logo ou des pictos, vous n'avez pas besoin de l'abonnement : on vous livre les fichiers dans tous les formats utiles.

Illustrator ou Photoshop : quelle différence ?

Illustrator dessine des formes vectorielles, nettes à toutes les tailles : c'est l'outil du logo et du pictogramme. Photoshop travaille la photo, pixel par pixel : retouche, détourage, montage. Les deux se complètent, et on passe de l'un à l'autre selon ce qu'il faut produire.

Illustrator ou Figma pour un logo ?

Figma sait dessiner des formes vectorielles simples et sert à concevoir les maquettes du site. Illustrator va plus loin dans le dessin : courbes complexes, tracés précis, fichiers d'impression. Le logo naît en général dans Illustrator, puis rejoint la charte et les maquettes dans Figma.

C'est quoi un fichier SVG ?

Un SVG est une image vectorielle lisible par les navigateurs. Elle reste nette sur tous les écrans, pèse en général très peu, et sa couleur peut changer au survol ou selon le fond. C'est le format qu'on privilégie pour les logos et les pictogrammes d'un site, à la place d'une image PNG.

Pouvez-vous redessiner un logo flou ?

Oui, c'est fréquent. Quand seul un fichier basse définition existe, on redessine le logo en vectoriel, à l'identique ou avec de légers ajustements validés avec vous. Vous récupérez alors un logo net partout, que vous pourrez transmettre à n'importe quel imprimeur ou prestataire.

Quels fichiers recevrai-je ?

Les fichiers sources vectoriels, et les exports utiles : SVG pour le site, PNG transparents pour les réseaux et les documents, PDF pour l'impression. Chaque fois en version couleur et en version claire pour les fonds sombres, plus une icône simplifiée pour les petites tailles.

Faut-il Illustrator pour modifier mon site ensuite ?

Non. Une fois les logos et pictos intégrés à votre site sur Webflow, vous modifiez vos textes et vos images sans jamais ouvrir Illustrator. Si un pictogramme doit être ajouté un jour, on le dessine dans le même trait que les autres.

Adobe IllustratorNos logos et pictos

À quoi sert Illustrator : logos et pictos vectorielsUn dessin bien net, du favicon à l'enseigne.

Q: À quoi sert Illustrator ?

À créer tout ce qui doit être dessiné et rester net : logos, pictogrammes, illustrations, mascottes, motifs, mais aussi supports imprimés comme une carte de visite ou une affiche. Pour un site, on s'en sert surtout pour les logos et les pictogrammes, exportés ensuite en SVG.

Adobe Illustrator dessine en vectoriel : chaque forme est décrite par des points et des courbes, et reste nette à n'importe quelle taille. On s'en sert pour les logos, les pictogrammes et les illustrations des sites qu'on construit, livrés en SVG légers.

On se parle ?

Voir des exemples

logo-atelier-chevron.ai· 2 plans de travail100 %

Logo · couleur ATELIER CHEVRON

Logo · clair ATELIER CHEVRON

Couleur de la marque

Calques

CharpenteNomVersion claire

Exporter en SVGlogo.svg · 3 Ko

Ce qu'on dessine avec Illustrator

Du tracé au site,
sans perdre un pixel.

Des exemples types, pas des fiches client : le trajet d'un dessin vectoriel, d'Illustrator jusqu'à la page en ligne.

Adobe IllustratorLogo tracé

FigmaCharte posée

WebflowSVG intégré

Livré

Adobe Illustrator

Figma

Webflow

Le logo d'une marque

Un logo tracé une fois, utilisé partout.

Le logo est dessiné dans Illustrator, posé dans la charte sur Figma, puis intégré au site en SVG, net sur tous les écrans.

Adobe IllustratorPictos dessinés

WebflowPictos en SVG

Livré

Adobe Illustrator

Webflow

Les pictogrammes

Une famille de pictos dessinée dans le même trait.

Chaque pictogramme partage l'épaisseur, les angles et les couleurs des autres : sur la page, ils se répondent au lieu de se mélanger.

Adobe IllustratorIcône simplifiée

WebflowFavicon du site

Livré

Adobe Illustrator

Webflow

Le favicon

La petite icône de l'onglet, lisible à 16 pixels.

À très petite taille, un logo complet devient une tache : on dessine une version simplifiée pour l'onglet du navigateur et l'écran d'accueil.

Adobe IllustratorVersion impression

Fichier PDFEnvoyé à l'imprimeur

Livré

Adobe IllustratorFichier PDF

Le fichier imprimeur

Le même logo, prêt pour la carte de visite ou l'enseigne.

Le fichier vectoriel part tel quel chez l'imprimeur ou le fabricant d'enseigne, en couleurs d'impression, sans jamais pixeliser.

Voir le projet

À quoi sert Illustrator

Tracer, décliner,
exporter.

Illustrator est le logiciel de dessin vectoriel d'Adobe. Une image vectorielle n'est pas faite de pixels mais de formes : on peut l'agrandir sans fin, changer une couleur ou une courbe sans repartir de zéro.

Le dessin à la plume

On pose des points, on tire des courbes : chaque forme est décrite avec précision, au trait près, et reste modifiable à tout moment.

Net à toutes les tailles

Le même fichier sert pour l'icône de l'onglet et pour une bâche de plusieurs mètres, sans jamais devenir flou ni pixelisé.

Toutes les versions

Couleur, monochrome, version claire pour fond sombre, icône seule : les déclinaisons vivent côte à côte dans le même fichier.

Des SVG pour le site

On exporte des SVG légers, que le site affiche nets sur tous les écrans et dont on peut changer la couleur au survol.

Chez nous : logos et pictos des sites

Illustrator ou un autre outil ?

Illustrator dessine,
il ne retouche pas.

On l'ouvre dès qu'il faut créer une forme qui doit rester nette partout. Pour le reste, un autre outil fait mieux, et on vous dit lequel.

Nos logos et pictos

Adobe Illustrator, si…

Il vous faut un logo, ou votre logo actuel est flou, pixelisé ou introuvable en grand.
Votre site mérite des pictogrammes à lui, dessinés dans le même trait, pas piochés au hasard.
Le même visuel doit servir à l'écran, sur une carte de visite et sur une enseigne.
Vous voulez une illustration ou une mascotte qui ne ressemble à aucune autre.

Les alternatives

Plutôt un autre outil, si…

Il s'agit de retoucher ou de détourer une photo : c'est le travail de Photoshop, qui travaille en pixels.
Ce sont des icônes d'interface courantes, flèches ou menus : une bibliothèque gratuite comme Relume Icons les fournit déjà.
C'est une forme simple dans une maquette de site : on la dessine directement dans Figma, sans changer d'outil.
Le logo doit s'animer sur le site : on part du SVG et on l'anime en code, avec GSAP.

Notre avis sur Photoshop

Vous hésitez ? Envoyez-nous vos fichiers actuels, même un logo en capture d'écran : on vous dit ce qu'on peut en tirer.

Notre agence Webflow

Du tracé au site en ligne

Dessiné une fois,
net partout.

Le cas typique pour un site : ses pictogrammes. On les trace à la plume, on décline les versions dont le site a besoin, on exporte des SVG légers, puis ils prennent leur place dans les pages, nets sur chaque écran.

Le trajet d'un pictogramme

Tracer à la plume
Décliner les versions
Exporter en SVG
L'intégrer au site

Parler de mon identité

Règles de la famille

Grille48 × 48

Épaisseur du trait2,4

Extrémitésarrondies

Couleurscharbon, un accent

Fond clair

Couleur de marque

Fond sombre

Petite taille, simplifié

Exporter pour le web

FormatSVGPNGPDF

Texte en contoursla police n'est plus nécessaire

Stylesattributs de présentationAttributs

Réduire le coderien d'inutile dans le fichier

Poids4,8 Ko1,1 KoExportercharpente.svg

Atelier ChevronCharpentes · Réalisations · Contact

Nos savoir-faire

CharpentesTraditionnelles ou lamellé-collé, sur mesure.

AuventsPour une entrée ou une façade.

Abris et carportsMonopente, pour le jardin.

Un cas concret

Un logo flou,
redessiné net.

Un cas très fréquent : le logo n'existe qu'en petite image, floue dès qu'on l'agrandit. Voici comment il redevient un fichier vectoriel propre dans Illustrator.