> 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/portugues/3-guia-avancado/3-4-guia-do-canvas.md).

# 3-4 Guia do Canvas

SeaArt Canvas: Crie pôsteres de e-commerce impressionantes com IA! Este guia explora edição em tempo real, geração de fundo e integração perfeita de produtos.

> O SeaArt Canvas é dividido em Tela em Tempo Real (Realtime Canvas) e Tela de Geração (Generate Canvas).
>
> Na **Tela em Tempo Real**, podemos visualizar os resultados das imagens em tempo real e fazer ajustes para resolver os problemas 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 no canvas, permitindo utilizar facilmente funções de IA como repintura parcial e apagamento nas imagens.

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

## Fundo 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 IA para gerar imagens e adicionar materiais inspiradores. Abra o SeaArt Canvas, selecione <mark style="background-color:yellow;">**“Tela de geração” e “+Canvas”**</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 "Txt2Img" 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 no canvas, 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 Canvas - 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> à esquerda e selecione a função <mark style="background-color:yellow;">**"Upload de Produto"**</mark>. Após o envio da imagem do produto, o sistema realizará 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á no canto superior esquerdo do canvas, com resolução máxima de saída de até 1024x1024 pixels. Abaixo está a caixa de prompts, 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 Redução de Ruído (recomendado definir em 0,7), semente (-1)**</mark>, etc., para otimizar o efeito da geração. Em seguida, 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="SeaArt Canvas - Realtime Canvas - Adjust Final Effect "><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.

No <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"**</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", selecione a imagem salva e adicione ao canvas.

Neste ponto, você pode <mark style="background-color:yellow;">**reduzir a Força de Redução de Ruído**</mark> para preservar mais detalhes da imagem de fundo original. Como pode ver, através do canvas, 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: Aprimorando a Qualidade da Imagem

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

Abra <mark style="background-color:yellow;">**Apps de IA - Oficial - Apps de IA Rápida de SeaArt**</mark> e selecione o <mark style="background-color:yellow;">**AI Melhorador de Imagens**</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%2FHcscKntu3x5ntGDz5jof%2F328%20-%20SeaArt%20Swift%20AI%20-%20Ampliador%20de%20Imagem%20por%20IA.png?alt=media&amp;token=3e5dd454-9b85-4e0c-9167-d05197e10f05" 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%2FwcHEXeqOxGzPwY6kVum7%2F329-SeaArt%20Canvas%20-%20Realtime%20Canvas%20-%20Ajustar%20Par%C3%A2metros%20Espec%C3%ADficos.png?alt=media&amp;token=b485ef26-a000-44f6-8926-03f20799b296" 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="SeaArt Canvas - Final Result"><figcaption></figcaption></figure>

Com o avanço e inovação contínuos 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. Isso irá agilizar ainda mais o processo de design e aumentar a eficiência criativa.