Comment créer le logo X-Men dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un logo soigné X-Men dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils de base et de techniques de création de formes vectorielles. Ensuite, vous allez apprendre à ajouter de la couleur et des nuances / nuances subtiles à l'aide du panneau Apparence et de quelques techniques simples de fondu. Enfin, vous apprendrez comment ajouter une texture subtile et un fond net.

Si vous recherchez un type de design différent, vous pouvez trouver une variété de modèles de logo et de modèles sur Envato Market..

1. Créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans les cases de largeur et de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

Activer la grille (Voir> Afficher la grille) et Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides> Grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator et sur la manière dont il peut faciliter votre travail dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer les formes principales

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du remplissage, sélectionnez le trait et définissez sa couleur sur R = 137 G = 147 B = 150.

Déplacez-vous sur votre planche et créez simplement un 310 px cercle-la grille et le Aligner sur la grille fonctionnalité devrait rendre cela plus facile. Assurez-vous que cette forme reste sélectionnée et concentrez-vous sur Apparence panneau (Fenêtre> Apparence).

Cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out et ensuite augmenter la Poids à 40 px et aussi vérifier la Aligner le trait sur l'intérieur bouton. Avec votre forme toujours sélectionnée, allez simplement à Objet> Chemin> Contour de contour.

Étape 2

En utilisant le Outil Rectangle (M), créer un 50 x 280 px la forme et placez-le exactement comme indiqué dans l'image suivante. Le remplir avec R = 41 G = 171 B = 226 et assurez-vous qu'il n'y a pas de couleur de trait définie pour ce rectangle.

Étape 3

Assurez-vous que votre rectangle est toujours sélectionné et allez à Objet> Transformer> Rotation. Met le Angle à 52 degrés puis cliquez sur le D'accord bouton.

Étape 4

Assurez-vous que votre rectangle pivoté est toujours sélectionné et allez à Objet> Transformer> Refléter. Vérifier la Verticale case puis cliquez sur le Copie bouton.

Étape 5

Sélectionnez toutes les formes faites jusqu'à présent, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton.

Étape 6

En utilisant le Outil Ellipse (L), créer un nouveau 310 px encerclez et remplissez-le R = 226 G = 0 B = 9. Placez cette nouvelle forme exactement comme indiqué dans l’image suivante, puis renvoyez-la à l’aide du Shift-Control- [ raccourci clavier.

Étape 7

Désactiver la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").

Faites une copie devant votre forme bleue en utilisant le Contrôle-C> Contrôle-F raccourci clavier. Sélectionnez cette copie avec le cercle rouge qui se trouve à l'arrière, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Sélectionnez les formes rouges résultantes et transformez-les en un simple chemin composé en utilisant le Contrôle-8 raccourci clavier.

Étape 8

Resélectionnez votre forme bleue et faites une nouvelle copie devant en utilisant la même Contrôle-C> Contrôle-F raccourci clavier. Sélectionnez uniquement cette copie et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 5 px et cliquez sur le D'accord bouton. Sélectionnez la forme obtenue et remplacez la couleur de remplissage existante par un jaune aléatoire (R = 255 G = 185 B = 0).

Maintenant, sélectionnez votre forme jaune avec la copie de la forme bleue faite au début de l’étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que le groupe de formes résultant est sélectionné, Dissocier en utilisant le Maj-Contrôle-G raccourci clavier, et remplissez toutes ces formes avec le même jaune utilisé il y a quelques instants.

3. Colorez la première grande forme

Étape 1

Sélectionnez votre forme bleue et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 5 px puis cliquez sur le D'accord bouton. Sélectionnez la forme obtenue, amenez-la à l'avant à l'aide du bouton Shift-Control-] raccourci clavier et remplacez la couleur de remplissage existante par R = 47 G = 57 B = 59.

Étape 2

Assurez-vous que votre forme sombre est toujours sélectionnée, faites la mise au point. Apparence panneau, sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l’image suivante et cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que votre forme sombre est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton.

Sélectionnez ce nouveau remplissage et remplacez la couleur existante par le dégradé linéaire indiqué dans l'image suivante. Gardez à l’esprit que les chiffres bleus du Pente image stand pour Emplacement pourcentage. Il suffit de cliquer sur la barre de dégradé pour ajouter un nouveau curseur de dégradé et aller à Fenêtre> Dégradé ouvrir le Pente panneau.

Retour à la Apparence panneau, développez le remplissage ajouté à cette étape et cliquez dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out. Changer la Mode de fusion à Lumière douce et baisser le Opacité à 70%.

Étape 4

Assurez-vous que votre forme sombre est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau, et sélectionnez le trait existant.

Utilisez le dégradé linéaire montré dans l’image suivante, abaissez son Opacité à dix% et changer le Mode de fusion à Recouvrir, puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 10 px et vérifier le Aligner le trait sur l'intérieur bouton.

Étape 5

Assurez-vous que votre forme sombre est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau et ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton.

Sélectionnez ce nouveau trait et remplacez le dégradé linéaire existant par celui indiqué dans l'image suivante. Rappelez-vous que les chiffres bleus du Pente image stand pour Emplacement pourcentage. Retour à la Apparence panneau et continuer à se concentrer sur le coup nouvellement ajouté. Baisser sa Opacité à 75%, changer la Mode de fusion à Lumière douce, met le Poids à 5 px, et n'oubliez pas de vérifier la Aligner le trait sur l'intérieur bouton.

4. Diviser et colorier les formes jaunes

Étape 1

Sélectionnez la forme arrondie jaune et remplacez simplement la couleur existante par le dégradé linéaire montré dans l'image suivante.

Étape 2

Maintenant, vous devez diviser les formes jaunes restantes. Tout d'abord, activer le Guides intelligents fonctionnalité (Affichage> Guides intelligents ou Control-U) pour faciliter les choses. Quand allumé, Guides intelligents créez un certain nombre de guides à l'écran qui apparaissent lorsque vous créez ou manipulez des objets ou des planches de dessin. Dans ce cas le "ancre"Le guide intelligent vous aidera à savoir quand commencer et terminer un chemin.

En utilisant le Outil stylo (P), Créez une série de tracés droits reliant les coins de vos tracés jaunes, comme indiqué dans l'image suivante. Ajoutez un simple trait pour ces chemins uniquement pour les rendre visibles.

Étape 3

Sélectionnez les chemins tracés à l’étape précédente avec les formes jaunes et cliquez sur le bouton Diviser bouton du Éclaireur panneau. Assurez-vous que le groupe de formes résultant est sélectionné et Dissocier en utilisant le même Maj-Contrôle-G raccourci clavier. En fin de compte, vous devriez avoir 12 formes jaunes distinctes.

Étape 4

Sélectionnez les cinq formes jaunes mises en surbrillance dans l'image suivante et remplacez la couleur de remplissage existante par le dégradé linéaire indiqué..

Étape 5

Sélectionnez les deux formes jaunes mises en surbrillance dans l'image suivante et remplacez la couleur de remplissage existante par le dégradé linéaire indiqué..

Étape 6

Sélectionnez les trois formes jaunes mises en surbrillance dans l'image suivante et remplacez la couleur de remplissage existante par le dégradé linéaire indiqué. Ajustez l'angle du dégradé pour chaque forme comme indiqué ci-dessous.

Étape 7

Concentrez-vous sur les formes jaunes restantes. Sélectionnez celle de gauche et remplissez-la avec le dégradé linéaire indiqué ci-dessous, puis sélectionnez l'autre forme jaune et remplissez-la avec le même dégradé linéaire, mais appuyez sur la Gradient Inverse bouton.

5. Assombrir la zone grise

Étape 1

Focus sur le Couches panneau, ouvrez le calque existant, sélectionnez la forme bleue qui se trouve au bas du panneau et placez-la au premier plan (Shift-Control-]).

