18 maio 2013

Como fazer buttons no PIXLR editor on line


Fazer buttons fácil, no site pixlr.com/editor


Passo-a-passo

1º Abra o site Pixlr nesse link pixlr.com/editor


2º No meio da tela abrirá 4 opções. Clique em "Abrir imagem do computador" se a imagem estiver em seus arquivos
Escolha a sua foto e clique em "Abrir"



3º A foto será carregada para o site e ficará assim, como na imagem abaixo




4º Na barra de "Ferramentas" clique no ícone de um quadradinho pontilhado o "Letreiro"
Acima da barra de "ferramentas" clique em cima de um círculo pontilhado
E na opção "Restrição" escolha "Taxa de Proporção" como está destacado na imagem abaixo:




5º Agora clique, segure e arraste dentro da foto um círculo sobre o rosto , criando assim um button redondo.




6º Vá nessa barra de menu do site e clique em "Editar" na opção "Cortar"







7º Continuando na barra de menu clique em "Arquivo" e na opção "Nova imagem"


Irá abrir uma janelinha de uma "Nova Imagem"
Aumente um pouco tanto a Largura como a Altura
Marque a opção "Transparente" e dê "OK"




8º Abrirá em cima da foto cortada, uma janelinha toda xadrez.
Vá novamente na barra de menu e clique na aba "Editar" escolha a opção "Colar"
A parte redonda cortada aparecerá dentro da imagem xadrez.


Dessa maneira:


9º Pronto! Você já tem seu button em PNG transparente para suas montagens!
Vamos salvar seu button:
- Na barra de menu do site clique em "Arquivo" na opção "Salvar"

 


Abrirá uma janelinha como essa:


Dê nome ao seu buttom, escolha o "Formato" PNG(Transparente, qualidade total) e dê OK
Salve em sua pasta de arquivo e pronto!


Dica: Antes de salvar seu buttom na janela de "Estilo de Camadas" aplique bordas, sombras pra ter um efeito diferente! Veja nesse tutorial Como aplicar sombra/contorno/borda em PNG transparente

Boas montagens!

7 comentários:

  1. faz um tutorial fazendo capa do taylor laltine

    ResponderExcluir
  2. Essa Nicole é uma poser, não sabe nem escrever o nome do Tay direito. u_u

    ResponderExcluir
  3. Oi, Nicole pode deixar.
    Proximo tutorial e fazer capa de facebook do "Taylor Lautner"

    ResponderExcluir
  4. me ensina a fazer uma capa bem bonita da Sophia Abraão??

    ResponderExcluir
  5. Já estou preparando um tutorial pra fazer capa de facebook e capa de twitter

    ResponderExcluir
  6. este é o melhor site de tuto que ja vi!obg

    ResponderExcluir