20 outubro 2013

Como vetorizar uma imagem no PIXLR

Status: tentando fazer "trocentas" coisas em um dia...arrê!
Ainda continuo com minha conexão lenta... por isso ainda não respondi todos os comentários e não terminei de visitar meus afiliados e nem atualizei o facebook.
Hoje , felizmente, a conexão estava melhorzinha e passei a última hora editando essa postagem.
Recebi três pedidos de tutoriais nesse mês e até o momento não tinha atendido a nenhum.
Então, hoje vou postar o 1º tuto da semana à pedido de um leitor do blog - o Valter -   que pediu um tutorial de como transformar uma imagem em um desenho vetorial em preto e branco no PIXLR - meu editor on line preferido.
Vamos  conferir como se faz? Clique em "Leia Mais"
Há pessoas que chamam esse processo de edição de imagem em vetorização ou posterização.
Para ilustrar do que eu estou falando vejamos um desenho vetorial feito através de uma foto da minha banda amada Linkin Park:






Não saiu perfeito porque tive preguicinha de retocar todos os detalhes mas, acredito que entenderam o que é vector ou imagem vetorizada. E o vector acima está em PNG o que é bem interessante se alguém quiser baixar e fazer suas montagens. Antes de tudo tenha em seu computador uma imagem de boa qualidade e de preferência que o fundo seja todo branco ou sólido(totalmente de um cor) e sem muitos objetos porque isso dificulta o trabalho.
Bom, então vamos ao tutorial.

 Passo-a-passo

1º Abra o site do editor on line nesse link pixlr.com/editor
E clique na opção "ABRIR IMAGEM DO  COMPUTADOR"



2º A imagem escolhida por você abrirá na página do PIXLR assim



3º Na barra de menu do site clique em "CAMADA"  e na opção "DUPLICAR CAMADA"



4º Ainda na barra de menu do site clique em "AJUSTE" na opção "LIMIAR"



5º Abrirá uma janelinha que você deverá regular clicando e arrastando a setinha para a direita - ou esquerda - até que as sombras, nuances e feições das pessoas ou objetos na foto fiquem de forma visível e identificável pra você.



6º Pode ser que fique muito sombreadas as parte como rosto, pescoço, braços ou outros objetos.
Então na barra de ferramentas à esquerda do site clique na ferramenta do "PINCEL"
Acima da barra de ferramentas regule para
Pincel: ☻ 1
Opacidade: 100
Hard Tip



7º Na barra de ferramentas selecione a cor clicando no seletor de cores e escolha a cor BRANCA e dê OK



8º Aumente a imagem dando um zoom na janelinha do "NAVEGADOR" à direita
Clique e arraste a setinha para à direita até que fique bem visível e grande a parte que você vai clarear na imagem






9º Vá pintando de branco e clareando as sombras indesejadas ou pedaços de objetos indesejados. Se você borrar ou clarear de mais é só dar CTRL Z e desfazer.



10º Às vezes não fica bem contornado um braço ou cabelo ou orelha ou outro detalhe.
Então na barra de ferramentas selecione a cor clicando no seletor de cores e escolha a cor preta e dê OK



11º Na janelinha de "CAMADAS" à direita
Clique e arraste a setinha da OPACIDADE para à direita até que fique no nível 32 mais ou menos e dê pra você ver o contorno que esteja faltando no vetor preto e branco através da foto original, por baixo.







Cubra com o pincel até desenhar o contorno do braço ou pescoço ou cabelo ou orelha ou outro detalhe que esteja faltando.






Terminando de desenhar o contorno arraste a setinha de OPACIDADE até o normal 100 e verifique se ficou bom o sombreado que você desenhou.



Caso ainda fique "sujeirinhas" e manchas pretas e contornos que você não quer na foto, vá no seletor de cores e escolha a cor BRANCA



E na ferramenta do PINCEL clique e regule dessa forma:
Pincel: ☻ 70
Opacidade: 100
Hard Tip
Pinte de branco tudo que você deseja cobrir!




12º Estando tudo ok: sombreados, contornos e tudo mais vá na janelinha de camadas e clique nas camada da foto original. E apague-a clicando no icone da lixeira.



