Alura > Cursos de Inteligência Artificial > Cursos de IA para UX & Design > Conteúdos de IA para UX & Design > Primeiras aulas do curso IA no Photoshop: criando e editando imagens

IA no Photoshop: criando e editando imagens

Organização geral - Apresentação

Olá, tudo bem?! Sou o Felipe Labouriau, designer e instrutor da Alura.

Acessibilidade: Sou um homem de pele branca, cabelos pretos, utilizo bigode e estou vestindo uma camiseta preta. Estou gravando o vídeo do meu quarto, que tem uma iluminação com gradiente rosa para o azul. Na parede, à minha esquerda, há um quadro.

Quero te convidar a participar do curso de IA no Photoshop: Edição e criação de imagens. Conheceremos uma nova ferramenta que a Adobe (desenvolvedora do Photoshop) está lançando: a Generative Fill. Com ela, é possível usar textos para gerar imagens.

Por exemplo, a imagem a seguir não era assim originalmente.

Fotografia (altura dos ombros para cima) de um homem negro, que está sorrindo, vestindo uma camiseta preta, usando uma máscara de mergulho e submerso na água do mar que vai até o nariz. Nesta água, há algumas bolhas, peixes e símbolos em branco, quase transparentes, do universo da tecnologia, como engrenagem, código e celular. Ao fundo, céu azul com nuvens e bastante luminosidade solar.

O homem da imagem não era um mergulhador. Ele não estava usando nem a máscara, nem a roupa de mergulho. O fundo também não era um céu azul com nuvens. Tudo isso foi criado com inteligência artificial. Via prompt, isto é, de um texto, conseguimos gerar uma imagem.

Durante o curso, estudaremos técnicas e ferramentas que se valerão tanto da inteligência artificial, quanto de técnicas tradicionais do Photoshop com as quais geraremos um banner digital. A inteligência artificial deixará todo o processo criativo mais fácil, além de nos auxiliar na personalização das nossas criações.

As inteligências artificiais do Photoshop, diferentemente de outras que funcionam online, permitem a personalização. Significa que conseguimos controlar os nossos resultados de forma muito mais precisa.

Para aproveitar bem o curso, é importante que você já conheça o Photoshop, pois ele não será apresentado do zero. Estamos considerando que você já conheça o básico da ferramenta para que seja capaz de fazer seleções, utilizar o pincel e personalizar o projeto.

A partir disso, exploraremos bastante a inteligência artificial, não só no Photoshop, na fase criativa, como na fase “anteprojetual”. Antes de iniciarmos o projeto de fato, podemos usar o ChatGPT para um orçamento ou cronograma.

Espero que você tenha gostado da nossa proposta. Vamos nos dedicar à inteligência artificial, principalmente à ferramenta Generative Fill que, com certeza, vai revolucionar o mercado de edição e criação de imagens.

Até mais!!

Organização geral - Visão geral

Olá! Boas-vindas a mais um curso da Alura!

Neste vídeo, vamos conversar sobre tudo que será feito durante o curso. A proposta, conforme dito no vídeo de apresentação, é trabalharmos no software Adobe Photoshop, o principal programa do mercado de design para edição de imagens .

A versão de testes do Adobe Photoshop agora oferece uma ferramenta generativa chamada Generative Fill ou "Preenchimento Generativo". Com ela, por meio de prompts (textos), é possível gerar imagens e obter entregas que podem ser editadas durante o processo criativo ou personalizadas com muito mais liberdade do que em outras ferramentas que já existem no mercado, como o Midjourney.

No Photoshop, encontraremos todos os conteúdos da imagem abaixo, separados de modo que podemos editá-los, alterá-los, refazê-los conforme nosso interesse.

Fotografia (altura dos ombros para cima) de um homem negro, que está sorrindo, vestindo uma camiseta preta, usando uma máscara de mergulho e submerso na água do mar que vai até o nariz. Nesta água, há algumas bolhas, peixes e símbolos em branco, quase transparentes, do universo da tecnologia, como engrenagem, código e celular. Ao fundo, céu azul com nuvens e bastante luminosidade solar.

Por meio da inteligência Generative Fill, geraremos a máscara de mergulho, por exemplo. Originalmente, o homem que aparece na foto não era um mergulhador. Ele não tinha a máscara e nem a roupa de mergulho, na verdade, usava um suéter branco e estava em um fundo branco.

A inteligência artificial, ferramenta que o Photoshop inclusive tinha antes da Generative Fill, nos ajudará a remover o fundo da imagem. Com técnicas tradicionais do Photoshop, comporemos uma cena que faça sentido, isto é, que fique visualmente coerente.

