L'effetto Matrix, noto dal film cult, è un affascinante strumento stilistico per creare un look digitale e futuristico. Con Photoshop puoi non solo replicare il famoso codice verde, ma anche animarlo per dare ai tuoi design un tocco dinamico e vivace. In questo tutorial ti mostrerò passo dopo passo come creare e animare l'effetto Matrix - perfetto per video, siti web o progetti creativi. Scopriamo insieme il mondo dell'estetica digitale!
Passo 1:
Innanzitutto creo un nuovo documento; le dimensioni non hanno importanza. Scelgo una dimensione molto piccola di 800x600 pixel. Se si desidera stampare questo effetto, l'unità di misura dei pixel deve essere convertita in cm e la risoluzione da 72 a 300 pixel/pollice.
Passo 2:
Ora apro un file immagine nell'Editor (possibilmente un file immagine molto piccolo, altrimenti l'apertura richiederà troppo tempo) e copio circa 2 pagine di caratteri casuali. 
Passo 3:
Successivamente incollo il testo copiato in un livello di testo con, ad esempio, il carattere Courier di dimensione 10 Pt e colore verde. Il livello di sfondo dovrebbe essere nero.
Passo 4:
Adesso cambio la direzione del testo cliccando sull'icona corrispondente in alto a sinistra.
Passo 5:
Per non far vedere tutti i caratteri o renderne alcuni appena visibili, creo una maschera e applico il filtro clouds differenziali con i colori standard Bianco/Nero (Menu>Filtro>Filtro di rendering). Ripeto ciò premendo Ctrl+F finché non sono soddisfatto. Prima di eseguire i clouds differenziali, duplico velocemente il livello di testo e lo nascondo.
Passo 6:
Con il Correttore tonale (Ctrl+L) posso mettere meglio in evidenza i caratteri spostando il cursore centrale.
Passo 7:
Aggiungo un alone esterno al mio livello di testo. Per farlo, clicco con il pulsante destro del mouse sul mio livello di testo nel pannello dei livelli e poi su Opzioni di riempimento.
Passo 8:
A questo punto posso riattivare il livello di testo superiore e disattivare temporaneamente il secondo. Poi inverto la maschera del livello con Ctrl+I (prima attivo la maschera cliccandoci sopra), in modo che diventi completamente nera. Ora prendo un pennello di dimensione, ad esempio, 6 pixel, abbastanza morbido, e disegno linee rette tenendo premuto Maiusc. Tuttavia, è necessario rilasciare il tasto Maiusc dopo aver disegnato la linea e poi fare clic nuovamente in un altro punto e tracciare nuovamente la linea tenendo premuto Maiusc.
Passo 9:
Faccio questo un paio di volte su tutta l'immagine e poi aumento l'opacità dello stile del livello di alone esterno.
Passo 10:
Dopodiché riattivo tutti i livelli. Il risultato sembra già ottimo.
Passo 11:
Ora desidero mostrare come utilizzo l'effetto per animarlo. A tal fine apro il mio pannello delle animazioni sotto Menu>Finestra e ingrandisco il livello di testo inferiore.
Passo 12:
Successivamente espando il livello nel pannello delle animazioni e faccio clic sull'orologio accanto a Posizione. Si crea un frame chiave che memorizza la posizione attuale del mio livello di testo.
Passaggio 13:
Se adesso trascino il cursore nella linea temporale ad es. su 05:00f, verrà creato automaticamente un nuovo frame chiave. Ora sposto il mio livello di testo abbastanza in basso con lo strumento di spostamento. E la mia piccola animazione è pronta. Se voglio che tutti i livelli di testo si spostino insieme, posso selezionare tutti i livelli nella pannello livelli e fonderli in un oggetto intelligente. Quindi posso semplicemente spostare l'oggetto intelligente.
Passaggio 14:
Poiché la riproduzione in Photoshop per me è abbastanza scattosa, vado direttamente su File>Esporta>Rendi video e rendo il tutto come QuickTime Movie. Potete vedere l'animazione finita qui.
Passaggio 15:
Alla fine del workshop, vorrei mostrare come inserire una foto dietro l'effetto Matrix. E precisamente aggiungo una foto a mia scelta.
Passaggio 16:
Ora devo solo cambiare il metodo di riempimento in Schermare i colori e le lettere saranno chiare dove nell'immagine ci sono pixel luminosi.
Passaggio 17:
In questo modo posso spostare la foto in qualsiasi momento e i caratteri di testo si adatteranno automaticamente.
Passaggio 18:
Se sposto il livello della foto in alto nella gerarchia dei livelli, il risultato sarà il seguente:
Passaggio 19:
Con il metodo di riempimento di Ombreggiatura il risultato sarà il seguente:
Passaggio 20:
Geniale: Posso persino copiare la foto negli appunti e poi, tenendo premuto il tasto Alt, fare clic sull'maschera di livello del livello di testo e utilizzare la mia foto come maschera di livello con Ctrl+V.
Passaggio 21:
O posso convertire il mio livello di testo in un oggetto intelligente e quindi applicarvi uno Sfocatura che sfoco nuovamente in alcune parti con la maschera di oggetto intelligente.
Passaggio 22:
Suggerimento: Posso anche duplicare il mio livello di testo più basso, spostarlo in alto e cambiare ad es. la dimensione del testo da 10 a 8. Dopo, imposto l'opacità a circa il 17%, e l'effetto sarà ancora più figo.
Passaggio 23:
Il risultato assomiglia a ciò che segue, dove ho semplicemente sollevato la maschera di livello superiore con il tasto Shift premuto:
