Nano Banana e Flow: Criação e edição de imagens com IA

Estruturando a campanha - Apresentação

Apresentando o instrutor e o curso

Olá! Meu nome é Bruno Cruz, sou especialista em Motion Design, edição de vídeo e desenvolvimento de videogames. Tenho 15 anos de carreira trabalhando em agências de publicidade, estúdios de videogames, produtoras e diversas empresas do nicho corporativo.

Audiodescrição: Bruno é um homem negro de pele clara, com cabelo curto, barba curta, usa óculos quadrados e veste uma camiseta amarela.

Introduzindo as ferramentas de inteligência artificial

Neste curso, utilizaremos o Nano Banana, que é uma inteligência artificial da Google, para gerar e editar imagens. A Google oferece duas inteligências artificiais narrativas para imagem e vídeo: Nano Banana para imagem e V3 para vídeo. Essas inteligências artificiais são disponibilizadas ao público por meio de diferentes empresas, em diversos planos de assinatura. Ou seja, ao nos inscrevermos e pagarmos mensalmente, temos acesso a essas duas inteligências artificiais narrativas da Google, que, além disso, lideram o mercado. Também temos acesso a outras inteligências artificiais e a uma biblioteca de mídia com vídeos e imagens prontas que podemos usar em nosso processo de criação de publicidade e campanhas de marketing. No entanto, a Google também oferece sua própria ferramenta para utilizar essas duas inteligências artificiais que ela fornece.

Explicando o uso da ferramenta Flow

A ferramenta que utilizaremos se chama Flow. É possível acessá-la por meio de um plano gratuito ou de um plano pago. A diferença é que, como o Flow pertence ao Google, as novidades incorporadas nessas ferramentas de inteligência artificial aparecem primeiro no Flow e, posteriormente, podem ser desenvolvidas por outras empresas. Portanto, ao dominar o Flow e possuir uma conta gratuita nessa ferramenta, teremos acesso em primeira mão a todas as novidades nas ferramentas de IA do Google, que são líderes de mercado.

Desenvolvendo a campanha de marketing do Alvo Bank

Neste curso, utilizaremos o Flow para desenvolver a campanha de marketing de um banco fictício, o Alvo Bank, que estou apresentando no curso. Nesse contexto, desenvolveremos as imagens do cartão de crédito e as campanhas desse banco para diversos nichos, sejam eles sazonais ou não. Podemos trabalhar com uma campanha de Black Friday, talvez uma campanha de Páscoa, Dia das Mães, entre outras.

Estruturando projetos de marketing com inteligência artificial

Vamos compreender como levar toda essa experiência de interpretar um manual de marketing, interpretar um briefing (resumo) e transferir isso para a inteligência artificial. Dessa forma, por meio de projetos bem estruturados, poderemos construir as imagens que guiarão todas as campanhas necessárias. Além disso, traremos organização ao nosso projeto de inteligência artificial para que isso ocorra de maneira cada vez mais rápida e escalável.

Estruturando a campanha - Fluxo de criação visual com IA

Acessando e configurando o Flow

Para acessar o Flow, devemos ir ao Google e buscar o nome da ferramenta. O primeiro link que aparecerá já será o da ferramenta, e com isso teremos acesso ao Flow, que é a ferramenta aberta aqui. Vamos colocá-la em tela cheia. O Flow abrirá com vários projetos nos quais já trabalhamos; provavelmente, aparecerá com a tela vazia para quem está acessando pela primeira vez. O importante é entender que há um botão na parte inferior para criar novos projetos. Ao clicar nele, seremos levados a uma tela preta, que representa um novo projeto de geração de imagens. Todas as imagens que formos compondo neste projeto aparecerão nessa tela. Mesmo que voltemos à tela inicial, o novo projeto criado sempre será o primeiro a aparecer. O nome do projeto será automaticamente definido com a data e hora de criação. Podemos renomeá-lo clicando no ícone de lápis que aparece ao passar o cursor sobre o nome, permitindo editar o projeto. Neste caso, vamos chamá-lo de AlvoBank, que é o nome do banco com o qual trabalharemos. Ao clicar, abrimos o projeto novamente.