Além disso, poderemos gerar imagens do zero, com elementos como a roupa e a máscara de mergulho, nuvens no fundo, dentre outros. Até mesmo o céu azul pode ser gerado.

Durante o processo criativo, vamos entender quando é interessante gerar imagens por meio da inteligência artificial e quando o melhor é agregar imagens que já existem.

A Generative Fill, com certeza, vai revolucionar o mercado de edição e criação de imagens, porque, em uma fase de testes, já apresenta uma capacidade incrível: além de criar imagens, consegue interpretar a cena e alterar as imagens que já existem, por exemplo, criando o reflexo da máscara de mergulho na água.

Há alguns anos, as camadas foram uma revolução na edição de imagens. Agora, a Generative Fill casua o mesmo impacto para a criação e composição de imagens.

Vamos tratar da inteligência artificial no processo criativo de edição e criação de imagens, em um fluxo que faça sentido, agregando essa ferramenta e técnicas mais tradicionais.

Também usaremos o ChatGPT para nos ajudar tanto a ter um orçamento para criação do projeto e criação de um cronograma das atividades, tanto para organização, quanto para interação com clientes.

Vamos gerar uma imagem que poderia estar na plataforma da Alura e conversaremos sobre os parâmetros técnicos necessários para que isso aconteça, ou seja, para que a imagem seja agregada ao cenário, em uma página responsiva.

Portanto, nossa criação será sempre guiada por um objetivo que é gerar imagens com inteligência artificial.

Em resumo, trabalharemos no Photoshop, explorando ao máximo as ferramentas e técnicas que usam a inteligência artificial, tanto as que já existiam no software, quanto a Generative Fill que ainda será lançada na sua versão final.

Espero que você tenha gostado da proposta. Nos encontramos logo mais!!

Organização geral - Orçamento e cronograma com IA

Vamos começar nosso curso pela fase anteprojetual, ou seja, pelas atividades que antecedem a criação do banner digital. Em um projeto de design, essa fase é traduzida principalmente em dois momentos:

Usaremos o ChatGPT para que seja mais fácil preparar um orçamento e um cronograma. Talvez, o ChatGPT seja a inteligência artificial conversacional com maior destaque atualmente. Funciona assim: escrevemos um texto e o ChatGPT gera uma resposta, como se fosse uma pessoa conversando conosco.

A versão do ChatGPT que utilizaremos durante o curso é a 3, gratuita. Basta criar uma conta para utilizá-la. Mas, existe também a versão 4, que tem velocidade de processamento mais rápida. Tudo que o ChatGPT nos oferece provém de informações da nuvem da internet.

O ChatGPT nos avisa que seu conhecimento vai até 2021. Então, se fizermos alguma pergunta que tenha acontecido depois de 2021, ele não terá essas informações.

A diferença fundamental do ChatGPT para o Google, por exemplo, que é uma ferramenta de pesquisa, é que o Google apresenta resultados da web a partir de uma pergunta que fazemos.

Então, se perguntarmos ao Google quais são os melhores softwares de edição de imagens, ele entregará sites com listas dos melhores softwares de edição de imagens. O Google não oferece uma resposta assertiva, não diz quais são os softwares. Vamos fazer a mesma pergunta ao ChatGPT e conferir o que acontece.

Você poderia me dizer quais são os melhores softwares de edição de imagem? 

Certamente! Existem muitos softwares de edição de imagem disponives, cada um com suas próprias características e especialidades. Aqui estão alguns dos melhores softwares de edição de imagem amplamente utilizados e bem conceituados:

1- Adobe Photoshop: Photoshop considerado o padrão da indústria para edição de imagens e oferece uma ampla gama de recursos avançados. Ele é usado por profissionais em diversas Armas, desde fotografia a design grático.

2- Adobe Lightroom: Esse software & especialmente popular entre fotógrafo, po oferece uma gama completa de ferramentas de edição e organização de fotos em um único pacote.

3- GIMP O GIMP: é uma opção de código aberto e gratuita que oferece recursos avançados de edição de imagem. É uma alternativa vivel ao Photoshop para aqueles que não desejam investir em software comercial.

4- Affinity Photo: É um software de edição de imagem profesional que oferece recursos poderosos e uma interface intuitiva. E uma alternativa mais acessiva Photoshop, com uma única compra em vez de uma assinatura.

5- Capture One: Esse software é amplamente utilizado por fotógrafos profissionais, especialmente aqueles que trabalham com imagens RAW Ele oferece terramentas avançadas de processamento e organização de imagens.

6- Corel PaintShop Pro: O PaintShop Pro é uma opção popular que oferece uma ampla gama de recursos de edição de imagem, incluindo ferramentas de retoque, ajute de cor e composição.

