Online Gradient Image Maker

À primeira vista, o Online Gradient Image Maker assusta. Uma infinidade de controles e botões por todo o canto confundem até os mais acostumados com interfaces complexas. Porém, existe um motivo por trás de cada um dos painéis e campos de entrada neste aplicativo, e ao perceber isso, tudo fica muito mais fácil.

O site serve para gerar gradientes, ou degradês, automaticamente e de forma precisa. Quem já teve a experiência de criar um desses efeitos no Photoshop ou no GIMP e, quando exportando o gradiente para um arquivo utilizável JPG, percebeu que ocorria um erro na interpretação das nuances de cor sabe como é difícil conseguir um degradê bem feito. Ou seja, criar esses efeitos em softwares normais é possível, mas qualquer errinho na configuração do arquivo pode dar problema na imagem final.

Por isso, o Online Gradient Image Maker se torna uma ferramenta tão poderosa. Permitindo o controle detalhado de cada faceta da construção de um gradiente, o site coloca nas suas mãos todas as configurações necessárias para essa tarefa, e mostra o resultado final automaticamente.

Para construir um gradiente, primeiro você deve escolher as cores que irão se mesclar. Para isso, use as barras do painel Color Selector. Essas barras estão em padrão RGB, e atualizam a mistura de cores automaticamente enquanto você desliza o seletor. Para ter cores precisas, você pode colocar o código HEX da cor desejada no campo marcado com um #. Com a cor escolhida, no campo Image Gradient Color Points selecione o ponto do gradiente onde aquela cor deve aparecer e clique em Set. As caixas de seleção logo abaixo de cada ponto de cor definem o grau de opacidade daquela cor no gradiente, com o – sendo 100%, e cada grau subsequente uma perda de 10%, de opacidade. É também nessa área que você define o tipo e a orientação do gradiente.

No quadro maior presente no meio da tela até a parte de baixo, você encontra o desenho do seu gradiente. Sempre que você alterar algum parâmetro, um botão de reciclagem aparece sobre o gradiente. Clicando nele, a alteração é renderizada e aplicada ao seu gradiente. Do lado direito da janela de visualização do gradiente você encontra réguas numeradas sob o título Height. Nelas você escolhe a altura de cada linha que compõe o gradiente, deixando mais ou menos largo.

Entre esse quadro de visualização e o campo Image Gradient Color Points você encontrará uma barrinha de ferramentas que permite que você baixe o gradiente para seu computador, através do botão Download. Também nessa barra você pode gerar uma previsualização do gradiente aplicado como fundo repetido de uma página, ou baixar fatias – Slices – do efeito composto.

Existem várias outras opções, como bordas, tarjeamento e cantos arredondados, que podem ser exploradas apenas habilitando os outros painéis existentes na interface.