# Arte com gradientes: obras abstratas para paredes e telas

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

Um gradiente sozinho pode ser uma obra acabada: um campo de cor com o qual você convive, em vez de ler. Veja como fazer peças que se sustentam numa parede, numa tela e como conjunto.

## The short version

- A arte com gradientes é uma obra abstrata feita de campos de cor misturados, impressa para paredes ou exibida em telas, sem outro assunto além da cor e da luz.
- Uma impressão de arte com gradiente precisa ter o tamanho em pixels 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 lisos, porque esconde os degraus visíveis que misturas lentas podem mostrar no papel.
- Cores vivas de tela, sobretudo azuis, verdes e neons intensos, costumam sair mais opacas na impressão, então peça uma prova antes de imprimir uma tiragem inteira.
- A arte com gradientes é mais forte em série: mantenha a estrutura e a proporção e mude uma só coisa, como o matiz ou a hora do dia, ao longo do conjunto.

A **arte com gradientes** é uma obra abstrata feita de campos de cor misturados. Não há assunto a reconhecer, só cor, luz e o modo como um tom se torna outro, e é por isso que ela fica tão à vontade numa parede de quarto, num ateliê ou numa tela de café. Uma 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 onde ela vai ficar pendurada ou rodar.

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

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

A arte com gradientes pertence a uma longa tradição de pinturas sobre a própria cor. Os pintores de campos de cor construíam telas com grandes áreas de cor chapada ou de mudança suave, e Josef Albers pintou a sua *Homenagem ao Quadrado* como uma longa série de quadrados aninhados que mostram como cores vizinhas se alteram entre si. Os gradientes digitais permitem fazer o mesmo tipo de trabalho com controle exato e resultados repetíveis.

