In questo tutorial vi insegnerò a realizzare NFTs gratis con Adobe Xd e Hashlips.

Gli NFTs sono un argomento di tendenza nell’ultimo periodo e in molti si chiedono come sia possibile generare decine di migliaia di immagini senza doverle realizzare una ad una manualmente.

Ci sono un sacco di marketplace per acquistare NFTs come Opensea.io dove è possibile acquistare e vendere NFTs

Già..ma come si realizzano gli NFTs?

Innanzi tutto è necessario realizzare dei livelli in formato PNG.

Nel tutorial che vedrete useremo ovviamente Adobe Xd, dato che è un software vector based.

Questo perché quando andremo a processare il codice con Hashlips, quest’ultimo sovrapporrà i livelli in modo tale da comporre un’immagine.

Quanti NFTs posso realizzare?

Illimitati, tutto dipende da quanti livelli daremo in pasto ad Hashlips.

Nel tutorial che ho realizzato per voi andremo a vedere il processo in tutte le sue fasi:

1 Innanzi tutto vedremo come si realizza un file per l’esportazione dei livelli in PNG. Scaricate il file che trovate nella descrizione del video prima di iniziare. (lo trovate nella descrizione del video su YouTube).

2 Successivamente andremo a crearci della cartelle, che sono quelle che andremo a inserire successivamente dentro Hashlips. In ognuna di queste cartelle, che nomineremo con criterio, andremo ad inserire i livelli che avremo esportato.

3 Poi andremo a scaricare Hashlips (Node.js + Visual Studio Code per chi non li ha) e ne vedremo il funzionamento con il file che c’è all’interno.

(Se non conosci Visual Studio code guarda anche “Le 10 migliori risorse gratuite per il Web Designer”)

4 Una volta capito il funzionamento di Hashlips, andremo ad importare il nostro progetto e genereremo gli NFTs con i file che abbiamo creato.

5 Infine vedremo qualche funzione avanzata di Hashlips come la funzione GIF e Pixelate. Vi spiegherò inoltre dove si trovano i file .json metadata con il dna di ogni singolo NFTs.

Guarda il video tutorial ed iscriviti al canale YouTube di Webdesignerd.

Vuoi imparare a disegnare un sito web da zero?

Guarda il video corso gratuito che ho realizzato per te! -> Video corso di Web Design con Adobe Xd

Categorized in:

Tutorial