26 março 2013

Como fazer silhueta preta e transparente de foto em editor on line (Pixlr)

http://data.whicdn.com/images/37681920/430744_2987400918490_2007462937_n_large.jpg

Vocês escolheram!
 E o tutorial mais pedido foi o de como fazer silhueta transparente!


Materiais

Uma imagem já em png do seu ídolo ou objeto desejado (se possível em tamanho grande como esse png de dimensões 800 x 1200, por exemplo)

Um fundo branco ou colorido ou mesmo um  background que combine com a foto de fundo (tamanho grande - nesse caso aqui escolhi um de 589 x 1019)


Uma imagem de fundo que tenha cores que se harmonizem com o fundo (tamanho médio ou grande - nesse exemplo peguei uma imagem de 600×681 pixels)


Pronto! Tendo esses materiais em seu computador vamos abrir o site pixlr.com/editor.com eu amoooo esse site
SIM! Vamos fazer essa silhueta em editor on line mesmo!
Então vamos ao
Passo-a-passo:

1º Abra a página do site :

Abrindo a tela com essas opções escolha a opção "ABRIR IMAGEM DO COMPUTADOR"

Vai abrir uma janela de pastas de arquivo do seu computador. Procure a pasta e a imagem em png transparente de seu ídolo ou objeto e clique em "ABRIR"
Vai abrir a tela assim:



2º Na barra de menu do site procure a aba "AJUSTE" e clique nela:


 Abrirá uma janelinha com as seguintes opções... Escolha a opção "MATIZ & SATURAÇÃO"


 Vai abrir uma outra janelinha e ajuste somente a "LUMINOSIDADE" conforme a imagem abaixo:
 O png ficará totalmente preto! Se você quiser apenas a silhueta preta você já conseguiu!
Mas, o tutorial é pra conseguirmos um silhueta transparente. Então prossigamos...

3º Novamente na barra de menu do site procure a aba "Camada" e clique 
e então escolha a opção 
"ABRIR IMAGEM COMO CAMADA"


Vai abrir uma janela das pastas de arquivos de seu computador. Procure, escolha o fundo colorido ou o background que você separou para combinar com a outra imagem de fundo e clique em "ABRIR"
Pode ser que o fundo não seja do mesmo tamanho do png então poderá ficar assim:
Então pra igualar o fundo com a silhueta preta vá novamente até a barra de menu do site na aba "EDITAR"
Escolha dentre as opções abaixo a de "TRANSFORMAÇÃO LIVRE"

Irá aparecer umas arestas azuis de cada lado do fundo colorido. Clicando nesse pontinhos azuis estique, achate o fundo colorido até ficar o png da  silhueta preta todo coberto:
Confirme as alterações clicando no "SIM"

4º Vá novamente na barra de menu do site, em "CAMADA" e escolha a opção "MOVER CAMADA PARA BAIXO"


Assim, o fundo ou background colorido ficará embaixo do png da silhueta preta.
Clique de novo em "CAMADA" e agora escolha a opção "MESCLAR VISÍVEL"


5º Na barra de "FERRAMENTAS" escolha o ícone de uma "varinha" e clique nela e logo em seguida dentro da silhueta preta


Ao redor da silhueta vai ficar um contorno serrilhado.
Procure no teclado do seu computador a seguinte tecla de "DELETE" e ... delete a silhueta preta!


ÊBA! Se a silhueta ficou toda xadrezinha você conseguiu fazer ela ficar transparente assim como na imagem abaixo:
Chegando nesse estágio você já teria sua silhueta transparente.
Agora só nos resta colocar uma imagem ou paisagem abaixo dela.

6º Vá na barra de menu do site, escolha novamente "CAMADA" , "ABRIR IMAGEM COMO CAMADA"

Então abrirá as pastas de arquivo de seu computador e procure - escolha a imagem de fundo pra combinar como fundo embaixo da silhueta transparente - clique "ABRIR"
Ao carregar a imagem ou foto ou paisagem de fundo que você escolheu pode ser que a imagem fique ou pequena ou grande ou desproporcional à silhueta transparente.
Primeiro clique de novo em CAMADA e escolha MOVER CAMADA PARA BAIXO


 7º Agora vá na barra de menu do site na aba EDITAR e escolha a opção TRANSFORMAÇÃO LIVRE

Irá aparecer aquelas arestas azuis onde você clicando nelas vai poder esticar, achatar e arrastar a imagem de fundo até ficar de modo que você queira que fique através da silhueta.


Ao terminar de esticar e colocar a imagem de fundo na posição desejada clique fora da imagem nessa área cinza do site e clique em SIM para confirmar as alterações.

8º Agora vamos dar um efeito de sombra na silhueta transparente:

Vá até à direita da página do site e encontre a seguinte janelinha das "CAMADAS"
Clique sobre a Camada 1 que é a camada da silhueta transparente.
Depois clique no 3º quadradinho conforme indicado na figura abaixo:

Irá , então, abrir a janela dos "ESTILOS DE CAMADAS"
Escolha o estilo "CHANFRO" e depois dê "OK"


9º Vamos mesclar as camadas para finalizar a edição:
Vá em CAMADA na opção MESCLAR VISIVEIS 


10º PRONTO! Vamos salvar a imagem

Na barra de menu do site vá na aba "ARQUIVO" - "SALVAR"

Abrirá a janela de salvar a imagem editada.
Dê um nome pra sua imagem - escolha o formato PNG (Transparente qualidade total) e dê OK
Salve na pasta de seu computador e ... FIM!
Na verdade, esse tutorial foi 3 em 1:
Você nesse tutorial eu expliquei a fazer silhueta preta, silhueta transparente e edição de fundo em silhueta transparente.
Você pode aplicar outros efeitos. Ou então não utilzar nenhum fundo colorido e ficar as silhuetas assim:


Espero que tenham entendido.
Fiz o mais detalhado possível até pra quem está no nível básico desse editor on line.
Mas, qualquer dúvida pode tirar nos comentários.
Farei em breve esse tipo de silhueta pelo Photoscape.
Obrigada a todos que votaram na enquete e escolheram esse tutorial para eu fazer e espero, sinceramente que aproveitem em suas edições!
Abraços!

10 comentários:

  1. Poderia postar alguns png's pra gente fazer issp?? valeeeu

    ResponderExcluir
  2. Bom, vamos ver se entendi seu pedido:
    - Se vc está pedindo png's eu tenho pngs editados por mim aqui nesse blog veja e abra esse link http://recantodafadaalice.blogspot.com.br/search/label/PNG
    - Agora, se vc está pedindo pngs já de sombras/silhuetas já transparentes (ou pretas, apenas no ponto de transparecer e vc mesmo colocar as paisagens ou fotos por dentro da silhueta transparente - AS CHAMADAS "BASES" me sugira então que tipos de sombras/silhuetas em preto ou transparente pq aí posso postar algumas, tipo : silhueta masculina, feminina, de animal, objeto...
    Especifica teu pedido q posso fazer a postagem, ok?
    Obrigada por vivitar e comentar
    Abraços

    ResponderExcluir
  3. vc sabe como fazer logotipo no Pixlr ??? poderia fazer um tutorial?

    ResponderExcluir
  4. vc poderia postar um tutorial de como fazer logo no Pixlr??

    ResponderExcluir
    Respostas
    1. Pedido de tuturial anotado, só não te prometo que sairá esse mês pq tô elaborando outros tutoriais à pedidos

      Excluir
  5. Valter Premiere,

    Olá, Vc sabe editar fotos com sombreamento em preto e branco, tipo aquelas da capa do filme "o poderoso chefão" ou uma das capas dos discos da banda "Nazareth"...?

    Se souber e tiver algum tempo, põe o tutorial aí...

    Eu até andei manipulando algumas imagens no editor de fotos on line do site Photo-Kako... Mas não ficou muito legal, não...

    Desde já agradeço. Abraço.

    ResponderExcluir
    Respostas
    1. Valter, está aqui um tutorial que fiz.

      http://recantodafadaalice.blogspot.com.br/2013/10/como-vectorizar-uma-imagem-no-pixlr.html

      Talvez possa te ajudar!
      Abraços!
      P.S.
      Se o tutorial for o q vc precisa comenta lá suas impressões ok?

      Excluir
  6. Valter Premiere,

    Olá, Vc sabe editar fotos com sombreamento em preto e branco, tipo aquelas da capa do filme "o poderoso chefão" ou uma das capas dos discos da banda "Nazareth"...?

    Se souber e tiver algum tempo, põe o tutorial aí...

    Eu até andei manipulando algumas imagens no editor de fotos on line do site Photo-Kako... Mas não ficou muito legal, não...

    Desde já agradeço. Abraço.

    ResponderExcluir
    Respostas
    1. Olá Valter!
      Agradeço por visitar e comentar no meu blog.
      Quero tirar uma dúvida sobre esse sombreamento que tu falaste
      Veja se é esse tipo : http://upload.wikimedia.org/wikipedia/en/b/bb/NazarethNazareth.jpg
      Foi a capa da banda Nazareth que vc sugeriu. É esse tipo de sombreamento?
      Se for acho que se chama ou "posterização" ou "vectorização"
      Acredito que possa fazer esse tutorial na outra semana ou até 2 semanas no máximo.

      Excluir
    2. Valter, está aqui um tutorial que fiz.

      http://recantodafadaalice.blogspot.com.br/2013/10/como-vectorizar-uma-imagem-no-pixlr.html

      Talvez possa te ajudar!
      Abraços!
      P.S.
      Se o tutorial for o q vc precisa comenta lá suas impressões ok?

      Excluir