Partiamo da un file vettoriale.

Vi accennavo che questi file sono stati forniti dal cliente e adesso andremo a rendere questa bidimensionalità un diciamo un quasi un tre D.

Vedremo poi nello specifico il perché dico un quasi, ma daremo la sensazione che il diamante sia tridimensionale per fare questo.

La prima cosa è dividere i file in layer.

Qui ho davanti a me illustrator voi trovate questo file già separato nei materiali didattici.

Questo file è composto da tre singoli layer.

Abbiamo le linee, il diamante e l'anello.

Quindi questi tre layer sono quelli che poi andrò a importare in un nuovissimo file di after effet, quindi trasciniamo direttamente, anzi, facciamo qui doppio click e andiamo ad importare con l' M Modulo cinque Materiale didattico Eccolo qua diamante punto i posso già chiedergli qua che sia una composizione mantenendo i apriamo qui ed ecco qua che abbiamo il nostro diamante già nella composizione.

La composizione è così grande perché in realtà è così grande anche nel file originale.

Quindi tenete sempre presente che se volete ottimizzare le dimensioni e non dover lavorare sempre con lo dovete già partire da un file ottimizzato in illustrator oppure in Photoshop.

Se partite da photoshop.

Nel momento in cui si importa un vettoriale dobbiamo fare attenzione a una cosa che finora non avevamo nominato.

Nel senso i vettoriali quando vengono inglobati da after fs è vero che hanno una qualità alta e quindi possiamo anima possiamo scalarli e quant'altro, ma ma siccome vengono inglobati da al software c'è un voler rappresentare graficamente quei vettoriali con una formula tutta interna, un algoritmo tutto proprietario diciamo così di afs.

Quindi questo in cosa si traduce? Cosa significa alla fine per noi che se esageriamo ad esempio nello dell'elemento prendo ad esempio qui l'anello s di s e vado a scalarlo tantissimo.

Come vedete i bordi sono tutti sgranati che è una componente tipica se vogliamo di un esagerare nella scala con un'immagine questo succede con un jpeg può succedere con con un file PS d ma non ci si aspetta da un file vettoriale.

Questo come si risolve? Abbiamo più opzioni.

La primissima opzione è accanto al nome del player.

E proprio in questa colonna che se non la vedete dipende dal fatto che qui la dovete attivare in questa colonna c'è la modalità in cui viene um que- quell'algoritmo che vi dicevo prima di rappresentazione grafica gestisce i layer.

In questo caso abbiamo diverse opzioni.

Vedete, questa è una linea già seghettata proprio nell'icona, quindi è un draft, se vogliamo quindi molto veloce la rappresentazione, ma una qualità molto bassa.

Dopodiché abbiamo una qualità buona che è questa linea che è di default.

Abbiamo un'altra qualità che tenta di essere migliore di quella standard.

Ma tenete presente che tutte queste considerazioni sono legate al modo in cui after fa la rappresentazione grafica.

Nel momento in cui volete lavorare con un vettore puro portandolo da Illustrator, dovete attivare questa opzione qua, che è il continuo, ovvero state forzando after fxx a interpretare il vettore come vettore e non, come vuole lui che fa un po' quello che gli pare per ottimizzare le risorse in fase di animazione.

Tenete presente però che attivare a tutti i nostri player questa opzione um renderà tutto ovviamente con una qualità pulita eccezionale, ma ovviamente le risorse del computer ne risentiranno.

Quindi queste sono opzioni che volutamente si possono attivare e disattivare, magari in fase di render finale le attiviamo, ma per lavorare possiamo anche lavorare appunto con un non un continuo, ma con una rappresentazione grafica di after detto questo torniamo al nostro a fare un bel reset per il nostro anello, perché oltre a considerare questa cosa dei vettori, quando lavoriamo con after, entriamo adesso nel vivo del come rendere quasi tre d il nostro diamante.

