Adobe Firefly: tutorial

Con l'arrivo di Dall-E, , Midjourney e Stable Diffusion Adobe – il gigante della creazione di contenuti digitali – ha visto il pericolo arrivare: la sua posizione poteva essere seriamente minacciata.

Perché, se con poche righe di testo potevamo creare qualsiasi tipo di immagine (fotorealistica, illustrazione, interfacce di prodotti digitali…), a cosa ci sarebbe servita la sua suite di strumenti?

Così ha iniziato a lavorare sui suoi strumenti propri di generazione di contenuti tramite IA e ne ha lanciati inizialmente due (ce ne sono molti altri in arrivo):

• Il riempimento generativo in Photoshop.
• Adobe Firefly: il generatore di immagini tramite testo (e qualcosina in più).

In questo articolo ti parlerò di quest'ultimo.

Di come sia diventato uno strumento estremamente utile per il mio lavoro quotidiano.

Ti spiegherò come affronto alcuni casi d'uso piuttosto frequenti.

Così, se anche tu svolgi attività simili, puoi aggiungerlo al tuo arsenale e valutarne l'uso rispetto ad altre possibilità.

Quindi, cominciamo dall'inizio.

Che cos'è Adobe Firefly?

Firefly è il nome che Adobe ha dato alla sua intelligenza artificiale generativa, che ci permette, partendo da un testo (prompt), di creare immagini da zero, ritoccare o modificare quelle esistenti, creare video e modificarli facilmente oppure creare vettori partendo da schizzi.

Come vedi, è piuttosto completa e va oltre ciò che oggi offrono alternative come Stable Diffusion o Midjourney, per citare le due più popolari.

Inoltre, il vantaggio di essere di Adobe è che è integrata nei suoi strumenti di editing, come Photoshop o Illustrator..

Ma per chi non usa questi strumenti, dispone anche di una propria piattaforma web, così chiunque voglia utilizzarla può farlo in modo indipendente.

Ed è proprio questa piattaforma che ti spiegherò.

Usi di Adobe Firefly

Prima di tutto, la prima cosa da fare è entrare nello strumento e creare un account gratuito se non ne hai già uno.

Una volta dentro, puoi vedere che, al momento, lo strumento offre sei tipi di utilizzo. Quattro sono già operativi e due lo saranno a breve:

Passiamoli in rassegna uno per uno e vediamo cosa possono offrirci.

Text to image

Il primo è forse il più conosciuto e comune.

È il concorrente diretto di Midjourney o Dall-E: un generatore di immagini tramite prompt.

In altre parole, scriviamo un testo – in inglese – e lo strumento lo trasforma in varie immagini, così possiamo scegliere quella che ci piace o modificare il testo finché non otteniamo ciò che vogliamo.

Modalità d'uso

Entrando in questa funzione si apre un carosello a scorrimento infinito di immagini generate con lo strumento.

Se passiamo il cursore sopra una di esse, ci viene mostrato il prompt che l'ha generata:

Anche se possiamo cliccare su una qualsiasi per aprire il generatore, conviene dedicare qualche secondo a cercare un'immagine che abbia uno stile o un tono simile a ciò che stiamo cercando – anche se l'immagine in sé rappresenta un concetto diverso –, perché ci farà risparmiare tempo nelle attività di editing.

Ti chiarisco il concetto con un esempio:

Mettiamo che mi serva un subacqueo come elemento centrale per un'illustrazione del fondale marino.

Passo 1: selezione dell'immagine iniziale

Guardo e vedo questo:

Per l'illustrazione che ho in mente, mi tornano:

• L'inquadratura frontale.
• Lo stile di realismo fantastico dell'immagine.
• L'illuminazione e i toni di colore.

Quindi ci clicco sopra e si apre il generatore, dove posso vedere il prompt utilizzato e modificarlo insieme agli stili dell'immagine:

Passo 2: regolazione del prompt per ottenere l'immagine di base

La prima cosa che posso fare è modificare il prompt affinché si adatti alla mia idea.

