Comment créer un logo vectoriel de base dans Adobe Illustrator

La possibilité de créer votre propre logo pour votre CV, site Web ou produit se trouve dans la paume de votre main. Bien que plonger dans la conception graphique soit un voyage intense pour commencer, il est étonnamment simple d'apprendre les bases d'Adobe Illustrator. Ici, on vous montrera comment créer un logo vectoriel de base qui a la résolution et le mode de couleur corrects. L'outil plume sera utilisé, l'outil forme et les fonctions de base des couches seront couverts.

Étape 1: Avant de commencer

Niveau d'expérience suggéré:

Ces instructions sont destinées aux débutants en Ai. Des connaissances de base en informatique sont requises. Si vous pouvez travailler avec Microsoft Word ou des programmes de base comme celui-ci, vous connaissez suffisamment ces instructions. Ce serait une bonne idée de regarder un tutoriel de lynda.com sur la mise en page de base d'Ai avant de faire ce tutoriel si vous avez besoin de travailler rapidement.

Temps requis:

Une demi-heure à une heure selon le niveau d'expérience.

Les matériaux nécessaires:

  • Un ordinateur capable d'exécuter Ai
  • Le programme Ai, achetez-le ici: //www.adobe.com/products/illustrator.html

Note rapide:

S'il y a des problèmes discordants dans le programme que ces instructions n'expliquent pas suffisamment en profondeur, ou si vous souhaitez en savoir plus sur Adobe Illustrator, rendez-vous sur lynda.com, c'est une excellente ressource.

Si vous avez des problèmes pour télécharger Ai ou si vous voulez voir si votre ordinateur possède les spécifications pour l'exécuter, cliquez sur ce lien, //helpx.adobe.com/support/illustrator.html?p ...

Avertissement! Il est impératif de sauvegarder régulièrement votre document Ai. Ai est un excellent programme, mais il s'agit d'un très grand programme et est sujet à une fermeture inattendue.

Étape 2: création du document

La première étape consiste à ouvrir Ai. Dans le coin supérieur gauche, il y a un bouton qui dit « Créer nouveau …». Cliquez dessus.

Une fenêtre s'ouvrira contenant différentes options pour créer de nouveaux documents. Puisque notre objectif est de créer un logo à haute résolution pour l'impression, nous créerons notre document à partir de la section d'impression. Donc, cliquez sur la section d' impression, elle se trouve dans la barre supérieure au milieu.

Une fois que vous avez sélectionné l'impression, cliquez ensuite sur l'option de lettre directement sous la section des préréglages de document vierge .

Ensuite, dans les détails prédéfinis, assurez-vous que l'orientation est définie verticalement . Assurez-vous ensuite que le mode couleur est défini sur Couleur CYMK et que les effets raster sont définis sur Élevé (300 ppp) .

Enfin, cliquez sur le bouton créer, il est dans le coin inférieur droit et il est bleu. Cela ouvrira notre document et nous serons prêts à commencer à concevoir!

Étape 3: Configuration de l'espace de travail

Pour commencer, configurons notre espace de travail à la peinture . Dans le coin supérieur droit, votre document s'ouvrira très probablement en mode essentiel . Cliquez sur la flèche et un menu déroulant apparaîtra. Choisissez l'option de peinture. Il s'agit de la meilleure option d'espace de travail pour la conception de logo.

D'un rapide coup d'œil à Ai, vous verrez la barre d' outils principale sur la gauche. C'est ici que nous sélectionnerons nos outils que nous utiliserons pour concevoir.

Notez également le panneau des calques vers le coin supérieur droit sous le panneau de couleur. Nous utiliserons également ces deux panneaux.

Étape 4: Commencer avec l'outil de forme

Dans la barre d'outils principale dont nous avons précédemment pris note, nous sélectionnerons l'option ellipse sur l'outil de forme . Au début, l'outil de forme sera réglé sur «rectangle». Nous devons le changer pour l'option ellipse. Pour ce faire, cliquez et maintenez enfoncé jusqu'à ce qu'un sous-menu apparaisse. Tout en maintenant le bouton gauche de la souris, survolez l'option ellipse et relâchez. Maintenant, le symbole de l'outil de forme apparaîtra comme une ellipse au lieu d'un rectangle.

