> For the complete documentation index, see [llms.txt](https://docs.seaart.ai/guide-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.seaart.ai/guide-1/pt/5-exemplos-praticos/poster-de-e-commerce.md).

# Pôster de E-commerce

Crie pôsteres de e-commerce impressionantes com facilidade! Aproveite as ferramentas com IA do SeaArt Canvas para criar visuais cativantes e elevar sua marca.

> O SeaArt Canvas é dividido em Canvas em Tempo Real e Canvas de Geração.
>
> Na **Tela em Tempo Real**, podemos visualizar os resultados das imagens em tempo real e fazer ajustes para resolver questões incontroláveis da geração de imagens por IA.
>
> Na **Tela de Geração**, podemos usar diretamente a função de geração de imagens na tela, permitindo o uso prático de funções de IA como repintura parcial e apagamento em imagens.

O SeaArt [Canvas](https://www.seaart.ai/pt/editBoard) oferece envolvimento profundo no processo de design, com capacidades de desenho por IA altamente controláveis que transformam sua imaginação em realidade. A seguir, vamos experimentar a funcionalidade do SeaArt Canvas através de um exemplo prático de pôster de e-commerce.

## Contexto do Produto

<figure><img src="https://content.gitbook.com/content/H71dO7TuUPMHtPY8Ra8I/blobs/9c9VprWlHus0wpvcR5xp/%E4%BA%A7%E5%93%81.png" alt="Product Background" width="188"><figcaption></figcaption></figure>

【Nova Atualização · Experiência Suprema】O XS4 é um controle de jogos meticulosamente projetado, utilizando a mais recente tecnologia e materiais premium para proporcionar uma experiência de jogo sem precedentes. Seu design ergonômico garante uma pegada confortável mesmo durante longas sessões de jogo, enquanto botões responsivos e joysticks precisos garantem operação exata a cada comando.

【Ampla Compatibilidade】Seja PC, PS4, Xbox ou Switch, este controle multiplataforma é perfeitamente compatível. Sem necessidade de configurações complicadas, é plug-and-play, permitindo que você aproveite a diversão dos jogos a qualquer hora e em qualquer lugar.

【Durabilidade Prolongada】Com uma bateria interna de alta qualidade, suporta até 30 horas de jogo contínuo, garantindo sessões ininterruptas. Seu tratamento de superfície altamente resistente ao desgaste e estrutura robusta asseguram que o controle suporte o uso diário.

【Desempenho Profissional】Seja para entretenimento casual ou jogos competitivos, este controle oferece desempenho de alto nível. Feedback de vibração aprimorado e botões programáveis adicionam mais diversão e profundidade estratégica à sua experiência de jogo.

## Considerações Iniciais

**I.** Como o controle pertence à categoria de produtos de jogos e tecnologia, isso pode remeter a conceitos como ficção científica, alta tecnologia e mundos alienígenas. Com essas direções em mente, podemos usar a IA para gerar imagens e adicionar materiais inspiradores. Abra o SeaArt Canvas, selecione <mark style="background-color:yellow;">**Tela de Geração**</mark>, insira os prompts na caixa de geração de imagens, escolha <mark style="background-color:yellow;">**4**</mark> para o número de imagens e deixe as outras opções nos parâmetros padrão. Clique em Gerar Imagens para obter as imagens geradas.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FOmg8jtFDIpVsfG9PVOIP%2F318-SeaArt%20Canvas%20-%20Controle.png?alt=media&amp;token=f5db797d-af5a-4048-913c-de3da32b71cb" alt=""><figcaption></figcaption></figure>

**II.** Neste modo, as imagens geradas permanecerão na tela, permitindo que você continue gerando imagens ao mover a caixa de geração, como se estivesse desenhando em um caderno de esboços. Você pode excluir imagens desnecessárias e manter as úteis como referência para ajustar os parâmetros de imagem de forma mais intuitiva.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2F4XzT9EeulWu6Xph2KdEz%2F319-SeaArt%20Canvas%20-%20Ajustar%20Par%C3%A2metros%20da%20Imagem.png?alt=media&amp;token=feae0acf-2b00-463c-9625-d6efeb86a09b" alt=""><figcaption></figcaption></figure>

**III.** Depois de selecionar as imagens de referência, podemos passar para o próximo passo, que é usar a <mark style="background-color:yellow;">**Tela em Tempo Real**</mark> para adicionar fundos ao produto.

<figure><img src="https://content.gitbook.com/content/H71dO7TuUPMHtPY8Ra8I/blobs/h7as9DSOJFVbussYY6J1/%E7%94%9F%E6%88%903.png" alt="SeaArt AI Realtime Canvas" width="563"><figcaption></figcaption></figure>

## Tela em Tempo Real

### Passo 1: Enviar o Produto

Clique na opção <mark style="background-color:yellow;">**"Produto"**</mark> no lado esquerdo e selecione a função <mark style="background-color:yellow;">**"Upload de Produto"**</mark>. Após o envio da imagem do produto, o sistema fará automaticamente o recorte para garantir que a imagem do produto permaneça clara e precisa durante o processo de desenho.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FnyH4PJr0rIkxRKTRSNjs%2F321-.png?alt=media&amp;token=bdef5f76-995d-47d2-a8f9-a3f9ecb6ab92" alt=""><figcaption></figcaption></figure>

A ferramenta de ajuste de escala está disponível no canto superior esquerdo da tela, com resolução máxima de saída de até 1024x1024 pixels. Abaixo está a caixa de prompt, onde podemos inserir os prompts das imagens de referência anteriores.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FcJ5CrJL7edqVgzYwPItA%2F322-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Ajuste%20de%20Escala.png?alt=media&amp;token=8e688ea9-6c7f-460f-abe2-d218620f74a2" alt=""><figcaption></figcaption></figure>

### Passo 2: Gerar Fundo

Em seguida, vamos começar a gerar o fundo para o produto. Selecione a ferramenta <mark style="background-color:yellow;">**Lápis simples**</mark> na barra de ferramentas e use as opções suspensas para ajustar o tamanho e a cor do pincel. O botão de camadas no canto inferior esquerdo permite ajustar a ordem de cada camada, gerenciando de forma flexível a sobreposição entre elas.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FDdBE1iJkJ9d5Mfmpx8H1%2F323-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Gerar%20Fundo.png?alt=media&amp;token=db1f0c6e-4ff9-48f6-bb9b-70b3a72b4048" alt=""><figcaption></figcaption></figure>

Antes de iniciar o processo de geração, ajuste os parâmetros relevantes como <mark style="background-color:yellow;">**Força de Denoising (recomendado definir em 0,7), seed (-1)**</mark>, etc., para otimizar o efeito da geração. Depois, clique no botão <mark style="background-color:yellow;">**"Iniciar/Parar"**</mark> para começar a geração.

Ajuste o efeito final da imagem aumentando ou diminuindo traços e prompts. Quando obtiver a imagem desejada, clique no botão de download no canto superior direito para salvar a imagem.

<figure><img src="https://content.gitbook.com/content/H71dO7TuUPMHtPY8Ra8I/blobs/Inkdr52DcXLqpPNbMqZ6/Rainbow%20%C3%97%20SeaArt%20AI%20(4).png" alt="Adjust the Final Effect of the Image"><figcaption></figcaption></figure>

**Mesclar Fundo**

Além de desenhar o fundo manualmente, também podemos usar diretamente as imagens de referência anteriores como fundo. O SeaArt Canvas pode integrar perfeitamente o produto ao fundo.

Na <mark style="background-color:yellow;">**"Tela de Geração"**</mark>, clique com o botão direito na imagem selecionada e escolha "<mark style="background-color:yellow;">**Salvar em Meus Arquivos".**</mark>

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FNhvyLfWtdsiC93aM2Fds%2F325-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Salvar%20em%20Meus.png?alt=media&amp;token=9dacc09a-a9d5-432e-addf-9b5559358dff" alt=""><figcaption></figcaption></figure>

Mude para o <mark style="background-color:yellow;">**"Tela em Tempo Real"**</mark>, clique em "Meus Arquivos", selecione a imagem salva e adicione-a à tela.

Neste ponto, você pode <mark style="background-color:yellow;">**reduzir a Força de Denoising**</mark> para preservar mais detalhes da imagem de fundo original. Como pode ver, através da tela, podemos integrar perfeitamente o produto ao fundo, criando um efeito visual natural e harmonioso.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FYrwK5nItMvHrsxNxhn6H%2F326-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Reduzir%20a%20For%C3%A7a%20de%20Redu%C3%A7%C3%A3o%20de%20Ru%C3%ADdo.png?alt=media&amp;token=38b3cad0-0261-457f-96e9-df04506c66ef" alt=""><figcaption></figcaption></figure>

### Passo 3: Melhorando a Qualidade da Imagem

Devido à limitação de tamanho da tela, também precisamos aprimorar a qualidade da imagem final.

Abra <mark style="background-color:yellow;">**Apps de IA**</mark> e selecione o <mark style="background-color:yellow;">**AI Melhorador de Imagem.**</mark>

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FA25X90AIYU3DsthEhqGj%2F327%20-%20SeaArt%20Swift%20AI.png?alt=media&amp;token=6a0f694e-d9bb-4dae-9205-780af3c83acd" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FN0vS93NsxW358i9fwlnP%2F328%20-%20SeaArt%20Swift%20AI%20-%20Ampliador%20de%20Imagem%20por%20IA.png?alt=media&amp;token=4cad3e98-f29e-454e-821d-71c467419943" alt=""><figcaption></figcaption></figure>

Importe a imagem que precisa de aprimoramento e ajuste os parâmetros específicos conforme necessário.

<figure><img src="https://2001975340-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FH71dO7TuUPMHtPY8Ra8I%2Fuploads%2FPF0KqpxOz6PpFafAbjA3%2F329-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Ajustar%20Par%C3%A2metros%20Espec%C3%ADficos.png?alt=media&amp;token=234ce7f3-e2b2-4e81-a07a-8cc5e87ebf0a" alt=""><figcaption></figcaption></figure>

### Passo 4: Resultado Final

Por fim, edite a imagem aprimorada e adicione as descrições de texto necessárias. Nosso pôster de e-commerce está pronto.

<figure><img src="https://content.gitbook.com/content/H71dO7TuUPMHtPY8Ra8I/blobs/3yiJbXkF1WsKCmksHQPS/278304b1-04a7-4a7a-86b6-b16a2e653ea0.png" alt="E-commerce Poster by SeaArt AI "><figcaption></figcaption></figure>

Com o avanço contínuo e a inovação da tecnologia de IA, futuras versões do SeaArt Canvas trarão recursos ainda mais inteligentes, como análise de imagem mais profunda e algoritmos de geração aprimorados. Isso irá simplificar ainda mais o processo de design e aumentar a eficiência criativa.