Como criar um efeito de ilusão de profundidade com um padrão de manchas no Illustrator?

Preciso de ajuda para criar esse gráfico no ilustrador ou no photoshop usando ferramentas simples e mantendo o efeito de perspectiva em dobras nítidas (ao contrário das ferramentas de quebra automática)

Eu tentei a ferramenta de malha, mas não consegui descobrir uma maneira de ter o efeito inclinado.

alguma ideia?

Este é outro método para realizar o trabalho usando o Illustrator

1. Crie um círculo e selecione-o
2. Vamos para Object > Pattern > Make
3. Ajuste o espaçamento entre os círculos no painel de opções de padrão e pressione Done

4. Desenhe um retângulo e preencha-o com o padrão que você acabou de fazer; pode ser necessário dimensionar o padrão um pouco, escolhendo effects > distort & Transform > Transforme dimensionando o padrão e verifique se você marcou Transform Patternapenas e desmarque as outras opções.
5. Rasterize esse retângulo escolhendo Object > Rasterize
6. vá object > Envelope Distort > Make with Meshna caixa de diálogo faça a malha que você deseja. no meu exemplo, eu mantenho 4X4 como começo e você pode adicionar mais âncora de malha pela ferramenta de malha U.
7. Com a seta branca, selecione qualquer âncora de malha e mova-a para um novo local para obter o efeito desejado.

Não é uma tarefa fácil se você procura ser preciso.

O Illustrator não fará isso facilmente. Você precisaria desenhar manualmente as formas gerais e ajustar a perspectiva, o tamanho e o valor de cada elemento. Uma malha no Illustrator falha porque é muito difícil obter áreas de conversão de arestas, além disso, malhas distorcem os objetos subjacentes com base na posição dos pontos de malha. Portanto, o padrão geral ficaria muito diferente usando uma malha.

A maneira mais fácil de fazer isso é através de mapas de deslocamento no Photoshop .

Você cria seu documento básico:

Uma camada de objetos brancos e uma sólida camada preenchida em preto como pano de fundo.

Você cria um documento em escala de cinza com as mesmas dimensões e adiciona valores diferentes para criar áreas de profundidade.

Por exemplo:

Quanto mais escura a área, mais distante ela será vista. Essa é a parte difícil. Você provavelmente precisa brincar com o documento em escala de cinza para que ele reflita com precisão os valores de profundidade. Isso é chamado de mapa de profundidade . Quando chegar perto, salve-o como um arquivo .psd em escala de cinza padrão em algum lugar que você possa localizar facilmente.

Depois, voltando ao seu arquivo de configuração, escolha Filter > Distort > Displace. Clique OKna primeira pequena janela e uma caixa de diálogo Abrir será exibida. Selecione o arquivo .psd em escala de cinza nesse ponto.

Isso distorcerá a camada no arquivo de configuração para corresponder ao mapa de profundidade que você criou.

É preciso apenas tentativa e erro para obter o mapa de profundidade da maneira que você deseja.

Existem vários tutoriais sobre isso na Web, se você procurá-los .

Então, se você realmente precisar disso no Illustrator, eu salvaria e usaria o Image Trace no Illustrator. Tentar criar isso apenas no Illustrator seria uma lição de paciência, se não de frustração.

