Création d'un logo de café - de la théorie au vecteur dans Adobe Illustrator

Avec ce didacticiel, je vais vous donner des conseils pour créer un logo. Je vais aussi aborder quelques manipulations de base de Star Tool et comment ajuster le texte sur un chemin pour créer un logo d'inspiration vintage pour un café..



Travailler avec des idées et des clients

Lorsque nous créons un logo avant même de commencer le processus de dessin, nous devons parler à notre client et recueillir des informations. Je suis d’avis que plus vous aurez d’informations sur l’activité ou le produit d’un client, mieux vous serez préparé lors de la conception d’un logo qui facilitera la transmission de ce produit au monde entier..

Il existe de nombreux articles intéressants sur Internet qui suggèrent des questions à poser à votre client ainsi que la façon de facturer votre talent et votre temps afin que je ne vais pas entrer dans trop de détails à ce sujet. Sachez simplement que vous concevez pour le client et sa marque. Vous devez respecter leurs souhaits et leurs décisions, mais vous devez également savoir quand défendre votre position et vendre votre projet. Après tout, ils vous ont contacté pour créer pour eux, ils respectent votre opinion d'artiste, il vous suffit de pouvoir leur montrer pourquoi ils vous font confiance..

Quand il s'agit de dessiner, il est toujours important de fournir des options. En fonction de votre flux de travail, cela peut aller d'une poignée à une grande variété. Personnellement, je souhaite proposer à un client environ 10 options différentes pour commencer. Je vais ensuite contacter le client avec ces options et leur demander de choisir deux ou trois et d'expliquer pourquoi ils les apprécient et de fournir le plus de commentaires possible quant à la direction dans laquelle ils voudraient aller. Habituellement, vous pouvez dire dès le départ quelle version ils préfèrent et à partir de là, vous pouvez commencer à affiner le design. Je vais prendre ces deux options et les développer en fonction de leurs commentaires et fournir une poignée de variations, pas plus de deux ou plus de chaque.

C'est à ce stade que vous devez commencer à vous vendre. En tant que designer, vous avez peut-être le sentiment de savoir ce qui est le mieux et si un design que vous aimez vraiment est rejeté, il est difficile de ne pas le prendre personnellement. Malheureusement, il n'y a pas de remède pour cela et cela se produit généralement au moins une fois lors de chaque projet que vous rencontrerez. Vous devez vous y préparer et être suffisamment mature et confiant dans vos compétences pour le secouer et continuer d'avancer. Prenez en considération les suggestions des clients, s'ils sont simplement ridicules, expliquez-les-leur de la manière la plus humaine possible. N'oubliez pas que le travail de conception est un client fidèle et une entreprise de bouche à oreille, ne soyez pas condescendant ou sournois. Cela peut nuire irrévocablement à votre réputation et nuire à votre activité à long terme..


Esquisser vos dessins

Avec les informations ci-dessus à l'esprit, rencontrons notre client.

Pour ce tutoriel, nous allons utiliser un café fictif intitulé "Vector Coffee". Puisque nous sommes sur Vectortuts +, nous supposerons qu'il appartient à la société Envato. Grâce à ces informations et à un peu de recherche, nous pouvons en déduire qu’ils apprécient une esthétique propre, nette, vintage / moderne. En parcourant le site, ils aiment un joli motif plat pour le design de leur entreprise. Nous pouvons voir que cette esthétique de conception s’étend à tous les aspects de leur présence numérique. Cela indique qu’ils ont déjà une marque d’entreprise et que nous devrions en être respectueux..

Tout en dessinant, gardez à l'esprit les couleurs de la marque, les polices de caractères et toutes les formes qu'ils pourraient considérer comme faisant partie de leur marque. Ce sont des informations que vous devriez avoir trouvées dans vos questions au client avant le début du projet. Essayez également d’imaginer le logo utilisé, sur le Web ou sur papier. Comprenez que les dégradés et une vaste gamme de couleurs et de formes peuvent sembler superbes sur le Web ou dans Adobe Illustrator. Cela ne se traduit pas par une très bonne impression et peut s'avérer trop coûteux à produire. Essayez de garder votre palette de couleurs au minimum et imaginez à quoi le logo pourrait ressembler sur différents arrière-plans ou couleurs. La visibilité et la lisibilité sont la clé d'un bon design. Le texte ou les formes de petite taille sur l'ordinateur risquent d'être complètement perdus lors de l'impression sur une enveloppe ou une tête de lettre. Une bonne règle à suivre est d'imaginer que votre logo est imprimé sur une image un peu plus grande que la taille d'un quart. Si vous réduisez votre image pour s’adapter à cette taille et si les détails qui font que votre logo est perdu, c’est un mauvais design et vous devez repenser vos options..

