Documentação Ferramentas

Ferramenta Gradiente

Quatro tipos de gradiente, numa forma ou direto sobre pixels pintados, com a rampa inteira editável tanto na barra de opções quanto na tela.

A ferramenta Gradiente (G) constrói e edita um gradiente. Numa camada de forma o gradiente vive no preenchimento ou no contorno da forma e continua editável para sempre; numa camada de células raster ou Pixel não há preenchimento em que guardá-lo, então a rampa pronta é assada nos pixels da camada.

A barra leva a rampa inteira: o tipo, o alvo, uma faixa de paradas de cor, as operações de parada e o que a rampa faz além das pontas. Tudo nela é ao vivo, então você pode montar a rampa antes de desenhar o primeiro arrasto.

A barra de opções da ferramenta Gradiente: a lista de tipos, a pastilha Preencher/Contorno/Ambos, a faixa de paradas com suas alças e marcas de ponto médio, os cinco ícones de operação de parada e a pastilha Estender.

Os seis tipos

A lista de tipos traz as mesmas seis entradas que as listas Tipo de preenchimento e Tipo de contorno do painel Propriedades, na mesma ordem, para que a mesma escolha signifique a mesma coisa onde quer que você a faça. Ela costumava ser um seletor de dois segmentos, Linear / Radial, que não deixava jeito de remover um gradiente nem de achatá-lo numa cor sem uma ida a Propriedades.

TipoO que pinta
NenhumNenhum preenchimento. O canal é desligado e a ferramenta não pinta nada
SólidoUma cor chapada. É um gradiente linear cujas duas paradas estão travadas juntas, então a faixa é como você escolhe essa cor
LinearUma rampa ao longo de uma linha reta entre dois pontos
ElípticoUma rampa centrada com raios X e Y independentes e uma rotação
RadialUma rampa centrada num círculo completo. É o caso especial do Elíptico em que os dois raios coincidem
CônicoUma varredura em torno do centro, partindo do ângulo próprio do gradiente

Os quatro tipos centrados compartilham os campos de geometria, então alternar entre Elíptico, Radial e Cônico mantém o centro e o raio exatamente onde estavam. O Linear guarda as duas pontas próprias ao lado deles, o que significa que uma ida e volta de Linear para Radial já não joga fora as suas alças.

Os quatro tipos de gradiente também compartilham uma rampa. Escolha Sólido e a ferramenta pega a cor da parada inicial da rampa, que é a parada de posição mais baixa e não a primeira da lista, e estaciona a rampa; saia de Sólido e ela volta intacta.

Escolher um tipo numa forma que ainda não leva gradiente cria um, do jeito que a lista de Propriedades faz. As paradas de que ele parte são as que a faixa já está mostrando, então o que você vê na barra é o que pousa na forma.

Uma escolha de tipo se aplica a cada forma vetorial editável da seleção, e não só à principal. Numa forma bloqueada ou oculta a lista fica desativada em vez de voltar atrás em silêncio.

Preencher, Contorno ou Ambos

A pastilha de alvo decide em qual canal a ferramenta escreve: o preenchimento da forma, o contorno dela, ou os dois ao mesmo tempo, com o preenchimento espelhado no contorno. É uma ideia de forma vetorial, então ela fica escondida enquanto uma camada bitmap estiver selecionada, onde não faria nada.

A lista de tipos lê e escreve o canal que a pastilha nomeia, então escolher Cônico com Contorno selecionado edita o contorno e deixa o preenchimento em paz.

A faixa de paradas

A faixa da barra é a mesma barra de gradiente que o painel Propriedades desenha, e as duas editam as mesmas paradas, então uma mudança numa aparece na outra na hora. A que ela está ligada depende do que você tem selecionado:

  • Uma forma vetorial que já leva um gradiente: as paradas daquela forma, embrulhadas num passo de desfazer e postas em quadro-chave automaticamente como qualquer outra edição de estilo
  • Uma camada bitmap: as paradas próprias da ferramenta. Um gradiente assado não tem preenchimento em que guardá-las, então nessa camada esta lista É o gradiente, e editá-la é uma mudança de documento com passo de desfazer próprio
  • Qualquer outra coisa: as paradas próprias da ferramenta como prévia, que também é a semente de um gradiente novo