A resposta da hsawires com distorção de envelope> make com malha é a melhor resposta, mas existem alguns truques adicionais que você pode usar para facilitar a descrição do "efeito de perspectiva em dobras acentuadas" (também, quatro respostas muito boas claramente não são ' o suficiente :-D):

1. Prepare seus pontos da maneira que quiser ... o melhor do Envelope Distort é que você pode aplicá-lo a qualquer vetor e eles ficam editáveis. Neste exemplo, usarei texto semelhante a pontos para demonstrar que todos os vetores permanecem editáveis:

2. Não rasterize! Não há necessidade. Em vez disso, vá direto para Object>Envelope Distort>Make with Meshe escolha muitas linhas de grade. Por exemplo, aqui estou usando 14x14.

3. (observe que você pode alternar entre a grade e os vetores subjacentes a qualquer momento com esses botões no canto superior esquerdo :)

4. Gire a coisa toda para que a linha que você deseja criar seja vertical ou horizontal e use a ferramenta de seleção direta para arrastar uma caixa selecionando pontos na área que você deseja dar perspectiva (aqui, um pedaço à esquerda está selecionado):

5. Use a ferramenta de escala s . Arraste o centro da escala para o centro da borda da sua 'linha' e depois a escala (mantendo a tecla Shift) para trazê-los para frente ou para trás, conforme desejado. Além disso, a ferramenta inchar e a dobra (escondida sob a ferramenta de largura) podem ser usadas para suavizar as coisas se você clicar duas vezes e definir Intensitymuito baixo (como 1%) e o pincel muito grande. É um pouco complicado ser preciso com eles, mas eles se aplicam apenas aos pontos selecionados, o que ajuda.

6. Repita conforme desejado ... Às vezes, muitas pequenas alterações próximas umas das outras parecem mais suaves

7. Eu mencionei que o trabalho artístico subjacente ainda é totalmente editável, como se você não tivesse feito nada? Basta alternar para editar o conteúdo e você pode fazer as alterações desejadas no trabalho artístico vetorial subjacente:

Na verdade, você pode fazer isso no Illustrator (conforme solicitação). O truque é garantir que, depois de usar a ferramenta de malha, arraste as alças de volta para 1/3 do caminho ao longo da borda, caso contrário, ela comprime a imagem *.

Além disso, pode ajudar a continuar girando e girando, para facilitar a seleção.

Imagem 1 : fazendo o escrúpulo. O que eu realmente faço é criar um novo wrap após cada turno. (solte-o.)

Procedimento usado na imagem 1:

1. fazer grade de pontos (estrelas, letras etc)
2. loop ← retornar aqui depois de fazer uma dobra
3. girar tudo para alguma direção
4. marque os itens de grade selecionados para que sua seleção divida a forma
5. aplique o wrap com malha com oly 1 linha e 1 coluna
6. mova a borda oposta à sua malha cortada para dentro
7. fixe as 2 tangentes da borda lateral para que fiquem a cerca de 1/3 do caminho, para que não ocorra grande distorção
8. malha de liberação (opcional)
9. girar para trás (se você clicar em alt, girar, o illustrator lembra sua rotação, basta negar o número)
10. repetir.

Embora existam ferramentas melhores para isso, pode ser bom saber disso para outros fins que possam surgir.

Alternativas

Na verdade, é suficiente apenas escalar ao longo da linha de seleção uma vez girada, para que a inclinação e a escala possam ser suficientes se você não quiser usar envelopes que podem ser um pouco complicados. Os envelopes tornam as bordas dos vincos mais agradáveis.

Imagem 2 : Você pode cortar as formas (elas não precisam ser pontos) para vincar acentuadamente. E sombreie as áreas, melhorando ainda mais a aparência (efeito talvez um pouco exagerado).

Apêndice: * Sobre o uso de malha para movimentos lineares.

Imagem 3 : distorção uniforme quando a forma fica mais curta

Como alternativa à resposta de @ Scott, você pode usar o Puppet Warp no Photoshop ( Editar → Puppet Warp ).

Se você tentar isso, sugiro que selecione Modo: Rígido e Densidade: Menos pontos nas opções na parte superior para tornar a superfície menos flexível, como no seu exemplo.

Basta adicionar pinos e movê-los até atingir o deslocamento desejado. Você precisará de muitos pinos para controlar as arestas retas. Eu recomendaria muitos deles nas bordas, novamente, para controlar as bordas retas da superfície.

Aqui está um exemplo muito ruim dos resultados que você pode alcançar.

Que tal fazer isso manualmente?

Você pode imprimir a matriz pontilhada na proporção apropriada, dobrar a impressão manualmente para o efeito desejado, fotografar em condições bem iluminadas, limiar no Photoshop e obter caminhos via seleção de varinha mágica e importar para o Illustator e usar o pathfinder para isolar / colorir.