L'illustration est inégalée dans sa capacité à dynamiser des sujets ordinaires et à communiquer des idées complexes avec une clarté visuelle, mais qu'en est-il des illustrations isométriques? Ne sont-ils pas notoirement difficiles et chronophages? En six étapes simples, ce didacticiel d'illustration isométrique rend le processus rapide et simple.

Besoin d'animer une page de destination? Visualisez des données ennuyeuses? Ajouter du punch à un emballage fade? L'illustration est la réponse sur tous les fronts.

Ces dernières années, isométrique Les illustrations ont gagné en popularité pour la façon dont elles représentent la profondeur tridimensionnelle dans un espace bidimensionnel. De plus, la grille isométrique élimine le besoin de maintenir l'illusion de la perspective, une source courante de frustration d'illustration.

Dans Adobe Illustrator, le processus d'illustration isométrique traditionnel est fastidieux . Faites une grille isométrique, tracez un carré, inclinez-le de -30 °, faites-le pivoter de -30 °, encore et encore. Heureusement, il existe un meilleur moyen. Illustrator a Effets 3D qui rendent les illustrations isométriques rapides et faciles: 'Extrusion et biseautage', 'Révolution' et 'Rotation'.

Ce didacticiel montre comment créer des illustrations isométriques à l’aide de «Révolution», mais les informations s’appliquent également aux effets 3D restants d’Illustrator.

Prêt à impressionner les clients, ravir les utilisateurs et apprendre les secrets de l'isométrique illustration ?

taxe d'ajustement à la frontière vs tarif

Faire pivoter et affiner: un didacticiel d'illustration isométrique

Qui n'aime pas une boisson glacée? Portons un toast aux joies du rafraîchissement liquide en concevant une bouteille isométrique avec une étiquette.

* Type Pro: Avant de commencer, recherchez une référence d'objet pour indiquer à quoi ressemblera la bouteille.

Étape # 1: Dessinez la bouteille et le liquide

1.1) Créez un nouveau document Adobe Illustrator.

1.2) Ajoutez la référence de la bouteille au document.

1.3) Dessinez un contour de la bouteille et du liquide à l'intérieur.

1.4) Divisez la bouteille et le liquide en deux (comme illustré ci-dessous).

1.5) L’épaisseur du trait du contour de la bouteille définit l’épaisseur du verre.

* Type Pro: Copiez et collez l'illustration en dehors du plan de travail en tant que sauvegarde.

Étape n ° 2: appliquez l'effet de révolution

Comme son nom l'indique, «Révolution» fait tourner la forme autour de son axe. Dans Illustrator, la position de l'axe «Révolution» est fixée verticalement. C'est pourquoi la bouteille a été délimitée et divisée en deux.

* Type Pro: Ni le contour de la bouteille ni l'objet liquide ne doivent avoir de dégradés comme couleurs de remplissage.

2.1) Pour trouver l'effet «Révolution», allez dans: Effet> 3D> Révolution…

2.2) En haut de la fenêtre de dialogue, il y a un champ intitulé «Position». Choisissez «Isométrique gauche».

2.3) Angle - C'est le degré de rotation autour de l'axe de l'objet. S'il est réglé à 180 °, le résultat sera une bouteille divisée verticalement en deux. Réglez l'angle à 360 ° pour une bouteille entièrement tournée.

2.4) Décalage - Contrôlez la distance de décalage par rapport à l’axe vertical de l’objet. Entrez «0».

2.5) Surface - Définissez le matériau et les propriétés d'éclairage de l'objet. Choisissez 'Pas d'ombrage'.

Ta-da! Une bouteille isométrique avec du liquide. Il est temps de se détendre, de se détendre et d'attendre! Cette bouteille a besoin d'une étiquette.

* Type Pro: N'utilisez pas la fonction 'Développer l'apparence' sur la bouteille tant que l'étiquette n'est pas créée.

Étape # 3: Préparez l'étiquette

3.1) Utilisez le flacon pour définir les dimensions de l'étiquette.

3.2) Dans l'image d'exemple (ci-dessous), la hauteur de l'étiquette du corps est apparente, mais la hauteur de l'étiquette du cou n'est pas claire car la surface n'est pas parallèle à l'axe. Une hauteur approximative suffira.

3.3) La longueur de l'étiquette est calculée à l'aide du formule de circonférence de cercle 2πr.

3.4) Avec une étiquette satisfaisante conçue, convertissez les deux étiquettes en symboles. La palette «Symboles» se trouve sous: Fenêtre> Symboles

3.5) Faites glisser et déposez individuellement les conceptions d'étiquettes dans la palette pour créer des symboles.

lequel de ces éléments n'est pas un moyen de vous aider à comprendre la portée plus large du flux de travail ?

*Remarque: Les symboles dans Illustrator et Sketch fonctionnent de la même manière.

Étape # 4: mappez l'étiquette sur la bouteille

Tant que la bouteille n’a pas été vectorisée à l’aide de la fonction «Développer l’apparence», elle est entièrement modifiable.