A maioria das obras com gradientes usa uma de poucas estruturas. Escolha primeiro a estrutura, porque ela decide como a peça parece antes da cor. Para o lado técnico de cada uma, veja os [tipos de gradiente](https://gradiently.design/pt-br/guide/types-of-gradients).

- Horizonte: brasa sob o índigo: `linear-gradient(180deg, #0d1030 0%, #3b2466 45%, #ff7a45 70%, #ffd6a0 100%)`
- Brilho: esfera âmbar sobre preto: `radial-gradient(circle at 50% 55%, #ffc46b 0%, #ff7a1a 18%, #5a1a08 45%, #0a0706 75%)`
- Varredura: 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: sálvia em areia: `linear-gradient(135deg, #8fa98b 0%, #c9c7a4 50%, #e9dcc3 100%)`
- Floração: rosa na ameixa: `radial-gradient(ellipse at 30% 70%, #ff8fb1 0%, #c2417a 35%, #3d0f35 80%)`

Seis estruturas: horizonte, brilho, varredura, faixas em degraus, campo suave e floração fora do centro. Cada uma é ponto de partida para uma peça inteira.

## Escolhendo cores para uma obra com gradientes

A arte com que se convive precisa de uma cor que continue agradável por meses, não por segundos. A abordagem mais segura é uma família de matiz indo do escuro ao claro, com um único destaque onde o olho deve descansar. As [cores análogas](https://gradiently.design/pt-br/guide/analogous-colors) se misturam com limpeza; pares complementares, como azul e laranja, precisam de uma parada intermediária, ou o meio vira cinza. Os [gradientes sujos](https://gradiently.design/pt-br/guide/muddy-gradients) explicam por quê e como corrigir.

- Vinho profundo: #2a0a12
- Carmim: #7a1630
- Vermelho-coral: #d64545
- Damasco: #f59e6b
- Luz de creme: #fde2c4

Uma família quente de quase preto a creme. Cada passo é vizinho do anterior, então a mistura nunca passa pelo cinza.

Pense na sala e não só no arquivo. Peças escuras e saturadas brilham nas telas e parecem íntimas numa parede; peças claras e de baixo contraste parecem calmas e recuam. As famílias quentes aproximam um espaço, as frias o abrem. As [cores quentes e frias](https://gradiently.design/pt-br/guide/warm-and-cool-colors) tratam desse efeito.

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

Imprima a 300 pontos por polegada para peças vistas de perto. Calcule o tamanho em pixels antes de começar, para que o arquivo seja feito em resolução total e não ampliado depois. Estes são os tamanhos comuns.

| Impressão | Pixels a 300 dpi | Proporção |
| --- | --- | --- |
| Cartã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 |
| Carta (EUA) | 2550×3300 | 17:22 |
| A3 | 3508×4961 | 1:1,414 |
| Pôster 18×24 in | 5400×7200 | 3:4 |

Tamanhos em pixels de 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
- Cartão-postal: 1800 × 1200

Os mesmos tamanhos desenhados em escala. A5, A4 e A3 partilham um só formato; os outros precisam, cada um, da própria composição.

O papel da série A mantém as mesmas proporções em todo tamanho, então uma composição escala de A5 a A3 sem recorte. Isso faz dos tamanhos A a escolha mais fácil se você quer vender ou dar uma peça em vários tamanhos. Um pôster de 18×24 polegadas é 3:4, visivelmente mais largo, então recomponha-o em vez de esticar um arquivo de tamanho A. Para impressões grandes, desenhe em um terço do tamanho e exporte em três vezes: um design de 1800×2400 exportado em 3× dá exatamente 5400×7200.

## Como preparar arte com gradientes para impressão

1. **Construa em tamanho total** Comece o arquivo no tamanho final em pixels da tabela, ou numa fração exata que você exportará num múltiplo inteiro.
2. **Acrescente grão fino** Misturas lentas e lisas podem sair impressas com degraus visíveis. Um grão leve e uniforme quebra esses degraus. Veja o [banding em gradientes](https://gradiently.design/pt-br/guide/gradient-banding) e os [gradientes com grão](https://gradiently.design/pt-br/guide/grainy-gradients).
3. **Confira as cores que podem não imprimir** Azuis, verdes, violetas e neons vivos na tela costumam sair mais opacos no papel. Recue um pouco essas cores ou aceite a mudança e julgue a prova.
4. **Preveja a sangria** Se a cor vai até a borda, estenda-a além do corte pela medida que a gráfica pedir, muitas vezes 3 mm, que são cerca de 35 px a 300 dpi.
5. **Peça uma prova** Imprima uma única cópia no papel que pretende usar e olhe-a à luz do dia e à luz de abajur antes de encomendar uma tiragem.

O papel muda a peça. Os papéis foscos suavizam a cor e combinam com trabalhos calmos e claros; o cetim e o brilhante mantêm profundos os gradientes escuros e saturados. A [impressão de gradientes](https://gradiently.design/pt-br/guide/print-gradients) vai além, em modos de cor e formatos de arquivo.

## Arte com gradientes para telas e paredes que se movem

As telas mostram a arte com gradientes no seu momento mais luminoso, porque emitem luz em vez de refleti-la. Desenhe para o formato da tela: 1920×1080 para um monitor horizontal, 1080×1920 para um vertical. O movimento é a outra vantagem. Uma deriva lenta de luz por um gradiente transforma uma peça estática em algo mais próximo de uma janela.

Uma impressão de arte A3 em retrato de um gradiente profundo e luminoso, com o pequeno título Entardecer, N.º 3

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

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

Para uma tela: 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 tela cheia em CSS puro: duas luzes suaves sobre um fundo ameixa, à deriva por 40 segundos e paradas para quem prefere movimento reduzido.

Para uma TV, um porta-retrato digital ou um projetor, exporte um vídeo. O Gradiently exporta loops contínuos de 5 a 30 segundos com movimento e ritmo à escolha, que podem se repetir por horas sem salto visível. O [vídeo em loop contínuo](https://gradiently.design/pt-br/guide/seamless-loop-video) e o [papel de parede animado](https://gradiently.design/pt-br/guide/live-wallpaper) tratam de formatos e configurações.

## Fazendo arte com gradientes em série

Um único gradiente numa parede pode parecer uma amostra. Três que claramente combinam parecem uma obra. A regra de uma série é simples: mantenha a estrutura, a proporção e a textura e mude uma só variável no conjunto, como o matiz, a hora do dia, o ângulo ou a posição da luz.

- Amanhecer: `linear-gradient(180deg, #1e2a5a 0%, #8a6fb3 45%, #f7b7a3 80%, #ffe3c2 100%)`
- Meio-dia: `linear-gradient(180deg, #1c6fd1 0%, #5aa9ef 50%, #cfe8fb 100%)`
- Entardecer: `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. Penduradas lado a lado em A3, elas se leem como uma só peça.

Dê nome e número às peças, como *Entardecer, N.º 3*, e guarde um registro de toda cor e configuração para poder fazer a próxima combinando. Um Mark é útil aqui: a receita de cores, materiais, luz e grão dele continua fixa, então toda impressão e todo loop de uma série é renderizado exatamente da mesma fonte.

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

> **Conviva com ela primeiro** Antes de imprimir, ponha a obra como papel de parede do seu notebook ou celular por uma semana. Se no sétimo dia você ainda gostar dela, está pronta para uma parede.

## FAQ

### O que é arte com gradientes?

A arte com gradientes é uma obra abstrata feita de campos de cor misturados, impressa para paredes ou exibida em telas. O assunto dela é a cor e a luz, e não um objeto reconhecível.

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

Use 300 dpi para impressões vistas de perto. São 2480×3508 pixels para A4, 3508×4961 para A3 e 5400×7200 para um pôster de 18×24 polegadas.

### Por que o meu gradiente sai impresso com listras?

Misturas lentas e lisas podem mostrar degraus visíveis, chamados de banding, quando impressas. Acrescentar um grão leve e uniforme ao arquivo costuma quebrar os degraus e deixar a mistura lisa no papel.

### Por que as cores do meu gradiente saem mais opacas na impressão?

As telas emitem luz e mostram azuis, verdes e neons mais vivos do que a tinta no papel consegue reproduzir. Peça uma prova e ajuste as cores mais brilhantes se a diferença importar.

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

Mantenha a estrutura, a proporção e a textura idênticas no conjunto e mude uma só variável, como o matiz, a hora do dia ou a posição da luz. Dê nome e número a cada peça para o conjunto se ler como uma obra só.