Pour ce logo, je voulais essayer de trouver un moyen de transmettre Vector avec café. J'ai exploré quelques options impliquant une tasse de café, un grain de café et même une goutte de café et j'ai essayé de la combiner avec des objets vectoriels courants tels que les points de tracé et l'outil Plume. Je m'installe enfin sur un motif de tampon classique avec des bords festonnés et du texte. Après en avoir discuté avec le client, ils ont préféré cette option, mais ils voulaient quelque chose pour l’aider à la peaufiner un peu. J'ai également créé une marque qui peut être utilisée conjointement avec la forme du tampon ou en tant qu'objet isolé ressemblant à une goutte de café mais reflétant la pointe d'un stylo-plume qui est l'icône du stylo-outil sur presque tout le vecteur. programmes. Pour la palette de couleurs, je vais m'en tenir à une couleur rouge riche qui indique la chaleur aidant à vendre le fait qu'il s'agit d'un café chaud. Je choisis un joli jaune doré qui a également un effet réchauffant mais procure également un sentiment de joie et de bonheur. Et enfin un beau marron doux et moelleux qui est bien la couleur du café.


1. Créer un nouveau document

Avec notre croquis en place, nous entamons la partie la plus importante de notre processus de création de logo. Loisirs de vecteur. N'avoir qu'une copie raster de votre logo est tout simplement inacceptable dans ce monde indépendant de résolution et si vous ne fournissez qu'une version raster uniquement à un client est un signe de mauvaise qualité en tant que concepteur..

Alors maintenant que nous avons sélectionné le logo du client, commençons par ouvrir Illustrator et créer un document en utilisant les options décrites dans l'image ci-dessous..


2. Créez votre forme d'étoile ondulée

Étape 1

Avec notre document créé commençons à fabriquer notre logo. Je n'importerai pas le croquis choisi, il s'agirait simplement d'un aperçu de ce que je veux réellement accomplir et j'ai une assez bonne idée de la façon de le recréer dans Illustrator sans tracer mon croquis original. Si vous souhaitez toutefois importer votre dessin, n'hésitez pas à le faire..

Pour commencer, sélectionnez le Outil étoile situé sous le Outil Rectangle dans notre barre d'outils. Vous devrez cliquer et maintenir pendant un temps ou deux pour que la fenêtre de suivi apparaisse avec les sous-outils. Une fois activé, cliquez sur votre tableau d’art et entrez les paramètres ci-dessous. Lorsque la forme est créée, ajustez la hauteur et la largeur de l’étoile à l’aide des touches Transformer panneau (Fenêtre> Transformer) à 448 x 448px. Puis faites tourner l'étoile 90 degrés dans le sens anti-horaire de sorte que l'un des points étoiles est directement face à.

Étape 2

Avec notre forme d'étoile sélectionnée, allez à la Aligner panneau (Fenêtre> Aligner) et choisissez de Aligner sur Artboard puis sélectionnez Centre d'alignement vertical et aussi Centre d'alignement horizontal, ce sont les deuxièmes icônes de chaque côté de la rangée supérieure de la Aligner la fenêtre.

Étape 3

Maintenant que c'est bien centré, ouvrez votre Apparence panneau (Fenêtre> Apparence) et ajoutez une belle couleur brune riche (extraite des informations de marque de nos clients). Aussi, sélectionnez le Effets bouton au bas de la Apparence Panneau et choisissez Styliser> Coins ronds… puis entrez les informations décrites ci-dessous.

Étape 4

Sélectionnez le Outil Ellipse (L) et cliquez sur votre tableau d'art. Créez maintenant un cercle parfait de 406 x 406 pixels, puis centrez-le sur le tableau d’art, comme indiqué ci-dessous..

Étape 5

Basculer vers votre Outil de sélection (V) et Shift-Click à la fois le cercle et l'étoile ondulée pour les sélectionner simultanément. Maintenant ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la deuxième icône de gauche appelée Minus Front et avec cela la forme d'étoile est complète.


3. Créez les anneaux extérieurs du logo

Étape 1

Avec le Outils Ellipse (L) sélectionné à nouveau, cliquez sur votre tableau d'art et créer un cercle parfait qui est 400 x 400px puis centrez-le sur le tableau d'art comme indiqué ci-dessous.

Étape 2

Ouvrez votre Apparence panneau (Fenêtre> Apparence) et retirez la couleur de remplissage puis ajoutez un Poids de l'AVC C'est 5px qui est aligné sur le À l'intérieur et lui donner une belle couleur jaune (extraite des informations de marque de nos clients).

