Share
Ce didacticiel expliquera à l’artiste avancé Adobe Illustrator comment créer un périphérique multimédia. Ce tutoriel utilisera peu les fonctionnalités 3D d'Illustrators, mais se concentrera davantage sur le dessin traditionnel. Nous verrons également comment nuancer et créer des réflexions logiques.
Dessinez un rectangle à l'aide de l'outil Rectangle (M.)
Warp le rectangle en allant dans Objet> Enveloppe> Faire avec Warp, puis sélectionnez Arch pour le style et entrez -42 pour votre courbure verticale.
Afin de modifier la forme, vous devrez l'élargir. Aller à l'objet> Développer.
Donnez un bord droit au bord gauche de la forme en dessinant d'abord un rectangle sur la forme en arc de cercle, puis en utilisant Pathfinder pour soustraire les formes. Cliquez sur les options ci-dessous.
Dupliquez la forme de la voûte et retournez-la pour créer une moitié gauche identique. Sélectionnez les deux formes et fusionnez-les en sélectionnant les options mises en surbrillance ci-dessous. Faites une copie de cette forme et conservez-la sur le côté pour une utilisation ultérieure..
Dessinez un rectangle à l'aide de l'outil Rectangle arrondi.
Cisailler le rectangle en allant dans Objet> Transformer> Cisaillement… Entrez -45 pour l'angle de cisaillement et sélectionnez Horizontal pour l'axe.
Dupliquez la forme trois fois. Aligner et grouper les quatre formes. Avec vos quatre formes groupées, sélectionnez la grande forme à l’arrière-plan, puis alignez les cinq formes verticalement et horizontalement pour que tout soit beau et centré..
Soustrayez les coins de la forme en sélectionnant les options mises en surbrillance ci-dessous..
Saisissez la forme que vous avez placée sur le côté pour une utilisation ultérieure. Dessinez une autre forme de cisaillement, dupliquez-la et réfléchissez-la. Enfin, soustrayez-le de la grande forme (comme vous l'avez fait à l'étape précédente).
Copiez la forme qui ressemble à une croix (la forme gris clair) et collez-la derrière les deux formes en appuyant sur Commande + B. Vous aurez maintenant trois formes superposées. La forme de croix gris clair, la forme créée à l’étape précédente et la croix grise à l’arrière. Assurez-vous que les trois formes sont alignées verticalement et horizontalement.
Donnez au visage de l'appareil multimédia des détails et des boutons en utilisant des formes de base. Une fois que le visage de l'appareil est esthétique, déplacez tous les détails sur le côté pour l'instant..
Sélectionnez les trois formes et donnez-leur des qualités 3D en sélectionnant Effet> 3D> Extruder et biseauter… Entrez les variables ci-dessous..
Pour modifier les formes, vous devez les développer en allant dans Objet> Développer l’apparence..
Maintenant, vous aurez trois objets différents avec des qualités 3D. Vous devrez repositionner vos trois formes afin de voir chaque forme. Bien sûr, vous n’aurez pas besoin de les repositionner si loin, c’est juste pour que vous puissiez voir avec quoi vous devriez vous retrouver..
C'est une bonne idée de placer chacune des trois formes sur leur propre calque. Cela facilitera la sélection de la forme que vous souhaitez modifier. Positionnez vos formes aussi proches que possible. Une fois que vous faites cela, vous remarquerez de petits détails qui ne sont pas parfaitement alignés. En effet, la perspective appliquée à l'étape 13 affecte chaque élément séparément. En réalité, la ligne pointillée toucherait les deux bords de la forme supérieure et inférieure. La solution est simple.
À l'aide de l'outil de sélection directe (A), faites glisser tous les points que j'ai décrits dans la ligne pointillée ci-dessous. Vous devrez verrouiller les deux autres calques qui ont les formes moyenne et inférieure afin de ne pas sélectionner les points de cet objet simultanément.
Une fois que vous avez sélectionné ces points, il suffit de les déplacer légèrement vers la droite pour les aligner là où ils devraient être. Notez également que la zone rouge que j'ai soulignée ci-dessous devrait se rejoindre à la fin de la forme..
Observez comment les deux bords touchent la ligne pointillée.
Remarquez comment la zone rouge se rencontre également au bord de la forme médiane.
Le côté gauche devrait déjà être assez carré, pour que vous n'ayez pas à y apporter de modifications..
Un petit chevauchement sur le bord très gauche est OK, cela ne sera pas détecté une fois que nous aurons ajouté différents dégradés à chaque forme.
Il est essentiel de regrouper vos objets avant de leur donner une perspective et une rotation. Allez à Objet> Groupe. Cela garantira que tous les détails sont traités comme un seul objet et l'effet 3D s'appliquera à eux dans leur ensemble, pas à des morceaux individuels..
Donnez aux détails de la face de l'appareil la même perspective et la même rotation que celles que vous avez appliquées auparavant. Je n'ai pas appliqué d'extrusion de profondeur, car je voulais donner aux boutons un aspect plus arrondi, pour la plupart.
Pour éditer chacun des objets sur la face de l'appareil, vous devez d'abord le développer. Aller à l'objet> Développer l'apparence.
Sélectionnez l'ovale à gauche et attribuez-lui un dégradé linéaire, une lueur intérieure et une ombre portée. Appliquez les effets de rayonnement et d'ombre en sélectionnant Effet> Styliser et en sélectionnant l'effet approprié. Utilisez les paramètres ci-dessous pour vous guider. En fonction des dimensions de votre oeuvre, vos chiffres peuvent être différents de ceux présentés ci-dessous. Cela n’est pas grave. Assurez-vous que cela vous va bien.
Appliquez des effets similaires aux boutons de gauche ainsi qu’aux boutons du bas.
Créez des lumières LED en utilisant une couleur claire et en donnant à la forme un éclat plus éclatant. Appliquez un effet Outter Glow en allant à Effect> Stylize> Outer Glow.
Mettez en surbrillance la DEL en traçant un rectangle blanc au-dessus de la lumière et en la floutant en sélectionnant Effet> Flou> Flou gaussien..
Copiez et collez les deux boutons ci-dessous pour ajouter de la profondeur.
Sélectionnez les deux boutons en même temps et donnez à leur visage un dégradé subtil.
Pour colorier chaque partie de la partie supérieure de l'appareil, vous devez d'abord la dissocier en allant dans Objet> Dissocier. Vous devrez peut-être faire cela plusieurs fois pour vous assurer que toutes les parties de l'objet sont dissociées..
Pour créer une réflexion dramatique, commencez par dessiner une forme à l'aide de l'outil Plume (P) qui coupe au centre de l'appareil. Vous n'avez pas à donner à la forme un remplissage ou un trait. Sélectionnez la couche supérieure de l'appareil et la forme que vous venez de dessiner, puis cliquez sur Diviser dans Pathfinder. Allez à Objet> Dissocier, puis supprimez les formes inutiles autour des bords dont vous n’avez pas besoin..
Sélectionnez les formes individuelles et donnez-leur un dégradé sombre à gauche et plus clair à droite.
Donne à l'écran un dégradé similaire légèrement plus léger pour donner l'impression que la surface a légèrement changé.
Copiez et collez le texte ci-dessous et faites-le 100% noir pour ajouter de la profondeur.
Dupliquez la forme qui est l'écran de l'appareil. Puisque l'écran est maintenant coupé en deux moitiés, le contour que nous devons appliquer créera une ligne indésirable au milieu de l'écran. Donc, à l'aide de Pathfinder, sélectionnez les deux moitiés de l'écran et fusionnez les formes comme à l'étape 5. Donnez à la forme nouvellement fusionnée deux contours, un gris et un noir..
Notez que chaque contour est légèrement différent en taille. Cela crée l'illusion d'un bord biseauté. Vous pouvez donner à un objet deux contours à l’aide de la palette Apparence. Cliquez sur le triangle de survol mis en surbrillance ci-dessous et sélectionnez Ajouter un nouveau trait. Vous pouvez également réorganiser le trait situé en haut ou en bas en le sélectionnant et en le déplaçant au-dessus ou au-dessous de l'autre trait..
Sélectionnez les bords du calque supérieur et attribuez un dégradé à chaque section. Notez que le milieu de la forme a une couleur plus claire que les bords. Cela aide à véhiculer l’idée de bouger légèrement d’une surface incurvée.
Ajoutez plus de points à votre dégradé pour des zones plus complexes.
Utilisez une petite licence de création pour décider de l'apparence de chaque élément. J'ai décidé de donner à cette forme un petit contour gris.
Voici à quoi devrait ressembler votre appareil avec tous les dégradés appliqués.
Nous allons ajouter un autre anneau autour du bouton en le dupliquant et en en supprimant tous les effets. Pour supprimer les effets, utilisez la palette Apparence, sélectionnez chaque élément et cliquez sur l'icône de la corbeille..
Positionnez l'ovale sur le bouton et agrandissez-le un peu. Puis donnez-lui un trait gris et un remplissage gris clair.
Nous allons créer des reflets sur le haut et le bas de l'ovale en dupliquant à nouveau l'ovale à deux reprises. Ensuite, modifiez la taille de l'ovale supérieur pour qu'elle soit légèrement plus grande et plus large que l'autre. Sélectionnez les deux ovales et divisez-les en sélectionnant l'option indiquée ci-dessous. Dissociez les formes en allant dans Objet> Dissocier. Supprimez tout sauf la partie supérieure des formes. Vous pouvez utiliser la partie supérieure de la forme pour les reflets (voir l'étape suivante).
J'ai utilisé la même forme pour la réflexion supérieure et inférieure. Changez simplement la couleur pour donner l'impression que la quantité de lumière qui frappe chaque côté de la surface est différente.
Obtenez des réflexions pour les autres boutons de la même manière qu'à l'étape 43…
… Et encore pour les reflets sur les boutons à droite.
Voici à quoi devrait ressembler votre oeuvre d'art maintenant.
Dupliquez la face de l'appareil, utilisez le Pathfinder pour fusionner les deux moitiés (puisque nous l'avons divisé au cours d'une étape précédente) et flouz-le en sélectionnant Effet> Flou> Flou gaussien. Dans votre palette de transparence, sélectionnez Multiplier, ce qui garantira que l'ombre portée que nous venons de créer a bonne apparence lorsque vous placez un arrière-plan derrière celle-ci..
A l'aide de l'outil Rectangle arrondi, dessinez un rectangle et donnez-lui un dégradé vert.
Cette étape ajoutera beaucoup d’intérêt visuel à l’appareil. À l’aide de l’outil Plume (P), tracez le long des bords de quelques coins de l’appareil. Cela donne l'illusion de lumière frappant ces coins et bords.
Dessine aussi du côté droit.
Et certains sur le dessus. Assurez-vous de ne pas aller à la mer si.
Enfin, nous allons créer un voile qui entoure certains des points forts pour donner une indication de la réflexion générale de la lumière. Dessinez une forme blanche simple qui suit le bord d'un objet situé en dessous, puis appliquez un flou en sélectionnant Effet> Flou> Flou gaussien..
Voici l'illustration finale! Vous venez d'apprendre à créer un appareil multimédia vectoriel élégant.
Accentsconagua