Preparando materiais e referências para o curso

Logo após este vídeo, teremos acesso à pasta de materiais do curso, onde já separamos algum conteúdo para seguirmos com a criação de nossos prompts (sugestões). Nessa pasta, temos o design frontal do cartão do banco, o design do verso, que são os designs normalmente produzidos para enviar à gráfica, onde o cartão será produzido. Também temos o logo do AlvoBank em PNG. Se tivermos uma conta na Adobe e quisermos modificar esse conteúdo, o arquivo editável do Illustrator também está disponível. Não é necessário fazer isso para seguir com o curso, mas está disponível caso haja interesse. Além disso, há uma pasta de referências que utilizaremos durante o curso. Essa pasta contém referências escolhidas para os prompts que faremos. Durante o curso, podemos trazer qualquer imagem que desejarmos para complementar nosso prompt.

Criando imagens no Flow

Como funciona a criação de imagens no Flow? Podemos simplesmente escrever nosso prompt na parte inferior e também trazer outras imagens de apoio para que a inteligência artificial entenda exatamente o que queremos da imagem. Ou seja, traremos imagens de referência que o Flow entenderá como ingredientes do prompt. Podemos anexá-las em momentos específicos do nosso prompt também.

Para ter acesso a essas imagens, primeiro vamos carregá-las. Vamos pegar todo o design que temos do cartão de crédito do banco e arrastar para a plataforma. As imagens estão sendo carregadas. Na pasta de referências, também vamos pegar uma referência de um cartão do Portobank, que encontramos no Google. Podemos conseguir essas imagens no Google Images, Pinterest ou qualquer ferramenta que sirva de apoio para trazer imagens de referência, que podem ser usadas no Flow. Não devemos ver isso como plágio, pois o projeto final será o que a inteligência artificial gerar, resultando em uma imagem totalmente nova a partir do prompt utilizado.

Desenvolvendo um prompt para o cartão de crédito

Vamos criar um prompt para começar a entender como a inteligência artificial trabalhará na geração deste cartão de crédito. Vamos escrever:

Faça a imagem do cartão de crédito da AlvoBank.

Esse é o início do nosso prompt. Agora, vamos adicionar as imagens de referência que carregamos. Primeiro, mencionamos a arte da frente do cartão:

alvoBank_Cartao_frente.jpg é a arte da frente do cartão.

Em seguida, adicionamos a arte do verso do cartão:

alvoBank_Cartao_verso.jpg é a arte do verso do cartão.

Com essas referências, a inteligência artificial saberá exatamente quais imagens utilizar para compor o cartão. Além disso, vamos especificar um detalhe importante sobre o acabamento do cartão:

O cartão tem um acabamento metálico, parecido com porto-bank-platinum-800x450.webp

Com isso, temos um prompt bastante objetivo: curto, sucinto, mas claro. Ele já sabe o que deve fazer e de onde retirar as referências, além de entender o que cada uma delas representa.

Avaliando e ajustando as imagens geradas

Ao clicar na flecha de confirmação do prompt, duas imagens serão geradas. Atualmente, a geração de imagens no Flow é gratuita, permitindo gerar duas, três ou quatro imagens ao mesmo tempo para garantir precisão. Cada imagem gerada pela Inteligência Artificial é única. Portanto, ao solicitar duas imagens simultaneamente, a probabilidade de sucesso com o prompt dobra. Embora leve mais tempo, pois está calculando duas coisas ao mesmo tempo, isso reduz o tempo necessário para retrabalhar e solicitar a geração de uma imagem por vez até obtermos uma imagem satisfatória.

