Share
Ce didacticiel explique comment utiliser l'outil de maillage (U) d'Adobe Illustrator et plusieurs techniques de base pour créer un moniteur et une souris de style vectoriel, avec un design similaire à celui du nouvel iMac 27 "d'Apple avec souris magique. Vous pouvez utiliser ces techniques pour créer d'autres moniteurs et souris conçoit aussi.!
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Ceci est un tutoriel large dans lequel je vais vous apprendre à utiliser l'outil de maillage (U) pour créer de beaux dégradés simples comme vous le souhaitez. Cet outil est idéal pour créer des effets photoréalistes au format vectoriel. Vous n'avez besoin d'aucune photographie de stock pour ce didacticiel, à l'exception de celle utilisée pour créer le contenu de l'écran. Celui-ci dont vous aurez besoin est fourni par ma collection et est entièrement gratuit pour une utilisation sans restriction..
Vous devez savoir au moins comment utiliser Illustrator Pen Tool (P) pour mener à bien ce didacticiel. Si vous n'êtes pas familier avec son utilisation, lancez-vous avec ce didacticiel: Outil de crayon d'Illustrator: Le guide complet.
Nous commençons notre tutoriel avec la création d'un nouveau plan de travail. Nommez le nouveau document "iMac" et définissez les dimensions sur 1024pt pour la largeur et sur 768pt pour la hauteur. Comme cette conception est destinée à être utilisée sur des supports imprimés, nous avons défini le mode couleur sur CMJN et la résolution sur 300 ppp..
Commencez la modélisation avec l'affichage. La première chose à créer est le côté de l'écran de l'iMac. Créez une forme simple avec l'outil Rectangle arrondi (mes dimensions sont 545 points par 440 points), colorez-la en # 807F83 et modifiez-la à l'aide de l'outil Sélection directe (A). Portez une attention particulière aux coins.
Nous utilisons maintenant l'outil de maillage d'Illustrator (U). Sélectionnez l'outil et créez le point d'ancrage sur la limite de la forme près du coin inférieur droit. Assurez-vous de créer le point sur la limite.
C'est l'heure de la pratique et de votre créativité. Il suffit de jouer avec l'outil de maillage (U) et d'essayer de créer quelque chose de similaire à l'image ci-dessous. Vous pouvez voir une image plus détaillée des coins dans les étapes suivantes, ou pour les membres de Vector Plus, il suffit de regarder le fichier source de l'IA pour ce tutoriel..
Ici vous pouvez voir une image détaillée du coin du maillage. Utilisez les couleurs de l'outil de sélection directe (A) et # D8D9DA, # 807F83 pour créer ce dégradé incurvé. Il suffit de sélectionner une section particulière du maillage et d'appliquer une couleur dessus jusqu'à obtenir l'effet présenté ci-dessous..
Dans cette étape, continuez simplement avec les mêmes couleurs dans le coin supérieur droit. La flèche supérieure indique la section de la plus sombre et la flèche inférieure indique la section de la plus claire. Ceci est tout pour la partie latérale comme indiqué. Dans les prochaines étapes, nous allons créer l’affichage.
Créez un autre rectangle arrondi (537 points par 441 points) et colorez-le avec # A1A1A4. Si nécessaire, avancez-le et ajustez la position au mieux. côté forme, qui crée une illusion de forme extrudée.
Utilisez l'outil Maillage (U) avec les couleurs # EFE9E5 et # A1A1A4 pour créer un dégradé, comme indiqué ci-dessous..
Dupliquez le calque de l'étape 8. Cliquez dessus avec l'outil de sélection (V) et changez la couleur en # 261C02. Créez ensuite deux formes rectangulaires (M) et déformez-les en déplaçant leurs points d'ancrage à l'aide de l'outil de sélection directe (A). Et maintenant, nous sommes prêts à les soustraire pour créer un cadre d’affichage noir. Sélectionnez maintenant le rectangle n ° 1 et accédez à Objet> Chemin> Diviser les objets ci-dessous. Faites la même chose avec la forme n ° 2.
Nous allons maintenant utiliser la photo d'araignée. Il suffit de le placer sur la planche d’art et de l’adapter aux dimensions nécessaires, il suffit d’avoir le coin supérieur droit près du coin supérieur droit du cadre et de faire de même avec le coin inférieur gauche..
Dans le panneau de configuration, cliquez sur Masquer et corrigez la forme à l'aide de l'outil Sélection directe (A). La dernière chose à faire avec la photo est de la reculer avec le menu Arranger (Contrôle> Arranger) pour masquer les bordures derrière le cadre noir..
Maintenant, utilisez l'outil Crayon (P) pour créer "la pomme" ou ajoutez votre propre marque créative. Gardez à l'esprit qu'il devrait être un peu déformé selon les règles de la perspective.
Avec l'outil Plume (P), créez la forme d'un dégradé de réflexion. Vous pouvez créer une forme complètement nouvelle ou simplement dupliquer le premier calque de l'affichage et le modifier avec des soustractions et l'outil Convertir le point d'ancrage (Maj + C). Appliquez ensuite un dégradé semi-transparent dessus. Le dégradé est créé avec une couleur #fff avec 0% d'opacité, une couleur # 000 avec une opacité de 100% et l'angle est défini sur 81,82 degrés..
Et la dernière chose à créer pour l'iMac est sa jambe. Créez la forme ci-dessous avec l'outil Plume (P) et appliquez-lui le # D8D9DA..
Créez un nouveau rectangle (mes dimensions sont de 102 pt sur 79) et utilisez l'outil Maillage (U) pour créer deux lignes verticales. Assurez-vous de cliquer sur les lignes de bordure pas dans la forme.
Continuez avec l'outil Maillage (U) et créez une ligne verticale supplémentaire, puis 8 lignes horizontales. Encore une fois, assurez-vous de cliquer sur les lignes de la frontière.
Utilisez l'outil de sélection directe (A), l'outil de maillage (U) et l'outil de point d'ancrage (Maj + C) pour transformer votre forme en celle de l'image ci-dessous..
Nous en avons presque fini avec l'iMac. Utilisez simplement l'outil de sélection directe (A) pour sélectionner les zones de maillage particulières et les couleurs # 807F83, # C2CDC5, # EFE9E5, # A1A1A4 pour créer les ombres et les reflets. Portez votre attention sur les zones indiquées par les flèches ci-dessous, car elles sont particulièrement importantes..
Et la dernière étape consiste à ajuster la position des formes de la jambe de l’iMac et à l’arranger derrière l’écran. Et voila, nous avons un vecteur photoréaliste de l'iMac d'Apple.
J'ai également préparé la souris magique pour mettre en pratique les compétences que vous avez acquises. Les étapes suivantes décrivant le processus de création sont plus brèves pour vous permettre de voir à quel point vous comprenez les étapes lors de la création de l'iMac. Si vous êtes perdu, vous pouvez revenir en arrière et vérifier les étapes précédentes à nouveau ou simplement jouer avec le fichier AI source.
Utilisez l'outil Plume (P), l'outil Sélection directe (A), l'outil Point d'ancrage (Maj + C) et l'outil Maillage (U) pour créer la forme de maillage de base de la souris Magic Mouse..
Ajoutez deux formes (outil crayon (P)) pour les reflets. # 1 correspond à la couleur #FFF avec une opacité de 0% à la couleur #bfbfbf avec une opacité de 50% et un angle défini à -93,74 degrés. # 2 correspond à la couleur #FFF avec 0% d'opacité, la couleur #DDD avec 100% d'opacité, la couleur #bfbfbf avec 10% d'opacité et l'angle défini à 175,71 degrés.
Créez une forme pour la ligne de touche de la souris magique. Remplissez-le avec un dégradé en utilisant les couleurs, l'angle et les positions comme indiqué. La seule exception est l'opacité à 0% de la couleur #ABABAB au milieu du dégradé.
La dernière image vous montre la forme de l'ombre de la marque. Apple est la couche supérieure et est remplie avec la couleur # a1a1a5. Comme prévu, l'ombre correspond au calque arrière rempli de couleur # 162732.
Vous pouvez maintenant assembler l’iMac et la Magic Mouse et nous avons terminé. Merci de votre attention et j'espère que ce tutoriel vous a été utile.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua