Comment créer un casque design plat dans Adobe Illustrator

Ce que vous allez créer

J'adore les casques. Ce tutoriel est inspiré de l'Audiotechnica M50X. Comme vous le verrez, nous allons créer cela avec des formes de base dans Adobe Illustrator. Donc, si vous aimez les écouteurs et la bonne musique, ce tutoriel est pour vous.!

Inspirez-vous des nombreuses illustrations vectorielles de design plat sur GraphicRiver.

Commençons!

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 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 les nouveaux objets sur la grille de pixels 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 10 px, alors appuyez simplement sur Control-K aller à Préférences, et en Guides et grille ensemble Quadrillage tous les à dix 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. Cela augmentera considérablement la vitesse de votre travail.

2. Comment créer les écouteurs

Tout d’abord, commençons par un oreillette pour pouvoir le dupliquer, puis créer le serre-tête pour nos écouteurs. Assurez-vous d’allumer le la grille afin que vous puissiez travailler avec plus de précision et de facilité.

Étape 1

Commencez par créer le coussinet avec un 46 x 132 px rectangle en utilisant le Outil Rectangle (M). Sélectionner # 84EDFF comme couleur de remplissage et pas de couleur pour le remplissage par trait.

dans le Transformer panneau, entrez 14 px comme le rayon du coin droit et 2 px comme rayon de coin gauche.

Étape 2

Dupliquer le rectangle (Contrôle-C> Contrôle-F) et changer sa Largeur à 36 px avec le Outil de sélection (V). Sélectionner # 40BDD1 comme couleur de remplissage et changer le rayon du coin droit 10 px.

Étape 3

Dupliquer le dernier rectangle (Contrôle-C> Contrôle-F) et changer sa Largeur à 24 px. Sélectionner # 47D2E9 comme couleur de remplissage et changer le rayon du coin gauche 6 px.

Étape 4

À côté du coussinet, créez la base du haut-parleur en utilisant un 4 x 128 px rectangle, et utiliser # 5B5B5F comme couleur de remplissage; puis définissez le rayon du coin droit sur 2 px.

Étape 5

Maintenant, créez le logement en utilisant un 24 x 80 px rectangle. Sélectionner # 363434 comme couleur de remplissage et changer le rayon du coin gauche 2 px

Étape 6

Ajoutez de la profondeur à la duplication des logements (Contrôle-C> Contrôle-F) le rectangle précédent et en changeant son la taille à 58 px. Changez la couleur de remplissage en # 3B3939.

Étape 7

Répétez l'étape précédente et modifiez le rectangle la taille à 50 px. Changez la couleur de remplissage en # 444242.

Étape 8

Créez maintenant le support pour la charnière du locuteur en utilisant un 20 x 16 px rectangle. Sélectionner # 4D4A4A comme couleur de remplissage et changer le rayon du côté gauche en 8 px.

Dupliquer le rectangle (Contrôle-C> Contrôle-F) et se déplacer 2 px vers le bas en utilisant la flèche de votre clavier. Changez la couleur de remplissage en # 3B3B3B et l'envoyer à l'envers (Objet> Organiser> Renvoyer).

Étape 9

Créer un 8 x 42 px rectangle pour le petit bandeau sur le haut-parleur / boîtier. Définissez le rayon du coin inférieur sur 4 px et sélectionnez # 5B5B5F comme couleur de remplissage. 

Dupliquez-le (Contrôle-C> Contrôle-F) et changez la couleur de remplissage en # 3B3B3B. Déplacer le rectangle vers le bas 2 px, et l'envoyer à l'envers (Objet> Organiser> Renvoyer).

Étape 10

Continuer avec le petit bandeau en utilisant un 8 x 10 px rectangle. Sélectionner # 444242 comme couleur de remplissage et placez le rectangle comme indiqué dans l'image ci-dessous.

Étape 11

Maintenant, créez une charnière en utilisant un 16 x 16 px ellipse avec le Outil Ellipse (L). Sélectionner # 5B5B5F comme couleur de remplissage et placez l'ellipse comme indiqué dans l'image ci-dessous.

Dupliquez l'ellipse et changez sa taille en 12 x 12 px du Transformer panneau. Changez la couleur de remplissage en # 444242.

Étape 12

Continuez à dessiner le support du bandeau en utilisant un Rectangle 16 x 18 px. Changez la couleur de remplissage en # 444242. Sélectionnez les angles de chanfrein pour les angles inférieurs et définissez le rayon sur 4 px. Envoyez le rectangle à l’arrière (Objet> Organiser> Envoyer à l'arrière).

Étape 13

Créer un nouveau 12 x 20 px rectangle, et sélectionnez # 5B5B5F comme couleur de remplissage. Définissez le rayon du coin inférieur sur 6 px.

Dupliquer (Contrôle-C> Contrôle-F) le rectangle et remplacez la couleur de remplissage par # 3B3B3B. Envoyez-le à l'envers (Objet> Organiser> Envoyer à l'arrière) et déplacez-le vers le bas 2 px.

