Conception d’un logo
Utilisez les formes vectorielles d’Adobe Illustrator pour créer un logo au rendu impeccable sur écran comme sur papier. De la carte de visite à l’affiche publicitaire grand format, les illustrations vectorielles sont redimensionnables à souhait, sans aucune perte de qualité.
Publié le
Typekit a été rebaptisé Adobe Fonts.
1 Configuration du projet de logo
Créez un document et configurez l’espace de travail. Importez une image de référence dont vous pourrez vous inspirer, puis utilisez le panneau Calques pour gérer aisément votre illustration.
Bienvenue dans Adobe Illustrator CC.
Dans ce tutoriel, vous apprendrez à créer un logo dans Illustrator CC et à utiliser les principaux outils du logiciel.
Vous découvrirez comment décomposer en formes simples une image de référence comme une photo ou la numérisation d'un croquis, que vous utiliserez ensuite dans la conception du logo.
Nous prendrons l'exemple d'un logo de pizzeria.
Vous vous inspirerez donc de cette photo d'une part de pizza.
Un logo représente une entreprise ; il doit donc être simple, adapté, facilement reconnaissable et mémorisable.
Il doit aussi pouvoir s'adapter à différents supports et formats.
Illustrator CC crée des illustrations vectorielles qui peuvent être modifiées et redimensionnées sans perte de qualité.
C'est l'outil idéal pour la conception de logos.
La première étape consiste à créer un document.
Cliquez sur Fichier,
Création d'un document
Nouveau.
Dans la boîte de dialogue Nouveau document, sélectionnez la catégorie Impression.
Vous pouvez ensuite choisir l'un des paramètres prédéfinis.
Ici, nous prendrons le format Lettre.
Dans le volet de détails à droite, remplacez le nom par « side-slice-pizza-logo ».
Définissez les unités sur Pouces et choisissez l'orientation Paysage.
De nombreuses autres options sont disponibles ici.
Vous pouvez même partir d'un modèle Adobe Stock.
Dans notre cas, les paramètres par défaut conviendront.
Cliquez sur Créer.
Une fois le fichier ouvert, enregistrez-le : choisissez Fichier, Enregistrer.
Enregistrez-le sur votre disque dur.
Son nom devrait être « side-slice-pizza-logo.ai ».
Assurez-vous que le format sélectionné est Adobe Illustrator et cliquez sur Enregistrer.
Enfin, cliquez sur OK.
Réinitialisation de l'espace de travail
Dans un premier temps, réinitialisons la position par défaut des panneaux et outils qui composent l'espace de travail.
Dans cette liste, vérifiez que l'espace de travail « Les indispensables » est sélectionné.
Cliquez ensuite sur Réinitialiser Les indispensables pour réinitialiser sa configuration.
Afin d'afficher l'intégralité du document, choisissez Affichage, Ajuster le plan de travail à la fenêtre.
Cette zone blanche — nommée « plan de travail » — est similaire à une page dans InDesign.
Vous y placerez le contenu à imprimer ou à exporter.
Commençons par importer une image qui nous servira de référence.
Nous l'importerons dans le document.
Si vous souhaitez reproduire le logo de ce tutoriel, vous pouvez utiliser les ressources associées ou l'une de vos images.
Importation d'une image de référence
Cliquez sur Fichier, Importer.
Sélectionnez cette image dans les fichiers téléchargés sur la page du tutoriel et cliquez sur Importer.
Cliquez dans le document pour importer l'image sur le plan de travail.
Vérifiez que l'outil Sélection est sélectionné à gauche.
Faites glisser l'image sur le côté de sorte que vous puissiez la voir tout en dégageant de l'espace.
Cette image nous servira uniquement de référence, donc nous allons la verrouiller dans le panneau Calques.
Ouverture du panneau Calques
Pour ouvrir ce panneau, choisissez Fenêtre, Calques, ou cliquez directement ici, sur l'onglet Calques.
Les calques sont très utiles, car ils permettent de séparer et d'organiser le contenu, de modifier l'ordre des objets, ils facilitent la sélection, etc.
Pour modifier le nom du calque attribué par défaut, double-cliquez sur le libellé « Calque 1 » et saisissez « Reference ».
Cela facilitera l'identification du contenu par la suite.
Validez en appuyant sur Entrée ou Retour.
Cliquez ici pour verrouiller le calque et l'image et empêcher ainsi leur déplacement.
Ajoutons un autre calque pour créer l'illustration du logo.
Cliquez sur le bouton Nouveau calque au bas du panneau Calques, afin de créer un calque vide au-dessus du premier.
Double-cliquez sur son nom et nommez-le « Logo ».
Appuyez sur Entrée ou Retour.
Assurez-vous que le calque est actif en cliquant sur son nom.
Les illustrations que nous créerons seront ajoutées à ce calque, au-dessus de l'image située sur le calque d'arrière-plan.
Enregistrons notre travail en cliquant sur Fichier, Enregistrer.
Le document est configuré, le calque est prêt et le fichier est enregistré, nous pouvons attaquer la création du logo à l’aide de formes, de couleurs et d'autres outils.
Apprenez à créer un document, à réinitialiser l’espace de travail, à importer une image de référence et à ouvrir le panneau Calques.
2 Utilisation de formes simples pour créer une illustration complexe
Associez des rectangles, des triangles, des cercles et des formes libres pour concevoir votre illustration. Utilisez les repères commentés pour aligner les différents éléments.
Adobe Illustrator offre un large choix d'outils et de méthodes pour la création d'illustrations vectorielles.
Notre document étant prêt, nous allons créer la part de pizza de notre logo à partir de formes.
Activation des Repères commentés pour aligner l'illustrationment
Dans un premier temps, cliquez sur Affichage et vérifiez que l'option Repères commentés est cochée.
Sinon, activez-la.
Ces repères aident à travailler sur les illustrations avec plus de précision.
Commençons par dessiner un rectangle qui deviendra la croûte de la pizza.
Sélectionnez l'outil Rectangle dans le panneau Outils à gauche.
Cliquez à droite de l'image et faite glisser pour créer un rectangle.
Essayez d'obtenir une taille proche de l'image de référence, même si vous pourrez la redimensionner ensuite.
La plupart des formes sont dynamiques, vous pouvez donc les modifier après coup sans changer d'outil.
Manipulation d'une forme dynamique
Dans le rectangle, un widget apparaît au niveau de chaque angle.
Faites-en glisser un vers le centre pour arrondir les angles de la forme.
Terminons la forme de la part de pizza.
Cliquez sur l'outil Rectangle sans relâcher le bouton de la souris pour afficher les autres outils de dessin.
Sélectionnez l'outil Polygone.
Cliquez sous le rectangle et faites glisser pour créer une forme.
Maintenez la touche Maj enfoncée pour restreindre ses proportions.
Continuez jusqu'à obtenir une forme de cette taille, puis relâchez la souris et la touche Maj.
Faites glisser ce widget pour modifier le nombre de côtés, jusqu'à en obtenir trois.
Pour la faire pivoter, placez le pointeur à proximité d'un angle.
Une flèche de rotation apparaît.
Appuyez sur Maj et faites glisser la souris dans le sens horaire pour orienter le triangle ainsi.
Relâchez le bouton de la souris et la touche Maj.
Pour redimensionner le triangle, appuyez sur Maj et faites glisser un côté ou un angle en direction de la forme rectangulaire.
Votre triangle doit ressembler à celui-ci.
Relâchez le bouton de la souris et la touche Maj.
Pour le positionner, cliquez sur le widget du centre et faites-le glisser de manière à chevaucher légèrement le rectangle.
Aidez-vous des lignes magenta — les repères commentés — pour aligner le contenu.
Alignez le triangle sur le centre du rectangle, comme ceci.
Dans le panneau Propriétés à droite, cliquez sur Disposition et choisissez Arrière-plan pour placer le triangle derrière le rectangle.
Remanions légèrement la part de pizza.
Il est facile de peaufiner les formes après les avoir dessinées.
Sélectionnez l'outil Sélection directe dans le panneau Outils, placez-le sur la pointe du triangle, cliquez pour la sélectionner et relâchez le bouton de la souris.
Les formes sont constituées de points d'ancrage et de tracés modifiables à volonté.
Faites glisser ce point vers le bas, en restant aligné sur le centre.
Référez-vous au repère commenté magenta.
Ajoutons la garniture de la pizza en créant plusieurs autres formes.
Commençons par les poivrons.
Sélectionnez l'outil Zoom dans le panneau Outils et cliquez une fois au-dessus de la part de pizza pour zoomer.
Dans le panneau Outils, cliquez sur l'outil Polygone sans le relâcher et reprenez l'outil Rectangle.
Faites glisser le curseur pour créer un rectangle de cette taille.
Voilà notre poivron.
Passons au pepperoni.
Cliquez puis, sans relâcher le bouton, sélectionnez l'outil Ellipse.
Faites glisser le curseur à l'écart des illustrations pour créer un cercle.
Une croix apparaît pour indiquer qu'il s'agit d'un cercle parfait.
Relâchez le bouton de la souris lorsque le cercle est de cette taille.
Créons une olive en copiant le cercle du pepperoni.
Le cercle sélectionné, appuyez sur Option (Mac) ou Alt (Windows), et faites-le glisser à partir de son centre vers la zone grise à droite du plan de travail.
Relâchez le bouton de la souris, puis la touche du clavier.
Sélectionnez Édition, Copier, puis de nouveau Édition, Coller devant, pour coller une copie du cercle au-dessus de l'original.
Cliquez sur un angle du cadre entourant le cercle et faites-le glisser vers son centre afin de le réduire, tout en appuyant sur Option+Maj (Mac) ou Alt+Maj (Windows).
Arrivé à cette taille, relâchez le bouton de la souris, puis les touches.
Activez l'outil Sélection dans le panneau Outils et faites glisser le curseur sur les deux formes.
Maintenez la touche Maj enfoncée et faites glisser un angle vers le centre de la forme pour la réduire.
Relâchez le bouton de la souris, puis la touche.
Ensuite, évidons le grand cercle à l'aide du plus petit.
L'outil Concepteur de forme permet de combiner et de modifier les formes ou de changer leur couleur.
Sélectionnez l'outil Concepteur de forme, appuyez sur la touche Option (Mac) ou Alt (Windows), et cliquez sur le cercle du centre pour le soustraire du cercle de l'olive.
Le gris de l'arrière-plan apparaît au milieu de la forme.
À l'aide de l'outil Sélection, déplacez l'olive à côté des autres garnitures.
Zoomons légèrement en appuyant à plusieurs reprises sur Cmd+Plus (Mac) ou Ctrl+Plus (Windows).
Ces formes sont relativement simples.
Créons maintenant une forme libre représentant un champignon.
L'outil Courbure permet
Dessin d'une forme libre
de créer facilement des tracés et des formes libres.
Dans le panneau Outils, sélectionnez l'outil Courbure.
Cet outil permet de créer des points qui définiront un tracé.
Cliquez pour créer le premier point et relâchez le bouton de la souris.
Déplacez le pointeur et cliquez à nouveau, relâchez le bouton et déplacez à nouveau le pointeur.
Une courbe apparaît.
Ajoutez des points pour créer le chapeau du champignon.
À ce niveau de la forme, insérez un point d'angle, et non un point d'inflexion comme les précédents.
Double-cliquez sur ce point pour le modifier.
Une touche permet aussi de créer des points d'angle en cliquant.
Appuyez sur la touche Option (Mac) ou Alt (Windows) et cliquez plusieurs fois pour créer des points d'angle, puis relâchez la touche.
Placez le pointeur sur le point initial et cliquez pour fermer le tracé.
Les formes créées avec l'outil Courbure peuvent être modifiées en déplaçant, en ajoutant ou en supprimant des points, en changeant les points d'inflexion en points d'angle et inversement.
Pour enregistrer le fichier, sélectionnez Fichier, Enregistrer.
Illustrator permet de créer vos illustrations librement à partir des formes les plus simples jusqu'aux tracés les plus complexes.
Toutes les illustrations de notre logo sont prêtes.
L'étape suivante consistera à leur appliquer des couleurs et à les assembler.
Apprenez à activer les repères commentés pour aligner facilement votre illustration, à manipuler une forme dynamique et à dessiner une forme libre.
3 Ajout de couleur
Appliquez des couleurs à tous les composants de votre logo à l’aide de commandes intuitives qui simplifient les retouches. Pour conserver les couleurs et les formes du logo à portée de main, ajoutez-les à l’une de vos bibliothèques Adobe Creative Cloud.
Dans cette vidéo, nous appliquerons et créerons des couleurs, puis nous examinerons les Bibliothèques Creative Cloud.
Commençons par ajouter de la couleur aux éléments créés pour le logo de pizza.
Afin de visualiser tout le plan de travail, choisissez Affichage, Ajuster le plan de travail à la fenêtre.
Activez l'outil Sélection dans le panneau Outils et sélectionnez le triangle en cliquant dessus.
Le panneau Propriétés à droite affiche les paramètres et commandes liés à l'illustration active.
Nombre de ces options figurent aussi ailleurs dans l'application.
Le contenu de ce panneau varie selon l'élément sélectionné.
Dans Illustrator CC, les illustrations comme ce triangle peuvent avoir un fond — une couleur unie, un dégradé ou un motif — ainsi qu'un contour ou une bordure.
Cliquez sur la case Fond dans les Propriétés.
Une série de couleurs par défaut (« nuances ») apparaît lorsque cette option est sélectionnée, mais vous pouvez aussi créer d'autres couleurs à l'aide de cette option.
Veillez à sélectionner l'option Nuances de manière à afficher ces couleurs.
Chaque document dispose d'une palette de couleurs par défaut, ou nuances.
Modification d'une couleur
Sélectionnez la nuance de jaune en cliquant dessus.
Une info-bulle apparaît pour indiquer son nom exact.
Différentes méthodes permettent de créer facilement d'autres couleurs ou de modifier les nuances existantes.
Pour créer une couleur, cliquez sur l'option Mélangeur.
Vous pouvez choisir une couleur dans le spectre de couleurs ou modifier les valeurs numériques.
Pour créer tous la même couleur, modifions les valeurs Cyan, Magenta, Jaune et Noir, qui correspondent aux encres d'impression.
Pour le cyan, saisissez la valeur 7, saisissez 8 pour le magenta, 52 pour le jaune et 0 pour le noir.
Les couleurs ainsi créées ne sont pas enregistrées avec les nuances par défaut.
Enregistrement d'une couleur dans une bibliothèque
Pour enregistrer celle-ci afin de la réutiliser ultérieurement, vous pouvez l'ajouter aux nuances ou à une Bibliothèque Creative Cloud.
Ouvrez le panneau Bibliothèques en choisissant Fenêtre, Bibliothèques.
Les Bibliothèques Creative Cloud facilitent la création et le stockage du contenu partagé comme les images, les couleurs, les styles et objets de texte, les ressources Adobe Stock, etc. entre les projets Illustrator et les autres applications Adobe pour postes de travail et mobiles.
Pour y accéder, vous devez être connecté à votre compte CC, ce qui doit être le cas.
Si vous n'en avez pas, vous pouvez aussi créer un Adobe ID.
La bibliothèque par défaut est nommée « Ma Bibliothèque », mais vous pouvez en créer une autre, ce que nous allons faire.
Dans le menu en haut du panneau, choisissez Créer une nouvelle bibliothèque.
Nommez-la « Side slice pizza logo » et cliquez sur Créer pour y accéder.
Enregistrons la couleur de fond du triangle pour pouvoir la réutiliser.
Le triangle étant sélectionné, cliquez sur le bouton d'ajout de contenu au bas du panneau Bibliothèques, activez l'option Couleur de fond, mais désactivez Couleur de contour et Graphique.
Cliquez sur Ajouter pour enregistrer la couleur dans la bibliothèque.
Modifions son nom : double-cliquez sur le nom et saisissez « pizza cheese ».
Appuyez sur Entrée ou Retour pour confirmer.
Pour le reste de l'illustration, à vous d'appliquer vos propres couleurs.
Soyez créatifs !
Il reste le pepperoni, la croûte, le poivron et le champignon.
Vous pouvez employer la même méthode, et choisir des couleurs existantes ou en créer, ou piocher dans les bibliothèques de couleurs par défaut installées avec Illustrator CC.
Accès aux bibliothèques de nuances préconfigurées
Pour y accéder, sélectionnez Fenêtre, Bibliothèques de nuances, tout en bas, puis Aliments, Légumes.
La bibliothèque de nuances s'ouvre, prête à l'emploi.
Celle-ci propose de nombreuses couleurs.
Pour explorer d'autres bibliothèques, vous pouvez cliquer sur ces flèches ou revenir à la bibliothèque Légumes en cliquant sur le menu Bibliothèques de nuances.
Pour appliquer l'une de ces couleurs, cliquez sur la forme à l'aide de l'outil Sélection.
Assurez-vous que la case Fond est sélectionnée au bas du panneau Outils pour agir sur le fond de la forme et non sur son contour, puis appliquez la couleur en cliquant dessus.
Je vais utiliser les couleurs d'une bibliothèque CC que j'ai créée pour un autre projet.
Comme vous n'y avez pas accès, faites preuve d'imagination et explorez les bibliothèques comme celle que nous venons de voir.
Une fois les couleurs appliquées, cliquez sur la croix pour fermer ce panneau.
Maintenant que l'illustration est colorée, terminons l'olive.
L'outil Sélection étant toujours actif, faites-le glisser sur le tracé de l'olive pour le sélectionner.
Dans le panneau Propriétés à droite, choisissez le noir comme couleur de fond.
Sélectionnez toutes les formes à la souris.
Dans le panneau Propriétés, cliquez sur cette flèche pour définir une épaisseur de contour de 2.
La bordure est plus épaisse ainsi.
Gardons le noir pour le contour.
Notre logo de pizza commence à prendre forme avec toutes ces couleurs.
Avec le temps, vous verrez qu'Adobe Illustrator CC offre bien d'autres possibilités en matière de travail des couleurs, qui vous permettront d'exprimer pleinement votre créativité.
Apprenez à modifier une couleur, à enregistrer une couleur dans une bibliothèque et à accéder aux bibliothèques de nuances prédéfinies.
4 Amélioration du logo
À présent, ajustez l’échelle des formes et faites-les pivoter pour assembler les ingrédients de la part de pizza.
Cette vidéo est consacrée aux méthodes de transformation des illustrations comme la rotation et la mise à l'échelle.
Ces transformations sont un autre aspect important de la création dans Illustrator CC.
Nous commencerons par disposer les garnitures sur la pizza.
Nous devons adapter leur taille à celle de la part de pizza.
Pour gagner du temps, nous allons les redimensionner ensemble.
Avec l'outil Sélection, sélectionnez les formes à la souris.
Tout en appuyant sur Maj, faites glisser l'angle vers le centre des formes afin de les réduire.
La touche Maj permet de conserver les proportions des illustrations.
Lorsqu'elles sont de cette taille, relâchez la souris, puis la touche.
Désélectionnez les illustrations en cliquant sur le plan de travail ou via le menu Sélection, Désélectionner.
Faites glisser les formes une à une sur la part de pizza.
Pour créer des copies du pepperoni, appuyez sur la touche Option (Mac) ou Alt (Windows) et faites glisser la forme à l'endroit souhaité.
Relâchez ensuite le bouton de la souris et la touche.
Répétez l'opération pour créer une autre forme de pepperoni.
Appuyez sur Option (Mac) ou Alt (Windows) et faites glisser la forme du poivron pour la copier.
Relâchez le bouton de la souris, puis la touche.
Rotation d'une forme
Pour faire pivoter cette forme, approchez le pointeur d'un angle.
Quand la flèche de rotation apparaît, faites glisser le curseur pour tourner la forme.
Essayer de répéter l'opération sur une autre forme.
Placez les formes à votre convenance sur le logo.
Coupons les parties des formes qui dépassent de la part de pizza, à l'aide de l'outil Concepteur de forme.
Choisissez Sélection, Tout pour traiter simultanément toutes les formes avec l'outil Concepteur de forme.
Sélectionnez l'outil Concepteur de forme dans le panneau Outils, appuyez sur Option (Mac) ou Alt (Windows), cliquez sur le fond d'une forme — et non sur son contour — pour la supprimer.
C'est mieux ainsi.
Pour que les formes de la pizza restent liées et soient transformées simultanément, nous allons les grouper.
Cliquez sur le bouton Associer dans le panneau Propriétés.
Le mot « Groupe » apparaît en haut du panneau Propriétés.
Les formes seront traitées comme un seul et même élément.
Activez l'outil Sélection et placez-le à proximité d'un angle du groupe.
Quand la flèche de rotation apparaît, faites glisser le curseur pour tourner le logo.
Apportons la touche finale en ajoutant du fromage qui coule de la pizza.
Cliquez à gauche sur l'outil Ellipse — sans relâcher le bouton — et sélectionnez l'outil Rectangle.
À partir de cet angle de la part de pizza, faites glisser le curseur pour créer un rectangle juste au-dessous, semblable à celui-ci.
Zoomez sur cette zone en appuyant à plusieurs reprises sur Cmd + Plus (Mac) ou Ctrl + Plus (Windows).
Pour créer une copie de cette forme au-dessus de l'originale, choisissez Édition, Copier, puis Édition, Coller devant.
Avec l'outil Sélection, faites glisser cet angle pour redimensionner la copie de cette façon.
Créons une copie de ce nouveau rectangle.
Placez le pointeur sur son centre, appuyez sur Option (Mac) ou Alt (Windows), et faites-le glisser pour l'aligner sur le bord droit du rectangle du haut.
Veillez aussi à aligner les bords supérieurs.
Relâchez le bouton de la souris, puis la touche.
Réduisez ce rectangle en remontant le point médian du bord inférieur.
Sélectionnez tous les rectangles à la souris.
Maintenant, fusionnons-les.
Sélectionnez le Concepteur de forme dans le panneau Outils et faites glisser le curseur sur les trois formes pour les fusionner.
Arrondissons les angles pour donner à cette forme un aspect de fromage fondu.
Activez l'outil Sélection directe dans le panneau Outils et sélectionnez les angles inférieurs de la forme que vous souhaitez arrondir.
Ensuite, faites glisser l'un des widgets d'angle pour arrondir les angles sélectionnés.
Le résultat serait encore mieux si les formes étaient liées, si le fromage semblait couler de la pizza.
Pour cela, modifions les formes que nous venons de créer.
L'outil Sélection directe étant toujours actif, cliquez sur ce point d'ancrage et relâchez le bouton de la souris.
Ensuite, faites glisser ce même point pour l'aligner sur le bord de la pizza.
Réutilisation d'une couleur d'une bibliothèque
Pour appliquer la même couleur de fromage au groupe sélectionné, rouvrez le panneau Bibliothèques et cliquez sur la couleur « pizza cheese ».
Pour enregistrer le fichier, choisissez Fichier, Enregistrer.
Après avoir assemblé les formes et ajouté le fromage fondu, le logo est presque terminé.
Il ne lui manque que du texte, ce dont nous parlerons dans la vidéo suivante.
Apprenez à faire pivoter une forme et à réutiliser une couleur d’une bibliothèque.
5 Ajout de texte
Finalisez votre logo en ajoutant le nom de l’entreprise à l’aide des fonctionnalités typographiques d’Illustrator. Les abonnés à Creative Cloud ont accès à la vaste bibliothèque de polices de qualité d’Adobe Typekit.
Illustrator CC offre des outils de typographie performants qui permettent d'ajouter du texte et d'adapter son apparence à votre design.
Dans cette vidéo, nous ajouterons du texte à notre logo et modifierons des propriétés comme la police, la taille, etc.
Pour commencer, ajoutons le texte.
Pour afficher tout le plan de travail, choisissez Affichage, Ajuster le plan de travail à la fenêtre.
Sélectionnez l'outil Texte dans le panneau Outils à gauche.
Plusieurs méthodes permettent de créer du texte.
Vous pouvez créer une zone de texte en faisant glisser la souris, ou cliquer simplement à un endroit et saisir le texte.
Dans cet exemple, nous utiliserons la deuxième option.
Ajout de texte
Cliquez sous la part de pizza et saisissez « Side Slice ».
Sélectionnez le texte à la souris.
Changeons l'apparence du texte en commençant par l'agrandir.
Le texte étant sélectionné, ouvrez le panneau Propriétés à droite.
Celui-ci propose de nombreuses options de mise en forme du texte.
Modifiez la taille de la police en la sélectionnant dans le panneau et en tapant « 62 ».
Appuyez sur Entrée ou Retour pour confirmer.
Pour modifier l'apparence du texte, nous pouvons aussi changer la police.
Modification de la police
Toujours dans le panneau Propriétés à droite, cliquez sur la flèche du champ de la famille de polices.
Cette liste affiche les polices de votre système ainsi que les polices Typekit que vous avez synchronisées.
Vous pouvez choisir une police de votre ordinateur ou — si vous êtes abonné à Creative Cloud — en choisir une dans la bibliothèque Typekit.
Ajout de polices depuis Typekit
Pour accéder à la bibliothèque Typekit, cliquez sur le bouton Ajouter des polices depuis Typekit.
Le site web Typekit.com s'ouvre alors dans votre navigateur web par défaut, et vous devriez être connecté à l'aide de votre Adobe ID.
Saisissez « leag » dans le champ de recherche.
Nous utiliserons la police League Gothic dans ce projet.
Cliquez sur son nom dans la liste qui apparaît, puis sur Tout synchroniser pour synchroniser les polices avec votre ordinateur.
Vous pouvez fermer la fenêtre du navigateur et revenir à Illustrator CC.
Le texte y étant toujours sélectionné, cliquez sur le menu des polices, puis sur Appliquer un filtre Typekit pour afficher uniquement les polices Typekit dans la liste.
Cliquez sur League Gothic pour l'appliquer.
Maintenant, affinons l'apparence du texte.
Lorsque vous sélectionnez du texte, la section Caractère du panneau Propriétés offre de nombreuses options de mise en forme.
Le bouton Plus d'options en affiche encore davantage.
Augmentons l'espacement entre les lettres à l'aide du paramètre Approche.
Espacement des lettres
Dans le panneau Propriétés, choisissez une valeur d'approche de 50.
Le résultat serait plus esthétique avec des majuscules.
Pour ce faire, toujours dans le panneau Propriétés, affichez toutes les options de mise en forme des caractères et cliquez sur Tout en capitales afin d'appliquer ce format à toutes les lettres.
Changeons leur couleur en appliquant la teinte rougeâtre du pepperoni.
Activez l'outil Sélection directe du panneau Outils et cliquez sur l'une des formes de pepperoni.
Rouvrez le panneau Bibliothèques et cliquez sur le bouton Ajouter du contenu au bas du panneau — ce signe Plus (+).
Veillez à activer seulement l'option Couleur de fond et cliquez sur Ajouter.
Reprenez l'outil Texte et sélectionnez le texte.
Dans le panneau Bibliothèques, cliquez sur la couleur du pepperoni pour l'appliquer au texte.
Afin que le texte reste soudé au reste de l'illustration, associons ces éléments.
Cliquez sur l'outil Sélection du panneau Outils, puis faites glisser le texte afin de le positionner.
Ensuite, sélectionnez le logo à l'aide de la souris.
Rouvrez le panneau Propriétés et cliquez sur le bouton Associer au bas du panneau pour grouper tous les éléments.
Pour enregistrer le fichier, choisissez Fichier, Enregistrer.
Le texte est maintenant en place, notre logo est quasiment terminé.
La typographie joue un rôle essentiel dans vos designs, et nous n'avons vu qu'une infime partie des possibilités offertes par Adobe Illustrator CC en matière de typographie.
Apprenez à ajouter du texte, à modifier les polices, à ajouter des polices depuis Typekit et à régler l’espacement entre les lettres.
6 Prévisualisation et enregistrement du logo
Vérifiez l’apparence de votre logo sur des maquettes d’objets du quotidien : t-shirts, cartes de visite, etc. Apprenez également à enregistrer aisément votre logo pour l’impression, le partage au format PDF, la publication sur le web, etc.
Illustrator CC offre diverses méthodes de partage : impression, création de PDF, optimisation pour le web, etc.
Pour vous donner un aperçu des différents formats et de leur finalité, nous enregistrerons le logo créé lors de ce tutoriel dans plusieurs formats courants.
Le fichier Illustrator CC side-slice-pizza-logo.ai que vous avez enregistré utilise ce que l'on appelle un format de fichier natif.
Le suffixe « ai » signifie Adobe Illustrator.
Ce format préserve le contenu des calques, les effets, le texte — bref, la totalité de votre travail — afin de pouvoir les modifier ultérieurement.
Lorsque vous créez une illustration, il est essentiel de conserver la version d'origine.
Afin de pouvoir réutiliser le logo dans d'autres documents Illustrator CC, InDesign CC ou Photoshop CC, ajoutez-le à une Bibliothèque Creative Cloud.
Dans le panneau Bibliothèques à droite, choisissez la bibliothèque « Side slice pizza logo ».
Si celle-ci n'est pas disponible, sélectionnez l'une des vôtres, ou l'option Ma Bibliothèque.
Enregistrement du logo final dans une bibliothèque
Avec l'outil Sélection, faites glisser le logo vers le panneau Bibliothèques et relâchez quand le signe Plus (+) apparaît.
L'illustration est ajoutée à la bibliothèque.
Double-cliquez sur le nom sous la vignette, saisissez « Side Slice Logo » et validez en appuyant sur Entrée ou Retour.
Créons un document dans lequel nous insérerons ce logo et voyons comment enregistrer un fichier PDF à partir de ce même document.
Pour créer le document, choisissez Fichier, Nouveau.
En haut de la boîte de dialogue Nouveau document, sélectionnez la catégorie Impression, puis le format Lettre, si celui-ci n'est pas sélectionné.
Modifiez le nom à droite en saisissant « Pizza Logo » et cliquez sur Créer pour ouvrir le document.
Enregistrons-le en choisissant Fichier, Enregistrer.
Enregistrez-le sur votre disque dur, puis cliquez sur OK.
Faites glisser le logo Side Slice du panneau Bibliothèques vers le document et cliquez pour l'importer.
L'illustration est liée à l'élément de la bibliothèque : si vous modifiez l'illustration originale de la bibliothèque, le logo inséré dans le document sera mis à jour.
Afin de transférer ce fichier à un collaborateur qui ne possède pas Illustrator, ou de l'envoyer à un imprimeur, vous pouvez l'enregistrer au format PDF.
Pour cela, choisissez Fichier,
Enregistrement du logo au format PDF
Enregistrer sous.
Choisissez Adobe PDF, sélectionnez la destination du fichier et cliquez sur Enregistrer.
Dans la fenêtre Enregistrer le fichier Adobe PDF, conservez les paramètres par défaut, à moins que le fichier soit destiné à être imprimé avec des réglages particuliers.
Cliquez sur Enregistrer en PDF.
Cette copie du fichier peut être ouverte dans un lecteur PDF comme la version gratuite d'Adobe Reader.
Si le fichier est ouvert dans Illustrator, son contenu et ses calques restent accessibles.
Pour créer un fichier contenant le design entier ou juste certains éléments, en vue de l'utiliser en ligne ou dans une présentation, vous pouvez exporter ce contenu dans l'un des formats disponibles.
Pour cela, choisissez Fenêtre,
Enregistrement du logo dans un format pour le web
Exportation de fichier.
Le panneau s'ouvre et vous pouvez ajouter le contenu à exporter par glisser-déposer.
Le logo étant un groupe d'éléments, vous pouvez le déposer dans le panneau pour générer une ressource unique.
Des conseils pratiques indiquent comment procéder.
Faites glisser le logo vers le haut du panneau et relâchez la souris.
L'illustration est prête à être exportée.
Vous pouvez choisir un format adapté afin de l'optimiser : PNG, JPG, SVG ou PDF.
Assurez-vous de sélectionner le format d'enregistrement SVG — Scalable Vector Graphic — qui est probablement le mieux adapté pour utiliser cette illustration vectorielle dans un site web, par exemple.
Cliquez sur Exporter au bas du panneau, choisissez un emplacement et cliquez sur Choisir pour exporter le logo.
Maintenant que le logo est enregistré dans la bibliothèque, vous pourrez le réutiliser dans d'autres projets.
Et comme il s'agit d'une forme vectorielle, vous pourrez le dimensionner à votre guise.
Voyons comment se présenterait le logo dans d'autres projets, comme des modèles de carte de visite et de t-shirt.
Notez que la carte de visite et le t-shirt que nous allons voir sont des maquettes non destinées à être imprimées en l'état.
Commencez par cliquer sur Fichier, Ouvrir.
Choisissez le fichier 2-sample-assets.ai que vous avez téléchargé depuis la page du tutoriel et cliquez sur Ouvrir.
Comme je l'ai déjà ouvert, je clique sur Annuler.
Ces illustrations ont été créées à l'aide des outils abordés dans ce tutoriel.
Afin d'afficher tous les plans de travail du document, sélectionnez Affichage, Tout ajuster à la fenêtre.
Faites glisser le logo du panneau Bibliothèques à droite vers l'illustration de la carte de visite, puis cliquez pour l'importer.
Répétez l'opération vers la forme de t-shirt.
Cliquez pour l'importer.
L'illustration du logo étant vectorielle, vous pouvez la redimensionner sans affecter la qualité d'impression.
Faites glisser un angle tout en appuyant sur la touche Maj pour adapter sa taille.
Relâchez le bouton de la souris et la touche Maj, puis repositionnez-la si nécessaire.
De même, redimensionnez l'autre logo à l'aide de la touche Maj et repositionnez-le.
Au cours de ce tutoriel, nous avons créé le logo d'une pizzeria.
D'ailleurs, cela m'a ouvert l'appétit !
C'est que le logo doit être réussi !
Voici d'autres logos qui peuvent vous inspirer lors de vos créations.
Ils ont été conçus à l'aide de la méthode que je viens de décrire.
Illustrator CC permet de créer des illustrations de manière ludique.
L'apprentissage de quelques notions de base suffit à vous lancer, mais n'offre qu'un avant-goût des possibilités créatives d'Adobe Illustrator CC.
Apprenez à enregistrer la version finale du logo dans une bibliothèque, à l’enregistrer au format PDF et à choisir d’autres options pour une utilisation sur le web.
En savoir plus sur la formule Creative Cloud abonnement Équipe et la création de logos professionnels.
Contributeur
