Comment créer un effet d'illusion de profondeur avec un motif de taches dans Illustrator?

J'ai besoin d'aide pour créer un tel graphique dans illustrator ou photoshop en utilisant des outils simples et en conservant l'effet de perspective dans les plis nets (contrairement aux outils d'habillage)

J'ai essayé l'outil de maillage mais je n'ai pas pu trouver un moyen d'avoir l'effet oblique.

des idées?

Il s'agit d'une autre méthode pour effectuer le travail à l'aide d'Illustrator

1. Créez un cercle et sélectionnez-le
2. Aller à Object > Pattern > Make
3. Ajustez l'espacement entre les cercles dans le panneau d'options de motif et appuyez sur Done

4. Dessinez un rectangle et remplissez-le avec le motif que vous venez de faire; vous devrez peut-être redimensionner un peu le modèle en choisissant effects > distort & Transform > Transformet en redimensionnant le modèle et assurez-vous que vous avez coché Transform Patternuniquement et décochez les autres options.
5. Pixellisez ce rectangle en choisissant Object > Rasterize
6. allez object > Envelope Distort > Make with Meshdans la boite de dialogue faire le maillage que vous souhaitez. dans mon exemple, je le garde 4X4 comme point de départ et vous pouvez ajouter plus d'ancrage de maillage par l'outil de maillage U.
7. Avec la flèche blanche, sélectionnez une ancre de maillage et déplacez-la vers un nouvel emplacement pour obtenir l'effet que vous souhaitez.

Ce n'est pas une tâche facile si vous cherchez à être précis.

Illustrator ne le fera pas facilement. Vous devez dessiner manuellement les formes globales et ajuster la perspective, la taille et la valeur de chaque élément. Un maillage dans Illustrator échoue car il est très difficile d'obtenir des zones de conversion de bord dur, en outre, les maillages déforment les objets sous-jacents en fonction de la position des points de maillage. Ainsi, le motif global serait très différent en utilisant un maillage.

La façon la plus simple de le faire est d'utiliser des cartes de déplacement dans Photoshop .

Vous créez votre document de base:

Une couche d'objets blancs et une couche remplie de noir solide comme arrière-plan.

Vous créez ensuite un document en niveaux de gris aux mêmes dimensions et ajoutez des valeurs différentes pour créer des zones de profondeur.

Par exemple:

Plus la zone est sombre, plus elle est éloignée. C'est la partie difficile. Vous devez probablement jouer avec le document en niveaux de gris pour qu'il reflète précisément les valeurs de profondeur. Cela s'appelle votre carte de profondeur . Lorsque vous le fermez, enregistrez-le sous forme de fichier .psd en niveaux de gris standard quelque part que vous pouvez localiser facilement.

Revenant ensuite à votre fichier de configuration, choisissez Filter > Distort > Displace. Cliquez OKdans la première petite fenêtre puis une boîte de dialogue Ouvrir apparaîtra. Sélectionnez votre fichier .psd en niveaux de gris à ce stade.

Cela déformera la couche dans le fichier de configuration pour correspondre à la carte de profondeur que vous avez créée.

Il suffit d'essais et d'erreurs pour obtenir la carte de profondeur comme vous le souhaitez.

Il existe un certain nombre de didacticiels à ce sujet sur le Web si vous les recherchez .

Ensuite, si vous en avez vraiment besoin dans Illustrator, j'enregistre et j'utilise Image Trace dans Illustrator. Essayer de créer cela dans Illustrator seul serait une leçon de patience, sinon de frustration.

La réponse de hsawires avec distorsion de l'enveloppe> faire avec un maillage est la meilleure réponse, mais il existe quelques astuces supplémentaires que vous pouvez utiliser pour faciliter la description de "l'effet de perspective dans les plis nets" (également, quatre très bonnes réponses ne sont clairement pas ' t assez :-D):

1. Préparez vos points, comme vous le souhaitez ... la grande chose à propos de Envelope Distort est que vous pouvez l'appliquer à tous les vecteurs et qu'ils restent modifiables. Pour cet exemple, je vais utiliser du texte en pointillés pour démontrer que les vecteurs restent tous modifiables:

2. Ne tramez pas! Il n'y a pas besoin. Au lieu de cela, allez directement à Object>Envelope Distort>Make with Mesh, et choisissez beaucoup de lignes de grille. Par exemple, ici j'utilise 14x14.

3. (notez que vous pouvez basculer entre la grille et les vecteurs sous - jacents à tout moment avec ces boutons en haut à gauche: )