7- Canva: Embora não seja tão avançado quanto os outros mencionados, o Canva é uma terramenta popular para edição de imagem online, especialmente para criação rápida de designa e gráficos para mídias sociais.

(...)

O ChatGPT gera um texto explicativo e uma lista com um pequeno resumo do que os softwares fazem. Há uma grade diferença em relação ao Google. Enquanto no Google acessamos a página e realizamos a filtragem das referências, o ChatGPT é muito mais diretivo. Ele entrega o resultado.

É preciso ter cuidado, porque, assim como o Google, o ChatGPT é uma ferramenta. Não necessariamente tudo que o ChatGPT gera está correto ou pode ser copiado de maneira integral. Ainda é importante fazer uma filtragem. Vamos entender como o ChatGPT pode nos ajudar a preparar um orçamento.

Para isso, podemos tanto uma nova pergunta, quanto um chat novo. É possível ter diferentes conversas e um histórico separado do que conversamos com o ChatGPT. Para encontrar essas conversas, basta apertar o botão "Show sidebar" que está no canto superior esquerdo. Apertando "New chat", abriremos uma nova conversa.

Nesta nova conversa, poderíamos escrever:

Eu gostaria de um orçamento para criação de um banner digital.

É importante oferecer o maior número de informações possível ao ChatGPT, assim ele terá uma base de dados comparativa maior para gerar uma resposta mais assertiva.

Por isso, é interessante dizer não só "Eu gostaria de um orçamento para criação de um banner digital", mas também o que está previsto no briefing.

Em relação ao nosso briefing, o banner que criaremos para a página da Alura, faz parte do trabalho: "escolher e editar imagens, selecionar a tipografia e organizar o layout". Vamos adicionar essas informações ao prompt e conferir o resultado que o ChatGPT entregará.

Eu gostaria de um orçamento para criação de um banner digital. Faz parte do trabalho: escolher e editar imagens; selecionar a tipografia; e organizar o layout. 

Claro! Posso ajudá-lo a fornecer um orçamento aproximado para a criação de um banner digital. No entanto, é importante mencionar que como sou um modelo de linguagem baseado em texto, não posso realizar tarefas de edição de imagens diretamente. Posso fornecer orientações e sugestões relacionadas à tipografia, layout e design em geral.

O preço da criação de um banner digital pode variar dependendo da complexidade do design, do tamanho do banner, do tempo necessário para pesquisa e seleção de imagens, e da quantidade de alterações solicitadas. Além disso, o custo também pode depender da experiência e do localização geográfica do designer contratado.

Como referência, os preços para a criação de um banner digital podem variar entre US$ 50 e US$ 200, em média. Lembre-se de que esses valores são apenas uma estimativa aproximada e podem variar significativamente com base nos fatores mencionados anteriormente.

Recomendo entrar em contato com profissionais de design gráfico ou agências de design para obter orçamentos mais precisos e personalizados, levando em consideração todos os requisitos específicos do seu projeto.

Caso tenha alguma outra pergunta ou necessite de mais informações, estou à disposição!

O ChatGPT entregou um orçamento com valor: entre 50 e 200 dólares. Não era exatamente isso que esperávamos. Nossa intenção era obter um orçamento organizado em texto.

Então, vamos copiar o prompt que passamos anteriormente, colá-lo e complementá-lo.

Eu gostaria de um documento de orçamento para criação de um banner digital. Faz parte do trabalho: escolher e editar imagens; selecionar a tipografia; e organizar o layout. 

Precisamos elaborar bem as perguntas. Com essa mudança, vamos conferir qual resposta ele gera.

Desculpe pelo mal-entendido anterior. Vou fornecer um exemplo de documento de orçamento para a criação de um banner digital, levando em consideração a escolha e edição de imagens, seleção da tipogratia e organização do layout. Lembre-se de que os valorene detalhes do orçamento são fictícios e devem ser justados de acordo com as suas necessidades reais.

Orçamento: Criação de Banner Digital

Cliente: [Nome do cliente] Data: [Data do orçamento]

Descrição do Projeto: Necessitamos da criação de um banner digital para [descreva o propósito ou evento do banner]. O banner será utilizado em [local ou plataforma de exibição], com as seguintes especificações técnicas: [tamanho do banner, resolução formato de arquivo etc.].

Requisitos do Projeto:

1- Escolha e edição de imagens adequadas ao tema e propósito do banner.

2- Seleção de tipografia apropriada para transmitir a mensagem do banner.

3- Organização layout criativos atraentes coerentes com a identidade visual de marca/empresa.

(...)

O ChatGPT se desculpou pelo equívoco e forneceu um exemplo de documento com organização das informações que gostaríamos. Mais uma vez, é preciso lembrar que o ChatGPT gera respostas a partir do que perguntamos.

