Come posso creare un effetto illusione di profondità con un motivo a macchie in Illustrator?

Ho bisogno di aiuto per creare una grafica simile in Illustrator o Photoshop utilizzando strumenti semplici e mantenendo l'effetto prospettiva in pieghe nitide (contrariamente agli strumenti a capo)

Ho provato lo strumento mesh ma non sono riuscito a trovare un modo per ottenere l'effetto inclinato.

qualche idea?

Questo è un altro metodo per fare il lavoro usando Illustrator

1. Crea una cerchia e selezionala
2. Vai a Object > Pattern > Make
3. Regola la spaziatura tra i cerchi nel pannello delle opzioni del motivo e premi Done

4. Disegna un rettangolo e riempilo con il motivo appena creato; potresti dover ridimensionare un po 'il motivo scegliendo effects > distort & Transform > Transforme ridimensionando il motivo e assicurandoti di aver selezionato Transform Patternsolo e deselezionato le altre opzioni.
5. Rasterizza quel rettangolo scegliendo Object > Rasterize
6. vai object > Envelope Distort > Make with Meshnella finestra di dialogo crea la mesh che desideri. nel mio esempio lo tengo 4X4 come inizio e puoi aggiungere più ancoraggi mesh con lo strumento mesh U.
7. Con la freccia bianca selezionare qualsiasi ancoraggio mesh e spostarlo in una nuova posizione per ottenere l'effetto desiderato.

Non è un compito facile se stai cercando di essere preciso.

Illustrator non lo farà facilmente. Dovresti disegnare manualmente le forme complessive e regolare prospettiva, dimensioni e valore per ciascun elemento. Una mesh in Illustrator fallisce perché è molto difficile ottenere aree di conversione del bordo duro, inoltre le mesh distorcono gli oggetti sottostanti in base alla posizione dei punti della mesh. Quindi, il modello generale sembrerebbe molto diverso usando una mesh.

Il modo più semplice per farlo è tramite le mappe di spostamento in Photoshop .

Crei il tuo documento di base:

Uno strato di oggetti bianchi e uno strato pieno nero pieno come sfondo.

Quindi si crea un documento in scala di grigi con le stesse dimensioni e si aggiungono valori diversi per creare aree di profondità.

Per esempio:

Più scura è l'area più lontana sarà la distanza alla fine. Questa è la parte difficile Probabilmente devi giocare con il documento in scala di grigi per farlo riflettere accuratamente i valori di profondità. Questa è chiamata la tua Mappa della profondità . Quando lo si avvicina, salvarlo come un file .psd in scala di grigi standard da qualche parte che è possibile individuare facilmente.

Quindi, tornando al tuo file di configurazione, scegli Filter > Distort > Displace. Fai clic OKnella prima piccola finestra quindi verrà visualizzata una finestra di dialogo Apri. Seleziona il tuo file .psd in scala di grigi a quel punto.

Ciò distorcerà il layer nel file di installazione in modo che corrisponda alla mappa di profondità creata.

Ci vogliono solo tentativi ed errori per ottenere la mappa di profondità nel modo desiderato.

Ci sono un certo numero di tutorial su questo sul web se li cerchi .

Quindi, se ne hai davvero bisogno in Illustrator, salverei e utilizzerei Traccia immagine in Illustrator. Cercare di crearlo in Illustrator da solo sarebbe una lezione è pazienza, se non frustrazione.

La risposta di hsawires con distorsione dell'inviluppo> make with mesh è la risposta migliore, ma ci sono alcuni trucchi aggiuntivi che puoi usare che rendono più semplice ottenere "l'effetto prospettiva in pieghe nitide" descritto (inoltre, quattro risposte molto buone non sono chiaramente t abbastanza :-D):

1. Prepara i tuoi punti, come preferisci ... il bello di Envelope Distort è che puoi applicarli a tutti i vettori e rimangono modificabili. Per questo esempio userò un testo a punti per dimostrare che tutti i vettori rimangono modificabili:

2. Non rasterizzare! Non c'è bisogno. Invece, vai direttamente a Object>Envelope Distort>Make with Meshe scegli molte linee della griglia. Ad esempio, qui sto usando 14x14.

3. (nota che puoi passare tra la griglia e i vettori sottostanti in qualsiasi momento con questi pulsanti in alto a sinistra :)

