Barras em Diferença: duas camadas de barras misturadas no modo Diferença
Barras em Diferença junta uma segunda camada a uma fila de 12 barras: o Tipo de camada também é Barras, a Inversão da camada está em Vertical para que as suas barras fiquem penduradas a partir do topo, e o Modo de mistura está em Diferença com a Opacidade da camada no máximo. Onde uma barra em pé encontra a sua gémea pendurada, as cores iguais subtraem-se até ao preto, o que abre uma faixa escura ao meio e divide cada barra em blocos soltos de azul, azul-petróleo, ciano e violeta. O Perfil das barras está em Onda, por isso, com Animar ativado, as alturas ondulam pela fila e a faixa preta não para de se deslocar.
Torne-o seu
Experimente uma mistura mais suave
O Modo de mistura define como as duas camadas se combinam. Ecrã soma-as em sobreposições luminosas, Multiplicar guarda só a cor que as duas camadas partilham, e Sobreposição ou Luz suave aumentam o contraste sem os recortes pretos de Diferença.
Troque a segunda camada
Defina o Tipo de camada como Raios ou Ondas e a diferença recorta formas novas nas barras. A Inversão da camada em Ambas vira a cópia ao contrário e espelha-a de lado, e baixar a Opacidade da camada para 50 reduz o efeito a metade.
Perguntas frequentes
O que faz uma mistura em diferença a um gradiente?
Subtrai a cor de uma camada à da outra, canal a canal, e fica com o valor absoluto. As cores iguais ficam pretas, as zonas escuras deixam passar a outra camada sem alterações e as cores contrastantes geram tons novos. Combina com grafismos tipo cartaz com ar glitch, em que os recortes são precisamente o interesse.
Como funciona
Escolha um ponto de partida
Comece por um dos 28 estilos, como Malha Suave, Raios de Eclipse ou Meio-Tom Riso, ou escolha um tipo de gradiente e uma das 24 paletas.
Ajuste o gradiente
Ajuste a escala, a distorção, o redemoinho e a suavidade, adicione granulação, painéis ou mosaicos de vidro, uma sobreposição de pontos, grelha ou linhas, uma segunda camada misturada ou um tratamento como meio-tom ou ordenação de píxeis, e ative a animação com a sua própria velocidade.
Pré-visualize e use
Veja o gradiente em layouts de landing page, cartão, telemóvel e registo e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.