Étape 3

Maintenant montez à Objet> Développer l'apparence pour étendre le trait à une forme. Lorsque vous redimensionnez des logos pour l’impression et les traits Web, vous pouvez souvent modifier leur taille en fonction de vos paramètres. Pour éviter tout ajustement possible, nous développons le trait en une forme. De cette façon, votre logo reste exactement comme prévu.

Étape 4

Créons encore un anneau beaucoup plus loin pour équilibrer le texte qui viendra plus tard. Sélectionnez à nouveau le Outil Ellipse (L) et cliquez sur votre tableau d’art et créez un cercle parfait de 190 x 190 pixels, puis centrez-le sur le tableau d’art comme indiqué ci-dessous.

Étape 5

Ouvrez votre Apparence panneau (Fenêtre> Apparence) et retirez la couleur de remplissage puis ajoutez un Poids de l'AVC C'est 6px aligné sur le À l'extérieur et lui donner une belle couleur rouge (extraite des informations de marque de nos clients).

Étape 6

Et enfin, montez à Objet> Développer l'apparence étendre le trait en une forme.


4. Créer la forme de goutte de café

Étape 1

Pour vous aider avec certains des détails de cet objet, travaillons plus gros que prévu. Dans ton Panneau Calques (Fenêtre> Calquesjusqu'à présent, désactivez le calque de visibilité avec nos objets terminés en cliquant sur l'icône en forme d'œil située à côté du nom du calque. Par défaut, cela devrait s'appeler "couche 1". Maintenant, créez un nouveau calque, vous devriez donc en avoir deux au total, le nouveau calque étant au-dessus et toujours visible..

Étape 2

Sélectionnez à nouveau le Outil Ellipse (L) et cliquez sur votre tableau d'art pour créer un cercle parfait qui est 300 x 300px puis centrez-le sur le tableau d'art comme indiqué ci-dessous.

Étape 3

Avec le Outil Ellipse (L) toujours sélectionné, cliquez sur votre tableau d’art pour créer un autre cercle parfait 70 x 70px puis centrez-le également sur le tableau d'art. Attribuons également à cette couleur une autre couleur pour qu'il soit plus facile à voir et facilitera notre fusion dans une étape ultérieure..

Étape 4

À présent, Clic-droit sur le nouveau petit cercle et sélectionnez Transformer> Déplacer… (Maj-Commande-M) et entrez les paramètres comme indiqué ci-dessous.

Étape 5

Basculer vers votre Outil de sélection (V) et Shift-Click les deux cercles pour les sélectionner tous les deux simultanément. Aller vers Objet> Fusion> Options de fusion… et assurez-vous que l'option "Couleur lisse" est activée pour l'espacement et la sélection, d'accord. Maintenant, créez le mélange en visitant Objet> Mélange> Marque (Commande-Alt-B).

Étape 6

Maintenant montez à Objet> Développer l'apparence pour élargir les cercles. Cela créera de très nombreux nouveaux cercles, superposés les uns sur les autres pour créer le mélange que nous avions précédemment..

Étape 7

Ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la première icône à gauche appelée Unir pour fusionner toutes ces formes ensemble.

Étape 8

Cela crée malheureusement beaucoup de points d'ancrage inutiles que nous devrons supprimer. Pour ce faire, zoomez un peu sur la forme puis activez votre Outil de sélection directe (A) et faites glisser une sélection sur les points d'ancrage indésirables. Gardez à l'esprit que nous avons besoin de la plupart des points d'ancrage supérieurs et inférieurs, quelle que soit leur taille, de la forme de la gouttelette. Une fois sélectionné, supprimez-les en appuyant sur le bouton Retour arrière clé. Maintenant, allez à Chemin> Rejoindre (Command-J) et fermez les chemins ouverts. Vous devrez le faire deux fois.

Étape 9

Embellissons cette nouvelle forme de gouttelette et y superposons un réservoir de plume. Avec le Outil Ellipse (L), Cliquez sur votre tableau d'art. Maintenant, créez un cercle parfait qui est 60 x 60px puis centrez-le sur le tableau d’art comme indiqué ci-dessous. La couleur n'a pas d'importance mais pour que vous puissiez voir ce que je fais, je la colorie en blanc.

Étape 10

Activer le Outil Rectangle (L) et cliquez sur votre tableau d'art. Maintenant, créez un rectangle allongé qui est 10px suffisamment large et large pour recouvrir la partie supérieure de la forme de la gouttelette, puis la centrer sur le tableau d’art, comme indiqué ci-dessous.

Étape 11

Basculer vers votre Outil de sélection (V) et Shift-Click à la fois le cercle et le rectangle pour les sélectionner simultanément. Maintenant ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la première icône à gauche appelée Unir pour fusionner toutes ces formes ensemble.

Étape 12

À présent Shift-Click la forme combinée de la gouttelette et du rectangle / cercle pour les sélectionner simultanément, puis dans le Éclaireur panneau (Fenêtre> Pathfinder) sélectionnez la deuxième icône de gauche appelée Minus Front soustraire la forme de la pointe du stylo de la gouttelette.

Étape 13

Accédez au Transformer panneau (Fenêtre> Transformer) et cliquez sur l’icône de maillon de chaîne à droite des boîtes de dialogue de largeur et de hauteur pour contraindre la largeur et la hauteur à redimensionner. Maintenant dans le Largeur option ajuster la taille à 90px puis alignez-le encore une fois au centre du tableau d'art.

Étape 14

Sélectionnez le Outil Ellipse (L) et cliquez sur votre tableau d'art. Maintenant, créez un cercle parfait qui est 182 x 182px puis centrez-le sur le tableau d'art comme indiqué ci-dessous. Clic-droit sur le cercle et sélectionnez Organiser> Envoyer à l'arrière (Maj + Option + [), passez maintenant à votre Outil de sélection (V) et Shift-Click le cercle et la forme de la gouttelette pour les sélectionner simultanément. Maintenant ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la deuxième icône de gauche appelée Minus Front et ajuster la couleur à notre couleur brune prédéterminée


5. La boîte rouge

Étape 1

Nous reviendrons sur notre couche d'origine avec nos autres objets afin de voir le placement. Maintenant, sélectionnez le Outil Ellipse (L) et cliquez sur votre tableau d'art pour créer un cercle parfait qui est 460 x 460px puis remplissez-le avec notre couleur rouge et centrez-le sur le tableau d'art comme indiqué ci-dessous.

Étape 2

Activer le Outil Rectangle (L) et cliquez sur votre tableau d'art. Maintenant, créez un rectangle allongé qui est 125px assez haut et large pour se chevaucher d'un côté de notre cercle puis le centrer sur le tableau d'art.

Étape 3

À présent Shift-Click à la fois le cercle et le rectangle pour les sélectionner simultanément. Ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la troisième icône de gauche appelée Couper.

Étape 4

Ouvrez votre Apparence panneau (Fenêtre> Apparence) et sélectionnez le Effets bouton au bas de la Apparence panneau et choisissez Styliser> Coins ronds… puis entrez les informations décrites ci-dessous. Maintenant, sélectionnez le Effets bouton à nouveau et choisissez Warp> Ardennes… et entrez les paramètres ci-dessous. Maintenant montez à Objet> Développer l'apparence élargir la forme.

Étape 5

Sélectionnez le Outil Ellipse (L) et cliquez sur votre tableau d'art. Maintenant, créez un cercle parfait qui est 195 x 195px puis centrez-le sur le tableau d'art comme indiqué ci-dessous.

Étape 6

Basculer vers votre Outil de sélection (V) et Shift-Click le cercle et le rectangle déformé pour les sélectionner simultanément. Maintenant ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la deuxième icône de gauche appelée Minus Front.

Étape 7

Basculer vers votre Outil Baguette Magique (V) et Cliquez sur toute forme rouge pour sélectionner toutes les formes sur le tableau d’art qui sont rouges. Ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et sélectionnez la première icône à gauche appelée Unir fusionner ces formes rouges ensemble.


6. Ajoutez le texte au logo

Étape 1

Sélectionnez le Outil Ellipse (L) et cliquez sur votre tableau d'art. Maintenant, créez un cercle parfait qui est 295 x 295px puis centrez-le sur le tableau d’art comme indiqué ci-dessous. Enlevez le remplissage et assurez-vous qu'il n'y a pas d'accident vasculaire cérébral, car il n'est pas nécessaire pour les prochaines étapes.

Étape 2

Avec le nouveau cercle transparent sélectionné, activez le Outil de type (T) et en tenant Alt sur votre clavier, cliquez sur l'ancre la plus en haut du cercle. Maintenant, changez la couleur de la police en marron et entrez le texte "VECTOR" en majuscules avec la police sélectionnée dans le client. Dans ce cas, nous utilisons "Lubalin Graph" en demi-poids que vous pouvez autoriser ici. Assurez-vous de centrer le texte à l’aide des touches Paragraphe panneau (Fenêtre> Type> Paragraphe).

Étape 3

Avec le curseur toujours en jeu Double-clic la Outil de type dans la barre d’outils et ajustez les options Effet et Aligner sur le tracé comme indiqué ci-dessous. Puis passez au Outil de sélection (V) et saisissez le coin du cadre de sélection et faites pivoter le chemin du texte pour le centrer comme indiqué ci-dessous.

Étape 4

Avec le Outil de sélection (V) toujours activé s'il vous plaît Copier (Commande-C) le chemin du texte puis coller devant (Command-F). Revenez à la Outil de type (T) et cliquez sur le texte et changez le texte pour lire "CAFÉ" et faites pivoter le chemin du texte afin qu'il apparaisse à l'envers. À présent Double-clic la Outil de type dans la barre d’outils et sélectionnez l’option "Retourner" dans la fenêtre qui apparaît, puis cliquez sur OK..

Étape 5

Malheureusement, certaines de nos lettres sont touchantes et il s’agit d’un grand non-non, alors ajustons le crénage entre certaines de ces lettres. Cliquez dans le texte CAFÉ et déplacez le curseur pour qu'il s'asseigne entre les deux F et ajustez le crénage à 90. Répétez l'opération pour recouper les valeurs entre F et E, puis une fois encore entre les deux E..

Étape 6

Avec notre Outil de sélection (V) sélectionnez les deux formes de texte et allez jusqu'à Objet> Développer développer le texte en formes.

Étape 7

Maintenant, nous allons ajouter les embellissements sur le côté. Avec le Outil de type (T) cliquez sur votre tableau d'art (pas sur l'une des formes) et tapez le mot "TUTS" dans notre police Lubalin uniquement cette fois en gras, au lieu de demi, puis ajustez la taille comme indiqué ci-dessous.