A estrutura de orçamento que o ChatGPT gerou é bastante interessante! Ela é composta por cabeçalho, nome do cliente, data, descrição do projeto, requisitos, escopo do trabalho e itens incluídos no orçamento: pesquisa e seleção de imagens; design e layout; tipografia; entrega do arquivo final.

Em "Pesquisa e seleção de imagens", ele fala em "navegação e pesquisa em bandos de imagens relevantes", "escolha de [número estimado] de imagens para o banner" e "Edição básica das imagens selecionadas". Será que é necessário trazer esse detalhe? Nós estamos interessados em fazer uma "edição básica"?

Começamos a notar que o ChatGPT forneceu uma estrutura, isto é, uma descrição de como podemos organizar o orçamento, e agora cabe a nós realizar edições e adaptações no outro ambiente do que de fato desejamos preparar.

Então, vamos selecionar, copiar o texto e colá-lo em um documento de texto. O próximo passo é escolher as informações que de fato são necessárias dentre os itens incluídos no orçamento.

Navegação e pesquisa em bancos de imagens relevantes.

Podemos manter este tópico, talvez não escrito desta maneira. Podemos substituir para "Pesquisa em bancos de imagens relevantes".

Escolha de [número estimado] de imagens para o banner.

Não é necessário escolher um número. Então, ficará "Escolha das imagens para o banner".

Edição básica das imagens selecionadas (recorte, ajuste de cores, etc.)

Não faremos uma edição básica, mas, sim, criar um banner. Então, não é necessário dizer quais são as edições. Por isso, a frase ficará assim "Edição das imagens selecionadas".

Portanto, é recomendável fazer uma filtragem, partindo da estrutura que o ChatGPT fornece. Em "Custos", por exemplo, não é necessário indicar e precificar cada uma das etapas, já que entregaremos o projeto uma vez só. Então, podemos deletar o texto gerado em "Custos" pelo ChatGPT e inserir o valor que julgarmos interessante.

Nas "Condições de pagamento", podemos acordar receber 50% (cinquenta por cento) do valor antes e 50% depois. A "Validade do Orçamento" é uma informação interessante, porque se o cliente demorar a responder, o projeto ficar parado por meses e for retomado depois, o preço talvez seja diferente.

Agora, vamos pedir que o ChatGPT gere um cronograma. A importância de ter um cronograma é que o cliente pode perguntar, por exemplo, sobre a extensão de um prazo: "Por que 7, 5 ou 3 dias?". Com o cronograma, podemos mostrar a esse cliente todas as etapas a serem feitas.

Em um novo chat, vamos escrever:

Eu gostaria de um documento de cronograma para criação de um banner digital. Faz parte do trabalho: escolher e editar imagens; selecionar a tipografia; e organizar o layout. 

Claro! Abaco está um exemplo de cronograma para a criação de um banner digital, incluindo a seleção e edição de imagens, a escolha da tipografia e a organização do layout. Lembre-se de adaptar esse cronograma de acordo com sua necessidades e prazos específicos:

1.- Definição de Objetivos Requisitos (1 dia)

2- Pesquisa e Coleta de Referências (1-2 dias)

3- Esboço e ideação (1-2)

4- Seleção de Imagens (1-2 dias)

5- Edição de Imagens (1-3 dias)

(...)

O ChatGPT terminou de gerar o cronograma. Demorou muito mais tempo que o pedido de orçamento para o banner, porque isso pode variar conforme o fluxo que a ferramenta está enfrentando online.

De qualquer maneira, o resultado ficou muito bom! Tanto o passo a passo, quanto a definição de objetivos e requisitos, pesquisa e coleta de referências, esboço e ideação, seleção e edição de imagens, escolha da tipografia, organização do layout, revisão de ajustes, finalização e exportação, bem como as descrições de todas as etapas.

Não quer dizer que precisamos utilizar todos esses itens. Ele funciona especialmente para quem está começando na área e quer entender como se organizar melhor, inclusive como passar um prazo. Junto a cada uma das etapas, o ChatGPT gerou um número de dias.

Neste vídeo, entendemos como a inteligência artificial, o ChatGPT especificamente, pode ajudar na fase anteprojetual, assim, conseguimos nos organizar com um documento de orçamento bem estruturado e um cronograma. A partir dos documentos gerados pela IA, filtramos o que é importante.

Nos encontramos no próximo vídeo!!

Sobre o curso IA no Photoshop: criando e editando imagens

O curso IA no Photoshop: criando e editando imagens possui 125 minutos de vídeos, em um total de 43 atividades. Gostou? Conheça nossos outros cursos de IA para UX & Design 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:

Aprenda IA para UX & Design acessando integralmente esse e outros cursos, comece hoje!

Conheça os Planos para Empresas