As duas imagens geradas podem ser abertas para visualização. Uma delas trouxe o acabamento metálico, mas posicionou um chip em um local indesejado. Incluiu todas as informações de texto conforme estavam no design do cartão, mas o layout não ficou bom, pois a informação estava em vertical, e aqui foi feita uma faixa com o cartão deitado. Podemos clicar na seta para voltar e acessar a outra imagem para avaliação. Nesta, o cartão ficou mais correto, com o layout exatamente como no design, a faixa na posição correta, o texto bem posicionado e o acabamento conforme solicitado. Está muito bom, é exatamente o que precisamos.

Refinando o projeto e eliminando imagens inadequadas

A imagem que ficou boa será utilizada em outros prompts onde usaremos este cartão. Já a imagem que não ficou adequada pode ser eliminada clicando nos três pontinhos. Remover imagens que não ficaram boas no processo de criação torna o projeto mais preciso e limpo, ajudando a Inteligência Artificial a entender o contexto do que estamos pedindo. À medida que criamos novas imagens neste painel, todas dentro do contexto do projeto, a Inteligência Artificial compreenderá melhor o que está sendo solicitado. Portanto, ao surgirem imagens equivocadas, é recomendável eliminá-las para manter o projeto sempre limpo.

Isso é o Flow, e continuaremos estruturando mais assets para nossa marca, mas isso será abordado no próximo vídeo.

Estruturando a campanha - Padronizando a identidade visual

Discutindo a padronização de marca

Olá, estudantes. Neste vídeo, vamos discutir sobre a padronização de marca. Se vocês leram o guia de identidade visual, que estava antes deste vídeo, podem notar que a identidade visual do Alvo Bank possui detalhes em azul e uma predominância de branco e cinza. O nome "Alvo" significa puro, ou seja, é um banco que busca promover sua marca com base na transparência e na confiança do cliente.

Nosso objetivo aqui será criar uma biblioteca de imagens dessa cartão para agilizar processos de produção. Se já tivermos uma biblioteca com ela aparecendo várias vezes dentro da identidade visual do banco, sempre que surgir uma campanha que precise ser produzida rapidamente, já teremos a imagem pronta, sem a necessidade de gerá-la nos prompts. Além disso, ter uma lista de mockups, que é o que essa imagem realmente é, uma visualização do cartão, nos ajudará a construir prompts para outras campanhas onde o cartão não apareça sozinho. Portanto, é bom já termos um painel aqui, até mesmo para nos ambientarmos com a marca deste banco.

Criando visualizações do cartão

Primeiramente, queremos ter uma visualização perfeitamente frontal desse cartão. Ele colocou os dois cartões na tela, e podemos visualizar uma sombra que o verso do cartão está projetando sobre ele. Queremos uma visualização sem essa sombra e vamos buscar isso agora. Nosso prompt será uma arroba, a imagem dos cartões, e vamos descrever o que é. Trata-se de uma visualização do cartão do Alvo Bank, mostrando a frente e o verso do cartão com acabamento metálico. Estamos reforçando o óbvio? Sim, estamos reforçando o óbvio. Mas a inteligência artificial precisa disso para não gerar resultados inesperados. À medida que nosso prompt se torna vago, ela terá liberdade para fazer outras coisas e nos oferecerá, com certeza, resultados fora do padrão. Veremos mais sobre isso ao longo do curso.

Agora, precisamos ser específicos. Esta imagem é isso, e agora vamos explicar o que queremos. Vamos pular uma linha, até mesmo para estruturar este prompt para nós. Criem uma imagem da frente do cartão perfeitamente alinhada com a câmera, que, neste caso, é o ponto de vista do observador. De acordo com a arte, arroba, e então chamaremos a arte da frente do cartão. Porque ali a arte já está perfeitamente orientada para nós. Vamos pular outra linha. Mantemos shift e pressionamos "Enter" para pular a linha. Vamos pular essa linha e escrever: "A cartão estará sobre um fundo infinito branco, sem sombras projetadas." O que é esse fundo infinito branco? É esse branco perfeito aqui. Inclusive, é uma ferramenta de fotografia. Às vezes, coloca-se um pano branco, dobrado e iluminado de certa maneira, que parecerá que o pano não está lá. Se ocuparmos toda a imagem, teremos um fundo perfeitamente branco. No caso desta imagem que ele gerou, temos aqui um reflexo do branco aparecendo no chão. Isso é o que não queremos que aconteça. E também não queremos essa sombra projetada. A cartão estará sobre um fundo infinito branco, sem sombras projetadas. Feito isso, vamos pressionar "Enter", que é o mesmo que clicar naquela flechinha, e esperar as duas gerações de imagem que serão feitas para nós.

