Come creare un filtro per cosa sono per Instagram in Spark AR Studio?

Come creare un filtro AR per cosa sei su Instagram?

Creare il tuo filtro di realtà aumentata What are you Augment può essere semplicemente fatto usando il software Spark AR Studio, usando un progetto vuoto, mettendo un selettore di numeri interi casuali e aggiungendo una soluzione per immagine. Questo mostrerà un selettore che cambia rapidamente, che verrà interrotto su un'immagine casuale dalla selezione, al fine di creare un filtro per Instagram.

Vedi di seguito una guida completa alla creazione del tuo Instagram personale Cosa stai filtrando e condividendolo con tutti i tuoi amici sul tuo account Instagram privato o aziendale e condividi la storia di Instagram su Facebook, oppure creala per la tua  Pagina aziendale di Facebook   o storie private dopo averlo fatto la pubblicazione dell'effetto Instagram su Spark AR Hub.

1- Carica tutte le immagini come risorse

Inizia creando un progetto vuoto nella finestra principale di Spark AR Studio.

Da quella tela vuota, iniziare selezionando tutte le immagini che si desidera utilizzare per il progetto e importarle utilizzando il pulsante di importazione o trascinandole nell'area corretta.

Assicurati che le immagini siano già ottimizzate, altrimenti ti imbatterai in alcuni problemi in seguito, nel caso in cui importi troppe immagini e sono troppo grandi. La dimensione del pacchetto finale non può in ogni caso superare i 40 MB, il che include tutte le risorse, ma anche, più bassi sono i filtri AR di Instagram e i pacchetti di filtri AR di Facebook, meglio è, idealmente, dovrebbero finire a meno di 1 MB per essere facili da scaricare.

2- Aggiungi un facetracker piano per risorse

Il passaggio successivo consiste nell'aggiungere un facetracker generale che seguirà i movimenti del viso e al quale verranno allegate le immagini e spostarsi di conseguenza. Fare clic con il tasto destro nell'area della scena e selezionare Aggiungi> Face Tracker.

Quindi, sotto questo facetracker appena creato, aggiungi un elemento piano per immagine che è stato importante e che verrà utilizzato in Instagram cosa stai filtrando facendo clic con il tasto destro sul tracker del viso principale e selezionando Aggiungi> elemento piano.

Assicurati di rinominare ogni elemento piano di conseguenza, altrimenti potrebbe facilmente diventare disordinato e difficile riconoscerli tra loro.

Dopo aver creato tutti gli elementi del piano, uno per immagine dell'asset, selezionali tutti e spostali come desideri nella schermata principale.

Per impostazione predefinita, il facetracker si trova al centro del viso, ma potresti voler visualizzare le tue foto sopra la testa, ad esempio, o davanti a una parte specifica del viso.

3- Collegare ogni facetracker a una risorsa con un materiale

Dopo aver creato tutti gli elementi piani, selezionali uno dopo l'altro e abilitali per i materiali sul lato destro: seleziona ogni volta nuovo materiale.

Per ogni nuovo materiale creato, selezionalo, fai clic sulla trama e assegnagli la trama corrispondente. A ciascun elemento piano deve essere creato un materiale a cui è assegnata una trama. Ripeti l'esercizio per ogni singola trama.

Alla fine, dovresti ritrovarti con lo stesso numero di elementi di asset trama, di elementi piani sotto un facetracker e di elementi materiali, ciascuno collegato insieme a una trama corrispondente.

4- Creare un selettore casuale

Ora che tutte le risorse sono create e collegate insieme e che sono posizionate correttamente sul face tracker seguito sulla fotocamera, è tempo di iniziare a codificare il selettore casuale: non preoccuparti, tutto sarà visivo, non ci sarà una singola riga di codice.

Inizia visualizzando l'editor delle patch usando la vista del menu Spark AR Studio> mostra / nascondi l'editor delle patch.

Per ogni elemento che aggiungeremo nell'editor delle patch, è possibile aggiungerlo facendo clic con il pulsante destro del mouse nell'area degli elementi della patch e utilizzando la funzione di ricerca degli elementi digitando alcune lettere correlate alla patch che si desidera utilizzare.