Étape 8

Zoom sur votre texte et le Outil Rectangle (L) dessinez un rectangle au-dessus et en dessous du texte. Nous allons garder le rectangle aussi large que le texte lui-même avec une hauteur de 3px. Je les ai aussi gardés à propos 4px loin du texte lui-même.

Étape 9

Basculer vers votre Outil de sélection (V) et sélectionnez les deux rectangles et le texte puis en maintenant Option sur le clavier Cliquer-glisser la sélection dans n'importe quelle direction pour la dupliquer rapidement. Puis ajustez le texte pour lire "PLUS" et si nécessaire ajustez la largeur des rectangles à la même chose que le texte.

Étape 10

Sélectionnez le texte pour les deux ensembles et développez (Objet> Développer) eux alors Groupe (Command-G) le texte individuel et leurs bordures supérieure et inférieure ensemble. Ne regroupez pas les deux objets texte, il devrait y avoir deux groupes lorsque vous avez terminé, l'un pour "TUTS" et l'autre pour "PLUS".

Étape 11

Sélectionnez le groupe "TUTS" et alignez-le au centre du tableau, puis Clic-droit et sélectionnez Transformer> Déplacer… (Maj-Commande-M) et entrez les paramètres comme indiqué ci-dessous.

Étape 12

Sélectionnez ensuite le groupe "PLUS" et alignez-le au centre du tableau de bord, puis Clic-droit et sélectionnez Transformer> Déplacer… (Maj-Commande-M) et entrez les paramètres comme indiqué ci-dessous.

