Comment créer un logo moderne à une lettre dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, nous allons passer en revue le processus de création d'un logo simple en forme de lettre P, pouvant être utilisé pour les entreprises, les produits, les magasins, les transports ou ailleurs. Nous allons travailler avec des formes géométriques de base pour créer notre logo dans Adobe Illustrator, facilitant ainsi le processus de dessin. Commençons!

Si vous souhaitez acheter un logo, vous pouvez choisir parmi une sélection disponible dans GraphicRiver.. 

1. Comment créer un nouveau document et configurer une grille

presse Contrôle-N faire un Nouveau document. Met le Unités à Les pixels, et entrez 800 x 600 respectivement pour la largeur et la hauteur du document. Puis dans le Avancée options, sélectionnez RVB, Écran (72 ppi), et assurez-vous d'activer le Aligner de nouveaux objets sur la grille de pixels case avant de cliquer D'accord.

Activer le la grille (Voir> Afficher la grille) et Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 50 px, alors appuyez simplement sur Control-K aller à Préférences, et en Guides et grille ensemble Quadrillage tous les à 50 et Subdivisions à 4. Ne vous inquiétez pas, la grille vous aidera à travailler facilement. Vous pouvez également l'activer ou la désactiver en appuyant sur le raccourci clavier. Contrôle-".

Vous pouvez activer le Info panneau (Fenêtre> Info) afin d’avoir un aperçu de la taille et de la position de vos formes. N'oubliez pas de régler l'unité de mesure sur Les pixels de Édition> Préférences> Unités> Général. Cela augmentera considérablement la vitesse de votre travail.


2. Comment créer les formes de base

Étape 1

Prendre le Outil Ellipse (L) dans la barre d’outils. Supprimez la couleur de remplissage, sélectionnez le contour et définissez la couleur sur Noir dans le Échantillons panneau.

Au centre de la toile, créez simplement une ellipse avec le Outil Ellipse (L) de 200 x 200 px- la grille et Aligner sur la grille fonctionnalité facilitera cette tâche. Dessine maintenant une nouvelle ellipse de 25 x 25 px à partir du centre de l'ellipse précédente.

Sélectionnez les deux ellipses et dupliquez-les (allez à Édition> Copier et alors Édition> Coller devant) et faites glisser les deux ellipses vers le bas avec le Outil de sélection (V) jusqu'à ce qu'ils forment une sorte de huit.

Étape 2

Créer deux ellipses de 50 x 50 px et alignez-les horizontalement sur chaque ellipse, sur le côté gauche, comme indiqué dans la première image. Prendre le Outil de segment de ligne (\) et tracez des lignes verticales entre les ellipses. Enfin, tracez deux lignes droites de 100 px bas, à partir des bords des ellipses, et fermez l’espace entre les deux lignes parallèles avec un autre trait.

Étape 3

Sélectionnez toutes les formes avec le Outil de sélection (V), puis prenez le Outil de création de forme (Maj-M), en le remplissant de n'importe quelle couleur dans Échantillons panneau, sans trait (appliquez ensuite des remplissages dégradés pour que le remplissage ne soit plus important).

Faites-le glisser jusqu'à former un anneau de dessin entourant les formes, puis ajoutez l'anneau intérieur et la projection finale de la lettre "P"..

Étape 4

Avec le Outil de sélection directe (UNE), sélectionnez le nœud inférieur gauche de la projection du "P" et créez un arc de cercle jusqu'à ce qu'il touche l'autre nœud. Sélectionnez les deux nœuds inférieurs (maintenez Décalage pour sélectionner plusieurs nœuds) et déplacez-les une fois avec les touches de votre clavier. Supprimer le contour des formes fusionnées et ne laisser que les remplissages appliqués.

Supprimer toutes les autres formes. Je vous conseille d’abord de couper les formes (Control-X), retirez les autres, puis collez à nouveau au même endroit (Contrôle-F), de sorte que vous ne risquez plus de supprimer.

3. Comment remplir les dégradés et créer des arêtes angulaires

Étape 1

Tracez un dégradé horizontal avec le Outil gradient (g) dans chacune des formes du logo, en utilisant comme couleurs de remplissage A (R: 246, G: 237, B: 69) et B (R: 163, G: 189, B: 49).

Étape 2