Maintenant que vous avez sélectionné le bon outil, sur le décalage d' espace blanc , cliquez et maintenez, puis faites glisser pour créer une forme de cercle. La raison pour laquelle nous maintenons la touche Maj lors de la création de notre forme est de maintenir une taille égale de tous les côtés pour créer une forme parfaite. Si un grand signe plus apparaît sur votre forme, vous savez qu'il est égal.

Je drogue le mien à 7 x 7 pouces . La taille de votre forme apparaîtra dans une petite boîte pendant que vous la créez avant de la relâcher. Il n'est pas impératif que votre cercle mesure 7 x 7 pouces, mais il est plus facile de travailler sur un graphique plus grand que sur un petit.

Si vous créez votre forme et qu'elle n'est pas suffisamment centrée dans votre espace de travail, sélectionnez l' outil de sélection en appuyant sur "v" sur votre clavier ou sélectionnez l'outil de sélection dans la barre d'outils principale . Il est situé en haut de la barre d'outils . Cliquez et faites glisser votre forme vers le centre de la page.

Étape 5: Remplir le cercle

Pour remplir le cercle de noir, utilisez l' outil de sélection situé en haut de la barre d'outils principale.

Sélectionnez le cercle et accédez au panneau Nuancier .

Il y aura une boîte blanche avec une ligne rouge à travers. Cela signifie que le contenu du cercle est vide et n'a aucune couleur. Cliquez sur cette case vide et sélectionnez la couleur noire dans le panneau Nuancier.

Votre cercle devrait maintenant être complètement noir.

Étape 6: création d'un nouveau calque

Maintenant que la base de votre logo est terminée, il est temps d'ajouter une nouvelle couche pour que nous puissions continuer. Le but des calques est de garder votre conception organisée, et il est beaucoup plus facile de créer de la profondeur avec des calques. Nous allons ajouter une couche au-dessus de notre couche actuelle pour ajouter plus de détails à notre logo.

Alors, dirigez votre attention vers le panneau des calques et sélectionnez le nouveau bouton de calque .

Le calque 2 apparaîtra automatiquement au-dessus du premier calque. Voilà ce que nous voulons. Maintenant, si vous souhaitez ajuster le contenu du premier calque, ou du calque «inférieur», vous devez vous assurer que le calque 1 est sélectionné et mis en surbrillance. Si vous souhaitez ajuster le contenu dans le «haut», assurez-vous que le calque 2 est sélectionné et mis en surbrillance. Pour la prochaine étape, nous travaillerons dans le calque 2. Donc, pour empêcher le calque inférieur de se déplacer lorsque nous essayons de travailler dessus, verrouillons le calque 1 .

Pour verrouiller le calque 1, cliquez sur la case vide à côté du «symbole de l'œil» dans le panneau des calques. Une fois cette opération effectuée, le contenu de la couche 1 ne sera plus modifiable jusqu'à ce qu'il soit déverrouillé . Si vous devez le déverrouiller, cliquez simplement sur le symbole du cadenas qui s'est affiché après que nous l'avons verrouillé, et il sera à nouveau modifiable.

Pour préparer l'étape suivante, cliquez sur l' outil Plume qui se trouve trois outils sous l'outil de sélection.

Si vous avez d'autres questions sur les calques, consultez ce didacticiel:

//www.lynda.com/Concepts-tutorials/Layers/41 ...

Étape 7: Configuration de l'outil Pen

Maintenant que vous avez sélectionné l' outil plume, assurez-vous que vous travaillez actuellement dans le calque 2 . Si vous l'êtes, il sera mis en surbrillance.

Redirigez votre attention sur le panneau d'échantillons. Assurez-vous que le remplissage est vide et que le contour est défini sur blanc, comme illustré ci-dessus.

Survolez votre cercle. Une fois que vous êtes au centre du cercle, un petit texte violet apparaîtra indiquant "centre" . Ce sera le point de départ de notre coup de crayon.

Étape 8: Premier coup avec l'outil Plume

L'outil Plume n'est pas un outil cliquer-glisser . Il vous suffit de cliquer pour commencer la ligne et de la terminer. Dans ce graphique, pour garder nos lignes parfaitement droites, nous allons utiliser à nouveau la touche Maj.

Donc, en commençant au centre que nous avons trouvé précédemment et en maintenant la touche Maj enfoncée, cliquez une fois sur le centre, dirigez la ligne en diagonale et cliquez sur le bord du cercle pour fermer la ligne.