In alcuni casi, l'applicazione verrà proposta di patch, in altri casi sarà necessario trovarle nel catalogo delle patch utilizzando questa finestra.

Inizia a creare la tua prima patch inserendo la parola RANDOM e selezionando la patch RANDOM corrispondente.

Ora, questo elemento casuale verrà utilizzato per generare un numero casuale a partire da 0 e terminando con la quantità di immagini che vogliamo randomizzare meno uno.

Nel nostro caso, con 37 immagini, il nostro contatore casuale inizierà da 0 e terminerà a 36.

5- Aggiungi una soluzione per foto

Ora che abbiamo creato un selettore di numeri casuali, dobbiamo creare una soluzione per immagine.

Esistono diversi modi per farlo, ad esempio creando una funzione di arrotondamento per immagine.

Dopo aver creato le patch rotonde, aggiungi un elemento EQUALS EXACTLY per l'immagine finale.

Ogni elemento EQUALS EXACTLY corrisponderà a un altro numero intero, a partire da 0 fino al numero massimo di immagini meno uno, nel nostro caso sarà 36.

Infine, trascina e rilascia ogni elemento piano facetracker - o tutto in una volta - e rilascialo vicino agli elementi uguali esattamente. Non dimenticare di fare clic sulla freccia prima della proprietà visibile di uno di essi - il che significa che la proprietà di visibilità verrà attivata dalla funzione esattamente uguale.

Quindi, procedere collegando tutti gli elementi rotondi alla patch casuale, ogni patch rotonda a una equivale esattamente a una patch e ognuna equivale esattamente a una patch di un elemento facetracker.

6- Ripeti l'animazione e avviala con un tocco sullo schermo

Quando tutti gli elementi sono stati collegati tra loro, è il momento di aggiungere un loop, al fine di eseguire continuamente l'intero test e selezionare un altro elemento piano da visualizzare contemporaneamente, mostrando così l'effetto carosello di Instagram su cosa stai filtrando.

Aggiungi un'animazione in loop all'area patch.

Collega l'animazione del loop alla patch casuale, il che significa che mentre l'animazione del loop è attiva, attiverà l'elemento patch casuale, fino alla fine del loop.

Infine, vogliamo iniziare mostrando un'immagine statica, un'immagine principale. Aggiungi l'immagine principale prima dell'animazione del ciclo, aggiungi un elemento di tocco dello schermo e aggiungi due elementi switch più un elemento non.

Inizieremo con un tocco sullo schermo: per impostazione predefinita, vediamo solo l'immagine principale, che è visibile.

Il primo elemento dell'interruttore trasformerà l'immagine principale in modo che non sia visibile quando viene attivato il tocco dello schermo.

Il secondo elemento dell'interruttore, avvierà l'animazione del ciclo nello stesso momento in cui l'immagine principale è nascosta, visualizzando così il carosello dell'immagine.

7- Pubblica il tuo filtro AR Instagram!

E poi, il nostro Instagram è pronto per essere filtrato, ora è il momento di testarlo.

Nella finestra di anteprima dello smartphone, seleziona l'opzione simula tocco e fai clic sul display per avviare il processo di selezione casuale delle immagini!

Per ripristinare l'emulazione dello smartphone e toccare di nuovo per iniziare, utilizzare l'icona di ripristino sulla barra degli strumenti a sinistra, sotto il menu file.

Quindi, per verificare il risultato, utilizzare l'opzione Invia all'app nella barra degli strumenti in basso a sinistra.

Utilizzando l'opzione della fotocamera di Facebook, riceverai una notifica privata su Facebook per invitarti a testare il tuo nuovo filtro AR di Facebook in privato.

Utilizzando l'opzione della fotocamera di Instagram, riceverai una notifica privata su Instagram per invitarti a testare il tuo nuovo filtro AR Instagram in privato.

Entrambi avranno lo stesso effetto: sarai in grado di testare privatamente il tuo filtro di realtà aumentata sul tuo dispositivo e anche di acquisire schermate preziose che saranno necessarie per caricare il filtro AR in Spark AR Hub.