Modifier un logo
Modifiez efficacement une illustration dans Adobe Illustrator grâce à des techniques professionnelles et à de précieux conseils qui vous feront gagner du temps.
Publié le
Typekit a été rebaptisé Adobe Fonts.
1 Préparer le logo à modifier
Imaginez que l’on vous demande de modifier un logo créé par quelqu’un d’autre. Brian Wood, spécialiste et formateur Illustrator, vous dévoile sa méthode. Pour suivre le tutoriel, téléchargez les fichiers d’exemple et ouvrez Logo-art-START.ai.
Dans cette série de tutoriels, vous allez apprendre à modifier un logo dans Adobe Illustrator à l'aide d'options très pratiques et de méthodes qui vous feront gagner du temps.
Tout comme sa création, la modification d'une illustration, ce logo par exemple, présente certaines difficultés.
Par exemple, si le texte a été converti en formes, il est difficile de le modifier.
Ou bien il faut modifier les couleurs de nombreux objets simultanément, ou encore créer des versions couleur d'une illustration comme ce logo.
En visionnant chaque vidéo de la série, vous découvrirez des méthodes très prisées mais aussi d'autres plus confidentielles pour modifier vos illustrations ou celles de quelqu'un d'autre.
Pour commencer, ouvrez le fichier d'exemple téléchargé sur la page du tutoriel.
Pour tout afficher, choisissez Affichage > Ajuster le plan de travail à la fenêtre.
Pour afficher tous les panneaux et outils nécessaires, réinitialisez l'espace de travail en choisissant Fenêtre > Espace de travail.
Le cas échéant, sélectionnez Les indispensables, puis Réinitialiser Les indispensables.
Maintenant que le bon espace de travail est sélectionné et que tout le plan de travail est affiché, vous allez pouvoir commencer à modifier le logo.
2 Modifier le texte
Trouvez exactement la police du design original dans la vaste bibliothèque de polices Adobe Typekit, ou recherchez une police similaire dans Typekit ou sur votre ordinateur.
Pour commencer, nous allons modifier le texte du logo.
Ce texte a été vectorisé à l'aide de la commande Texte > Vectoriser et ne peut donc plus être modifié.
Avec l'outil Sélection, cliquez sur le texte « Imagine ».
Vous verrez alors qu'il s'agit en fait d'un groupe de formes.
Pour le modifier, vous allez utiliser une fonctionnalité du site web Typekit permettant d'identifier la police.
Vous pourrez alors la synchroniser sur votre ordinateur et saisir un nouveau texte avec la même police que celle utilisée ici, ou du moins une qui s'en rapproche.
Vous devez commencer par enregistrer les formes du texte en tant qu'image qui sera exploitable sur le site web Typekit.
Avant toute chose, cliquez sur Affichage.
Les repères commentés doivent être activés.
Ils vous feront gagner en précision quand vous dessinerez et modifierez du contenu dans le cadre de ces tutoriels.
Pour tout sélectionner, choisissez Sélection > Tout.
Ensuite, pour exporter l'illustration, choisissez Fichier > Exporter la sélection.
Dans la boîte de dialogue, choisissez PNG sous Format et 2x sous Échelle pour doubler la taille de l'image.
Ainsi, Typekit pourra plus facilement identifier la police.
Choisissez votre bureau comme emplacement de destination.
Ensuite, cliquez sur Exporter le fichier pour obtenir un fichier PNG.
Normalement, l'image créée est placée dans un dossier nommé 2x.
Pour accéder au site web Typekit, dans Illustrator, choisissez Texte > Ajouter des polices depuis Typekit.
Une fois le site ouvert dans votre navigateur par défaut, un champ de recherche visuelle doit s'afficher.
Sinon, cliquez sur l'icône d'appareil photo.
Sélectionnez le fichier enregistré, puis cliquez sur Ouvrir.
La recherche commence.
Sur la page suivante, vérifiez que tout le texte est sélectionné en déplaçant les poignées, si nécessaire.
Tout le texte doit être encadré.
Cliquez sur Étape suivante.
Vérifiez que le champ affiche bien « IMAGINE », comme souhaité.
Sinon, corrigez le texte, puis cliquez sur Étape suivante.
Une liste de polices semblables à l'originale s'affiche.
La police originale s'appelle Brothers OT Bold.
Vous devriez la voir en faisant défiler vers le bas.
Cliquez sur Synchroniser pour la synchroniser sur votre ordinateur.
Si Brothers OT Bold ne s'affiche pas, tapez son nom dans le champ de recherche, puis synchronisez-la.
Dans Illustrator, vous pouvez fermer le groupe du panneau Exportation de fichiers.
Avec l'outil Texte, cliquez en dessous du logo pour ajouter du texte de substitution.
Pour modifier la mise en forme, dans le panneau Propriétés sur la droite, augmentez la taille de la police et changez de couleur de fond.
Je vais choisir un gris plus clair en référence au logo.
À présent, tapez « IMAGO ».
Appuyez sur Échap pour activer l'outil Sélection et sélectionner l'objet texte.
Cliquez sur le menu Famille de polices, puis choisissez Brothers OT Bold dans la liste.
Pour retrouver plus facilement une police Typekit, cliquez ici pour afficher uniquement les polices de ce type.
Votre liste de polices peut être différente de la mienne.
Cliquez sur Brothers OT Bold pour l'appliquer.
Ici, comme vous modifiez le logo, il faut essayer de trouver une police différente, mais qui reste fidèle à l'originale.
Cliquez de nouveau sur le menu Famille de polices.
Pour afficher les polices semblables à Brothers OT Bold, cliquez sur Appliquer un filtre similaire.
Illustrator affiche alors les polices système et Typekit qu'il considère proches de l'originale.
Je vous conseille de désactiver le filtre Typekit pour afficher davantage de polices.
Quand vous survolez les polices de la liste, l'affichage du texte saisi change automatiquement.
Vous pouvez changer de police.
Je conserve l'originale, Brothers OT Bold.
Pour modifier l'interlettrage, définissez l'approche dans le panneau Propriétés en spécifiant une valeur plus importante, par exemple 400.
Vous pouvez saisir la valeur dans le champ ou maintenir la touche Maj enfoncée et cliquer sur les flèches pour modifier la valeur par incréments de 10.
Enfin, cliquez sur Centrer.
Il sera ainsi plus facile d'aligner le texte par rapport au logo.
Cliquez sur l'outil Sélection, sélectionnez le texte « Imagine », puis choisissez Objet > Masquer > Sélection, car nous n'en avons pas besoin pour le moment.
Ensuite, faites glisser le texte vers le centre du logo.
Des repères commentés vous aident à l'aligner verticalement.
Pour enregistrer le fichier, choisissez Fichier > Enregistrer.
Qu'il s'agisse de trouver la police la plus proche de celle d'un texte vectorisé ou d'en choisir une semblable, quand vous créez et modifiez des illustrations, de nombreuses options vous aident à modifier le texte de vos projets dans Illustrator.
3 Modifier les formes
Il est toujours utile de savoir comment une illustration a été créée pour pouvoir modifier ses composants de manière simple et précise. Sélectionnez et modifiez délicatement les différentes zones sans toucher au reste du design, et travaillez en mode d’affichage Tracés afin de pouvoir sélectionner facilement les éléments avec l’outil Lasso. Contrôlez plus étroitement la modification des formes en agissant sur chaque point d’ancrage.
Illustrator CC inclut de nombreux outils et méthodes pour sélectionner et modifier les illustrations.
Dans cette vidéo, vous allez en utiliser certains pour sélectionner et modifier ce logo.
Plusieurs changements doivent être effectués, à commencer par le tracé du contour, cette ligne blanche autour de la forme en arrière-plan.
Cliquez sur l'outil Sélection.
Pour isoler la forme ou d'autres contenus et ainsi éviter les erreurs, double-cliquez sur le tracé blanc pour passer en mode Isolation.
Ce faisant, cette forme plus grande est sélectionnée.
Je vais vous expliquer pourquoi dans un instant.
Un double clic sur cette forme revient à modifier un groupe, mais le mode Isolation ne se limite pas à la modification du contenu des groupes.
Avec le contenu isolé, cette forme s'affiche au premier plan et on ne peut rien sélectionner d'autre.
Le reste est grisé.
Ainsi, les sélections sont plus faciles et on peut se concentrer sur un objet sans en sélectionner d'autres par mégarde.
Avec la forme sélectionnée — cliquez dessus si elle ne l'est pas —, survolez le « i » à droite de Contour dans le panneau Propriétés.
L'info-bulle indique que plusieurs contours sont appliqués à la forme.
C'est pourquoi en cliquant sur le trait blanc, vous avez sélectionné la grande forme.
Ce trait est en réalité un contour de cette forme.
Pour modifier tous les contours de la forme, cliquez ici dans le panneau Propriétés de façon à afficher le panneau Aspect.
Les illustrations à modifier ne sont pas toujours conçues comme elles devraient, comme ici avec cette forme.
Le tracé blanc est en fait un deuxième contour appliqué à la forme.
Le panneau Aspect indique ce qui est appliqué à l'illustration sélectionnée.
C'est un bon moyen de savoir comment l'aspect de l'illustration a été obtenu.
Modifions maintenant ce contour blanc.
Cliquez sur la couleur du contour en haut du panneau, puis choisissez un gris foncé.
Vous pouvez à présent fermer le panneau Aspect.
Pour remodeler une illustration, on sélectionne généralement les points d'ancrage des formes.
Pour ce faire, on peut utiliser l'outil Sélection directe.
Avec cet outil, on peut faire glisser sur plusieurs parties d'une illustration ou cliquer en maintenant la touche Maj enfoncée pour sélectionner plusieurs points d'ancrage.
Ici, il faut une solution plus rapide pour diminuer la forme d'arrière-plan sans déformer la courbe supérieure.
Nous allons donc passer en mode Tracés et sélectionner les points d'ancrage avec l'outil Lasso.
Choisissez Affichage > Tracés.
L'illustration est réduite à un contour noir d'un point sans couleur de fond.
On voit ainsi mieux ce que l'on manipule et les sélections sont simplifiées.
Sélectionnez l'outil Lasso.
Très pratique, il permet de sélectionner plusieurs points d'ancrage en dessinant autour.
Ici, vous allez partir d'en haut et exclure le reste de la forme de la sélection.
Faites glisser autour de ces points et de ceux-ci pour les sélectionner.
Relâchez le bouton, puis appuyez sur la touche A pour activer l'outil Sélection directe plus rapidement.
Déplacez le tracé vers le bas sans le décaler.
Des repères commentés s'affichent quand on est aligné.
Relâchez le bouton de la souris.
Le déplacement d'un tracé est semblable à celui des points d'ancrage.
Si vous avez raté un point d'ancrage ou que vous en avez sélectionné trop, vous pouvez recommencer.
Sinon, avec l'outil Sélection directe, vous pouvez appuyer sur Maj pendant le déplacement ou cliquer sur un point pour le désélectionner ou l'ajouter à la sélection.
Pour désélectionner les points d'ancrage, choisissez Sélection > Désélectionner, puis Affichage > Aperçu GPU, le cas échéant.
Vous repassez ainsi en mode d'affichage normal.
Appuyez sur Échap pour quitter le mode Isolation ou double-cliquez hors de la forme.
Enregistrez le fichier en choisissant Fichier > Enregistrer.
Illustrator offre de nombreux outils et méthodes pour modifier une illustration, comme le panneau Aspect, le mode Tracés ou l'outil Lasso.
Mieux vous connaîtrez Illustrator CC, mieux vous saurez lesquels vous conviennent le mieux.
4 Modifier les apparences
À présent, affinez les sélections pour faciliter la modification des couleurs de l’illustration.
Illustrator permet de modifier l'aspect d'une illustration de manière très originale.
Dans cette vidéo, vous allez découvrir différentes méthodes pour sélectionner et modifier ce logo.
Nous allons commencer par modifier la couleur des certaines parties du logo.
Avec l'outil Sélection, cliquez sur cette forme blanche.
Nous allons remplacer la couleur de toutes les formes blanches par le même gris.
Toutefois, la forme fait partie d'un groupe d'objets.
Si vous affichez le panneau Calques sur la droite et que vous cliquez sur Rechercher l'objet, vous verrez qu'il s'agit d'une série de groupes imbriqués.
Autrement dit, ces groupes sont assemblés.
Vous pouvez sélectionner la forme dans le panneau Calques si vous arrivez à la trouver parmi les calques, mais cela peut s'avérer difficile.
Il existe une autre méthode : appuyez une ou deux fois sur Cmd et + sous MacOS ou Ctrl et + sous Windows pour effectuer un zoom avant.
Ensuite, appuyez sur la touche A pour activer l'outil Sélection directe.
Cliquez hors du logo pour le désélectionner, puis cliquez sur le fond de la forme blanche et non sur le bord pour sélectionner l'objet sans sélectionner le groupe.
Pour repasser à l'outil Sélection, appuyez sur la touche V.
La forme doit maintenant être sélectionnée.
Cet objet appartenant à un groupe, vous auriez aussi pu double-cliquer plusieurs fois pour modifier la forme, mais ce faisant, le reste de l'illustration aurait été grisé et n'aurait pas pu être sélectionné.
Ici, pour sélectionner tous les éléments avec un fond blanc afin de les modifier simultanément, vous pouvez utiliser leurs propriétés d'aspect.
Choisissez Sélection > Même.
Plusieurs options de sélection sont disponibles pour les illustrations partageant des propriétés d'aspect : contour, fond, etc.
Choisissez Couleur de fond pour sélectionner toutes les formes avec un fond blanc.
Ensuite, cliquez sur la couleur de fond dans le panneau Propriétés — cliquez sur l'onglet du panneau pour l'afficher —, et assurez-vous que le Nuancier est sélectionné.
Vous le voyez, la nuance blanche est appliquée.
Il faut la remplacer par du gris.
Vous allez donc créer et enregistrer un gris en tant que nuance.
Pour créer une nuance, cliquez sur le bouton Nouvelle nuance.
Dans la boîte de dialogue Options de nuance, vous pouvez modifier le nom, si vous voulez.
Je le remplace par « Light gray ».
Vérifiez que la case Globale est cochée.
Elle l'est par défaut.
Ainsi, à l'avenir, si vous modifiez la nuance, toutes les illustrations qui l'utilisent, sélectionnées ou non, seront actualisées.
CMJN étant le mode sélectionné, définissez le noir (N) sur 18.
Désélectionnez Ajouter à ma bibliothèque.
Pas besoin d'ajouter cette couleur dans une bibliothèque CC pour le moment.
Ensuite, cliquez sur OK pour créer la couleur et l'appliquer à toutes les formes sélectionnées.
Si une sélection prend du temps et que vous pensez devoir répéter l'opération par la suite, vous pouvez la mémoriser.
Nous allons sélectionner les yeux et mémoriser cette sélection.
Appuyez sur la touche V pour activer l'outil Sélection.
Ensuite, sélectionnez ce groupe.
Pour vous rapprocher, appuyez sur Cmd et + ou Ctrl et + à plusieurs reprises.
Pour activer l'outil Sélection directe, appuyez sur la touche A, puis cliquez hors de l'illustration pour la désélectionner.
Je vous ai fait sélectionner l'illustration, car lorsque vous agrandissez en appuyant sur Cmd et + ou Ctrl et +, le zoom s'opère sur l'illustration sélectionnée.
Cliquez sur le centre d'une des petites formes pour la sélectionner.
Le mot « Centre » doit s'afficher.
Ne cliquez pas sur le contour, sinon certains points d'ancrage ne seront pas sélectionnés.
Appuyez sur la touche Maj et cliquez sur le centre de cette autre petite forme pour l'ajouter à la sélection.
En maintenant la touche enfoncée, cliquez sur les autres éléments des yeux pour les sélectionner aussi.
Relâchez la touche Maj quand vous avez fini.
Ces formes étant sélectionnées, choisissez Sélection > Mémoriser la sélection.
Choisissez un nom qui vous parle, quelque chose de facile à mémoriser.
Je nomme cette sélection « Eyes » et je clique sur OK.
La mémorisation d'une sélection permet de sélectionner et de mémoriser des objets ou de sélectionner des points d'ancrage et de les mémoriser aussi en tant que sélection.
Faisons un essai.
Choisissez Sélection > Désélectionner.
Nous allons maintenant resélectionner les yeux.
Choisissez Sélection > Eyes.
Les yeux sont resélectionnés.
Une modification simple à présent : appuyez plusieurs fois sur la flèche Haut pour déplacer les formes vers le haut.
Pour afficher à nouveau la totalité du logo, choisissez Affichage > Ajuster le plan de travail à la fenêtre.
Il n'est pas toujours facile d'opérer des sélections dans Illustrator CC, mais grâce à quelques techniques élémentaires, vous gagnerez pas mal de temps.
5 Créer une variation du logo
Maintenant que le logo a l’aspect souhaité, créez-en une variation que vous soumettrez à votre client, ou enregistrez-le dans une bibliothèque Adobe Creative Cloud pour l’utiliser dans d’autres documents Illustrator et dans d’autres applications Adobe.
Maintenant que le logo a été modifié, nous allons en créer une variante avec d'autres couleurs.
Il existe plusieurs façons de configurer un fichier et son contenu pour en créer plusieurs versions.
Dans cette vidéo, vous allez créer une copie du plan de travail du logo pour pouvoir exporter tous les logos créés sous forme de fichiers Illustrator distincts, au besoin, par exemple pour en importer un dans Adobe InDesign.
Avec le document du logo ouvert, choisissez Affichage > Ajuster le plan de travail à la fenêtre pour afficher tout le plan de travail.
Sans aucun élément sélectionné et avec l'outil Sélection activé, cliquez sur Modifier les plans de travail dans le panneau Propriétés.
L'outil Plan de travail est alors sélectionné.
Appuyez sur Cmd + - sous MacOS ou Ctrl + - sous Windows à plusieurs reprises pour effectuer un zoom arrière.
Pour créer une copie du plan de travail du logo, en maintenant la touche Option ou Alt enfoncée, faites glisser le plan de travail vers la droite.
Quand il est aligné sur l'original, un repère commenté magenta doit s'afficher.
Dès que vous le voyez, relâchez le bouton de la souris, puis la touche du clavier.
Pour ajuster le nouveau plan de travail à la fenêtre, appuyez sur Cmd + 0 sous MacOS ou Ctrl + 0 sous Windows.
Pour créer une autre version du logo, par exemple en noir et blanc ou avec une seule couleur Pantone ou PMS, vous pouvez redéfinir les couleurs via l'option Redéfinir les couleurs de l'illustration au lieu de modifier séparément toutes les couleurs.
Dans cet exemple, vous allez créer une copie du logo à une seule couleur.
Appuyez sur la touche V pour activer l'outil Sélection.
Ensuite, pour tout sélectionner sur le plan de travail, choisissez Sélection > Tout sur le plan de travail actif.
Vous pouvez maintenant redéfinir les couleurs.
Cliquez sur Redéfinir les couleurs sous Sélections rapides dans le panneau Propriétés pour afficher la boîte de dialogue Redéfinir les couleurs de l'illustration.
Vous verrez alors que toutes les couleurs de l'illustration sélectionnée s'affichent dans cette boîte de dialogue.
Cliquez sur Modifier.
Les couleurs du logo s'affichent dans une roue chromatique.
Les liens des couleurs étant rompus comme indiqué ici, faites glisser une couleur pour la modifier.
Si vous liez les couleurs en cliquant ici, vous modifierez toutes les couleurs simultanément en en faisant glisser une.
En fait, ce n'est pas comme cela que je veux modifier les couleurs.
Pour manipuler les couleurs originales du logo, je clique sur la pipette en haut, puis sur Attribuer.
Toutes les couleurs du logo sont répertoriées ici.
À droite de chacune, un aperçu de la couleur de remplacement s'affiche.
Cette version du logo doit utiliser une seule couleur unie dans différentes teintes ou nuances.
Je vais opter pour une couleur Pantone.
Je choisis 1 dans le menu Couleurs.
Ainsi, les couleurs du logo seront des nuances de celle que vous voyez ici.
Pour pouvoir choisir une couleur d'une bibliothèque donnée comme Pantone, je clique sur ce bouton en bas, puis je choisis Catalogues de couleurs > PANTONE+ Solid Coated.
D'autre bibliothèques sont disponibles, mais, ici, je vais utiliser une couleur Pantone.
Si vous modifiez la future couleur de toutes les autres, vous pourrez puiser dans la bibliothèque Pantone Solid Coated.
Double-cliquez ici pour modifier la couleur via le sélecteur de couleurs.
Les couleurs Pantone doivent s'afficher.
Dans le cas contraire, si vous voyez ceci, cliquez sur Nuanciers.
Pour choisir une couleur Pantone précise, tapez 220 dans ce champ, puis cliquez sur la couleur ici.
Cliquez sur OK pour appliquer la couleur Pantone.
Les couleurs du logo répertoriées ici sont maintenant liées à la couleur Pantone : elles deviendront cette couleur.
La teinte de chaque couleur devient une teinte ou nuance de la Pantone.
Cliquez sur OK pour modifier les couleurs.
Pour enregistrer les logos afin de pouvoir les utiliser dans d'autres documents Illustrator ou d'autres applications comme InDesign ou Photoshop, vous pouvez les ajouter dans une Bibliothèque Creative Cloud.
Dans le panneau Bibliothèques sur la droite, vérifiez que la bibliothèque qui vous intéresse est sélectionnée.
Si vous n'avez pas créé de bibliothèque, vous pouvez utiliser Ma bibliothèque.
Avec l'outil Sélection, en maintenant la touche Maj enfoncée, cliquez sur la forme d'arrière-plan pour la désélectionner, puis faites glisser le groupe du logo dans le panneau Bibliothèques.
Quand un signe plus s'affiche, relâchez le bouton de la souris.
L'illustration est enregistrée dans la bibliothèque.
Dans un autre fichier Illustrator, InDesign ou Photoshop, avec cette bibliothèque sélectionnée, vous pourrez réutiliser l'illustration en la faisant glisser depuis le panneau.
Pour enregistrer le fichier, choisissez Fichier > Enregistrer.
Illustrator CC permet de modifier les illustrations de bien des façons.
Grâce aux méthodes présentées dans cette série, vous serez à la longue plus efficace et plus rapide.
À votre tour de créer une autre version du logo en vous servant de ce que vous avez appris.
Et comme toujours dans Illustrator CC, faites preuve de créativité et continuez à vous former.
Que le design ait été créé par vos soins ou par quelqu’un d’autre, ces techniques éprouvées vous permettront de sélectionner et modifier l’illustration avec un maximum d’efficacité. Entraînez-vous en créant d’autres versions du logo avec des polices, des formes et des couleurs différentes.
Contribution :
