Adobe Firefly: tutorial

Com o surgimento de Dall-E, , Midjourney e Stable Diffusion a Adobe – o gigante da criação de conteúdo digital – percebeu o perigo: sua posição podia ficar seriamente ameaçada.

Porque, se com algumas linhas de texto podíamos criar qualquer tipo de imagem (fotorrealista, ilustração, interfaces de produtos digitais…), para que iríamos usar a sua suite de ferramentas?

Por isso, começou a trabalhar nas suas próprias ferramentas de geração de conteúdo com IA e lançou duas inicialmente (há várias outras a caminho):

• O preenchimento generativo no Photoshop.
• Adobe Firefly: o gerador de imagens a partir de texto (e mais umas coisinhas).

Neste artigo vou falar sobre esta última.

De como se tornou uma ferramenta extremamente útil para o meu trabalho do dia a dia.

Vou explicar como abordo alguns casos de uso bastante frequentes.

Assim, se você também executa tarefas semelhantes, pode adicioná-la ao seu arsenal e avaliar seu uso diante de outras possibilidades.

Por isso, comecemos pelo princípio.

O que é o Adobe Firefly?

Firefly é o nome que a Adobe deu à sua inteligência artificial generativa, que nos permitirá, a partir de um texto (prompt), criar imagens do zero, retocar ou modificar as existentes, criar vídeos e editá-los facilmente ou criar vetores a partir de esboços.

Como você pode ver, é bastante completa e vai além do que, atualmente, oferecem alternativas como Stable Diffusion ou Midjourney, para citar as duas mais populares.

Além disso, uma vantagem de ser da Adobe é estar integrada nas suas ferramentas de edição, como Photoshop ou Illustrator..

Mas, para quem não utiliza essas ferramentas, também tem a sua própria plataforma web, permitindo que qualquer pessoa a use de forma independente.

E é essa plataforma que vou explicar.

Usos do Adobe Firefly

Antes de tudo, a primeira coisa que você precisa fazer é entrar na ferramenta e criar uma conta gratuita se ainda não tiver uma.

Uma vez lá dentro, você pode ver que, atualmente, a ferramenta tem seis tipos de uso. Quatro já funcionam e dois estarão disponíveis em breve:

Vamos rever cada um e ver o que nos pode oferecer.

Text to image

O primeiro é talvez o mais conhecido e habitual.

É a concorrência direta do Midjourney ou Dall-E: um gerador de imagens através de prompts.

Ou seja, escrevemos um texto -em inglês- e a ferramenta o transforma em várias imagens, para escolhermos a que mais gostamos ou irmos alterando o texto até conseguirmos o que queremos.

Modo de uso

Ao entrar nesta funcionalidade, abre-se um carrossel com scroll infinito de imagens geradas com a ferramenta.

Se passarmos o mouse sobre alguma delas, o prompt que a gerou será exibido:

Embora possamos clicar em qualquer uma para abrir o gerador, o ideal é dedicar alguns segundos a procurar uma imagem que tenha um estilo ou tom semelhante ao que procuramos – ainda que a própria imagem represente um conceito diferente –, porque isso nos poupará tempo nas tarefas de edição.

Vou explicar com um exemplo:

Imaginemos que preciso de um mergulhador como motivo central para uma ilustração do fundo do mar.

Passo 1: seleção da imagem inicial

Olho e vejo isto:

Para a ilustração que tenho em mente, isto encaixa:

• O enquadramento frontal.
• O estilo de realismo fantástico da imagem.
• A iluminação e os tons de cor.

Por isso, clico nela e abre-se o gerador, onde posso ver o prompt utilizado e modificá-lo, juntamente com os estilos da imagem:

Passo 2: ajustar o prompt para obter uma imagem base

A primeira coisa que posso fazer é modificar o prompt para que se ajuste à minha ideia.

Se não souber muito bem como explicar em inglês o que quero, posso usar um tradutor online como DeepL para isso:

Depois, colo-o no Firefly e gero os resultados:

Pshhhhh…

Sim, é aquilo que lhe pedimos, mas, sinceramente, está longe do que eu procurava. Por isso, toca a afinar um pouco a geração da imagem.

Posso fazer principalmente duas coisas:

#1. Usar uma imagem de referência

Para isso, a partir da página com os resultados fraquinhos, volto atrás com a seta do navegador até chegar ao meu koala espacial inicial.

Neste ponto, escolho a imagem de que mais gosto e a uso como modelo a partir do ícone dos três pontinhos que aparece no canto superior direito ao passar o mouse sobre a imagem:

Apesar da deformação do rosto, os resultados começam a ficar (um pouco) melhores para o meu objetivo:

Algumas curiosidades aqui:

• A mais evidente é que o Firefly usou a forma das orelhas do koala para desenhar os tubos de ar.
• As imagens são mais realistas do que fantásticas porque indiquei que queria conteúdo do tipo "foto". Agora vamos rever este ponto.
• Estou escolhendo um fundo neutro para depois mostrar um uso completo da ferramenta, mas, na realidade, se precisasse apenas da ilustração do mergulhador, criaria o fundo aqui mesmo.
• Podemos escolher o peso da imagem de referência original através do slider que aparece quando clicamos nessa imagem. Em geral, 50% dará os melhores resultados:

De qualquer forma, como ainda não estou satisfeito com os resultados, vou explicar o segundo método de melhoria.

#2. Modificar o prompt

É a outra opção para melhorar os resultados iniciais. E, além disso, é muito mais simples.

Se trocar o prompt acima por: "Cyberpunk diver in bright blue submarine suit, face covered, on a neutral background", os resultados são bastante melhores para o meu objetivo:

Aqui a coisa muda.

As duas imagens da direita, sobretudo a de cima, poderiam funcionar para mim e eu poderia usá-las como referência..

Que é, de fato, o que vou fazer. Vai ser meu ponto de partida..

Passo 3: seleção do formato

Fundamental por dois motivos:

1. Tem de se ajustar à minha ilustração.
2. Ao exportar, o Firefly adiciona uma marca d’água à imagem que vai estragar a composição (se não tivermos previsto isso de antemão).

Mais adiante explico como lutar contra o segundo problema, mas, por enquanto, fiquemos com o primeiro.

No painel da direita temos todas as opções de conteúdo.

A primeira é escolher o formato (ratio):

Escolheremos o que mais nos interessar para a composição que temos em mente.

Pode ser escolhido ou alterado depois, mas você precisa saber que a imagem gerada será modificada (no nosso exemplo, o mergulhador). Ou seja, não muda apenas o formato: ao regenerar a imagem, ela não será igual e mudará em maior ou menor grau, então recomendo escolher isso agora.

Vou manter o formato quadrado, que é muito versátil.

Passo 4: escolher o tipo de imagem

Logo abaixo do formato é onde começamos a dar à imagem o tom que queremos.

Por predefinição, conforme o prompt, o Firefly interpreta as conotações que queremos dar à imagem: esse "cyberpunk" do meu exemplo orienta o resultado, por exemplo.

Para começar, decidiremos se aquilo de que precisamos é:

#1. Uma foto

Como você pode ver, o estilo original ("None") não muda muito.

#2. Um "gráfico"

Que é a versão em ilustração ou design "digital" da imagem anterior.

#3. Um estilo artístico.

Em contraste com o anterior, esta ilustração tem um caráter muito mais pictórico ou artístico. Mais "analógico", se preferires.

Como você pode ver, já estamos refinando bem mais o tipo de imagem que queremos. Mas espere, ainda há bastante coisa.

Passo 5: definir o estilo

No meu caso, vou usar fotografia porque, como disse no início, procuro um estilo de realismo fantástico, por isso quero que a imagem inicial, a base, seja realista.

Agora é altura de aplicar o tom fantástico, por isso vamos fazer um pouco de magia.

A primeira coisa é clicar no botão "All" para ver todas as possibilidades, que não são poucas:

Você tem diferentes "movimentos", "temas", "técnicas", "efeitos", "materiais" e "conceitos" para experimentar.

E você pode combiná-los entre si.

Então faça isso.

Experimente.

Teste.

Divirta-se.

Isso sim, como conselho, eu diria para aplicar as diferentes seleções uma a uma, para poder verificar o impacto de cada uma na imagem.

É a forma de manter algum controle, porque, se você aplicar várias ao mesmo tempo, não saberá qual delas dá à imagem o efeito de que gosta:

Isso sim, é importante saber que os estilos aplicados à imagem serão MUITO afetados se você estiver usando uma imagem de referência.

Este é o resultado de usar o mesmo prompt e os mesmos efeitos SEM usar uma imagem de referência:

Passo 6: cor e tom, o retoque final

Já quase temos o nosso protagonista, mas queremos polir ainda mais a imagem.

Para isso temos a última secção do painel, onde vamos brincar com as cores, a luz e a composição (de onde é tirada a imagem, o tipo de lente, etc.):