4. Faites pivoter le tout pour que la ligne que vous souhaitez créer soit verticale ou horizontale, puis utilisez l'outil de sélection directe pour faire glisser une zone de sélection de points dans la zone à laquelle vous souhaitez donner une perspective (ici, un morceau à gauche est sélectionné):

5. Utilisez l' outil d'échelle s . Faites glisser le centre de mise à l'échelle vers le centre du bord de votre «ligne», puis redimensionnez (en maintenant la touche Maj) pour les faire avancer ou reculer comme vous le souhaitez. De plus, l' outil de ballonnement et l' outil de plissement (caché sous l'outil de largeur) peuvent être utilisés pour lisser les choses si double-cliquez et réglez Intensitytrès bas (comme 1%) et la brosse très grande. Il est un peu difficile d'être précis avec eux, mais ils ne s'appliquent qu'aux points sélectionnés, ce qui aide.

6. Répétez comme vous le souhaitez ... Parfois, de nombreux petits changements côte à côte semblent plus fluides

7. Ai-je mentionné que l'œuvre sous-jacente est toujours totalement modifiable, comme si vous n'y aviez rien fait? Passez simplement à modifier le contenu et vous pouvez apporter les modifications que vous souhaitez à l'illustration vectorielle sous-jacente:

Vous pouvez réellement le faire dans Illustrator (selon la demande). L'astuce consiste à s'assurer qu'une fois que vous utilisez l'outil de maillage, vous faites glisser les poignées le long de 1/3 du chemin le long du bord, sinon cela comprime l'image le long *.

De plus, cela peut aider à continuer à faire tourner les boutons d'avant en arrière, pour une sélection plus facile.

Image 1 : faire le scrupule. En fait, je crée un nouveau wrap après chaque tour. (puis relâchez-le.)

Procédure utilisée dans l'image 1:

1. faire une grille de points (étoiles, lettres, etc.)
2. boucle ← revenez ici une fois que vous avez fait un pli
3. faire pivoter tout dans une direction
4. marque sélectionnez les éléments de la grille pour que votre sélection divise la forme
5. appliquer une pellicule avec maille avec oly 1 ligne et 1 colonne
6. déplacer le bord opposé à votre maille coupé vers l'intérieur
7. fixez les 2 tangentes des bords latéraux de manière à ce qu'elles soient à environ 1/3 du chemin afin qu'aucune grosse distorsion ne se produise
8. (facultatif) libérer le maillage
9. faire pivoter en arrière (si vous alt cliquez sur faire pivoter l'illustrateur se souvient de votre rotation juste annuler le nombre)
10. répéter.

Bien qu'il existe de meilleurs outils pour cela, il peut être agréable de le savoir à d'autres fins qui peuvent survenir.

Alternatives

Il est en fait suffisant de simplement mettre à l'échelle le long de la ligne de sélection une fois pivoté, de sorte que l'inclinaison et l'échelle peuvent être suffisantes si vous ne souhaitez pas utiliser les enveloppes accordées, ce qui peut être un peu délicat. Les enveloppes rendent les bords des plis plus résistants.

Image 2 : Vous pouvez couper les formes (elles ne doivent pas nécessairement être des points) pour des plis nets. Et ombrer les zones améliorant encore le look (effet peut-être légèrement exagéré).

Annexe: * Sur l'utilisation du maillage pour les mouvements linéaires.

Image 3 : obtenir une distorsion uniforme lorsque la forme devient plus courte

Comme alternative à la réponse de @ Scott, vous pouvez utiliser Puppet Warp dans Photoshop ( Édition → Puppet Warp ).

Si vous essayez ceci, je suggérerais de sélectionner un Mode: Rigide et Densité: Moins de Points dans les options en haut afin de rendre la surface moins flexible, comme dans votre exemple.

Ajoutez simplement des épingles et déplacez-les jusqu'à ce que vous obteniez le déplacement souhaité. Cependant, vous aurez besoin de beaucoup de broches pour contrôler les bords droits. Je recommanderais beaucoup d'entre eux sur les bords, encore une fois, afin de contrôler les bords droits de la surface.

Voici un très mauvais exemple des résultats que vous pouvez obtenir.

Que diriez-vous de le faire manuellement?

Vous pouvez imprimer le tableau en pointillés dans le rapport d'aspect approprié, plier manuellement l'impression à l'effet souhaité, photographier dans des conditions bien éclairées, le définir dans Photoshop et obtenir des chemins via la sélection de la baguette magique et importer dans Illustator et utiliser Pathfinder pour isoler / colorer.