Étape 14

Créez deux rectangles, l’un des 4 x 26 px (# D8D9DD) Pour le serre-tête, et un autre de 12 x 20 px (# 5B5B5F) Comme support de sangle.

Dupliquez le premier rectangle (Contrôle-C> Contrôle-F) et changer sa la taille à 2 px. Changez la couleur de remplissage en # AEADB3

Sélectionnez tout et regroupez-le (Contrôle-G).

Étape 15

Maintenant, nous allons tirer notre bandeau pour casque. Commençons par créer un 252 x 252 px ellipse et sélection 20 px comme la largeur du trait. Sélectionner # 84EDFF comme couleur de trait et supprimer le point d'ancrage inférieur de l'ellipse avec le Outil de sélection directe (A).

Développer le trait (Objet> Développer… ) puis légèrement arrondir les bords inférieurs du bandeau avec le Outil de sélection directe (A).

Étape 16

Dupliquer le bandeau (Contrôle-C> Contrôle-F). Réglez l'échelle sur 93% (Objet> Transformer> Échelle… ). Utilisation # 47D2E9 comme couleur de remplissage.

Déplacer le bandeau dupliqué 6 px vers le bas, puis sélectionnez les deux bandeaux et retirez la partie inférieure restante avec le Outil de création de forme (Maj-M)

Étape 17

Nous sommes sur le point de finir les écouteurs!

Maintenant, sélectionnez le haut-parleur gauche, dupliquez-le (Contrôle-C> Contrôle-F) et le refléter verticalement (Objet> Transformer> Réfléchir… ). Placez-le juste à droite du bandeau.

3. Comment créer un cordon

Maintenant que les écouteurs sont terminés, il est temps de tirer le cordon. Passer à autre chose!

Étape 1

Commençons par l'entrée du câble dans l'enceinte droite. Dessinez en utilisant un 14 x 20 px rectangle, et sélectionnez # 2B2A2A comme couleur de remplissage.

Ajouter un autre 8 x 16 px rectangle pour le connecteur du câble. Utilisation # 545252 comme couleur de remplissage.

Étape 2

Maintenant, tirez le câble avec le Outil stylo (P), en utilisant 4 px comme l'épaisseur du trait. Utilisation # 47D2E9 comme couleur de trait.

Arrondir tous les coins avec le Outil de sélection directe (A). Puis développez la forme du trait (Objet> Développer… ) et appuyez sur D'accord.

Éteindre Aligner sur la grille pour un moment (Shift-Control- ") pour aligner le câble avec le connecteur.

Étape 3

Tirons la prise en utilisant un 8 x 22 px rectangle et # 545252 comme couleur de remplissage. Ajouter un autre 2 x 8 px rectangle (# 8A8686).

Ajouter un troisième rectangle, celui-ci de (# B4B5B8) 4 x 20 px, Et mettre 2 px chanfreins dans les coins supérieurs de la Transformer panneau.

Enfin, ajoutez deux 4 x2 px des rectangles (# 8A8686) et placez-les sur la prise.

4. Comment créer un fond

Et nous en avons terminé avec le cordon de la fiche, nous allons donc terminer le design en créant un joli fond pour nos écouteurs.

Étape 1

Commençons par créer une note de musique. Pour ce faire, utilisez un 22 x 12 px rectangle, un 4 x 40 px rectangle et enfin un 20 x 20 px ellipse. Utilisation # 003E57 comme couleur de remplissage.

Lier tous les formulaires et les fusionner en utilisant le Unir bouton du Éclaireur panneau. Légèrement arrondi à tous les coins avec le Outil de sélection directe (A).

Étape 2

Dupliquer (Contrôle-C> Contrôle-F) la note de musique quatre fois, tournez les copies et changez leur échelle à l’aide des touches Outil de sélection (V). Placez-les comme indiqué dans l'image ci-dessous.

Puis regroupez-les et retournez-les verticalement (Objet> Transformer> Réfléchir… ) pour les placer sur le côté droit du casque.

Étape 3

Enfin, créez un 800 x 600 px rectangle, la même taille que la toile. Appliquer un dégradé radial à partir du Pente panneau, en utilisant les couleurs de remplissage suivantes:

  • Couleur A: # 1F3B54
  • Couleur B: # 182D40

N'oubliez pas d'envoyer le rectangle à l'arrière de la toile (clic droit> Organiser> Envoyer à l'arrière).

Travail impressionnant, vous avez terminé!

Yaaaay! Avaient fini! Vous avez terminé cette illustration étonnante de casque! C'est un résultat incroyable, un autre exemple qui permet de réaliser des illustrations amusantes sans trop de difficultés en utilisant des formulaires de base..

J'espère que vous avez apprécié ce tutoriel autant que moi; J'espère que c'était plein de nouvelles connaissances pour vous. J'aimerais voir ton design, j'attendrai!