Conselho:

Você precisa saber que esses detalhes, sobretudo a composição, terão mais impacto na nossa imagem:

• Se tivermos adicionado um fundo real, ao contrário deste exemplo em que procuro um fundo neutro.
• E, sobretudo, se não estivermos usando uma imagem de referência, que elimina muitas dessas nuances.

Passo 7: baixar a imagem

Quando eu tiver a imagem desejada, basta baixá-la daqui:

Mas, para minha surpresa, ao abri-la vejo isto:

Ohhhh.

Todo este tempo a trabalhar para conseguir uma imagem que não posso usar.

Que maravilha.

Calma, isso tem várias soluções; já explico quais em um instante.

Mas antes, vamos ver outros casos de uso, porque também neles vamos encontrar o mesmo problema.

Preenchimento generativo

Se voltarmos à página inicial do Adobe Firefly e escolhermos a opção Generative fill , teremos a opção de fazer upload de uma imagem nossa (algo que não era possível na geração de imagens) ou poderemos trabalhar com uma das imagens sugeridas:

Caso de uso 1: eliminar elementos de uma imagem

Vou fazer upload do meu mergulhador e selecionar a ferramenta remove:

Agora, com o pincel da caixa de ferramentas inferior no modo "Add", vou eliminando os elementos que não quero na imagem:

É possível que tenha de repetir esta opção duas ou três vezes:

Até finalmente conseguirmos algo decente e utilizável:

Não se preocupe com a mancha vermelha do fundo; daqui a pouco vamos fazê-la desaparecer.

É claro que, para quem domina Photoshop, as possibilidades aumentam, mas, para quem não domina, esta opção da ferramenta será muito útil.

Porque, embora neste caso eu queira eliminar a marca d’água, numa qualquer fotografia das nossas últimas férias posso eliminar "figurantes" indesejados.

Ou em alguma selfie de grupo posso ser bem maldoso e fingir que aquela pessoa dequemnaogostomuito nunca esteve ali.

Fica a ideia.

Caso de uso 2: alterar o fundo de uma imagem

Bem, depois de eliminar a marca d’água como acabei de explicar (mais opções depois), clico em "background" para remover o fundo:

Pronto, já temos a imagem sem fundo:

E adiciono o fundo que quiser escrevendo o prompt. Por exemplo, um fundo submarino:

Coloco-o na selva:

Ou em Nova Iorque:

Not bad, não é?

Criar ilustrações diretamente com fundo

Agora que você conhece essas possibilidades, quero comentar que, na realidade, teria sido muuuuito mais simples criar o fundo com a ferramenta de geração de imagens, por exemplo como nestes dois casos:

Cujo 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.".”

Em negrito, você pode ver como digo que quero o fundo da imagem.

Mais rápido e mais fácil; por isso, dependendo do que precisar, optarei pelo método longo e manual ou pelo rápido e automático.

Criação de ilustração ou composição complexa

A possibilidade de eliminar fundos ou adicionar outros às nossas imagens é útil em diferentes circunstâncias.

Uma delas é quando você precisa criar uma composição complexa com diferentes elementos e fundos.

No nosso exemplo, imagina que quero adicionar outros dois mergulhadores à direita ou à esquerda do protagonista e uma lula gigante atrás. Além do fundo marinho, claro.

Então, aquilo que teria de fazer:

1. Criar cada elemento separadamente com Firefly, como vimos no passo anterior.
2. Remover o fundo de cada um deles, como vimos.
3. Criar a composição no Photoshop e salvar.

Para conseguir algo assim:

Uma "ilustração" que qualquer ilustrador profissional verá claramente que tem uma enorme margem de melhoria.

Mas já vi capas de videojogos piores.

E, o mais importante: foi feita em menos de dez minutos.

A sério.

A partir do zero.

Pelo menos para mim, a relação resultado / tempo é incrível..

E é que o Firefly permite executar dois dos três passos -criar todos os elementos para uma ilustração / composição profissional e conseguir isolá-los do fundo- de forma MUITO rápida.

Pela primeira vez na história, o limite é, de verdade, a nossa criatividade..

Não as nossas capacidades de design ou retoque.

Não o tempo disponível.

A nossa imaginação. Pura e simplesmente.

Variações de cores em vetores e efeitos de texto

O Firefly tem outras duas funcionalidades que ainda não usei.

Uma delas é criar variações de cor em ilustrações vetoriais..

O uso, mais uma vez, é muito simples: você faz upload de um SVG e escreve o prompt ou usa o painel de opções:

A outra funcionalidade disponível é criar efeitos de texto.

Suponho que algum dia vou usá-la em algum banner ou outro tipo de formato, mas, por enquanto, só posso dizer que, para usá-la, basta escrever a palavra ou o texto e selecionar o efeito.:

Com isto fechamos os casos de uso do Firefly, mas promessa é dívida…

Como remover a marca d’água do Firefly

Antes de começar, considero necessário repetir que as imagens geradas com Adobe Firefly no site NÃO têm licença para uso comercial.

Podemos fazê-lo? Sim, mas por nossa conta e risco.

Além disso, você precisa saber que sempre que baixarmos uma imagem da plataforma, essa marca d’água será adicionada no canto inferior esquerdo.

Quer criemos uma imagem do zero, quer usemos o preenchimento generativo para remover ou alterar fundos.

Mas há formas de evitá-la se quisermos usar as imagens para fins comerciais.

Comecemos pela mais simples.

#1. Através do recorte da imagem

Óbvio, não é?

Baixo a imagem completa e depois faço um recorte no Photoshop ou em algo semelhante para deixar a marca d’água de fora:

Se você se lembra, no passo 3 do tutorial definíamos o formato. Naquela hora eu disse que havia dois fatores a considerar ao escolhê-lo:

• O formato que queríamos para a imagem.
• A marca d’água.

Porque, por exemplo, se quisermos uma imagem quadrada para uma publicação no Instagram, podemos escolher um formato horizontal ("landscape" ou "widescreen") e depois fazer um recorte como o da imagem acima.

A marca d’água ficará fora da composição final.

Ampliar o recorte

Se, depois do recorte, a imagem ficar pequena demais para o que precisamos, sempre podemos recorrer ao Waifu para ampliá-la.

É uma ferramenta que uso constantemente para estas coisas, porque amplia uma imagem para o dobro (ou para o quádruplo) com uma perda de qualidade muito inferior à da concorrência atual.

E ainda por cima é gratuita e muito simples de usar:

1. Selecionar a imagem.
2. Escolher as definições.
3. Baixar.

#2. Através da edição da imagem

Talvez seja a forma mais óbvia e a primeira que nos vem à cabeça.

Mas, claro, há algumas abordagens diferentes com esta técnica.

Através do próprio Firefly

Como fizemos no tutorial do preenchimento generativo com o braço do mergulhador.

A forma mais fácil, embora nem sempre seja válida.

Através do Photoshop (ou semelhante)

Se você sabe editar, talvez comece diretamente por aqui:

Copiar, colar, carimbo de clonagem, preenchimento sensível ao conteúdo, etc.

Além do nosso arsenal habitual, as versões por assinatura do Photoshop adicionam o preenchimento generativo do Firefly, o que reúne em uma única ferramenta as duas formas de que estamos falando.

Ideal.

#3. Fazer uma captura de tela completa ou parcial

Vamos agora para métodos mais imaginativos, mas muito simples.

Depois de criar a imagem no Firefly, em vez de clicar em baixar e deixar que ele adicione a marca d’água, você pode fazer outra coisa: fazer uma captura total ou parcial da janela do navegador.

Depois de fazer essa captura, você pode refinar o recorte no Photoshop ou em uma ferramenta semelhante, com duas vantagens:

• A imagem obtida dessa forma já tem, por si só, mais resolução do que a imagem baixada.
• Além disso, será possível usar a imagem completa, sem marca d’água no canto.

Isso é sempre muito útil, mas ainda mais se você tiver um monitor 4K, porque a resolução da captura será enorme e servirá até para designs destinados à impressão (que exigem maior resolução do que os formatos digitais).

#4. Inspetor de elementos

Método semelhante ao anterior, mas um pouco menos manual e mais techie..

O método consiste em, depois de gerar a imagem que queremos, em vez de fazer uma captura como antes, procurar o arquivo original da imagem no código para poder salvá-lo no PC.

A primeira coisa é abrir o inspetor clicando com o botão direito na área sombreada ao lado da imagem, porque, se eu fizer isso sobre a própria imagem, ele não abre (a Adobe quer dificultar um pouquinho as coisas, como é lógico):

Depois, é preciso procurar o arquivo-fonte da imagem. Você vai precisar saber um pouco de HTML para isso, mas não é difícil:

Clico com o botão direito sobre o caminho da imagem no HTML e seleciono "abrir em uma nova aba":

Isso abre a imagem em uma nova aba do navegador, com uma resolução bastante interessante e sem marca d’água. Depois já posso salvá-la normalmente no computador:

