# Arte com gradientes: peças abstratas para paredes e ecrãs

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

Um gradiente sozinho pode ser uma obra acabada: um campo de cor com que se vive em vez de se ler. Eis como fazer peças que resultam numa parede, num ecrã e em conjunto.

## The short version

- A arte com gradientes é arte abstrata feita de campos de cor em transição, impressa para paredes ou mostrada em ecrãs, sem outro tema além da cor e da luz.
- Uma impressão de arte com gradiente precisa do tamanho em píxeis calculado a 300 dpi, como 2480×3508 para A4, 3508×4961 para A3 ou 5400×7200 para um póster de 18×24 polegadas.
- Um grão fino ajuda os gradientes impressos a parecerem suaves, porque esconde os degraus visíveis que as transições lentas podem mostrar no papel.
- As cores vivas do ecrã, sobretudo azuis, verdes e néons intensos, imprimem-se muitas vezes mais baças, por isso pede uma prova antes de imprimir uma tiragem completa.
- A arte com gradientes é mais forte em série: mantém a estrutura e a proporção iguais e muda uma só coisa, como o tom ou a hora do dia, ao longo do conjunto.

A **arte com gradientes** é arte abstrata feita de campos de cor em transição. Não há tema a reconhecer, só cor, luz e a forma como um tom se torna outro, e é por isso que fica tão bem na parede de um quarto, num estúdio ou num ecrã de um café. A boa arte com gradientes parece intencional: uma estrutura clara, uma pequena família de cores, uma superfície com alguma textura, e um tamanho e uma proporção escolhidos para o sítio onde vai estar pendurada ou a passar.

Este guia trata dos principais estilos, de como escolher cores que se mantêm limpas, dos tamanhos de impressão exatos, de como preparar ficheiros para impressão, de como fazer arte para ecrãs e loops, e de porque é que as séries funcionam melhor do que peças isoladas.

## O que é a arte com gradientes e os principais estilos

A arte com gradientes pertence a uma longa tradição de pintura sobre a própria cor. Os pintores do color field construíram telas com grandes áreas de cor lisa ou em suave mudança, e Josef Albers pintou a sua *Homage to the Square* como uma longa série de quadrados encaixados que mostram como as cores vizinhas se alteram umas às outras. Os gradientes digitais permitem fazer o mesmo tipo de trabalho com controlo exato e resultados repetíveis.