Étape 2

Assurez-vous que votre forme bleue reste sélectionnée et concentrez-vous sur Apparence panneau.

Sélectionnez le remplissage existant, réduisez son Opacité à 35% et changer le Mode de fusion à Recouvrir. Remplacez la couleur de remplissage existante par R = 25 G = 26 B = 30 et puis aller à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l’image suivante et cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que la forme modifiée à l’étape précédente est toujours sélectionnée et continuez à vous concentrer sur la Apparence panneau.

Sélectionnez le trait existant et faites-le noir. Baisser sa Opacité à 50%, changer la Mode de fusion à Lumière douce puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 3 px et vérifier le Aligner le trait sur l'intérieur bouton.

6. Colorez la forme rouge

Étape 1

Sélectionnez votre chemin composé rouge et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 2

Assurez-vous que votre forme rouge est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau et ajouter un deuxième remplissage.

Sélectionnez ce nouveau remplissage et noircissez-le. Baisser sa Opacité à 15%, changer la Mode de fusion à Recouvrir et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que votre forme rouge est toujours sélectionnée et continuez à vous concentrer sur la Apparence panneau.

Sélectionnez le trait existant et définissez la couleur sur le noir. Baisser sa Opacité à 80%, changer la Mode de fusion à Lumière douce puis passez aux attributs de trait. Augmenter le Poids à 2 px et vérifier le Aligner le trait sur l'intérieur bouton.

Étape 4

Assurez-vous que votre forme rouge est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau et ajouter un deuxième trait en utilisant le même Ajouter un nouveau trait bouton.

Sélectionnez ce nouveau trait et définissez la couleur sur le noir. Baisser sa Opacité à 60%, changer la Mode de fusion à Lumière douce puis passez aux attributs de trait. Augmenter le Poids à 5 px et vérifier le Aligner le trait sur l'intérieur bouton.

Étape 5

Assurez-vous que votre forme rouge est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau et ajouter un troisième coup.

Sélectionnez ce nouveau trait et définissez la couleur sur le noir. Baisser sa Opacité à 40%, changer la Mode de fusion à Lumière douce puis passez aux attributs de trait. Augmenter le Poids à 10 px et vérifier le Aligner le trait sur l'intérieur bouton.

7. Ajouter une ombrage et un fond

Étape 1

Activer la grille (Contrôle-") et l’alignement sur la grille (Shift-Control- ").

En utilisant le Outil Ellipse (L), créer un 310 px entourez-le et remplissez-le de noir. Placez ce nouveau cercle juste au-dessus des formes existantes, envoyez-le à l’arrière puis allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton puis ajoutez les trois autres Ombre portée effets montrés dans l'image suivante.

Étape 2

En utilisant le Outil Rectangle (M), créez une forme de la taille de votre planche graphique, remplissez-la avec le dégradé radial indiqué dans l'image suivante, puis renvoyez-la à l'arrière-plan (Shift-Control- [).

Étape 3

Assurez-vous que votre rectangle d’arrière-plan est toujours sélectionné, faites la mise au point. Apparence panneau et ajouter un deuxième remplissage.

Sélectionnez ce nouveau remplissage, abaissez son Opacité à 75% puis remplacez le dégradé existant par celui indiqué dans l'image suivante. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage.

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..