Allora per prima cosa le linee le andrò a nascondere, ma andrò a legare queste linee al nostro anello.

Farò la stessa cosa per quanto riguarda il diamante, quindi cosa succede? Che se adesso noi andiamo a muovere l'anello di conseguenza si muove tutto, anche le linee, nonostante le ho nascoste.

Però come vedete si muove praticamente tutto.

Facciamo un bel reset qui e adesso entriamo nel vivo di come rendere tridimensionali o quasi il i che compongono il diamante.

Tolgo qui le linee un attimo così non ci danno noia e vado a rendere tre d per la prima volta un player.

Quindi questo diamante lo rendo qui tre d grazie al icona che rende tre d appunto i livelli.

Quindi cosa succede? Che allora intanto si aggiungono dei cursori nuovi che ci danno la sensazione di essere davanti a un software tre d ma adesso attiviamo un'altra, cosa che ci darà ancora di più quella sensazione, ovvero qui in basso nella parte della visualizzazione della nostra composizione abbiamo qui una sola vista.

Possiamo attivarne ben due e nella seconda vista potrei scegliere è arbitrario o in questa qui a sinistra o in questa a destra, ma cliccandoci quindi vedete che ho in blu qui gli angoli significa che sto guardando la vista che qui si chiama default.

Qui invece si chiama active camera questa camera andrò a cambiarla e potrò mettere una questa custom in questo momento cosa fa? Mi fa vedere quasi lateralmente diciamo di tre quarti.

Il mio diamante fino a qua sembrerebbe che non succede niente.

Ma se io adesso duplici il diamante quindi comand d e vado si l'ho duplicato sempre con il tre d attivo vado su r di rotation.

Adesso ho delle ro- de dei dati in più ho una terza dimensione, ovvero x rotation y rotation e zeta rotation.

Io lavorerò con in questo momento.

Scusatemi lavorerò con la sbaglio sempre alla prima non è mai buona.

Lavorerò con y e gli darò novanta gradi di rotazione.

Nell'immagine qui a sinistra iniziamo un po' a capire quello che succede.

Attivo l'anello giusto per um vederlo in questa vista lo sto attivando solo per vederlo.

Anzi, lo posiziono un po' meglio proprio questi due diamanti nuovi li posiziono meglio questa vista che è la custom View che potrebbe diventare tranquillamente la vista top.

E questa è la vista che preferisco.

Quella da lato mi fa capire che ho un livello che si chiama diamante, che è come se fosse un foglio di carta, diciamo così non ha tridimensionalità, però è posizionato proprio davanti a me e lo vedo completo l'altro diamante due è posizionato in modo perpendicolare, quindi non lo vedo frontalmente perché non ha una mhm.

Non ha un' estrusione, non ha una sua tridimensionalità.

Ma cosa succede? Che se io duplici ulteriormente questi layer e lavoro con la rotazione qui mettiamo vedete dall'alto si capisce molto bene, no? Centotrenta duplice nuovamente r di rotation meno centotrenta.

Quindi vedete che dall'alto si è creato un quasi una diciamo una figura geometrica.

La stiamo vedendo sempre dall'alto Adesso attiviamo qui la per vedere un po' meglio.

In realtà dalla dalla si intravede un po' in qualche modo.

Quindi adesso possiamo qui con questo cursore qua attivare il movimento di camera movimento di camera che possiamo muovere, allontanarci, orbitare oppure addirittura scusatemi.

Questo è per selezionare i layer, quindi faccio un Command Z.

Possiamo ecco orbitare, come vi stavo dicendo prima intorno che è qui.

Sono stati raggruppati in diversi in diversi nello stesso pulsante, ma mantenendo premuto abbiamo le diverse opzioni della camera.

Un un'alternativa a dover cambiare con la camera è c proprio di camera.

Vedete, cambia anche il cursore e di conseguenza cambia anche la possibilità di di vedere in diverse modalità la mia.

