La dernière étape d'un projet de logo est la moins intéressante et la plus visible : le dossier de fichiers que le client conserve. S'il est mal fait, vous en entendez parler pendant des années, un e-mail à la fois. L'imprimeur veut un vectoriel, un assistant a collé un JPG sur une diapositive sombre, quelqu'un a trouvé le fichier AI et n'arrive pas à l'ouvrir. Cet article couvre les formats dont un client a réellement besoin et pourquoi, les variantes de couleur, un schéma de nommage qui survit à ses dossiers, et trois façons de sortir les fichiers d'Illustrator : à la main avec Exporter pour les écrans, avec un script, et en un clic.

Les formats dont un client a besoin, et pourquoi

Moins que vous ne le pensez, mais chacun pour une raison.

Format À fournir pour Remarques
AI Le fichier maître, archivé chez le client Enregistrez une copie avec le texte vectorisé ; gardez votre version modifiable
SVG Sites web, applications, outils de design, développeurs Vectoriel, léger, s'ouvre dans Figma et les navigateurs ; polices vectorisées, aucune image matricielle
PNG Documents, diapositives, signatures e-mail, profils sociaux Fond transparent, exporté en 2x ou à une largeur fixe généreuse
PDF Prestataires d'impression, signalétique, packaging Vectoriel, polices vectorisées, couleurs intactes ; la livraison print par défaut
EPS Seulement quand un prestataire l'exige Broderie, gravure, objets promotionnels, anciens logiciels de signalétique
JPG Rarement : les plateformes qui refusent la transparence Fond blanc, jamais le seul fichier livré

AI est le fichier maître. Il reste chez vous et rejoint les archives du client avec le texte vectorisé, pour qu'il s'ouvre sur n'importe quelle machine sans les polices. Ne le présentez pas comme un fichier à utiliser au quotidien.

SVG est le vectoriel de tous les jours. Web, applications, Canva, Figma, développeurs. Vectorisez le texte avant l'export, gardez l'illustration exempte d'images incorporées, et vérifiez le fichier dans un navigateur. Le SVG a remplacé l'EPS pour presque tous les usages, sauf chez les prestataires qui demandent encore de l'EPS nommément.

PNG est le format matriciel de tous les jours. C'est ce qui finit dans Word, Keynote, Google Slides, la signature e-mail et la page LinkedIn. La transparence est tout l'intérêt. Exportez en 2x pour qu'il résiste à un écran retina et à un agrandissement modéré, ou à une largeur fixe d'environ 2000 px si le client ne lira pas un suffixe.

PDF est la livraison pour l'impression. Un PDF vectoriel avec le texte vectorisé et les bonnes valeurs de couleur, c'est ce qu'attendent un prestataire d'impression, un enseigniste ou un fournisseur de packaging. Si la marque a une spécification CMJN ou en ton direct, c'est dans le PDF qu'elle vit. Exporter pour les écrans utilise par défaut un préréglage PDF de basse qualité, choisissez donc un préréglage d'impression dans ses paramètres ou enregistrez le PDF d'impression séparément.

EPS est un format hérité. Certains fournisseurs de broderie, de gravure et d'objets publicitaires le demandent encore parce que leur logiciel est ancien. Fournissez-le quand on vous le demande, avec le texte vectorisé, et n'y passez pas de temps autrement.

JPG sert dans un seul cas. Une plateforme qui refuse la transparence, ou un aperçu pour quelqu'un qui ne peut rien ouvrir d'autre. Un JPG sur fond blanc n'est jamais un fichier de logo à part entière.

Les variantes de couleur

Chaque composition du logo (lockup) a besoin de trois versions de couleur : couleur, noir et blanc. Le noir est la version monochrome pour l'impression à une encre, la gravure, le gaufrage et les formulaires. Le blanc est la version inversée pour les fonds sombres, la photographie et la vidéo. Les deux sont à plat : pas de dégradés, pas de teintes, pas d'effets.