Esta é a última técnica que conheço para baixar imagens do Adobe Firefly sem marca d’água.

Como você pode ver, são diferentes e uso uma ou outra conforme cada caso. Familiarize-se com todas e a marca d’água nunca mais será um problema.

Depois de revermos bem a ferramenta, já podemos começar a tirar algumas conclusões. Mas antes…

Vantagens de usar Adobe Firefly

Nesta ferramenta vejo essencialmente três vantagens em relação aos seus concorrentes.

Para começar, uma das principais é que é gratuita..

E sem limite de geração ou descarga. Pelo menos, por enquanto.

Não é que o Midjourney seja excessivamente caro -muito pelo contrário-, mas, se você só quiser imagens pontuais, bem, sempre economiza alguma coisa.

A segunda vantagem que vejo é que é potente e, ao mesmo tempo, simples..

Ou seja, conseguir bons resultados é relativamente fácil e o painel lateral ajuda.

Outras ferramentas como Stable Diffusion são muito potentes – sobretudo nas versões mais recentes – mas têm uma curva de aprendizado mais acentuada. No Firefly, por outro lado, com prompts simples e o painel lateral, você consegue resultados muito bons desde o primeiro momento.

A última vantagem clara que vejo é que, graças a este painel lateral, é possível gerar um estilo próprio de imagem. Se eu usar sempre os mesmos estilos e efeitos – uma combinação que gere imagens com certa personalidade –, poderei manter a coerência ao longo de todo um projeto (imagens para um site, ilustrações ou peças de comunicação para um cliente).

Desvantagens do Adobe Firefly

Mas, claro, nem tudo podia ser positivo aqui.

Esta IA também tem os seus pontos fracos. E não são nada pequenos:

Para começar, a plataforma web não permite o uso comercial das imagens geradas.

Você pode fazer isso, claro, mas corre o risco de levar uma multa. Então a decisão é sua.

Nesse sentido, a segunda complicação vem da marca d’água que é adicionada a cada criação.

Expliquei as formas que conheço de evitar esse problema, mas ele não deixa de ser um incômodo.

O próximo ponto negativo que vejo é que, em muitos casos, o Firefly ainda não resolve bem a geração de rostos e mãos. As imagens podem estar corretas no geral, mas essas áreas ficam deformadas. Se for esse o caso, é hora de modificar o prompt e rezar.

Neste sentido, embora seja potente, acho que ainda está um pequeno passo atrás do último modelo do Midjourney, que, além de melhorar essas deformações nos dedos e olhos, gera imagens com um pouco mais de qualidade.

De fato, se compararmos com essa ferramenta, vemos que o Firefly carece de algumas funcionalidades, já que não consegue:

• Gerar interfaces web.
• Gerar logotipos decentes.
• Copiar o estilo de artistas reconhecidos.
• Usar uma imagem externa como referência.

São todas funcionalidades muito úteis que o Midjourney tem e o Firefly, por enquanto, não.

Por último, alguns detalhes menores:

Verifiquei que o Firefly não consegue reconhecer alguns conceitos complexos como "monóculo" dentro de uma composição. E não é porque o prompt seja complexo: se você trocar essa palavra por "óculos", ele a reconhece e usa sem problemas.

Encontrei vários casos assim e a busca por alternativas é incômoda ou, simplesmente, nem existe.

Dito isto, estes conceitos, quando escritos separadamente, ele consegue utilizá-los, por isso suponho que seja apenas uma questão de tempo até os reconhecer.

Por último, vale acrescentar que, por enquanto, você só pode usar prompts em inglês.

Não é algo que aconteça apenas com o Firefly, mas acontece e, se quisermos usar prompts complexos e não dominarmos muito bem a língua de Shakespeare, teremos de recorrer a tradutores externos.

Conclusões finais

Depois de explicar os usos básicos da ferramenta, com suas vantagens e desvantagens, chego à conclusão de que, se as desvantagens não forem um problema -e para muitos não serão-, estamos diante de uma excelente ferramenta.

Uma daquelas que mudam as regras do jogo.

Mas, claro, teremos de esperar que a Adobe lance a sua versão comercial para particulares -já tem uma opção para empresas- para ver o custo e avaliar se vale realmente a pena ou se a concorrência paga (Midjourney) ou gratuita (Stable Diffusion) compensa mais.

Por enquanto, recomendo começar a experimentar a ferramenta, porque ela realmente pode trazer uma surpresa bastante agradável.