Analisando as imagens geradas

Perfeito, trouxe as duas imagens para nós. Uma foi com o cartão deitado, outra com o cartão em pé. Na imagem em que o cartão está deitado, o logo está disposto de uma forma diferente da arte, a assinatura da visão aqui também, e até mesmo o chip mudou de lugar. Por isso, vamos descartar essa imagem. Não nos serve. Esta ficou boa, mas temos a sombra projetada aqui embaixo, a qual dissemos que não queríamos. Está bem, podemos seguir com isso, mas no curso vamos mostrar como remover essa sombra também. Seguiremos com outras imagens que precisamos ter nessa biblioteca, porque essa imagem com a sombra é uma que podemos utilizar facilmente em qualquer outra peça, qualquer outro criativo que precise ser feito com os cartões.

Agora, vamos utilizar esta imagem que contém um acabamento e pouca sombra projetada no cartão, para fazer o prompt de outras formas em que deve aparecer. Por exemplo, coloquem o cartão do Alvo Bank, que cartão? Vamos pegar o cartão agora perfeitamente, de frente. Sendo segurado por uma mão. Ponto. Reforçando o óbvio, o antebraço deve aparecer no enquadramento. Ou seja, queremos que quando essa foto estiver enquadrada, mostre um pouco do antebraço também, não corte aqui no pulso. Gerou duas imagens. Em uma aparecem dois antebraços e uma única mão. Claro que essa não é a imagem que vamos usar, então já vamos clicar nos três pontinhos e eliminar. E gerou outra imagem aqui. Mas queríamos que aparecesse mais do antebraço, não apenas este pulso. Vamos tentar gerá-la novamente.

Reutilizando o prompt e ajustes

Neste caso, podemos reutilizar este prompt. Aqui em cima temos aquela flechinha curvada, que quando clicamos, o prompt que utilizamos aparece aqui. Igualzinho, estávamos usando a mesma imagem de referência. Colocamos o cartão do Alvo Bank, sendo segurado por uma mão, o antebraço deve aparecer no enquadramento. Agora vamos fazer uma modificação, que será na forma como está configurada nossa inteligência artificial. Se clicarmos nesse botão, ele nos trará este menu, que pergunta se queremos fazer imagem ou vídeo. Se mudarmos para vídeo, não será mais o NanoBanana que será usado, será o VO3, e o VO3 consome o crédito de IA. Portanto, não podemos fazer isso com uma conta gratuita do Google. O formato de imagem, se é horizontal ou vertical, quantas imagens queremos gerar, neste caso está marcado para usar duas, e qual IA estamos usando, que neste caso é o NanoBanana 2. O que faremos aqui será passar isso para quatro vezes. Então, vai gerar mais imagens e teremos mais opções para escolher com qual ficar e qual descartar também.

Vale a pena ressaltar que esta geração de imagens não custará créditos, ou seja, é gratuita. Aqui no NanoBanana 2, poderíamos mudar também para o NanoBanana Pro, mas o NanoBanana Pro está disponível apenas na assinatura Pro do Google. Se estivermos usando a geração gratuita, essa IA não poderá ser utilizada.

Diferença entre NanoBanana 2 e NanoBanana Pro

A principal diferença entre o NanoBanana 2 e o NanoBanana Pro é que o NanoBanana 2 é mais rápido, enquanto o NanoBanana Pro é mais preciso. O NanoBanana Pro demora mais para gerar a imagem, mas compreende melhor o prompt (comando) e, principalmente, entende melhor as imagens de referência. Se estivéssemos realizando este projeto inteiro com o NanoBanana Pro, provavelmente não teríamos problemas como a imagem da placa deitada ou um chip a mais. O resultado seria perfeito. No entanto, para manter este curso mais acessível, trabalharemos com o NanoBanana 2. Se alguém tiver acesso ao Pro, pode utilizá-lo também, sem problemas, pois a geração de imagem será mais precisa.

