# Guia de gradientes no Canva: o que pode fazer e onde acaba

[Canonical HTML page](https://gradiently.design/pt-pt/guide/canva-gradient)

O Canva torna fácil um gradiente em dois minutos. Veja como obter um bom, que códigos de cor colar e os limites honestos que vale a pena conhecer antes de construir uma marca inteira sobre ele.

## The short version

- O painel de cores do Canva oferece predefinições de gradiente e uma opção de gradiente personalizado que pode preencher o fundo de uma página ou muitas formas.
- Um gradiente personalizado no Canva permite definir as cores por código hex e escolher uma direção linear ou um estilo radial.
- Uma forma com gradiente e transparência reduzida sobre uma fotografia é a forma mais simples de fazer uma sobreposição de gradiente no Canva.
- Os gradientes do Canva são misturas planas de cor, por isso o grão, a textura e a luz suave têm de ser acrescentados com elementos separados.
- As predefinições de gradiente e os elementos da biblioteca são partilhados por todos os utilizadores do Canva, o que os torna práticos mas pouco distintivos.

Para fazer um **gradiente no Canva**, selecione o fundo da página ou uma forma, abra o painel de cores e escolha uma das predefinições de gradiente ou adicione uma nova cor e mude-a para gradiente. Pode escrever os códigos hex exatos de cada cor e escolher uma direção reta ou um estilo radial. Isso cobre bem a maioria dos fundos rápidos. O limite está na textura, na luz e na exclusividade: um preenchimento em gradiente é uma mistura plana que qualquer utilizador pode fazer, por isso um aspeto que tem de parecer seu exige mais do que o preenchimento.

O Canva atualiza o editor com frequência, por isso os nomes dos menus podem mudar ligeiramente. Os passos abaixo descrevem o percurso geral, que se tem mantido.

## Como fazer um gradiente personalizado no Canva

1. **Selecione o que preencher** Clique numa zona vazia da página para selecionar o fundo, ou clique numa forma dos Elementos. As fotografias seguem outro caminho, descrito abaixo.
2. **Abra o painel de cores** Clique no quadrado de cor na barra de ferramentas no topo. As predefinições de gradiente estão junto das cores por defeito.
3. **Crie o seu** Adicione uma nova cor e mude de sólida para gradiente. Clique em cada cor do gradiente e cole um código hex em vez de arrastar pelo seletor.
4. **Escolha o estilo** Escolha uma direção linear para uma varredura pelo design, ou radial para uma mancha de cor que se desvanece para fora. Um centro radial assenta bem num produto ou numa só palavra.
5. **Reutilize-o** Depois de aplicado, o gradiente costuma aparecer entre as cores do documento, por isso pode aplicá-lo a outras páginas e formas sem o refazer.

## Códigos de cor de gradiente para colar no Canva

O caminho mais rápido para um gradiente melhor são códigos de cor melhores. Os pares próximos na roda de cores misturam-se de forma limpa; as cores opostas ficam cinzentas no meio, o problema descrito em [gradientes lamacentos](https://gradiently.design/pt-pt/guide/muddy-gradients). Cada par abaixo usa duas cores relacionadas com uma diferença clara de luminosidade, o que dá profundidade sem lama.

- Índigo #1e1b4b a violeta #8b5cf6: `linear-gradient(135deg, #1e1b4b 0%, #8b5cf6 100%)`
- Verde-azulado #0f766e a menta #99f6e4: `linear-gradient(135deg, #0f766e 0%, #99f6e4 100%)`
- Ferrugem #9a3412 a alperce #fdba74: `linear-gradient(135deg, #9a3412 0%, #fdba74 100%)`
- Framboesa #be185d a rosado #fbcfe8: `linear-gradient(135deg, #be185d 0%, #fbcfe8 100%)`
- Mar profundo #0c4a6e a céu #38bdf8: `linear-gradient(135deg, #0c4a6e 0%, #38bdf8 100%)`
- Grafite #3f3f46 a pedra #e7e5e4: `linear-gradient(135deg, #3f3f46 0%, #e7e5e4 100%)`

Seis gradientes de duas cores com os respetivos códigos hex. Cole o primeiro código como cor inicial e o segundo como cor final. Para mais pares, veja [gradientes de duas cores](https://gradiently.design/pt-pt/guide/two-color-gradients).

## Gradientes em fotografias e como sobreposições

Para dar uma tonalidade a uma fotografia, adicione um quadrado dos Elementos por cima, estique-o para cobrir a imagem, dê-lhe um preenchimento em gradiente e reduza depois a transparência para a fotografia se ver. Um gradiente que vai de uma cor escura em baixo até totalmente transparente no topo é a forma clássica de abrir espaço para um título sobre uma imagem carregada. Para um tratamento de cor mais forte, a edição de fotografias do Canva inclui um efeito duotone, que mapeia os tons da imagem para duas cores; o [efeito duotone](https://gradiently.design/pt-pt/guide/duotone-effect) explica quando funciona.

| O que quer | Caminho no Canva | Cuidado com |
| --- | --- | --- |
| Um gradiente de página inteira | Cor de fundo e depois um gradiente | Bandas em misturas escuras depois de exportar |
| Uma forma ou mancha em gradiente | Forma dos Elementos e depois preenchimento em gradiente | Arestas duras parecem planas; suavize com elementos de desfocagem |
| Uma tonalidade sobre uma fotografia | Forma em gradiente por cima, transparência reduzida | Rostos com uma cor estranha |
| Uma fotografia a duas cores | Edição de fotografia, efeito duotone | Pares de baixo contraste que achatam o detalhe |
| Um aspeto já feito | Pesquisar gradiente nos Elementos | Outras pessoas a usar o mesmo gráfico |

Cinco trabalhos comuns com gradientes no Canva, a forma habitual de fazer cada um e o que mais vezes corre mal.

## Onde acabam os gradientes do Canva

Nenhum destes limites faz do Canva uma má ferramenta. Vêm do que é um preenchimento em gradiente: uma mistura suave e plana entre cores que escolhe. A força do Canva é a abrangência, que cobre apresentações, documentos, vídeo e impressão num só sítio, e para um gráfico social rápido os seus gradientes são perfeitamente adequados.

### O que um gradiente do Canva faz bem

- Um fundo limpo com alguns cliques
- Cores exatas por código hex
- Estilos linear e radial
- Reutilização fácil num documento
- Formas e sobreposições em fotografias

### O que deixa por sua conta

- Grão, papel ou brilho na superfície
- Luz que vem de algum lado
- Manter as palavras legíveis onde a cor fica viva
- Voltar a colocar a luz para cada novo tamanho
- Um aspeto que nenhuma outra conta pode usar

A textura pode ser simulada com uma imagem de grão sobreposta com baixa transparência; [gradientes granulados](https://gradiently.design/pt-pt/guide/grainy-gradients) descreve o efeito que procura. A legibilidade gere-se à mão, movendo o texto ou a zona viva até deixarem de lutar. O último ponto é o mais difícil. As predefinições e os gráficos da biblioteca estão, por desenho, disponíveis para todos, o que faz parte de [porque é que todos os feeds parecem iguais](https://gradiently.design/pt-pt/guide/why-every-feed-looks-the-same).

## Quando um Mark ajuda

Um Mark do Gradiently é um fundo acabado de gradiente e matéria: cores, até três matérias sobrepostas, luz, grão e movimento, com exatamente um dono de cada vez. Qualquer pessoa pode desenhar com um Mark que ninguém reservou, gratuitamente. Duas diferenças contam para as lacunas acima. O Mark sabe onde estão as palavras, por isso a sua zona mais calma desloca-se para trás do texto e a Tinta automática escolhe texto claro ou escuro linha a linha. E reservá-lo significa que só você pode exportar com ele, por isso o aspeto que as pessoas passam a reconhecer continua seu.

Uma publicação vertical de café em que o título atravessa a parte mais viva do gradiente

Com a resposta desligada, a cor mais viva pode cair atrás do título, como acontece com qualquer gradiente plano.

A mesma publicação de café com uma zona mais calma e profunda do fundo atrás do título

Com ela ligada, o Mark acalma atrás das palavras e a tinta adapta-se, sem caixa nem sombra acrescentadas.

Pode perfeitamente usar os dois: o Canva para documentos e apresentações, o Gradiently para os fundos de assinatura. A comparação completa está em [Gradiently vs Canva](https://gradiently.design/pt-pt/guide/gradiently-vs-canva).

## FAQ

### Como faço um fundo em gradiente no Canva?

Clique no fundo da página, abra o painel de cores e escolha uma predefinição de gradiente, ou adicione uma nova cor e mude-a para gradiente com os seus códigos hex.

### Posso usar as minhas próprias cores num gradiente do Canva?

Sim. Num gradiente personalizado pode definir cada cor colando o respetivo código hex.

### Como ponho um gradiente sobre uma fotografia no Canva?

Coloque uma forma sobre a fotografia, dê-lhe um preenchimento em gradiente e reduza a transparência para a imagem se ver.

### Posso acrescentar grão a um gradiente do Canva?

Não no próprio preenchimento. Sobreponha uma imagem de textura de grão ou ruído ao gradiente e reduza a transparência.

### Que cores fazem um bom gradiente no Canva?

Duas cores relacionadas com uma diferença clara de luminosidade, como índigo #1e1b4b a violeta #8b5cf6, misturam-se de forma limpa sem ficarem cinzentas.