Pour construire la version noire, dupliquez le plan de travail, sélectionnez tout ce qu'il contient et passez le fond en noir. Si le symbole utilise des dégradés ou des effets, choisissez d'abord Objet > Décomposer l'aspect, puis Édition > Modifier les couleurs > Redéfinir les couleurs de l'illustration, réglez le nombre de couleurs sur 1 et choisissez le noir. Vérifiez que les contreformes et les réserves survivent : une forme blanche qui se lisait comme un trou dans la version couleur disparaît quand tout passe au noir. Recommencez avec le blanc, et prévisualisez la version blanche sur un rectangle sombre avant d'exporter, parce qu'un PNG blanc sur fond transparent paraît vide dans tous les explorateurs de fichiers. Dites-le aussi au client, en une ligne, dans le readme ou dans l'e-mail.

Une version en niveaux de gris est une quatrième variante que certaines chartes graphiques documentent. La plupart des clients ne l'utilisent jamais ; faites-la quand la charte l'exige.

Un nommage de fichiers qui survit au dossier du client

Les fichiers sont sortis des dossiers par glisser-déposer, joints à des e-mails et renommés par personne. Le nom doit porter à lui seul la description complète. Utilisez le schéma brand-lockup-colour.extension, en minuscules, avec des tirets et sans espaces :

  • acme-logomark-black.svg
  • acme-logotype-white.png
  • acme-logo-colour.pdf

Gardez le même ordre dans tout le jeu, n'ajoutez jamais "final", un numéro de version ou une date, et ne comptez jamais sur le nom du dossier pour lever l'ambiguïté. Les dossiers sont utiles, un par format ou un par version du logo, mais chaque fichier qu'ils contiennent doit encore avoir un sens une fois posé sur un bureau.

Les noms des plans de travail déterminent les noms de fichiers, aussi bien dans la méthode manuelle que dans la méthode en un clic ci-dessous ; nommez donc les plans de travail de cette façon dès le départ.

La méthode manuelle : Exporter pour les écrans avec un plan de travail par variante

  1. Construisez les plans de travail. Un plan de travail par version du logo et par couleur : logomark, logotype et logo complet, chacun en couleur, en noir et en blanc, soit neuf plans de travail au total. Sélectionnez l'illustration sur chacun et choisissez Objet > Plans de travail > Ajuster aux limites de l'illustration sélectionnée pour que le plan de travail épouse le logo, puis renommez chaque plan de travail dans Fenêtre > Plans de travail en double-cliquant sur son nom. Utilisez le schéma de nommage ci-dessus sans l'extension.
  2. Vectorisez le texte. Sur cette copie d'export, Sélection > Tout, puis Texte > Vectoriser (Shift+Cmd+O, Shift+Ctrl+O sous Windows).
  3. Ouvrez Exporter pour les écrans. Fichier > Exporter > Exporter pour les écrans (Cmd+Opt+E, Ctrl+Alt+E sous Windows). Dans l'onglet Plans de travail, choisissez Tout.
  4. Réglez les formats. Ajoutez trois lignes : SVG en 1x, PNG en 2x avec le suffixe @2x ou aucun, et PDF en 1x. Cliquez sur l'icône d'engrenage : sous PDF, remplacez le préréglage Taille de fichier minimale par Impression de qualité supérieure ou par le préréglage PDF/X que vos prestataires utilisent ; sous SVG, cochez Réduire (Minify) ; sous PNG, conservez le lissage Optimisé pour l'illustration.
  5. Choisissez le dossier et lancez. Cochez Créer des sous-dossiers et réglez-le sur Format si vous voulez des dossiers svg, png et pdf, ou décochez-le pour un jeu à plat. Cliquez sur Exporter le plan de travail.
  6. EPS et AI, si nécessaire. Fichier > Enregistrer sous, choisissez Illustrator EPS, cochez Utiliser les plans de travail et Tout, et Illustrator écrit un EPS par plan de travail. Pour des fichiers AI séparés, Enregistrer sous au format Illustrator et cochez Enregistrer chaque plan de travail dans un fichier distinct.
  7. Vérifiez. Ouvrez chaque SVG dans un navigateur, placez chaque PNG blanc sur un fond sombre, et ouvrez un PDF pour confirmer que le texte est vectorisé.

Vingt minutes pour la première marque, dix une fois le fichier en place, et le résultat est un dossier que le client peut utiliser sans passer un coup de fil.

La méthode par script