4.1) Sélectionnez la bouteille et affichez la palette «Apparence»: Fenêtre> Apparence

4.2) Ensuite, choisissez «3D Revolve», et la boîte de dialogue précédente apparaît.

4.3) Pour mapper le dessin sur la bouteille, cliquez sur l'option en bas à gauche: «Art de la carte».

4.4) Cela permet de choisir et d'ajuster un symbole pour la bouteille.

4.5) Assurez-vous de faire correspondre le symbole à la bonne surface (voir ci-dessous).

4.6) Cliquez sur «Mettre à l'échelle» et l'étiquette correspond à la bouteille.

exemple simple d'apprentissage automatique

4.7) Suivez les mêmes étapes pour l'étiquette du cou.

Étape n ° 5: éviter un fichier en désordre

5.1) Il est maintenant temps de transformer la bouteille en courbes de Bézier à l'aide de la fonction 'Développer l'apparence': Objet> Développer l'apparence

Illustrator n'est pas principalement destiné à la manipulation d'objets 3D. L'extension de l'apparence d'un objet crée une collection groupée d'éléments plus petits qui donnent l'illusion d'un objet 3D.

5.2) Pour garder les choses en ordre, combinez les éléments avec l'outil «Pathfinder» ou «Shape Builder» (voir ci-dessous).

* Type Pro: La jonction d'objets crée des points d'ancrage indésirables. Réduisez-les en allant dans Objet> Chemin> Simplifier. Pour ceux qui utilisent Illustrator régulièrement, le Plugin VectorScribe et son outil de suppression de points sont fortement recommandés.

Étape # 6: Ajoutez de la vie avec des couleurs et des dégradés

Pour la dernière étape, donnez vie à la bouteille avec des couleurs et des dégradés. C'est là que l'art individuel entre en jeu. Ajoutez des reflets, des reflets et des ombres pour un look réaliste, ou utilisez des traits et une palette de couleurs simplifiée pour une ambiance plus graphique. Avec une base solide, les possibilités stylistiques sont infinies.

Vive les illustrations isométriques!

Les illustrations isométriques apportent profondeur, dimensionnalité et personnalité à un large éventail de conception projets. Utilisez les principes décrits dans ce didacticiel pour explorer davantage de possibilités isométriques et n'oubliez pas d'essayer les autres effets 3D d'Illustrator: 'Rotation' et 'Extrusion et biseautage'.

---

Dites-nous ce que vous en pensez! Veuillez laisser vos pensées, commentaires et commentaires ci-dessous.

• • •

Lectures complémentaires sur le blog ApeeScape Design:

• Durée de conservation visuelle - Pourquoi les illustrations de conception Web deviennent obsolètes
• Un guide étape par étape pour concevoir des illustrations personnalisées sans aucune compétence en dessin
• Nouvelles réalités: VR, AR, MR et l'avenir du design
• The Designer’s Edge - Présentation des plug-ins Photoshop
• Evolving Emojis: Concevoir pour le nouveau visage de la messagerie

Comprendre les bases

Quels sont les avantages d'Adobe Illustrator?

Illustrator est un programme de graphisme vectoriel. Les graphiques vectoriels diffèrent des graphiques à base de pixels (raster) en ce qu'ils sont évolutifs à l'infini sans perte de qualité. L'un des avantages d'Illustrator est la facilité avec laquelle les formes, les couleurs et le texte sont modifiés. En tant que tel, c'est un outil idéal pour créer des illustrations isométriques.

Comment faire une illustration isométrique?

Les illustrations isométriques sont basées sur des grilles composées de lignes verticales régulièrement espacées et de lignes qui se coupent à des angles de 30 ° et -30 °. Plusieurs didacticiels d'illustration isométrique sont disponibles sur le Web, mais au niveau le plus élémentaire, les formes et les lignes sont dessinées par rapport à la grille isométrique.

Que sont les images isométriques?

Les illustrations isométriques sont des projections 3D dans un espace 2D. Isométrique signifie «avoir des mesures égales». Ce principe est visible dans la grille isométrique et ses lignes parallèles également espacées (verticalement et à des angles de 30 ° et -30 °). En tant que telles, les images isométriques montrent des détails sur plusieurs surfaces sans distorsion.

Pourquoi le dessin isométrique est-il utilisé?

Les illustrations isométriques sont populaires car elles créent l'illusion de profondeur. Le dessin isométrique a été créé pour visualiser les pièces à fabriquer. Les illustrations isométriques ne sont pas liées à des points de fuite (comme les dessins en perspective), ce qui permet des vues détaillées de plusieurs surfaces à la fois.

Le dessin isométrique est-il 2D ou 3D?

Les illustrations isométriques représentent des objets tridimensionnels dans un espace bidimensionnel. Les grilles isométriques créent l'illusion de la profondeur, mais toutes les lignes qui s'éloignent de la «distance» sont en fait parallèles les unes aux autres, ce qui rend les illustrations isométriques plus faciles à rendre que les dessins en perspective.