13º Na barra de ferramentas clique na VARINHA MÁGICA e depois dentro da imagem na parte branca do fundo.
A imagem da banda vai ficar toda contornada por uma linha tracejada.



14º Aperte a tecla DELETE em seu teclado para que a imagem fique em PNG transparente pra você fazer suas montagens.



15º Em ARQUIVO na barra de menu do site, clique em SALVAR, dê nome ao seu arquivo, escolha o formato PNG (TRANSPARENTE, QUALIDADE TOTAL) e dê OK salvando em sua pasta do computador.




Pronto! Você tem sua imagem vetorizada preto e branca a partir de uma foto.
O que acharam desse tutorial? Foi útil? Já sabiam fazer em outro editor? Me contem!

20 comentários:

  1. Oi, Que post encrivel, você é uma grande blogueira, parabens , tenho certeza que um dia você vai receber a fama que merece, Já estou seguindo, se puder retribui?

    http://tudo-demenina.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Valeu Maria Clara!
      Bjos
      P.S. visitei seu blog uma graça!

      Excluir
  2. Gente, que tuto perfeito ♥

    Linkin Park *O*

    Beijos, Matheus do Nerd Crazy (The Best Of Me)

    ResponderExcluir
    Respostas
    1. Obrigada, Matheus!
      ÊEE mais uma coisa em comum contigo: gostamos de uma mesma banda! LP ♥

      Excluir
  3. Olá, minha conexão ás vezes também não me ajuda muito, mas é só ter um pouquinho de paciência...O tutorial me pareceu ser bem interessante e esta super explicado, mas até agora ainda estou pensando neste editor, pois ainda não o conhecia...Acho que depois vou passar saber um pouco mais sobre ele. Chu ~♥

    Simply Thonn

    ResponderExcluir
    Respostas
    1. Olá, amigo!
      Ain seu gif é do Mizuki de kamisama hajimemashita! Kyaah! Adoro esse mangá e curto muito o anime.
      Obrigado pelas palavras. Sobre o editor PIXLR o legal dele é pq não precisa baixar basta entrar no site dele. Ele é um tipo de "photoshop" para quem não tem PS.
      ( ≧ з ≦) ~ chu

      Excluir
  4. Eu acho super legal o efeito *-* Espero que sua conexão melhore
    Beijos, Brenda do Gave Crazy

    ResponderExcluir
  5. muito legal o efeito, bem diferente, show

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  6. uuuoooou ameeei, as pq vc ta demorando bastante esses meses, dias... pra postar mais tutos?

    http://pngsda.blogspot.com.br/

    ResponderExcluir
  7. O efeito é muito divo *-* Sabe quem está falando, a sua xará, a Isa ♥
    Eu sai do CG e fui para o Miss Rock, meu novo blog... Se quiser, dá uma passadinha lá! Beijão,
    http://missrock-br.blogspot.com.br/

    ResponderExcluir
  8. Nossa que incrível, eu ainda não sabia como fazer isso no Pixlr <3

    http://maiira-t.blogspot.com/

    ResponderExcluir
  9. Awn que perfeito , não sabia fazer *uu* obrigado por ensinar ^^

    geekegirlie.blogspot.com

    ResponderExcluir
  10. Muito bom o efeito, não sabia fazer.

    Seguindo aqui, se quiser seguir de volta (por favor) espero lá...

    littlethingoficial.blogspot.com

    ResponderExcluir
    Respostas
    1. Oi Saah.
      Que bom. Também adoro saber coisas novas.
      Obrigada pelos comentários.
      Sigo sim!

      Excluir
  11. * Primeira vez aqui no seu blog *
    Gostei do post e seu blog é realmente muito lindo, o layout então nem se fala *-*
    já estou seguindo vc e darei sempre uma passadinha aqui ! se não se importar, claro.
    kawainekos.blogspot.com.br

    ResponderExcluir
  12. Oi, Julia!
    Obrigada pelos elogios!
    visitei se blog e achei muito kawaii !

    ResponderExcluir