4. Ruota il tutto in modo che la linea che desideri creare sia verticale o orizzontale, quindi usa lo strumento di selezione diretta per trascinare una casella selezionando i punti nell'area in cui vuoi dare prospettiva (qui, viene selezionato un blocco a sinistra):

5. Usa lo strumento scala s . Trascina il centro del ridimensionamento al centro del bordo della 'linea', quindi scala (tenendo premuto il tasto Maiusc) per portarli avanti o indietro come desiderato. Inoltre, lo strumento gonfio e lo strumento grinza (nascosto sotto lo strumento larghezza) possono essere utilizzati per appianare le cose facendo doppio clic e impostando un valore Intensitymolto basso (come l'1%) e il pennello molto grande. È un po 'complicato essere precisi con loro, ma si applicano solo ai punti selezionati, il che aiuta.

6. Ripeti come desideri ... A volte molte piccole modifiche una accanto all'altra sembrano più fluide

7. Ho già detto che la grafica sottostante è ancora totalmente modificabile, come se non ci avessi fatto nulla? Passa alla modifica dei contenuti e puoi apportare qualsiasi modifica alla grafica vettoriale sottostante:

Puoi effettivamente farlo in Illustrator (secondo la richiesta). Il trucco è assicurarsi che, una volta utilizzato lo strumento mesh, trascini le maniglie lungo indietro di 1/3 del bordo lungo il bordo, altrimenti stringe l'immagine lungo *.

Inoltre può aiutare a continuare a ruotare avanti e indietro, per una più facile selezione.

Immagine 1 : fare lo scrupolo. Quello che effettivamente faccio è creare un nuovo involucro dopo ogni turno. (quindi rilascialo.)

Procedura utilizzata nell'immagine 1:

1. fare una griglia di punti (stelle, lettere ecc.)
2. loop ← torna qui dopo aver fatto una piega
3. ruota tutto in una direzione
4. seleziona gli elementi della griglia in modo che la selezione divida la forma
5. applicare avvolgere con rete con oly 1 riga e 1 colonna
6. sposta il bordo opposto alla mesh tagliato verso l'interno
7. fissare le 2 tangenti del bordo laterale in modo che siano circa 1/3 del modo in modo che non si verifichino grandi distorsioni
8. (opzionale) rilascia mesh
9. ruotare indietro (se si fa clic con il tasto Alt Ruota Illustrator si ricorda la rotazione, basta negare il numero)
10. ripetere.

Ci sono strumenti migliori per questo, può essere bello saperlo per altri scopi che possono sorgere.

alternative

In realtà è sufficiente ridimensionare lungo la linea di selezione una volta ruotato, quindi inclinazione e scala possono essere sufficienti se non si desidera utilizzare le buste che possono essere un po 'complicate. Le buste rendono i bordi delle pieghe più resistenti.

Immagine 2 : puoi tagliare le forme (non devono essere punti) per pieghe nitide. E ombreggia le aree migliorando ulteriormente l'aspetto (forse un effetto leggermente esagerato).

Appendice: * sull'uso della mesh per gli spostamenti lineari.

Immagine 3 : ottenere una distorsione uniforme quando la forma si accorcia

In alternativa alla risposta di @ Scott potresti usare Puppet Warp in Photoshop ( Modifica → Puppet Warp ).

Se provi questo, suggerirei una modalità di selezione: Rigida e Densità: Meno punti nelle opzioni in alto per rendere la superficie meno flessibile, come nel tuo esempio.

Basta aggiungere i perni e spostarli finché non si ottiene lo spostamento desiderato. Tuttavia, avrai bisogno di molti perni per controllare i bordi dritti. Consiglierei molti di loro ai bordi, ancora una volta, al fine di controllare i bordi dritti della superficie.

Ecco un pessimo esempio dei risultati che puoi ottenere.

Che ne dici di farlo manualmente?

È possibile stampare una matrice punteggiata con le proporzioni appropriate, piegare manualmente la stampa per ottenere l'effetto desiderato, fotografare in condizioni ben illuminate, impostarla su Photoshop e ottenere percorsi tramite la selezione di bacchette magiche e importare in Illustator e utilizzare il pathfinder per isolare / colorare.