Todo caminho é desfazível. O Histórico nomeia uma edição de parada como Gradiente, e mover a seleção de uma parada para outra deliberadamente não cunha um passo próprio.
GestoO que faz
Clicar numa alçaSeleciona aquela parada
Arrastar uma alçaMove a parada ao longo da rampa
Clicar numa alça sem arrastarAbre a janela daquela parada
Duplo clique numa alçaAbre a janela também
Duplo clique na faixa longe de uma alçaAcrescenta uma parada ali, amostrada da rampa, então nada muda até você movê-la ou recolori-la
Botão direito numa alçaExclui aquela parada; as duas últimas são preservadas
Arrastar uma marca de ponto médioEnviesa onde as duas cores vizinhas se encontram

Um arrasto move a parada em que o toque pousou, não a selecionada, então pressionar numa parte vazia da faixa não pode teletransportar sua seleção para o cursor. A faixa comporta até 64 paradas.

Enquanto a faixa estiver pilotando as paradas próprias da ferramenta, o painel Cor a segue: a roda edita a parada selecionada em vez de repintar a forma, e X ou D troca as duas amostras sem escrever através. Do contrário, escolher uma cor para uma parada achataria o gradiente que você está montando.

A janela da parada

A janela abre sob a alça e leva um seletor de cor compacto, um quadrado de saturação e valor com um controle de matiz e um de opacidade, mais a quantidade de Ruído por parada, e depois três campos percentuais: Posição, Opacidade e Ponto médio. A barra em si guarda só as operações, que é o que a impede de ganhar uma fileira de campos que empurraria todo o resto para fora de uma tela pequena.

O Ponto médio é onde fica a mescla meio a meio com a parada seguinte, como porcentagem do vão até ela. 50% é uma rampa simples. A última parada não tem parada seguinte para a qual mesclar, então o campo Ponto médio dela é desativado em vez de escondido, e a fileira não salta conforme a sua seleção anda pela rampa.

Um ponto médio deixado em 50% não acrescenta nada ao gradiente renderizado, então um gradiente intocado rasteriza exatamente como sempre rasterizou. O valor viaja com o projeto, anima junto com o resto do preenchimento, e vale na visão, na exportação e na assadura em pixels do mesmo jeito.

As operações de parada

BotãoO que fazDesativado quando
Adicionar paradaInsere uma parada no meio do caminho até a seguinte, amostrada para que a rampa não mudeJá existem 64 paradas
DuplicarCopia a parada selecionada logo depois delaJá existem 64 paradas
Excluir paradaRemove a parada selecionadaSó restam duas paradas
InverterVira toda posição de parada, de modo que a rampa corra no outro sentidoNunca
Bloquear proporçãoMantém os dois raios proporcionais enquanto qualquer braço é arrastado. É uma alternância: o botão se tinge quando está ligadoMostrado só num gradiente Elíptico

Um círculo não tem o que travar e uma varredura cônica não tem segundo raio, então Bloquear proporção entra no grupo só onde se aplica, em vez de ficar ali acinzentado.

O Sólido esconde os cinco: duas paradas travadas na mesma cor não têm o que acrescentar, duplicar, excluir nem inverter.

Estender

Estender decide o que a rampa faz além das duas pontas: Estender segura as cores das pontas, Refletir espelha a rampa de um lado para o outro, e Repetir a recomeça. Num gradiente centrado, Refletir é o que desenha anéis marchando para fora além do raio, que é o ajuste a conferir primeiro quando um gradiente radial se repete de forma inesperada.

Numa forma vetorial o ajuste pertence ao preenchimento, então ele viaja com o documento e anima junto com o resto do estilo. Numa camada bitmap não há preenchimento, então ele é estado da ferramenta e se aplica à próxima assadura.

Na tela

