Come creare un'illusione ottica di un'immagine mobile

Hai mai notato come a volte le immagini possono giocare brutti scherzi? Nel tutorial di oggi mostrerò come creare un'illusione ottica che sembra muoversi, anche se in realtà è ferma. Iniziamo!

Passo 1

Crea un nuovo documento con dimensioni impostate su 1280 px per 800 px.

Passo 2

Premi CMD + R per abilitare i righelli se non li hai attivati per impostazione predefinita. Assicurati che stiano visualizzando i pixel. Crea una nuova linea guida ogni 50 pixel sia verticalmente che orizzontalmente. Puoi crearli andando su Visualizza> Nuova guida o facendo clic su un righello e trascinandolo sulla tela. Se preferisci utilizzare una finestra di dialogo, dovrai accenderla più volte e digitare semplicemente valori che vanno da 50px a 1250px in caso di linee guida verticali e da 50px a 750px in caso di linee guida orizzontali.

Passaggio 3

Riempi il livello di sfondo con # 564734 utilizzando lo strumento Secchiello (G). Prendi uno Strumento Ellisse (U) e crea un'ellisse su un nuovo livello (premi CMD + Maiusc + N e Invio per creare un nuovo livello). La mia ellisse ha 46px per 34px incluso un bordo bianco e nero 3px. Quindi, consiglierei qualcosa che abbia tra 43px per 31px all'inizio, ma non deve avere esattamente queste dimensioni. Le sue dimensioni non fanno una grande differenza, ma le tue ellissi devono essere posizionate vicine. Grandi lacune produrranno scarsi risultati.

Passaggio 4

Fai doppio clic sulla miniatura del tuo livello con l'ellisse e applica il seguente stile. Attiva Stroke. Cambia il tipo di riempimento da Colore a Gradiente. Cambia angolo da 90 gradi a 180 gradi. Fare clic sulla barra della sfumatura e dovrebbe apparire una nuova finestra. Crea due indicatori aggiuntivi nel mezzo della barra. Imposta i primi due indicatori su bianco (#ffffff) e gli ultimi su nero (# 000000). Abilita anche la sovrapposizione colore e, ad esempio, cambia il suo colore in # 564734.

Passaggio 5

Ora prendi di nuovo lo strumento Ellisse (U) e crea un nuovo livello sopra il livello precedente (premi CMD + Maiusc + N e Invio). Disegna un'ellisse più piccola all'interno della tua ultima. La sua dimensione dipende da te. Assicurati che tutto sia come nell'immagine qui sotto.

Passaggio 6

Raggruppa questi due livelli selezionandoli e premendo CMD + G. Fai clic con il tasto destro del mouse sul gruppo e scegli Unisci gruppo.

Passaggio 7

Sposta il tuo primo livello là dove le due linee guida si incrociano nell'angolo in alto a sinistra come mostrato sotto.

Passaggio 8

Premi CMD + J o vai a Livello> Duplica livello per duplicare questo livello. Posiziona la copia subito sotto il tuo primo livello. Una volta che è esattamente nel mezzo delle due linee guida incrociate, premi CMD + T. Ruota la copia di 30 gradi. Puoi farlo nella barra degli strumenti in alto (guarda lo screenshot qui sotto).

Passaggio 9

Continua a copiare LA PRIMA ellisse e ruota ogni copia di multipli di 30 gradi. Metti ogni copia sopra a tutto il resto (anche questo è molto importante). Una volta arrivati a 180 gradi, non sarà possibile digitare 210 gradi, quindi utilizzare solo valori negativi. Quindi, la terza copia avrebbe 60 gradi, quaranta 90 gradi, settimo 180 gradi, ottavo -150 gradi e così via. Una volta che hai finito dovresti avere 15 copie in totale. Seleziona ciascuna copia selezionando la prima palette del livello, tenendo premuto il tasto Maiusc e selezionando l'ultima. Tutte le copie intermedie dovrebbero essere selezionate. Premi CMD + G per raggrupparli.

Passaggio 10

Vai a Livello> Duplica gruppo e duplicalo. Seleziona lo strumento Sposta (V) e trascina questo gruppo come nell'immagine sottostante.

Passaggio 11

Apri la copia appena creata del gruppo e rimuovi il livello inferiore (che dovrebbe essere la tua ellisse superiore). Quindi duplica il terzo livello di conteggio dal fondo di questo gruppo, che dovrebbe essere il tuo terzo livello contando dall'alto delle ellissi. Se non sei sicuro di quali livelli debbano essere rimossi e quali spostati, dai un'occhiata all'immagine qui sotto.

Passaggio 12

Ripeti l'undicesimo passo più volte fino a ottenere l'immagine finale.

Quando funziona questo effetto?

Questo effetto funzionerà in diversi casi.

Puoi usare molte forme diverse per ottenere lo stesso effetto. Cerchi e ellissi sembrano funzionare al meglio, ma anche i rettangoli o i quadrati farebbero il trucco.
Ogni forma dovrebbe essere più chiara da un lato e più scura dall'altro. Questo potrebbe essere un bordo bianco e nero come nel mio caso o solo un gradiente con qualsiasi colore purché vi sia un contrasto visibile tra di loro.
Puoi mettere qualcosa dentro la forma per renderla più dettagliata.
La tua immagine dovrebbe consistere di molte forme simili e ognuna deve essere molto vicina l'una all'altra.
La tua immagine dovrebbe essere abbastanza grande da far muovere costantemente gli occhi.
Puoi creare praticamente qualsiasi motivo da queste cerchi o ellissi.
Dovresti ruotare le forme passo dopo passo in modo che i loro lati più scuri (neri nel mio caso) siano proprio accanto a quelli più chiari (bianco nel mio caso). È una buona idea ruotare un po 'ogni cerchio (come 15 gradi o 30 gradi). Se non li si ruota, dovrebbe comunque funzionare bene ma si "sposta" verticalmente o orizzontalmente.

Oltre a questo non otterrai questo tipo di effetto o non sarebbe altrettanto osservabile.

Come funziona questo effetto?

Quando guardiamo l'immagine qui sotto, il nostro cervello cerca di convertirlo da 2D a 3D. Questo perché i bordi attorno alle ellissi sono incoerenti. Questo ci confonde e crea un'illusione di movimento.

Immagine finale

Dai un'occhiata all'ultima immagine qui sotto.

Design e illustrazione