Share
Ce que vous allez créerQui ne se souvient pas de ces fabuleuses radios portables? N'oubliez pas que lorsque vous écoutiez de la musique à partir d'une cassette ou que vous accordiez une station de radio, lorsqu'il n'y avait toujours pas d'iPod ou de Spotify?
Nous nous souviendrons donc aujourd’hui d’une radio du meilleur style des années 90, utilisant des formulaires simples et simples dans Adobe Illustrator. Que la fête commence!
Trouvez plus de design inspiré des années 90, plus sur Envato Elements.
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 de décocher la case Aligner les nouveaux objets sur la grille de pixels avant de cliquer D'accord.
Aller à Préférences (Control-K) et entrez 1 px pour Incrément de clavier. presse D'accord.
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.
Nous allons commencer par créer le corps de la radio, puis nous passerons aux autres éléments..
Commencez par créer le corps de la radio avec un 400 x 134 px rectangle en utilisant le Outil Rectangle (M). Utilisation # 3C3741 comme couleur de remplissage.
Alors prenez le Outil de sélection directe (A) et déplacez les nœuds inférieurs du rectangle en 5 px en utilisant les touches du clavier; déplacez l'un à gauche et l'autre à droite.
Pour le locuteur, dupliquez deux fois le rectangle précédent (Control-C suivi de Control-F) et déplacez la dernière copie 120 px à droite. Alors appliquer Minus Front avec la copie précédente en utilisant le Éclaireur panneau.
Appliquer un -8 px décalé vers la forme résultante (Effets> Chemin> Chemin de décalage) puis développez sa forme (Objet> Développer l'apparence). Enfin, arrondissez tous les sommets sauf le bas à droite en utilisant Coins vivants avec le Outil de sélection directe (A).
Utilisation # 342F38 comme couleur de remplissage.
Maintenant, dupliquez le haut-parleur (# 46424D) (Contrôle-C> Contrôle-F) et appliquer un -4 px compensé dans Effets> Chemin> Chemin de décalage. Puis créer un 80 x 80 px ellipse (# 3E3942) en utilisant le Outil Ellipse (L).
Dupliquez deux fois l'ellipse (Contrôle-C> Contrôle-F) et déplacez la dernière copie légèrement vers la gauche pour créer une ombre, puis Minus Front avec l'ellipse précédente en utilisant le Éclaireur panneau. Changez la couleur de remplissage en # 37333B.
Créer un 25 x 25 px ellipse (# 342F38) et répétez la procédure utilisée sur l'ellipse précédente. Utilisation # 2F2B33 comme la couleur de remplissage ombre.
Créons maintenant le logement du haut-parleur en utilisant un 4 x 200 px rectangle (# 37333B). Dupliquez-le (Contrôle-C> Contrôle-F) et les séparer par 200 px.
Puis sélectionnez les deux et appliquez un Mélange (Alt-Control-B) et définir des espaces spécifiques pour 20 dans Objet> Fusion> Options de fusion. Maintenant, dupliquez les barres et faites-les pivoter 90 ° en utilisant le Outil de rotation (R). Regrouper les logements (Contrôle-G) et le faire pivoter 45º.
Maintenant centrez le boîtier sur le haut-parleur et dupliquez la forme intérieure du haut-parleur, puis placez-le à l'avant (Clic droit> Arranger> Amener au premier plan). Sélectionnez le boîtier et la forme et réalisez un masque découpé (Contrôle-7). Regrouper tous les éléments du haut-parleur (Contrôle-G).
Dupliquer le haut-parleur (Contrôle-C> Contrôle-F) et le refléter (Clic droit> Transformer> Refléter), puis placez le haut-parleur de l'autre côté de la radio.
Maintenant, double-cliquez sur le corps de la radio pour entrer Mode Isoler. Ajouter un rectangle (# 342F38) égal à la moitié de la radio. Supprimez la forme restante à l'aide du bouton Outil de création de forme (Maj-M).
Maintenant, créons le plateau de cassette en utilisant un 120 x 40 px rectangle (# 28252B). Créer 18 px coins chanfreinés dans les sommets inférieurs à l'aide du Transformer panneau.
Puis ajoutez la fenêtre en utilisant un 48 x 16 px rectangle (# 5F5866) et arrondissez les sommets inférieurs avec le Outil de sélection directe (A). Puis créer un 8 x 8 px ellipse (# 28252B) et un 3 x 3 px ellipse (# 5F5866), regroupez-les et dupliquez les ellipses (Contrôle-C> Contrôle-F) et placez-les tous les deux au centre de la fenêtre.
Créer un rectangle (# 514B57) chevauchant légèrement la fenêtre et soustrayant sa forme au Outil de création de forme (Maj-M).
Créez ensuite deux longs rectangles (#FFFFFF) Et mettre Opacité à 25% en utilisant le Apparence panneau. Les faire pivoter 45 ° et placez-les sur la fenêtre, et enlevez la forme restante avec le Outil de création de forme (Maj-M).
La prochaine chose à faire est de créer l’affichage. Pour cela, utilisez un 50 x 28 px rectangle (# 28252B) et arrondir ses angles en utilisant 6 px comme le rayon du panneau Transformer. Créer un 42 x 26 px rectangle (# 5F5866) et changez le rayon de coin en 2 px.
Créez une ombre interne en dupliquant deux fois (Contrôle-C> Contrôle-F) et descendre la dernière copie de 3 px. Appliquer Minus Front du Éclaireur panneau et utilisation # 4C4652 comme couleur de remplissage.
Maintenant, dessinons les détails dans l’affichage avec Outil stylo (P). Utiliser un 2 px l'épaisseur du trait et définir la couleur de remplissage sur # 28252B, et dessiner des nombres et quelques points. Définir le trait comme Robinet en saillie du Accident vasculaire cérébral panneau.
Maintenant, dupliquez (Contrôle-C> Contrôle-F) la forme du cadre extérieur de l'écran et définissez une -2 px compensé dans Effets> Chemin> Chemin de décalage. Développer la forme (Objet> Développer l'apparence).
Ajoutez ensuite trois longs rectangles (#FFFFFF) et régler le Opacité à 15%, inclinez-les par 45º avec le Outil de rotation (R), et soustrayez la forme restante du cadre précédent en utilisant le Outil de création de forme (Maj-M).
Créer neuf boutons en utilisant un 6 x 6 px ellipse (# 28252B) et un 3 x 3 px ellipse (# 342F38), en les regroupant (Contrôle-G) et en dupliquant la forme neuf fois. Placez-les comme indiqué dans l'image ci-dessous.
Puis ajoutez un autre bouton en utilisant un 14 x 6 px rectangle (# 342F38) et autour des sommets de gauche avec le Outil de sélection directe (A).
Puis dupliquer deux fois (Control-C suivi de Control-F) et remonter le dernier exemplaire 2 px (# 28252B), et ensuite appliquer Minus Front avec la forme précédente en utilisant le Éclaireur panneau. Tout grouper ensemble (Contrôle-G) et le dupliquer (Contrôle-C> Contrôle-F). Réfléchissez et placez les deux formes l'une à côté de l'autre.
Ajoutez sept boutons en haut à l'aide de 13 x 13 px des rectangles (# 28252B) et placez-les tous les 7 px. Sur le premier bouton à gauche, créez un 10 x 3 px rectangle (# 3C3741).
Maintenant, double-cliquez sur la base de la radio pour entrer Mode Isoler. Créer un 185 x 20 px rectangle (# 342F38), définissez le rayon de coin sur 10 px en utilisant le Outil Rectangle Arrondi, puis placez-le légèrement en recouvrement sur la radio et soustrayez la forme restante avec le Outil de création de forme (Maj-M).
presse Échapper pour quitter Mode Isoler.
Créons maintenant le manche de la radio. Créer deux 20 x 50 px des rectangles (# 46424D) et un 315 x 20 px rectangle (# 46424D). Placez-les en formant un U inversé et appliquez Unir du Éclaireur panneau.
Ensuite, contournez légèrement les sommets supérieurs en utilisant Coins vivants avec le Outil de sélection directe (A). Créer un 185 x 20 px rectangle (# 342F38) et définissez le rayon de coin sur 10 px en utilisant le Outil Rectangle Arrondi, puis placez-le au centre sur la poignée de la radio et soustrayez la forme restante avec le Outil de création de forme (Maj-M).
Enfin, créez deux 20 x 10 px des rectangles (# 342F38) et placez-les dans la partie intérieure de la poignée. Tout grouper ensemble (Contrôle-G) et fixez-le sur le dessus de la radio.
Créer seize 4 x 2 px des rectangles (# 666666) et définissez le rayon de coin sur 2 px en utilisant l’outil Rectangle arrondi, puis placez-les sur les petits boutons. Ensuite, créez quatre 10 x 2 px des rectangles (# 666666) et placez-les sur le plateau et les deux autres sous les boutons d'affichage.
Enfin, ajoutez un 28 x 6 px rectangle (# 666666) sur la poignée de la radio et réglez le rayon de coin sur 3 px. Regrouper la radio (Contrôle-G).
Maintenant que nous avons terminé la radio, nous allons commencer à dessiner les notes de musique et autres détails finaux. Commencez par créer un 6 x 6 px ellipse, un 2 x 14 px rectangle et un 8 x 2 px rectangle. Regroupez-les et formez la première note musicale.
Dupliquer (Contrôle-C> Contrôle-F) la note de musique pour en créer une autre et ajouter une autre 2 x 14 px rectangle et un 6 x 6 px ellipse. Changez la largeur du rectangle supérieur en 12 px, et grouper la deuxième note de musique (Contrôle-G).
Alors jouez avec différents 6 x 6 px et 3 x 3 px ellipses, en alternance avec les couleurs de remplissage suivantes: # FF6766, # 00B5B5, # 9684A3, # B0ABA0.
Pour finir, créez un 800 x 600 px rectangle (# EAE4D5) et l'envoyer au dos de la toile (Objet> Organiser> Envoyer à l'arrière).
Maintenant, ajoutez un 532 x 24 px ellipse (# D4CFC1) comme l'ombre de la radio. Envoyez-le derrière la radio (cliquez avec le bouton droit> Organiser> Envoyer en arrière).
Terminé! Vous avez terminé avec succès ce tutoriel. Comme vous le voyez, cela a été très facile et n’a fait que quelques pas. J'espère que vous le trouverez utile et que vous avez appris beaucoup de nouvelles choses pour vos futures illustrations. Je vais regarder les commentaires!
Accentsconagua