Tenete presente che noi esporteremo ciò che succede in quella di default, ma perché ve la faccio vedere da un'altra da un altro punto di vista, perché in realtà vi voglio far capire come dall'alto ruotando questi layer ho creato un qualcosa di quasi tridimensionale.

Dico quasi perché per aggiungere un po' l'effetto posso selezionare tutti i layer che compongono il diamante t di lavorare con un novanta per cento in modo da intravedere Vado a esagerare ancora di più invece di novanta selezioniamo tutti il quelli che compongono il diamante andiamo a cambiargli colore red e adesso mettiamo un sessanta vedete come nella vista di default non fate caso ora a quella custom, ma si intravede un qualcosa di diverso rispetto a un player piatto.

Um una volta fatto questo, non andiamo su sessanta, ma ottantacinque può andar bene.

Torniamo a una sola vista così sappiamo bene cosa andremo poi a renderizzare adesso che abbiamo legato tutti i nostri player, quelli duplicati.

Quindi in pratica il diamante originale è quello frontale.

Tutti gli altri seguono il diamante frontale.

Eccolo qua.

E adesso andremo ad animare la rotazione l'asse y che, come vedete io vado sempre a tentativi.

Perché lo sbaglio? Devo ammettere che spesso mi trovo a fare i conti con questo con questa situazione è un po' come la destra e la sinistra c'è chi la sbaglia.

Ecco, io ho questa difficoltà spesso, quindi r di rotation per quanto riguarda Y primissimo frame.

La composizione dura cinque secondi, quindi ho ottimizzato cinque secondi, quindi a cinque secondi andiamo a ruotare di centottanta gradi il yer che fa da guida.

Quindi vedete qui nel nella default.

Quindi nella camera di default abbiamo la sensazione che finalmente questo elemento, questo diamante ruoti e sia tridimensionale.

Quindi adesso non ci resta che giocare un po' con il modo in cui compare l'anello.

Quindi fa un uno con un rimbalzo.

Quindi vi ricordo che magari lo ska il rimbalzo significa sempre portarlo a esagerare nel valore, quindi centoventi per poi farlo stazionare, diciamo così su il suo valore originale, quindi andrà.

Andremo poi a fare le curve, facciamole direttamente dal graf editor, quindi su il valore che è questo facciamo delle belle curve e qui grazie a questi controller, possiamo gestire un tipo di animazione completamente diverso da quello che possiamo ottenere con frame standard.

Quindi abituatevi nel possibile a utilizzare il grap editor.

Poi infine, per quanto riguarda le linee che seguono in tutto e per tutto il l'anello principale, le linee le faremo semplicemente comparire con la possibilità qui di fare uno non di entrambi facciamo questa cosa è ancora point, qui andiamo a legarlo quindi zero fa questo, quindi compaiono molto veloci, quindi decidiamo che compaiono qui lavoriamo anche chi t t per abilitare i loti.

Lavoriamo anche con loti, quindi mentre escono le linee crescono, poi in realtà vanno anche a sparire, quindi quello che andiamo ad ottenere è questo poi portiamo queste linee in basso in modo che compaiono in questo modo e poi in realtà possiamo duplicare più volte e nel duplicare possiamo anche cambiare la posizione.

Vediamo un po' forse bastano anche solo due e poi ogni tanto nell'animazione le facciamo ricomparire un po' come che possono anche chiaramente questo è solo un'accortezza per dare un po' di ritmo a quella che è l'animazione quindi un'azione secondaria quella delle linee che vanno a simulare un po', la luce che attraversa o comunque che colpisce il diamante.

Ed ecco qua che con dei vettori molto semplici.

Quindi queste sono le classiche um risorse vittoria che possiamo trovare come iconografie in tantissimi siti, oppure anche crearle da sole se abbiamo la capacità o la possibilità di utilizzare illustrator e grazie a queste risorse possiamo dare una tridimensionalità e rendere una prospettiva nuova, diciamo così ai nostri disegni.