A maioria das obras com gradientes usa uma de poucas estruturas. Escolhe primeiro a estrutura, porque decide a sensação da peça antes da cor. Para o lado técnico de cada uma, vê [tipos de gradientes](https://gradiently.design/pt-pt/guide/types-of-gradients).

- Horizonte: brasa sob índigo: `linear-gradient(180deg, #0d1030 0%, #3b2466 45%, #ff7a45 70%, #ffd6a0 100%)`
- Brilho: orbe âmbar sobre preto: `radial-gradient(circle at 50% 55%, #ffc46b 0%, #ff7a1a 18%, #5a1a08 45%, #0a0706 75%)`
- Varrimento: verde-azulado e violeta: `conic-gradient(from 200deg at 50% 50%, #0f766e, #22d3ee, #7c3aed, #0f766e)`
- Em degraus: cinco faixas de azul: `linear-gradient(180deg, #0a1f44 0% 20%, #173a73 20% 40%, #2d5ea8 40% 60%, #5b8fd6 60% 80%, #a9c8f0 80% 100%)`
- Campo suave: salva para areia: `linear-gradient(135deg, #8fa98b 0%, #c9c7a4 50%, #e9dcc3 100%)`
- Flor: rosa em ameixa: `radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, #c2417a 35%, #3d0f35 80%)`

Seis estruturas: horizonte, brilho, varrimento, faixas em degraus, campo suave e flor descentrada. Cada uma é ponto de partida para uma peça inteira.

## Escolher cores para uma obra com gradiente

A arte com que se vive precisa de cor que continue agradável durante meses, não segundos. A abordagem mais segura é uma família de tons do escuro ao claro, com um só destaque onde o olhar deve repousar. As [cores análogas](https://gradiently.design/pt-pt/guide/analogous-colors) misturam-se de forma limpa; pares complementares como azul e laranja precisam de uma paragem intermédia, senão o meio fica cinzento. [Gradientes sujos](https://gradiently.design/pt-pt/guide/muddy-gradients) explica porquê e como resolver.

- Vinho profundo: #2a0a12
- Carmesim: #7a1630
- Vermelho coral: #d64545
- Alperce: #f59e6b
- Luz creme: #fde2c4

Uma família quente do quase preto ao creme. Cada passo é vizinho do anterior, por isso a transição nunca passa pelo cinzento.

Pensa na divisão tanto quanto no ficheiro. As peças escuras e saturadas brilham nos ecrãs e parecem intimistas numa parede; as peças pálidas e de pouco contraste parecem calmas e recuam. As famílias quentes aproximam um espaço, as frias abrem-no. As [cores quentes e frias](https://gradiently.design/pt-pt/guide/warm-and-cool-colors) explicam o efeito.

## Tamanhos de impressão para arte com gradientes a 300 dpi

Imprime a 300 pontos por polegada as peças que vão ser vistas de perto. Calcula o tamanho em píxeis antes de começar, para que o ficheiro seja feito em resolução total em vez de ampliado depois. Estes são os tamanhos mais comuns.

| Impressão | Píxeis a 300 dpi | Proporção |
| --- | --- | --- |
| Postal | 1800×1200 | 3:2 |
| 5×7 in | 1500×2100 | 5:7 |
| A5 | 1748×2480 | 1:1,414 |
| A4 | 2480×3508 | 1:1,414 |
| US Letter | 2550×3300 | 17:22 |
| A3 | 3508×4961 | 1:1,414 |
| Póster de 18×24 in | 5400×7200 | 3:4 |

Tamanhos em píxeis para os formatos de impressão comuns a 300 dpi.

- A5: 1748 × 2480
- A4: 2480 × 3508
- A3: 3508 × 4961
- 18×24 in: 5400 × 7200
- 5×7 in: 1500 × 2100
- Postal: 1800 × 1200

Os mesmos tamanhos desenhados à escala. A5, A4 e A3 partilham uma forma; os outros precisam cada um da sua composição.

O papel da série A mantém as mesmas proporções em todos os tamanhos, por isso uma composição passa do A5 ao A3 sem cortes. Isso torna os tamanhos A a escolha mais fácil se quiseres vender ou oferecer uma peça em vários tamanhos. Um póster de 18×24 polegadas é 3:4, visivelmente mais largo, por isso volta a compô-lo em vez de esticar um ficheiro em tamanho A. Para impressões grandes, desenha a um terço do tamanho e exporta a três vezes: um design de 1800×2400 exportado a 3× dá exatamente 5400×7200.

## Como preparar arte com gradientes para impressão

1. **Constrói em tamanho real** Começa o ficheiro no tamanho final em píxeis da tabela, ou numa fração exata que vais exportar num múltiplo inteiro.
2. **Junta grão fino** As transições lentas e suaves podem imprimir-se com degraus visíveis. Um grão leve e uniforme desfaz esses degraus. Vê [faixas em gradientes](https://gradiently.design/pt-pt/guide/gradient-banding) e [gradientes com grão](https://gradiently.design/pt-pt/guide/grainy-gradients).
3. **Verifica as cores que podem não imprimir** Os azuis, verdes, violetas e néons vivos no ecrã imprimem-se muitas vezes mais baços no papel. Suaviza ligeiramente essas cores, ou aceita a diferença e avalia a prova.
4. **Prevê a sangria** Se a cor chega à margem, prolonga-a para lá do corte na medida que a gráfica pedir, muitas vezes 3 mm, o que dá cerca de 35 px a 300 dpi.
5. **Pede uma prova** Imprime um único exemplar no papel que tencionas usar e observa-o à luz do dia e à luz de um candeeiro antes de encomendar a tiragem.

O papel muda a peça. Os papéis mate suavizam a cor e servem trabalhos calmos e pálidos; o acetinado e o brilhante mantêm profundos os gradientes escuros e saturados. [Imprimir gradientes](https://gradiently.design/pt-pt/guide/print-gradients) aprofunda os modos de cor e os formatos de ficheiro.

## Arte com gradientes para ecrãs e paredes que se movem

Os ecrãs mostram a arte com gradientes no seu ponto mais luminoso, porque emitem luz em vez de a refletirem. Desenha para a forma do ecrã: 1920×1080 para um ecrã horizontal, 1080×1920 para um vertical. O movimento é a outra vantagem. Uma deriva lenta de luz ao longo de um gradiente transforma uma peça parada em algo mais parecido com uma janela.

Uma impressão artística vertical em A3 de um gradiente profundo e luminoso, com o pequeno título Crepúsculo, N.º 3

Para uma parede: uma impressão A3, um título discreto e muita cor.

Uma obra horizontal para ecrã com o mesmo gradiente da impressão ao lado, com o pequeno título Luz lenta

Para um ecrã: o mesmo material na horizontal, feito para se mover.

```css
.art {
  width: 100vw;
  height: 100vh;
  background:
    radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, transparent 55%),
    radial-gradient(ellipse at 75% 25%, #7c3aed 0%, transparent 60%),
    linear-gradient(160deg, #1a0b2e 0%, #3d0f35 100%);
  background-size: 140% 140%;
  animation: drift 40s ease-in-out infinite alternate;
}

@keyframes drift {
  from { background-position: 0% 0%; }
  to { background-position: 100% 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .art { animation: none; }
}
```

Uma peça em ecrã inteiro em CSS simples: duas luzes suaves sobre um fundo ameixa, a derivar ao longo de 40 segundos e paradas para quem prefere movimento reduzido.

Para uma televisão, uma moldura digital ou um projetor, exporta antes um vídeo. A Gradiently exporta loops contínuos de 5 a 30 segundos com movimento e ritmo à escolha, que se podem repetir durante horas sem um salto visível. O [vídeo em loop contínuo](https://gradiently.design/pt-pt/guide/seamless-loop-video) e os [fundos animados](https://gradiently.design/pt-pt/guide/live-wallpaper) tratam de formatos e definições.

## Fazer arte com gradientes em série

Um só gradiente numa parede pode parecer uma amostra. Três que claramente pertencem juntos parecem um corpo de trabalho. A regra de uma série é simples: mantém iguais a estrutura, a proporção e a textura, e muda uma variável ao longo do conjunto, como o tom, a hora do dia, o ângulo ou a posição da luz.

- Aurora: `linear-gradient(180deg, #1e2a5a 0%, #8a6fb3 45%, #f7b7a3 80%, #ffe3c2 100%)`
- Meio-dia: `linear-gradient(180deg, #1c6fd1 0%, #5aa9ef 50%, #cfe8fb 100%)`
- Crepúsculo: `linear-gradient(180deg, #0c0a24 0%, #4b1d5e 40%, #c2415a 75%, #f28c4b 100%)`

Um tríptico: a mesma estrutura vertical, uma variável, a hora do dia. Pendurados lado a lado em A3, leem-se como uma só peça.

Dá nome e número às peças, como *Crepúsculo, N.º 3*, e guarda registo de cada cor e definição para poderes fazer a seguinte a condizer. Um Mark é útil aqui: a sua receita de cores, materiais, luz e grão mantém-se fixa, por isso cada impressão e cada loop de uma série são renderizados exatamente a partir da mesma origem.

Um Mark como origem de uma série: uma receita, renderizada em qualquer tamanho de impressão ou como loop.

> **Vive primeiro com ela** Antes de imprimir, põe a obra como fundo do portátil ou do telemóvel durante uma semana. Se ainda gostares dela ao sétimo dia, está pronta para uma parede.

## FAQ

### O que é a arte com gradientes?

É arte abstrata feita de campos de cor em transição, impressa para paredes ou mostrada em ecrãs. O seu tema é a cor e a luz, e não um objeto reconhecível.

### Que resolução deve ter uma impressão de arte com gradiente?

Usa 300 dpi para impressões vistas de perto. Isso dá 2480×3508 píxeis para A4, 3508×4961 para A3 e 5400×7200 para um póster de 18×24 polegadas.

### Porque é que o meu gradiente se imprime às riscas?

As transições lentas e suaves podem mostrar degraus visíveis, chamados faixas, quando impressas. Juntar um grão leve e uniforme ao ficheiro costuma desfazer os degraus e fazer a transição parecer suave no papel.

### Porque é que as cores do meu gradiente ficam mais baças na impressão?

Os ecrãs emitem luz e conseguem mostrar azuis, verdes e néons mais vivos do que a tinta no papel reproduz. Pede uma prova e ajusta as cores mais vivas se a diferença importar.

### Como faço uma série de arte com gradientes?

Mantém idênticas a estrutura, a proporção e a textura em todo o conjunto e muda uma variável, como o tom, a hora do dia ou a posição da luz. Dá nome e número a cada peça para que o conjunto se leia como um só corpo de trabalho.