Étape 13

Avec votre Outil de sélection (V) activé sélectionnez les deux groupes de texte ainsi que la forme de la barre rouge puis dans le Éclaireur panneau (Fenêtre> Pathfinder) sélectionnez la deuxième icône de gauche appelée Minus Front.


Bon travail! Maintenant vous avez fini!

Avec cela notre logo est complet! Assurez-vous de consolider vos calques à ce stade. Vous pouvez avoir des formes sur plusieurs couches différentes qui sont inutiles à ce stade. Sachez que tous les objets Minus que nous avons créés dans Pathfinder ont rendu cette section transparente. Cela signifie que lorsque vous allez imprimer le papier ou les images ci-dessous seront visibles. Si vous le souhaitez, vous pouvez ajouter un fond blanc à ce logo pour contourner ce problème, mais ce serait une décision laissée au client..

Une fois cela fait, enregistrez une version de qualité inférieure de votre logo sous forme d'image plate et envoyez-la à votre client pour approbation. Une fois approuvé, vous pouvez fournir l'intégralité du fichier AI et préparer des fichiers PNG et JPEG de haute qualité à leur demande..

S'il vous plaît assurez-vous de consulter notre session Vectortuts + Logo et Design. Cela a d'excellents conseils d'autres designers au fil des ans!