Illustrator exécute de l'ExtendScript, l'ancien dialecte JavaScript d'Adobe, depuis Fichier > Scripts > Autre script (Cmd+F12, Ctrl+F12 sous Windows). Un script peut parcourir les plans de travail et exporter chacun dans plusieurs formats, ce qui est exactement le travail décrit ci-dessus. Cet exemple minimal écrit un PNG transparent en 2x par plan de travail, nommé d'après le plan de travail :

var doc = app.activeDocument;
var folder = Folder.selectDialog("Choose the export folder");
if (folder) {
  for (var i = 0; i < doc.artboards.length; i++) {
    doc.artboards.setActiveArtboardIndex(i);
    var name = doc.artboards[i].name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
    var options = new ExportOptionsPNG24();
    options.artBoardClipping = true;
    options.transparency = true;
    options.horizontalScale = 200;
    options.verticalScale = 200;
    doc.exportFile(new File(folder.fsName + "/" + name + ".png"), ExportType.PNG24, options);
  }
}

SVG et PDF suivent le même schéma avec ExportOptionsSVG et PDFSaveOptions, qui acceptent tous deux une plage de plans de travail. Des scripts gratuits qui font tout le travail existent : les forums de la communauté Adobe ont de longs fils sur l'export de plans de travail en plusieurs formats, et GitHub en héberge plusieurs sous des noms comme logo packer ou artboard exporter. Lisez un script avant de l'exécuter, exécutez-le sur une copie, et attendez-vous à devoir le modifier quand Illustrator se met à jour. Un script ne crée pas les variantes noire et blanche à moins que quelqu'un n'ait écrit cette partie, et il écrasera sans demander les fichiers portant le même nom.

Questions

Faut-il envoyer des fichiers EPS ?

Seulement si un prestataire en demande un nommément. SVG et PDF couvrent aujourd'hui tous les usages web et print, et un EPS avec du texte non vectorisé ou de la transparence cause plus de problèmes qu'il n'en résout. Quand vous le fournissez, vectorisez le texte, aplatissez la transparence, et signalez-le dans le readme comme un format hérité conservé pour les fournisseurs qui l'exigent.

Quelle taille pour les logos PNG ?

Exportez en 2x depuis un plan de travail qui montre le logo à une taille d'écran raisonnable, ou à une largeur fixe d'environ 2000 px pour le logo complet. Cela couvre les diapositives, les documents et les profils sociaux sans jamais être agrandi. Ne raisonnez pas en ppi : à l'écran, ce sont les dimensions en pixels qui comptent, et un prestataire d'impression doit recevoir le PDF, pas un PNG.

Comment exporter chaque plan de travail dans son propre SVG ?

Nommez les plans de travail, puis utilisez Fichier > Exporter > Exporter pour les écrans avec le format réglé sur SVG et tous les plans de travail sélectionnés. Chaque plan de travail devient un fichier nommé d'après lui. Fichier > Exporter > Exporter sous avec Utiliser les plans de travail coché fonctionne aussi, mais construit les noms de fichiers à partir du nom du document, et les fichiers doivent donc être renommés ensuite.

Faut-il vectoriser les polices avant d'exporter ?

Oui, dans chaque fichier livré. Le texte vectorisé s'affiche à l'identique sur n'importe quelle machine, alors que les fichiers SVG, PDF et EPS avec du texte non vectorisé substituent la police ou l'incorporent d'une manière que certains outils ignorent. Vectorisez sur une copie d'export, jamais dans votre fichier maître, et gardez le fichier maître avec le texte éditable pour pouvoir réviser le logotype plus tard.

Faites-le en un clic

Anchr Ship est l'onglet d'export du panneau Anchr Tools pour Illustrator. Associez trois plans de travail, logomark, logotype et logo complet, et Ship génère les variantes noire et blanche à plat comme de nouveaux plans de travail nommés source-black et source-white, puis exporte chaque plan de travail en SVG (optimisé pour le web), PNG en 2x avec transparence et PDF dans un seul dossier que vous choisissez. Les noms de fichiers viennent des noms de plans de travail, en minuscules, avec des caractères sûrs et un suffixe numérique en cas de collision, jusqu'à 27 fichiers par exécution. Si vous retouchez une variante générée, Ship la reconnaît par une signature et la préserve à l'exécution suivante. Il n'exporte pas les tailles d'icônes, les variantes en niveaux de gris ni les arborescences de dossiers. Les deux formules incluent les cinq outils, avec un essai de 7 jours ; voir les tarifs.