Criar imagens transparentes e escolher tamanho no Pixelformer

Mostrarei como criar uma simples imagem opaca e escolher seus tamanhos, usando o editor PixelFormer, que é leve, grátis e Otimiza as imagens Png(reduz bytes e diminui tempo para carregar).

Para baixar o PixelFormer e mais dicas clique aqui

Acredito que finalidade maior do PixelFormer, além de otimizar uma Png, deve ser para uso em designer de planos de fundo para páginas web, uma vez que a transparecia gradual da imagem pode criar efeitos lindos, que antes só se conseguia com a função opacity de Css, até criei um exemplo com uma pequena imagem que dá um efeito de opacidade, veja o exemplo aqui.

Alguns detalhes do Pixelformer...

Algumas pessoas com prática em editores terão facilidade e são capazes de dar uma olhada e entender sozinho o funcionamento, mas, é bom dar uma atenção para o passo 5 que precisa estar marcado RGB color with alpha channel(32 bpp) para a imagem ter um grau de opacidade e o 9. O passo 15 que nesse editor a opção Export tem função de salvar a imagem em uma extensão válida para outros programas e web, e, passo 15 que é a otimização da imagem, no passo 15, que não mostrei na imagem abaixo, evite marcar algumas outras opções pois elas podem tirar a transparência da imagem que for salva.

Imagem com cor semi-transparente e regular tamanho

Abra o Editor Pixelformer
No menu superior clique em Image
Clique em Properties...(propriedades)
Na janela que abrir pode regular a largura em Width e altura em Height, abaixo destes desmarque a opção Keep ratio se quiser imagem retangular
Escolha a opção RGB color with alpha channel(32 bpp)
Clique no botão Ok
Em Color(lado direito do programa) de duplo clique em uma cor, se as cores não estiverem visíveis clique na seta ao lado de Color para expandir e mostrá-las.
Abrirá uma janela para escolher as cores, clique nas cores.
Escolha o grau de transparência
Detalhe: Esses quadradinhos parecendo um tabuleiro de xadrez indicam fundo opaco ou transparência, eles não irão aparecer na sua imagem, apenas aparecem no editor para que você saiba que é uma área transparente.
Clique em Ok
Depois pode clicar na ferramenta preencher cor(lata de tinta)
Do lado direito de um clique na cor que você modificou para usar ela
Clique na imagem para colocar aquela cor.
Clique no menu Image(passo 2)
Clique em Export... para salvar
Aparecerá uma janela para dar o nome e clique em Salvar ou Concluir
Abrirá uma janelinha com opções, você pode marcar a opção Multipass optimization para reduzir o peso da imagem
Clique no botão Ok
Antes de fechar o PixelFormer, veja a imagem salva com um Visualizador para ver se saiu transparente, caso não, você pode ter errado em algo, os passos 5, 7, 9, 12 e 15 são fundamentais e deve ter atenção.

Clique na imagem para aumentar
Fazer imagem transparente com cores no editor pxelformer

Nenhum comentário:

Postar um comentário

→Dê sua opinião. Faça comentário relacionado ao post.
→Comentário com e-mail será excluído
→Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
→Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!