Pour désélectionner la ligne que nous venons de créer, appuyez sur "v" sur votre clavier ou cliquez sur l'outil de sélection.

Maintenant, resélectionnez l'outil plume et répétez la même chose que nous venons de faire, mais visez-le dans la direction opposée.

Désélectionnez à nouveau la ligne.

Si vous avez des questions sur l'outil stylo, allez aussi: //www.lynda.com/Illustrator-tutorials/Illustrator-CC-2018-One-One-Fundamentals/633853-2.html?srchtrk=index%3a4%0alinktypeid% 3a2% 0aq% 3 illustrateur + ligne + outil% 0 page% 3a1% 0as% 3arelevance% 0asa% 3atrue% 0aproducttypeid% 3a2

Étape 9: Épaissir la ligne

À l'aide de l'outil de sélection, sélectionnez la ligne que nous venons de créer.

Dans la barre supérieure, recherchez le panneau de trait . Cliquez sur la flèche vers le haut jusqu'à ce que le trait soit défini sur 4 points . Cela épaissit notre ligne et la rend plus visible.

Resélectionnez l'outil plume.

Étape 10: Ajout de lignes supplémentaires

En utilisant la même méthode que nous avons utilisée pour créer les premières lignes, créez-en deux de plus dans une zone similaire à celle illustrée.

Étape 11: Créer un autre cercle

En utilisant la même méthode que nous avons utilisée auparavant pour créer notre grand cercle noir, créez un cercle plus petit et remplissez-le de blanc.

Étape 12: Ajout de lignes supplémentaires

En utilisant la même méthode que nous avons utilisée précédemment pour créer les lignes, ajoutez deux autres formes de triangle dans les zones illustrées ci-dessus.

Si vous avez gardé la première couche verrouillée, il ne devrait y avoir aucun problème avec nos lignes et cercles qui restent en place.

Étape 13: Ajoutez votre propre créativité

Ce que nous avons créé est un logo très basique. N'hésitez pas à ajouter plus de couches et à modifier le design pour le personnaliser!

Voici un excellent site pour vous inspirer: //www.creativebloq.com/logo-design/get-star ...

Aussi, si vous souhaitez ajouter des couleurs, voici un excellent générateur de couleurs: //coolors.co/070707-553555-755b69-96c5b0-adf ...

La raison pour laquelle nous avons créé ce logo en noir et blanc est que la plupart des designers professionnels créent des logos en noir et blanc avant d'ajouter de la couleur. Avec les logos, la simplicité est la meilleure! Si un logo est propre et attire l'attention en noir et blanc, c'est un logo réussi. Ils ne devraient pas dépendre de la couleur pour attirer l'attention, la couleur devrait simplement être un complément amusant au design, pas une béquille.

Étape 14: Configuration pour l'impression et le Web

L'impression professionnelle est un sujet approfondi. Bien qu'il soit possible d'obtenir une impression de niveau professionnel en dehors d'une imprimerie, l'imprimante que vous devez acheter pour cela coûterait des milliers de dollars.

Ainsi, pour économiser de l'argent, la plupart des gens envoient les documents dont ils ont besoin à une imprimerie. On les trouve largement dans les imprimeries Google de votre région. Si vous souhaitez imprimer votre logo au lieu de l'exporter au format PNG comme indiqué sur les images, exportez-le au format TIFF. C'est le même processus que l'exportation au format PNG, sélectionnez simplement TIFF au lieu de PNG. Ensuite, déplacez votre TIFF vers un lecteur flash et apportez-le à une imprimerie. Comme nous avons déjà configuré notre document prêt à imprimer, vous n'avez pas à vous soucier de changer la résolution.

Étant donné que la plupart des gens vont simplement télécharger leur logo sur un site Web ou l'ajouter à leur CV, la démo ci-dessus montre comment exporter au format PNG, car c'est le format correct pour le Web.

Sous fichier, allez à exporter, puis allez à exporter en tant que.

Sélectionnez ensuite PNG (ou TIFF). Si vous avez sélectionné PNG, assurez-vous de sélectionner transparent pour l'arrière-plan. Bien que j'aie réglé la résolution sur une valeur élevée, vous pouvez régler la vôtre sur une valeur aussi faible que 72 ppp si vous l'utilisez uniquement pour le Web.

Articles Connexes