Análise das imagens geradas

Após essa escolha, o NanoBanana 2 gerou quatro imagens para nós com o mesmo prompt. Vamos analisá-las uma por uma. A primeira imagem tem quatro dedos, o que está correto. No entanto, há uma sombra projetada que não agradou muito, mas a manga e o tom de pele ficaram bons. Na segunda imagem, apareceu um antebraço adicional, o que não está correto, então vamos eliminá-la. A terceira imagem ficou muito boa, exceto pelo relógio que aparece. O relógio remete a uma pessoa com saúde financeira em ordem, o que não é o foco da proposta do AlvoBank, que visa atrair pessoas mais endividadas. Em termos de design, optaremos por algo menos ostentoso. Comparando essa imagem com outra gerada, a segunda é mais humana e permite maior empatia, além de possibilitar a inserção da marca de forma mais agradável.

Novo prompt e ajustes

Vamos criar um novo prompt utilizando uma imagem de referência. Abriremos a pasta de referências e utilizaremos um mockup de Neon. A imagem mostra a placa de Neon com fundo azul e uma interface de celular exibindo o aplicativo com uma foto e o nome de usuário Neon. Não gostamos do nome de usuário, pois nosso banco não utiliza isso. Além disso, a placa aparece com o nome real, LN11. Precisamos ajustar esses detalhes para não deixar o prompt vago. O fundo azul será alterado para branco, a placa de Neon será substituída pela do AlvoBank, e a interface do celular deve ser coerente com a identidade visual do AlvoBank.

Vamos arrastar a imagem e criar o prompt: "Faça um mockup da placa do AlvoBank baseado no mockup de Neon." Ao escrever isso, reforçamos a identidade da placa do AlvoBank. O fundo deve ser branco infinito, e a interface do aplicativo no celular deve remeter à identidade visual do AlvoBank. Um detalhe importante é que o celular deve estar completamente enquadrado na imagem, permitindo que possamos aplicar cortes posteriormente, se necessário. Vamos gerar apenas duas imagens para agilizar o processo.

Resultados e ajustes finais

As duas imagens geradas modificaram a placa e incluíram a conta do AlvoBank, um detalhe que não mencionamos no prompt. Ambas as imagens insistem em trazer uma sombra reflexiva. Vamos reaproveitar o prompt e fazer ajustes. A placa deve ter um layout vertical, e o nome na aplicação deve ser Rogério Borges, conforme a arte de referência. Não subiremos a arte do verso, pois o único detalhe relevante é o nome, e tememos que a inteligência artificial interprete informações adicionais de forma incorreta.

Ao falar sobre a diferença entre NanoBanana 2 e NanoBanana Pro, o impacto é exatamente esse: a refação do prompt é muito menor com o NanoBanana Pro, pois ele entende melhor a imagem e copia exatamente como é, além de compreender melhor as referências. Isso evita sombras projetadas no cenário.

As duas imagens finais ficaram interessantes, apesar do nome Rogério aparecer na frente da placa, o que foge um pouco da nossa proposta de arte. Em vez de propor uma nova criação desse mockup, vamos excluir as imagens que não funcionaram e editar a imagem gerada. Esse será o tema do nosso próximo vídeo.

Sobre o curso Nano Banana e Flow: Criação e edição de imagens com IA

O curso Nano Banana e Flow: Criação e edição de imagens com IA possui 133 minutos de vídeos, em um total de 35 atividades. Gostou? Conheça nossos outros cursos de IA para Criativos em Inteligência Artificial, ou leia nossos artigos de Inteligência Artificial.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

• Estruturando a campanha
• Criação de peças publicitárias
• Adaptação para outros formatos
• Finalização da campanha