Éteins le la grille (Contrôle-") et désactiver le Aligner sur la grille (Voir> Aligner sur la grille). Cela vous permettra de déplacer les formes librement.

Définir une valeur de 0,5 px dans le Incrément de clavier boîte (Édition> Préférences> Général).


Étape 3

Sélectionnez la forme interne de la lettre "P" et dupliquez-la (appuyez sur Control-C suivi par Contrôle-F) et définir une couleur de remplissage de rouge dans le Échantillons panneau. Dupliquer à nouveau (Contrôle-F) appliquant la couleur bleue dans le Échantillons panneau, et déplacez-le deux fois vers la droite avec la touche fléchée de votre clavier.

Sélectionnez les deux formes (rouge et bleu) et sélectionnez Minus Front dans le Éclaireur panneau. Si vous ne trouvez pas le panneau, allez à Fenêtre> Pathfinder.

Étape 4

Dissocier les formes (Maj-Contrôle-G) et définir la couleur de remplissage #ffffffavec Recouvrir Mode de fusion dans le Apparence panneau. Le résultat sera d'obtenir un bord plus brillant pour l'ouverture de notre logo.

Étape 5

Sélectionnez l’anneau extérieur du "P" et dupliquez-le (Control-C suivi par Contrôle-F) et remplissez-le de rouge. Dupliquez-le à nouveau et remplissez-le de bleu. Déplacez-le deux fois.

Sélectionnez les deux formes et appliquez Minus Front dans le Éclaireur panneau. Dissocier (Maj-Contrôle-G) et supprimez la forme ci-dessus, en laissant simplement la voûte inférieure qui nous intéresse pour le chanfreinage.

Étape 6

Réglez le remplissage sur #ffffffet choisir Recouvrir Mode de fusion dans le Apparence panneau.

4. Comment créer les tons clairs et les ombres

Dans cette section, nous allons créer quelques points saillants au bas de la lettre P afin de créer une apparence plus lumineuse en tirant parti de la forme sphérique du logo..

Étape 1

Activer le Aligner sur la grille (Voir> Aligner sur la grille) et cliquez sur la toile avec le Outil Ellipse (L). Dans la fenêtre contextuelle, définissez le Largeur et la taille à 50 px. Placez l'ellipse droite dans la courbe interne inférieure du "P". Définir un remplissage rouge de la Échantillons panneau.

Désactiver Aligner sur la grille encore (Shift-Control- "). Dupliquer l'ellipse (bleu remplissez le Échantillons panneau) et dans la fenêtre pop-up le déplacer 10 px verticalement vers le bas (Objet> Transformer> Déplacer… ).

Étape 2

Sélectionnez les deux ellipses et définissez Minus Back dans le Éclaireur panneau. Créer un dégradé linéaire dans le Pente panneau avec deux couleurs #ffffff, un à Emplacement 0% et 50% Opacité et l'autre dans Emplacement 100% et 0% Opacité

En portant Décalage et tracez une ligne de bas en haut avec le Outil gradient (g).

Étape 3

Dupliquer cette forme (Control-C suivi par Contrôle-F) et appliquez une couleur rouge de la Échantillons panneau. Dupliquer à nouveau (Contrôle-F) et déplacez-le une fois avec la touche fléchée de votre clavier. 

Sélectionnez les deux formes et appliquez Minus Front dans le Éclaireur panneau.

Étape 4

Créer un dégradé linéaire dans le Pente panneau avec couleur #ffffffun à Emplacement 0% et Opacité 0% et un autre dans Emplacement 50% et Opacité 50% et enfin Emplacement 100% et Opacité 0%.

Utilisez le Outil gradient (g) pour tracer une ligne droite horizontale sur la forme.

Étape 5

Maintenant, sélectionnez la forme externe du "P" et Copie (Control-C) et Coller devant (Contrôle-F). Remplissez-le de rouge. Dupliquer (Contrôle-F) et remplir de bleu.

Double-cliquez sur le Outil de sélection (V) et dans la fenêtre contextuelle, définissez la Horizontal position à -15 px, et appuyez sur D'accord.

Sélectionnez les deux formes et appliquez Minus Front dans le Éclaireur panneau.

Étape 6

Dissocier la forme (Maj-Contrôle-G) et supprimez la forme à gauche. Il ne nous reste plus que ce qui nous intéresse afin d’ajouter une réflexion à droite du "P".

Prenez la forme et appliquez le dégradé transparent ci-dessus avec le Outil Pipette (je). Tracez une ligne droite de haut en bas avec le Outil gradient (g) pour que la transparence reste atténuée.

Étape 7

Copie (Control-C) cette forme et Coller devant (Contrôle-F) et remplissez-le de rouge dans le Échantillons panneau. Dupliquer (Contrôle-F) et remplissez-le de bleu du Échantillons panneau.

Prendre le Outil de sélection directe (UNE) et déplacez le nœud vers la droite une fois avec les touches fléchées de votre clavier. Sélectionnez les deux formes et appliquez Minus Front dans le Éclaireur panneau.

Étape 8

Appliquez un remplissage en dégradé à l'aide du bouton Outil Pipette (je). Tracez une ligne droite verticale avec le Outil gradient (g).

5. Comment créer une ombre

Pour finir, nous allons créer l'ombre sur la projection de la lettre "P" et ajouter un fond.

Étape 1

Sélectionnez la forme la plus basse du "P" et la bague extérieure. Copie (Control-C) et Coller devant (Contrôle-F).

Maintenant, il suffit de sélectionner la bague extérieure, Copie (Control-C) et Coller devant (Contrôle-F) et double-cliquez sur le Outil de sélection (V). Dans la boîte de dialogue, déplacez le Verticale position 15 px.

Étape 2

Sélectionner tout et dupliquer, et avec le Outil de création de forme (Maj-M) ajouter la forme intersectée. Supprimer toutes les autres formes.

Étape 3

Créer un dégradé linéaire dans le Pente panneau de couleur A (R: 101, G: 117, B: 30) et B (R: 163, G: 189, B: 49) avec Emplacement à 0% et 100% respectivement.

Tracez une ligne inclinée -57º de haut en bas avec le Outil gradient (g).

Étape 4

Cliquez sur la toile avec le Outil Rectangle (M) et dans la fenêtre contextuelle, définissez la Largeur à 800 px et le la taille à 600 px. Remplissez-le de couleur # 2b300dEnvoyer au fond (Objet> Organiser> Envoyer à l'arrière).

Utilisez le Aligner panneau pour centrer le rectangle sur la toile. Si vous ne trouvez pas le Aligner panneau, allez à Fenêtre> Aligner.

Étape 5

Sélectionnez tout le logo et le groupe (Contrôle-G). Positionnez-le sur la toile avec le Aligner panneau.

Toutes nos félicitations! Vous avez fini!

Le logo est prêt! Regardez ce que nous avons accompli - un si bon résultat. Je me suis tellement amusé avec ce tutoriel, et j'espère que vous l'avez aussi apprécié.

J'espère que vous avez appris de nouvelles techniques et que, pour que cela soit utile pour votre avenir, le reste est une question de pratique. Rappelez-vous que la pratique rend parfait.