Se non so bene come spiegare in inglese ciò che voglio, posso usare un traduttore online come DeepL per farlo:

Il passo successivo è incollarlo in Firefly e generare i risultati:

Pshhhhh…

Sì, è quello che gli abbiamo chiesto, ma sinceramente siamo lontani da ciò che cercavo. Quindi bisogna affinare un po' la generazione dell'immagine.

Posso fare principalmente due cose:

#1. Uso di un'immagine di riferimento

Per farlo, dalla pagina con i risultati scarsi torno indietro usando la freccia del browser, fino a ritrovare il mio koala spaziale iniziale.

A questo punto, scelgo l'immagine che mi piace di più e la uso come modello dall'icona con i tre puntini che compare nell'angolo in alto a destra quando passo il mouse sopra l'immagine:

Nonostante la deformazione del volto, i risultati iniziano a essere (un po') migliori per il mio scopo:

Qui ci sono diverse curiosità:

• La più evidente è che Firefly ha usato la forma delle orecchie del koala per progettare i tubi dell'aria.
• Le immagini sono più realistiche che fantastiche perché gli ho indicato che voglio un contenuto di tipo "foto". Ora torneremo su questo punto.
• Sto scegliendo uno sfondo neutro per mostrarti poi un utilizzo completo dello strumento, ma in realtà, se mi servisse solo l’illustrazione del subacqueo, creerei lo sfondo direttamente qui.
• Possiamo scegliere quanto peso dare all’immagine di riferimento originale tramite lo slider che compare quando clicchiamo su quell’immagine. In generale, il 50% offre i risultati migliori:

Comunque, dato che non sono ancora soddisfatto dei risultati, ti spiego il secondo metodo di miglioramento.

#2. Modificare il prompt

È l’altra opzione per migliorare i risultati iniziali. Ed è anche molto più semplice.

Se cambio il prompt precedente con: "Cyberpunk diver in bright blue submarine suit, face covered, on a neutral background", i risultati per il mio scopo sono decisamente migliori:

Qui cambia tutto.

Le due immagini a destra, soprattutto quella in alto, potrebbero andare bene e potrei usarle come riferimento..

Ed è proprio ciò che farò. Sarà il mio punto di partenza..

Passo 3: selezione del formato

Fondamentale per due motivi:

1. Deve adattarsi alla mia illustrazione.
2. Durante l’esportazione, Firefly aggiunge una filigrana all’immagine che rovinerà la composizione (se non l’abbiamo prevista in anticipo).

Più avanti ti spiego come affrontare il secondo problema, ma per ora restiamo sul primo.

Nel pannello di destra abbiamo tutte le opzioni relative al contenuto.

La prima consiste nello scegliere il formato (ratio):

Sceglieremo quello più adatto alla composizione che abbiamo in mente.

Puoi sceglierlo o cambiarlo anche in seguito, ma devi sapere che l’immagine generata verrà modificata (nel nostro esempio, il subacqueo). In altre parole, non cambia solo il formato: rigenerando l’immagine, non sarà identica e varierà in misura maggiore o minore, quindi ti consiglio di sceglierlo subito.

Io manterrò il formato quadrato, molto versatile.

Passo 4: scelta del tipo di immagine

Subito sotto il formato iniziamo a dare all’immagine il tono che vogliamo.

Per impostazione predefinita, in base al prompt, Firefly interpreta le connotazioni che vogliamo dare all’immagine: quel "cyberpunk" del mio esempio orienta il risultato, per esempio.

Per cominciare, decideremo se ciò che ci serve è:

#1. Una foto

Come vedi, lo stile originale ("None") cambia poco.

#2. Un "grafico"

Che è la versione in stile illustrazione o design "digitale" dell’immagine precedente.

#3. Uno stile artistico.

Rispetto alla precedente, questa illustrazione ha un carattere molto più pittorico o artistico. Più "analogico", se preferisci.

Come vedi, stiamo già definendo molto meglio il tipo di immagine che vogliamo. Ma aspetta, c’è ancora parecchio.

Passo 5: definizione dello stile

Nel mio caso userò la fotografia perché, come ho detto all’inizio, cerco uno stile di realismo fantastico, quindi voglio che l’immagine iniziale, la base, sia realistica.

Ora è il momento di applicare il tono fantastico, quindi facciamo un po’ di magia.

Per prima cosa clicca sul pulsante "All" per vedere tutte le possibilità, che non sono poche:

Hai diversi "movimenti", "temi", "tecniche", "effetti", "materiali" e "concetti" con cui giocare.

E puoi combinarli tra loro.

Quindi, fallo.

Prova.

Sperimenta.

Divertiti.

Detto questo, come consiglio ti direi di applicare le varie selezioni una alla volta, in modo da poter verificare l’impatto di ciascuna sull’immagine.

È il modo per mantenere un certo controllo, perché se ne applichi diverse insieme non saprai quale sta dando all’immagine l’effetto che ti piace:

È importante però sapere che gli stili che applichi all’immagine saranno MOLTO influenzati se stai usando un’immagine di riferimento.

Questo è il risultato usando lo stesso prompt e gli stessi effetti senza un’immagine di riferimento:

Passo 6: colore e tono, il ritocco finale

Abbiamo quasi il nostro protagonista, ma vogliamo rifinire ancora un po’ l’immagine.

Per questo c’è l’ultima sezione del pannello, in cui giocheremo con colori, luce e composizione (da dove è scattata l’immagine, il tipo di obiettivo, ecc.):

Consiglio:

Devi sapere che questi dettagli, soprattutto la composizione, avranno più impatto sulla nostra immagine:

• Se abbiamo aggiunto uno sfondo reale, a differenza di questo esempio in cui cerco uno sfondo neutro.
• E soprattutto se non stiamo usando un’immagine di riferimento, che elimina molte di queste sfumature.

Passo 7: scaricare l’immagine

Una volta ottenuta l’immagine desiderata, non devo fare altro che scaricarla da qui:

Ma con mia sorpresa, aprendola vedo questo:

Ohhhh.

Tutto questo tempo a lavorare per ottenere un’immagine che non posso usare.

Fantastico.

Tranquillo, ci sono diverse soluzioni e tra un attimo ti spiego quali.

Prima però vediamo altri casi d’uso, perché anche lì incontreremo lo stesso problema.

Riempimento generativo

Se torniamo alla home di Adobe Firefly e scegliamo l’opzione Generative fill , avremo la possibilità di caricare una nostra immagine (cosa che non era possibile con la generazione di immagini) oppure lavorare con una di quelle proposte:

Caso d’uso 1: eliminare elementi da un’immagine

Caricherò il mio subacqueo e selezionerò lo strumento remove:

Ora, con il pennello della barra degli strumenti in basso impostato su "Add", eliminerò gli elementi che non voglio nell’immagine:

Potrei dover ripetere questa operazione un paio di volte:

Finché non otteniamo finalmente qualcosa di decente e utilizzabile:

Non preoccuparti per la macchia rossa sullo sfondo, tra poco la faremo sparire.

È chiaro che chi sa usare Photoshop ha più possibilità, ma per chi non lo usa questa funzione dello strumento sarà molto utile.

Perché, anche se in questo caso voglio eliminare la filigrana, in una qualsiasi foto delle nostre ultime vacanze posso eliminare "comparse" indesiderate.

Oppure in qualche selfie di gruppo posso essere molto cattivo e far finta che quella persona chenonmipiacetroppo non sia mai stata lì.

Te la lascio così.

Caso d’uso 2: cambiare lo sfondo di un’immagine

Bene, una volta eliminata la filigrana come ti ho appena spiegato (altre opzioni più avanti), clicco su "background" per eliminare lo sfondo:

Ecco fatto, ora abbiamo l’immagine senza sfondo:

E aggiungo lo sfondo che voglio scrivendo il prompt. Per esempio, uno sfondo sottomarino:

Lo metto nella giungla:

O a New York:

Not bad, vero?

Creare illustrazioni direttamente con lo sfondo

Ora che conosci queste possibilità, voglio dirti che in realtà sarebbe stato mooolto più semplice creare lo sfondo direttamente con lo strumento di generazione delle immagini, per esempio come in questi due casi:

Il cui prompt è:

"Diver in a bright blue submarine suit, with a black diving suit covering his face completely, against a dark and terrifying background of the deep sea.".”

In grassetto puoi vedere come gli dico che voglio lo sfondo dell’immagine.

Più veloce e più facile, quindi a seconda di ciò che mi serve sceglierò il metodo lungo e manuale oppure quello rapido e automatico.

Creazione di un’illustrazione o composizione complessa

La possibilità di eliminare gli sfondi o aggiungerne altri alle nostre immagini è utile in diverse circostanze.

Una di queste è quando devi creare una composizione complessa con elementi diversi e sfondi.

Nel nostro esempio, immagina di voler aggiungere altri due subacquei a destra o a sinistra del protagonista e un calamaro gigante dietro. Oltre allo sfondo marino, ovviamente.

Quindi dovrei fare questo:

1. Creare ogni elemento separatamente con Firefly, come abbiamo visto nel passaggio precedente.
2. Eliminare lo sfondo di ciascuno, come abbiamo visto.
3. Creare la composizione in Photoshop e salvarla.

Per ottenere qualcosa del genere:

Un’"illustrazione" che qualsiasi illustratore professionista vedrà chiaramente avere un enorme margine di miglioramento.

Ma ho visto copertine di videogiochi peggiori.

E, cosa più importante: è stata realizzata in meno di dieci minuti.

Veri.

Partendo da zero.

Almeno a me sembra incredibile il rapporto risultato / tempo..

E Firefly ci permette di eseguire due dei tre passaggi – creare tutti gli elementi per un’illustrazione / composizione professionale e isolarli dallo sfondo – MOLTO rapidamente.

Per la prima volta nella storia, il limite è davvero la nostra creatività..

Non le nostre capacità di design o ritocco.

Non il tempo disponibile.

La nostra immaginazione. Semplice e chiaro.

Variazioni di colore nei vettori ed effetti di testo

Firefly ha altre due funzioni che non ho ancora usato.

Una è quella di creare variazioni di colore nelle illustrazioni vettoriali..

Anche qui l’uso è molto semplice: carichi un SVG e scrivi il prompt oppure utilizzi il pannello delle opzioni:

L’altra funzione disponibile è la creazione di effetti di testo.

Suppongo che prima o poi la userò per qualche banner o altro formato, ma per ora posso solo dirti che, per usarla, basta scrivere la parola o il testo e selezionare l’effetto.:

Con questo chiudiamo i casi d’uso di Firefly, ma promessa è debito…

Come eliminare la filigrana di Firefly

Prima di iniziare, ritengo necessario ripetere che le immagini generate con Adobe Firefly sul suo sito NON sono concesse in licenza per uso commerciale.

Possiamo farlo? Sì, ma a nostro rischio e pericolo.

Bene, oltre a questo devi sapere che ogni volta che scarichiamo un’immagine dalla piattaforma, questa filigrana verrà aggiunta nell’angolo in basso a sinistra.

Sia che creiamo un’immagine da zero, sia che usiamo il riempimento generativo per eliminare o cambiare sfondi.

Ma ci sono modi per evitarla se vogliamo usare le immagini a fini commerciali.

Cominciamo dal più semplice.

#1. Ritagliando l’immagine

Ovvio, no?

Scarico l’immagine completa e poi la ritaglio in Photoshop o in uno strumento simile per lasciare fuori la filigrana:

Se ricordi, nel passo 3 del tutorial definivamo il formato. E allora ti avevo detto che c’erano due fattori da tenere presenti nella scelta:

• Il formato che volevamo per l’immagine.
• La filigrana.

Perché, per esempio, se vogliamo un’immagine quadrata per un post su Instagram, possiamo scegliere un formato orizzontale ("landscape" o "widescreen") e poi ritagliarlo come nell’immagine qui sopra.

La filigrana resterà fuori dalla composizione finale.

Ingrandire il ritaglio

Se, una volta ritagliata, l’immagine è troppo piccola per ciò che ci serve, possiamo sempre ricorrere a Waifu per ingrandirla.

È uno strumento che uso continuamente per queste cose, perché raddoppia (o quadruplica) un’immagine con una perdita di qualità molto inferiore rispetto alla concorrenza attuale.

E in più è gratuito e molto semplice da usare:

1. Selezionare l’immagine.
2. Scegliere le impostazioni.
3. Scaricare.

#2. Modificando l’immagine

Forse il metodo più ovvio e il primo che ci viene in mente.

Ma naturalmente esistono un paio di approcci diversi con questa tecnica.

Con Firefly stesso

Come abbiamo fatto nel tutorial sul riempimento generativo con il braccio del subacqueo.

Il metodo più semplice, anche se non sempre valido.

Con Photoshop (o simili)

Se sai modificare le immagini, forse partirai direttamente da qui:

Copia, incolla, timbro clone, riempimento in base al contenuto, ecc.

Oltre al nostro arsenale abituale, le versioni in abbonamento di Photoshop aggiungono il riempimento generativo di Firefly, quindi abbiamo in un solo strumento i due metodi di cui stiamo parlando.

Ideale.

#3. Fare uno screenshot completo o parziale

Passiamo a metodi più fantasiosi ma molto semplici.

Una volta creata l’immagine in Firefly, invece di cliccare su scarica e far aggiungere la filigrana, puoi fare un’altra cosa: fare uno screenshot totale o parziale della finestra del browser.

Una volta ottenuto lo screenshot, puoi rifinire il ritaglio in Photoshop o in uno strumento simile, con due vantaggi:

• L’immagine ottenuta in questo modo ha già una risoluzione superiore rispetto all’immagine scaricata.
• Inoltre potrai utilizzare l’immagine completa, senza filigrana nell’angolo.

È sempre molto utile, ma ancora di più se hai un monitor 4k, perché la risoluzione dello screenshot sarà enorme e andrà bene perfino per progetti destinati alla stampa (che richiedono una risoluzione maggiore rispetto ai formati digitali).

#4. Ispettore degli elementi

Un metodo simile al precedente, ma un po’ meno manuale e più techie..

Consiste nel fatto che, una volta generata l’immagine che vogliamo, invece di fare uno screenshot come prima, cerchiamo il file originale dell’immagine nel codice, così da poterlo salvare sul nostro PC.

Per prima cosa apriamo l’inspector facendo clic destro nella zona ombreggiata accanto all’immagine, perché se clicco direttamente sull’immagine non si apre (Adobe vuole renderci le cose un pochino più difficili, com’è logico):

Poi bisogna trovare il file sorgente dell’immagine. Ti servirà conoscere un po’ di HTML, ma non è difficile:

Faccio clic destro sul percorso dell’immagine nell’HTML e seleziono "apri in una nuova scheda":

Questo apre l’immagine in una nuova scheda del browser, con una risoluzione più che interessante e senza filigrana. A quel punto posso salvarla normalmente sul computer:

Questa è l’ultima tecnica che conosco per scaricare immagini da Adobe Firefly senza filigrana.

Come vedi, sono diverse e uso l’una o l’altra a seconda del caso. Abituati a tutte e la filigrana non sarà mai più un problema.

Dopo aver dato una bella occhiata allo strumento, possiamo iniziare a trarre qualche conclusione. Ma prima…

Vantaggi di usare Adobe Firefly

In questo strumento vedo fondamentalmente tre vantaggi rispetto ai suoi concorrenti.

Per cominciare, uno dei principali è che è gratuito.

E senza limiti di generazione o download. Almeno, per ora.

Non è che Midjourney sia eccessivamente caro – anzi –, ma se vuoi solo immagini molto occasionali, beh, qualcosa risparmi.

Il secondo vantaggio che vedo è che è potente e allo stesso tempo semplice.

In altre parole, ottenere buoni risultati è relativamente facile e il pannello laterale aiuta.

Altri strumenti come Stable Diffusion sono sì molto potenti – soprattutto nelle versioni più recenti – ma hanno una curva di apprendimento più ripida. Con Firefly, invece, ottieni risultati molto buoni fin dall’inizio usando prompt semplici e il pannello laterale.

L’ultimo vantaggio evidente che vedo è che, grazie a questo pannello laterale, è possibile generare uno stile proprio delle immagini. Se uso sempre gli stessi stili ed effetti – una combinazione che genera immagini con una certa personalità – potrò mantenere coerenza lungo tutto un progetto (immagini per un sito web, illustrazioni o materiali di comunicazione per un cliente).

Svantaggi di Adobe Firefly

Ma naturalmente non poteva essere tutto positivo.

Anche questa IA ha i suoi punti deboli. E non sono certo lievi:

Per cominciare, la piattaforma web non consente l’uso commerciale delle immagini generate.

Puoi farlo, certo, ma rischi una multa. Quindi decidi tu.

In questo senso, la seconda complicazione deriva dalla filigrana che viene aggiunta a ogni creazione.

Ho spiegato i modi che conosco per aggirare questo problema, ma resta comunque una seccatura.

Il successivo punto negativo è che, in molti casi, non gestisce ancora bene la generazione di volti e mani, producendo immagini corrette nel complesso ma con queste parti deformate. Quindi, se succede, bisogna modificare il prompt e pregare.

In questo senso, anche se è potente, credo che sia ancora un piccolo passo indietro rispetto all’ultimo modello di Midjourney, che oltre a migliorare queste deformazioni di dita e occhi genera immagini con un pizzico di qualità in più.

Infatti, se la confrontiamo con quello strumento, vediamo che Firefly manca di alcune funzionalità, perché non è in grado di:

• Generare interfacce web.
• Generare loghi decenti.
• Copiare lo stile di artisti riconosciuti.
• Usare un’ immagine esterna come riferimento.

Sono tutte funzionalità molto utili che Midjourney ha e Firefly, per ora, no.

Infine, un paio di dettagli minori:

Ho verificato che Firefly non riesce a riconoscere alcuni concetti complessi come "monocolo" all’interno di una composizione. E non è perché il prompt sia complesso: se sostituisci quella parola con "occhiali", la riconosce e la usa senza problemi.

Mi sono imbattuto in diversi casi del genere e cercare alternative è scomodo o, in alcuni casi, semplicemente impossibile.

Detto questo, questi concetti, scritti da soli, riesce a usarli, quindi immagino sia solo questione di tempo prima che li riconosca anche nel contesto.

Infine, si può aggiungere che, per ora, puoi usare solo prompt in inglese.

Non è una cosa che succede soltanto con Firefly, ma succede; se vogliamo usare prompt complessi e non ce la caviamo bene con la lingua di Shakespeare, dovremo ricorrere a traduttori esterni.

Conclusioni finali

Dopo aver spiegato gli usi di base dello strumento, con vantaggi e svantaggi, la conclusione a cui arrivo è che, se gli svantaggi non sono un problema – e per molti non lo saranno –, ci troviamo davanti a un ottimo strumento.

Uno di quelli che cambiano le regole del gioco.

Ma naturalmente dovremo aspettare che Adobe lanci la sua versione commerciale per privati – ha già un’opzione per le aziende – per vedere il costo e valutare se ne valga davvero la pena oppure se siano più convenienti la concorrenza a pagamento (Midjourney) o quella gratuita (Stable Diffusion).

Per ora ti consiglio di iniziare a smanettarci, perché potresti davvero ricevere una piacevolissima sorpresa.