Com um gradiente vivo, a ferramenta desenha as alças dele direto na tela. Um gradiente linear mostra um quadrado em cada ponta da rampa; um centrado mostra um quadrado no centro e outro na ponta do eixo dele, que carrega tanto o raio quanto o ângulo. Um gradiente elíptico acrescenta um segundo braço em ângulo reto para o outro raio.

As paradas de cor ficam sobre a própria rampa como pequenos anéis, e uma marca curta entre cada par vizinho é o ponto médio daquele par. Arraste qualquer uma delas. A ordem de acerto é primeiro as paradas, depois os quadrados das pontas, depois as marcas, então uma marca sobreposta nunca rouba um clique de uma parada.

  • Arraste um quadrado de ponta para mover aquela ponta, o que num gradiente centrado define o raio e o ângulo juntos
  • Arraste o quadrado central para mover o gradiente inteiro; o raio e o ângulo o seguem
  • Arraste o anel de uma parada para movê-la ao longo da rampa
  • Arraste uma marca para enviesar a mescla, exatamente como a faixa faz
  • Dê duplo clique na rampa longe de uma alça para acrescentar uma parada ali
Num gradiente cônico as paradas ficam sobre a varredura, e não numa linha reta do centro à borda, e um duplo clique é medido contra essa varredura. Clicar na espiral não acrescentava nada antes.

Gradientes em camadas de células raster e Pixel

Selecione uma camada de células raster ou Pixel e a ferramenta passa a uma sessão ao vivo nela. A regra é a mesma que a Varinha Mágica segue: é a camada ATIVA que decide, e não a forma que por acaso esteja sob o cursor.

  1. Selecione a camada de células raster ou Pixel.
  2. Arraste na tela de onde a rampa deve começar até onde ela deve terminar. Segure Shift para travar a direção em passos de 15 graus.
  3. Solte. O gradiente é assado nos pixels da camada para o quadro atual.

Os dois pontos são levados ao espaço de pixels próprio da camada, então uma camada redimensionada ou girada ainda rampa entre os dois lugares que você de fato arrastou. As alças ficam de pé depois que você solta, e a sessão continua reassando enquanto você as ajusta, junto com o tipo, as paradas ou o Estender.

Uma sessão ao vivo termina em exatamente três coisas: um clique com o botão direito, uma troca de ferramenta, ou selecionar outra camada. Clicar na tela vazia não a encerra, porque um único clique acidental costumava jogar fora as alças.

Ctrl+Z durante uma sessão ao vivo termina o gradiente em vez de desfazê-lo, porque a sessão mantém o passo de desfazer aberto enquanto as alças estão de pé. Aperte uma segunda vez e o gradiente pronto sai como o passo único que é. Ctrl+Y e Ctrl+Shift+Z se comportam do mesmo jeito.

Até onde a assadura alcança

  • Com uma seleção de pixels viva, o gradiente é recortado por ela
  • Numa camada Pixel sem seleção, ele preenche a página da tela
  • Numa camada de células raster sem seleção, ele preenche a célula visível, cuja largura e altura próprias já definem a extensão dela

Pintar num quadro mantido edita o desenho que está sendo mantido em vez de carimbar uma célula nova, a mesma regra que o pincel e o balde seguem. A assadura inteira é um passo de histórico.

Um gradiente assado é pixels. Não sobra nada para remirar depois, então desfazer é o único caminho de volta. Num desenho que você espera continuar ajustando, desenhe o gradiente numa camada de forma.

O que é lembrado

O tipo, o alvo, as paradas próprias da ferramenta com seu ruído e seus pontos médios, e o Estender sobrevivem todos ao fechamento do aplicativo. Nenhum e Sólido deliberadamente não: os dois deixam a ferramenta inerte, e restaurar um deles ao iniciar faria a ferramenta parecer morta no primeiro clique.

A ferramenta Gradiente não tem comportamento de botão direito numa forma vetorial e nenhuma tecla de modificação além do Shift num arrasto em bitmap.
G Ferramenta Gradiente
Shiftarrastar Travar a direção em passos de 15 graus, numa camada bitmap
Ctrlarrastar um braço elíptico Travar a proporção naquele arrasto