em , , , ,

Tutorial: Vetorizando sua foto (Falso Vetor)

Preview Descrição: Efeito que simula a vetorização real através do Photoshop.

  • [message]
    • ##check##AVISO: Vetorizando sua foto (Falso Vetor)

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

revisado dia 20/10/07.

01. Para criar este falso vetor com uma foto será necessário um bom domínio do Photoshop e da ferramenta Pen Tool, caso você não saiba como usá-la clique aqui, para ter um resultado bem detalhado serão necessárias algumas horas ou até dias de trabalho, por isso algumas vezes vale mais a pena realizar este tipo de trabalho em softwares que trabalham com vetores, no fim o resultado pode ser identico porém com o Photoshop você terá um bitmap que ao contrário do vetor não irá permitir um redimensionamento sem perda de qualidade.

Pressione Ctrl+O e abra a foto escolhida para ser trabalhada, para este tutorial iremos usar a imagem abaixo.

Vetorizando sua foto (Falso Vetor)

02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, defina sua cor de Foreground com a cor #D9BA8D, pressione a letra P do teclado para selecionar a Pen Tool para criar a pele vá clicando e contornando todas as áreas de pele que estejam visíveis, na imagem abaixo começamos a contornar o braço.

Vetorizando sua foto (Falso Vetor)

03. Na parte dos dedos não se preocupe em fazer divisões exatas ou como na imagem que estamos usando os dedos se confundem e somem nos cabelos por isso não se preocupe em fazer esta parte com muita exatidão pois eles serão cobertos pelos cabelos mais a frente.

Vetorizando sua foto (Falso Vetor)

04. Ao terminar de contornar todas as áreas de pele da imagem clique com o botão direito dentro do contorno e escolha a opção Fill Path, note que em algumas áreas como as áreas próximas a roupas e cabelos não estão bem desenhadas, mas não se preocupe pois mais a frente isto irá desaparecer.

Vetorizando sua foto (Falso Vetor)

05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez faremos o contorno do rosto, não se preocupe com olhos, boca e nariz neste momento, faça apenas o contorno como foi feito anteriormente com o corpo e preencha a seleção com a cor #E2C59B caso esteja usando a imagem do tutorial.

Vetorizando sua foto (Falso Vetor)

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez faremos o contorno do vestido, escolha a cor desejada mas escolha uma cor escura (com excessão da cor preta), pois mais adiantes usaremos cores mais claras para criar os detalhes do vestido e o preto para criar as áreas de sombra, neste tutorial usamos a cor #196339, proceda como nos passos anteriores

Vetorizando sua foto (Falso Vetor)

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez faremos a parte dos cabelos, para o cabelo da foto usada neste tutorial foi usada a cor #784234, que é a cor de base para cabelos pretos, caso seja feito em um cabelo loiro não comece com o amarelo e sim com um tom marrom, pois o que estamos fazendo agora é apenas a base, repita o mesmo procedimento realizado nos passos anteriores, sua imagem deverá ficar como a imagem abaixo.

Vetorizando sua foto (Falso Vetor)

08. Com a base pronta agora é hora de adicionar as sombras, quanto mais sombra mais realista a imagem irá ficar, quanto menos sombra menos realista e com mais cara de Cartoon sua imagem irá ficar, comece duplicando a foto original pressionando Ctrl+J, faça isso 4 vezes, 1 para o corpo, 1 para o vestido, 1 para o rosto e 1 para o cabelo, e deixe as layers como na foto abaixo.

Vetorizando sua foto (Falso Vetor)

09. Agora pressione Ctrl+Alt+G (Ctrl+G na versão CS do Photoshop), ou vá em Layer> Create Clipping Mask, aplique nas layers que contenham a foto usada, sua paleta de layers deve ficar como a da imagem abaixo.

Vetorizando sua foto (Falso Vetor)

10. Clique com a tecla Ctrl sobre as miniaturas das layers que contém os contornos feitos para ativar a seleção, em seguida vá em Select> Inverse ou pressione Ctrl+Shift+I, clique na layer da foto que está acima desta layer e pressione Delete, faça isto com todos os contornos feitos, com isto estaremos deletando da foto usada as partes que não são necessárias.

11. Agora clique na layer que contém a imagem do corpo e depois vá em Image> Adjustments> Desaturate ou pressione Ctrl+Shift+U, isto irá deixar a foto preto e branca, em seguida vá em Image> Adjustments> Posterize, defina um valor entre 8 e 9 e pressione Ok, faça isto em todas as layers de foto que estamos trabalhando (corpo, rosto, cabelo e vestido), porém cada parte do corpo possui um valor diferente no filtro Posterize, isto vai muito da foto escolhida e de quanto de detalhes queremos trabalhar na foto.

12. Clique na foto do corpo e pressione Ctrl+Shift+Alt+N para criar uma nova layer e pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, pressione a letra D do teclado para definir sua cor de Foreground como preta (#000000), pressione a letra P do teclado para selecionar a Pen Tool e crie seleções nas áreas escuras (sombras) do corpo primeiro pegando a cor preta com o tom de cinza mais próximo, a cor de base que foi feita antes aqui está representada pelo cinza claro, por isso todas as outras tonalidades serão trabalhadas mais adiante.

Vetorizando sua foto (Falso Vetor)

13. Retire a visualização da layer que acabou de ser trabalhada e pressione Ctrl+Shift+Alt+N para criar mais uma layer, aplique outro Clipping Mask pressionando Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou indo em Layer> Create Clipping Mask, pressione a letra P para selecionar a Pen Tool e desta vez selecione a cor preta junto com mais 2 tonalidades de cinza, repita o processo de crição de layer e seleção ao redor da cor até ter selecionado todas as cores, sempre que for criar uma nova layer retire a visibilidade da layer anterior, no tutorial foram criadas 4 layers de seleções em preto, porém isso pode variar dependendo da imagem ou nível de detalhe no filtro Posterize, agora defina sua cor de Foreground em branca (#ffffff), pressione Ctrl+Shift+Alt+N para criar uma nova layer e depois pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, pressione a letra P do teclado para selecionar a Pen Tool e crie uma seleção nas áreas claras da imagem, no tutorial foram feitas duas layers pegando do tom mais claro para um escuro e depois do claro para dois tons mais escuros, depois de feito isso ative a visualização de todas as layers (com excessão da layer da foto do corpo) e mude o modo de blend das layers que acabamos de criar para Soft Light.

Vetorizando sua foto (Falso Vetor)

Sua imagem deve estar parecida com a imagem abaixo.

Vetorizando sua foto (Falso Vetor)

14. Diminua a opacidade das layers que acabamos de trabalhar (seleções de preto e branco do corpo) para 30%, clique com a tecla Ctrl pressionada na miniatura da primeira layer de sombra (seleção em preto) para ativar a seleção ao redor, pressione Ctrl+Shift+Alt+N para criar uma nova layer e vá em Select> Modify> Contract e defina um valor de 3 pixels, clique em Ok, pressione a letra G do teclado para selecionar a Paint Bucket Tool e preencha a seleção com a cor preta, mude o modo de blend da layer para Soft Light e defina o valor de 30% para Opacity, faça isto para cada layer em preto e branco (do corpo) que acabamos de trabalhar, sua imagem irá ficar assim.

Vetorizando sua foto (Falso Vetor)

15. Agora iremos trabalhar o vestido, o processo é o mesmo, pressionar Ctrl+Shift+Alt+N para criar uma nova layer, Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, pressionar a letra P do teclado para selecionar a Pen Tool e ir criando as seleções sempre em novas layers e retirando a visibilidade da layer anterior, ao final mudar o modo de blend da layer para Soft Light com opacidade de 30%.

Vetorizando sua foto (Falso Vetor)

16. O próximo passo é trabalhar o rosto, como o mesmo processo que fizemos anteriormente, por enquanto trabalhe a penas o rosto sem mexer nos olhos e lábios

Vetorizando sua foto (Falso Vetor)

17. Agora trabalharemos o cabelo, que é a parte mais complicada e demorada, para começar faça todo o processo que foi aplicado em outras partes do corpo e descrito anteriormente.

Vetorizando sua foto (Falso Vetor)

18. Adicione mais detalhes na cor branca e na cor preta para deixar os cabelos mais realistas criando inclusive a direção do penteado para dar mais realismo como pode ser observado na imagem abaixo.

Vetorizando sua foto (Falso Vetor)

19. O último passo para o cabelo é criar alguns fios que saem para dar mais realismo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte esta nova layer com a cor cinza clara, coloque esta layer abaixo das outras para criar um fundo cinza, este fundo servirá apenas para criar um contraste e ajudar na visualização dos traços, novamente crie uma nova layer acima da layer do cabelo pressionando Ctrl+Shift+Alt+N, não crie um Clipping Mask para esta layer, defina sua cor de Foreground com a cor #5E2E24, pressione a letra P do teclado para selecionar a Pen Tool e desenhe pequenos fios saindo do cabelo como mostrados nas fotos abaixo.

Vetorizando sua foto (Falso Vetor)

20. Abaixo você pode ver as áreas que foram criadas selecionadas e depois como ficou.

Vetorizando sua foto (Falso Vetor)

Vetorizando sua foto (Falso Vetor)

21. O próximo passo será criar os elementos do rosto, começando pelas sombrancelhas, pressione Ctrl+Shift+Alt+N para criar uma nova layer acima da layer do rosto, defina sua cor de Foreground para #5E2E24, pressione a letra P do teclado para selecionar a Pen Tool e crie a seleção ao redor da sombrancelha, depois clique com o botão direito do mouse e escolha a opççao Fill Path e pressione Ok.

Vetorizando sua foto (Falso Vetor)

22. Pressione Ctrl+Shift+alt+N para criar uma nova layer, pressione a letra P do teclado para selecionar a Pen Tool e crie uma seleção ao redor da parte branca do olho direito, preencha com a cor #A18D97, nunca com a cor branca pura.

Vetorizando sua foto (Falso Vetor)

23. Pressione Ctrl+Shift+Alt+N para criar mais uma layer e retire a visualização da outra layer do olho, pressione a letra P do teclado para selecionar a Pen Tool e crie uma seleção ao redor da íris, preencha a seleção com a cor #343C31, novamente pressione Ctrl+Shift+Alt+N para criar uma nova layer e retire a visualização da layer que estavamos trabalhando (a layer da íris), pressione a letra P do teclado para selecionar a Pen Tool e desenhe ao redor da pupila, preencha a seleção com a cor preta, ative a visualização das 2 outras layers do olho para ver como está ficando.

Vetorizando sua foto (Falso Vetor)

24. Pressione Ctrl+Shift+Alt+N para criar uma nova layer onde faremos os cílios, crie a seleção e preencha com a cor preta, logo após pressione novamente Ctrl+Shift+Alt+N para criar uma nova layer e posicione esta layer abaixo das outras layers do olho, pressione a letra P do teclado para selecionar a Pen Tool e desenhe as áreas de sombra do olho, ao final preencha a seleção com a cor preta, mude o modo de blend da layer para Soft Light, ao final teremos 3 layers com sombras e áreas escuras e 2 de áreas claras, deixe as layers de áreas claras com modo de blend Soft Light e opacidade em 100%, as áreas de sombra (pretas) ficam com modo de blend em Soft Light e opacidade em 80%.

Vetorizando sua foto (Falso Vetor)

25. Clique na layer que contém a parte branca do olho e pressione Ctrl+Shift+Alt+N para criar uma nova layer e depois pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, defina sua cor de Foreground em branca (#ffffff), pressione a letra P do teclado para selecionar a Pen Tool e desenhe duas áreas como as mostradas na foto abaixo, preencha com a cor branca e defina o valor de 70% para a opacidade da layer.

Vetorizando sua foto (Falso Vetor)

26. Pressione Ctrl+Shift+Alt+N para criar outra layer e depois pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, pressione a letra P do teclado para selecionar a Pen Tool e desenhe duas áreas como as da foto abaixo, preencha as seleções com a cor preta e mude o modo de blend da layer para Soft Light.

Vetorizando sua foto (Falso Vetor)

27. Agora clique na layer da íris e depis pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vé em Layer> Create Clipping Mask, pressione a letra B do teclado para selecionara Brush Tool, defina um tamanho de 3 pixels, e desenhe um contorno ao redor da área verde usando a cor preta, pressione Ctrl+Shift+Alt+N para criar uma nova layere pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask, pressione a letra B do teclado para selecionar a Brush Tool novamente e com a cor branca desenhe alguns pontos em volta da área verde do olho, mude o modo de blend da layer para Soft Light com 70% de opacidade.

Vetorizando sua foto (Falso Vetor)

28. Pressione Ctrl+Shift+Alt+N para criar uma nova layer acima da layer da pupila, pressione a letra B do teclado para selecionar a Brush Tool com tamanho de 1 pixel na cor branca, desenhe um ponto como o da foto abaixo.

Vetorizando sua foto (Falso Vetor)

29. Neste momento sua imagem deve estar parecida com a imagem abaixo.

Vetorizando sua foto (Falso Vetor)

30. Para o olho esquerdo basta duplicarmos o olho direito, para isso criamos um layer set (uma pequena pasta contendo todas as layers do olho), para criar a layer set clique no ícone de uma pasta que fica no rodapé da paleta de layers, isto irá criar uma pequena pasta na sua paleta de layers, clique e arraste todas as layers do olho para dentro desta pasta, feito isto clique com o botão direito do mouse sobre a pasta e escolha a opção Duplicate Layer Set, clique na pasta que foi criada e vá em Edit> Transform> Flip Horizontal, pressione a letra V do teclado para selecionar a Move Tool e mova o olho para a posição correta, pressione Ctrl+T para acertar o ângulo correto do olho em relação ao rosto.

Vetorizando sua foto (Falso Vetor)

31. Agora faremos os lábios, escolha uma cor qualquer, para este tutorial usamos um vermelho escuro (#A7545B), pressione Ctrl+Shift+Alt+N para criar uma nova layer e depois pressione a letra P do teclado para selecionar a Pen Tool, crie o contorno dos lábios e preencha na cor escolhida, novamente pressione Ctrl+Shift+Alt+N para criar outra layer, pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer> Create Clipping Mask e crie uma seleção ao redor das áreas escuras dos lábios.

Vetorizando sua foto (Falso Vetor)

32. Crie também a divisão dos lábios, ao final mude o modo de blend da layer para Soft Light com opacidade em 55%.

Vetorizando sua foto (Falso Vetor)

33. Crie mais algumas camadas repetindo os passos feitos em outras partes do corpo até achar que conseguiu um bom resultado.

Vetorizando sua foto (Falso Vetor)

34. Para o nariz, pressione Ctrl+Shift+Alt+N para criar uma nova layer e pressione a letra P do teclado para selecionar a Pen Tool, crie uma seleção ao redor das narinas e definições do nariz e preencha com a cor preta, mude o modo de blend da layer para Soft Light.

Vetorizando sua foto (Falso Vetor)

35. Abaixo a imagem no final.

Vetorizando sua foto (Falso Vetor)

36. Com algumas variações de Background.

Vetorizando sua foto (Falso Vetor)

Vetorizando sua foto (Falso Vetor)

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para JoãoCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

109 Comments

  1. Cara eu segui o tuto ,ficou mto legal ,mais uma bela dica ,é nas camadas colocadas em soft light ,vc dar um gaussian blur de 1.0 ,fica mto legal ,ao final de tudo faça isso ,da um ótimo resultado !

  2. Parabéns..sem palavras..eu não conhecia esse trabalho..conheci através de um amigo meu o Edson da ecp produções..o Edson e vcs estão de parabéns..quem sabe um dia eu consiga aprender tbm..bjs

  3. tah show..
    eu tow iniciando no com vetor no photoshop…
    faço um pouco melhor no illustrator…
    qd seleciono com a pen no PS e faço o PHILL PATH
    a seleção sai invrsa . fika tipo mask. a figura some e o
    path fica e n consigo inverter..
    alguem pode ajudar??
    desde jpa grato

  4. oii!
    então.ameei esse tuto'
    Liindo msm..mas eu queria só saber uma coisinhaa!como qi eu faço pra aparecer o Fill Path,ta difiicil!praticamente encalhei na primeira paarte
    ajudaa please????
    Beeijo

  5. oii adorei a dica, mais eu não consegui terminar na parte 10. eu selecionei os layers e não apareceu nada, depois vc pede para posterizar, e aqui no meu cs4 essa opção esta "bloquiada", o que eu fiz?
    vc pode de ajudar online?

    kika_i_wish[at]hotmail.com

    ou mande-me um email dizendo o que eu fiz de errado, eu queria muito aprender isso!

    bjos

  6. Olá André,
    belíssimo trabalho com seus tutoriais.
    Infelizmente estou com um problema no passo 10. Onde diz que tenho que selecionar as layers, inverter e deletar as cópias. Não consigo fazer isso, não há a opção. Minha versão do PS é a CS3. Tem algum outro caminho ou outra forma de fazer?
    Agradeço pela atenção.

  7. Oi pessoal to aqui pra resolver o problema do passo 13.
    bem ja que muitos não conseguiram mudar cor alguma da imagem é simples, o André se esqueceu de mencionar que tinha que dar um Fill Path antes com a cor preta, ou a branca no caso, vejam na imagem que está acima do passo 14, la em cima tem o Fill Path e aquela janelinha é como se fosse um historico de ações, então é só preencher e ponhas no soft light.

  8. Esse eu tiro o chapéu e dou o OSCAR…

    Estou a 3 semanas pesquisando sobre vetor,transformar em ilustraçao, desenho, etc…

    Esse mesmo sendo um tutorial antigo foi o melhor que ví uma realidade tremenda, claro que muito complicadinho, e olha que fiquei pesquisando essas 3 semanas durante 7 horas por dia sem exagero.. essas sombras debaixo do queixo as minhas ainda ficam muito ruins.

    Mas é o que o povo diz “quem sabe, sabe o resto baba”..

  9. Andre, Amei seu trabalho, porem tenho muita dificuldade no item 13. toda vez que crio uma nova layer para selecionar mais areas de cinza, quando desmarco a vizualizaçao da layer a seleçao da path da layer nao some, intao eu vou criando mais layer e sempre vendo todas aquelas seleçoes desde o primeiro preto com cinza. como faço para essa vizualizaçao sumir msm ? e dps quando voce diz para mudar o blend das layers para soft light a minha nao muda nada. somente se eu mudar para soft light a layer que contem a foto. me ajude por favor . Muito obrigado

  10. Nossa perfeito !
    Essa foi a segunda vez qu e faço, e claro nem se compara.
    Tive algumas dificuldades como o Fill Patch e algumas partes,
    ñão estão bem explicadas como as outras, mais nada que não dê para conseguir fazer.
    Parabéns 😀
    Se alguem quizer ver meu resultado final: img514.imageshack.us/img514/743/meuvetorbq0.png
    Vlw (Y)

  11. Um absurdo ainda que existam pessoas que ao invés de criar algo novo, copiam descaradamente um site ou uma idéia alheia ..falta de respeito com quem elabora os tutoriais ..E ainda se alto nomeiam !!

    Pelo menos tenha humildade na vida e coloque os links dos sites usados…

  12. Pior eh o costume brasileiro de não distinguir o que eh Masculino e Feminino…

    Mesma coisa que chamar HD de “A” HD, eh O HARD DISK e nao A HARD DISK, Substantivo MASCULINO…

    O que tem de baiano que me diz “Tirei umas FOTINHOS” “O cara tem uma MOTINHO” puta keu pariu….af

  13. Essa porra só está complicada pq vc não sabe escrever.

    Uma coisa é escrever como assim eu sei bem do que vc está falando

    Outra coisa é escrever: como assim ? eu sei bem do que vc está falando !

    passe menos tempo aprendendo photoshop e aprenda português, pra não ficar perdendo o tempo das pessoas que tentam seguir essa bosta de tutorial.

  14. Oi Cleomá, Eu não conseguir fazer esse tutorial a partir do ítem 12 não passo dele faço as seleções em cada layer mas o e qd mudo pra o soft light ñ altera nada onde estou errando, acho que tem algum detalhe que vc ñ coloca nesse exercicio que eu não estou conseguindo fazer, ds que seleciona com a Pent Toll o q fazer, não entendi cara exolica melhor ai…..

    meu email ezodia24[at]hotmail.com

  15. fala ae! pow, muito bom esse tuto! to empolgadao aqui, mais empaquei no passo 13. Qdo faço as seleçoes no layer 5 ele nao aparece na miniatura do layer, ele continua transparente, e se vou criando novos layers eles tbm continuao em branco mesmo com todas a seleçoes que eu faço, o que estou fazendo de errado?
    mesmo assim apliquei o soft light e ficou nada haver com o excemplo.
    se puder me ajudar… =(

  16. oi… desculpa minha ignorancia…. mas nao consegui fazer mais nada depois do 10 passo …. ate o 9 ate q foi tranquilo será q poderia em ajudar…???

    email silviatixa[at]gmail.com ou orkut orkut.com/Profile.aspx?uid=15440929707119395226

  17. pocha cara muito legal seu blog to aprendendo muito com os efeitos parabéns, se puder me explique aquele efeito que vc usa apartir da lição 12, nao entendi aquela historia de selecionar, eu seleciono mas no final acaba ficando a mesma coisa sem colorização, acho que estou fazendo algo de errado se puder me ajudar agradeço muito. e parabéns de novo seu blog é Nota 10 😉

  18. Oi André! A´doro seus tutoriais! Aprendo aq o que naum aprendi num curso que fiz! Por favor me responda! No meu a opção de preencher demarcador naum está funcionando! e não sei o que faço! tentei seguir mesmo assim mais a partir do passo 10 naum deu certo, tem alguma coisa haver pq o meu é o CS?

  19. Oi Andre, o passo “13”, esta um pouco mau explicado me responda isso por favor

    Eu não sei se quando criar uma nova layer, devo cancelar a seleção anterior

    Tambem não sei se na segunda seleção ( de um cinza mais claro), devo selecionar também as cores mais escuras da seleção anterior

    obs: Vc transformou o phothoshop em um estilo de vida

  20. Oi Isabella, na verdade a partir do passo 12 você começa a criar Shapes que serão as partes escuras da foto, esse ano ainda começarei a postar vídeo-tutoriais e este será um deles, é lógico que para este tutorial terei que dividir em pelo menos 3 vídeos pela complexibilidade e número de passos, obrigado pela visita, já votou no blog? volte sempre!!

  21. Já resolvi, foi só um problema em ter que apertar ”delete path” quando terminar cada contorno.

    Mas agora o problema e outro (foi mal kkkk). Eu não entendi direito a partir da parte 12.A parada de selecionar áreas escuras e claras.Não esperava diferente, por que esse e o melhor tutorial de vetor que eu achei na net.Então, se vc poder disponibilizar uma video aula a partir daquela parte, ou mais screenshots eu agradeçeria.
    Se não poder,me esclarece melhor por aqui mesmo.vlw!

  22. Oi Orly, deixando cada parte que for trabalhada em uma layer separada ajuda na organização, porém não tenho idéia do que possa estar acontecendo com você talvez a opção Auto-Select da ferramenta Move Tool esteja selecionada então quando você clica em algo de outra layer ela automaticamente é selecionada, dê uma checada nisso, pressione a letra V do teclado para selecionar a Move Tool e olhe em sua barra de opções no alto da tela, veja se a opção Auto-Select está marcada, se estiver desmarque, espero que isso ajude, obrigado pela visita!!

  23. cara, to com um problema.

    tipo, na parte que vc pede pra ir criando uma layer para cada parte do contorno.Percebi que cada layer fica com uma parte(uma com a pele, outra com vestido, etc).
    Mas no meu, mesmo fazendo uma nova layer toda vez que vou fazer um novo contorno, eles apareçem juntos.Não ta dando pra fazer um contorno ficar individual numa camada só, por que na medida que vou criando layers novas para cada parte do desenho, vai apareçendo nessa mesma layer, os desenhos dos contornos anteriores.Tem como separar cada um em cada layer como vc fez ai? Vlw

  24. Eu tava na net procurando algumas coisas sobre Photoshop e me deparei com seu blog. Nossa eu realmente to maravilhado com que to vendo aqui…Ta de parabens manda muiiiiiiiiiiito em PS, explicação ótima bem detalhado, simplesmente show…Blog sensacional, sem duvida um dos melhores que já vi, e olhe que eu fuço pra K…Um abraço ai fica com Deus…Parebens

  25. Oi Ygor, esse tutorial é bem complicado, mesmo sabendo a técnica ainda leva um tempinho até que saia um trabalho bom, tem que ter muita paciência, este tipo de vetorização mesmo as feitas em programas para vetor levam um tempo considerável para ficarem prontas e a técnica é praticamente a mesma, ou seja, se for pra fazer é mais vantajoso fazer em um programa que trabalhe com vetor, assim que eu começar a postar os tutoriais em vídeo colocarei este para facilitar a vida dos leitores :), bem legal este vídeo que você mandou o link, obrigado pela visita!!

  26. Desisto!!! Consegui fazer mas ficou escroto e ridículo. Prefiro fazer o que ensina aqui, o resultado não é o mesmo, mas não dá trabalho:

    André, vc sabe como eu transformo pra vetor com programas como INKSCAPE, ILLUSTRATOR E COREL ou tb dá tanto trabalho?

  27. Oi, André. Parabéns pelo blog, kda dia + efeitos + bem explicados.
    Esse foi o único tutorial do seu blog q eu achei mal-explicado(não muito), mas a partitr do passo 12 já era, não entendo nada!!! Do 12 pra cima não entendo nada. É dificuldade principalmente no 12 e no 13, depois disso travei.
    Salvei uma pds até o passo q consegui.As principais dúvidas são: Eu tenho q ficar selecionando partes por cor da foto? Qual é a layer do corpo que você diz? É background q fica a foto toda ou é a layer que a gente pintou a parte do corpo? Se puder me ajudar fico muito feliz pq os outros falsos vetores são uma droga, ficam com resultado final igual de um posterize… kkkkkkk!!! Tô doido pra conseguir fazer o desse tutorial…

  28. Oi Kal, ao chegar no passo 08 sua paleta de layers deve estar como a da foto, caso não esteja acho que seria melhor começar novamente pois nos próximos passos você terá que usar estas layers em outros efeitos, para copiar a Background Layer basta pressionar Ctrl+J, obrigado pela visita!! 🙂

  29. andre,eu to tentando fazer,mas no meu nao fica os background copy 1,2,3 como no seu,na imagem 08.fica so abrindo uma nova layer.depois do fill path precisa fazer mais alguma coisa, antes de criar uma nova layer,para abrir um backgroun copy?
    ufa…nem sei se vou conseguir,mas vou pelo menos tentar

  30. Oi Cyntia.vj, note que a imagem apresenta a cor preta, cinza escura, um cinza um pouco mais claro, e outro cinza mais claro ainda e depois o branco, o que quis dizer no passo 12 foi que ao selecionar o preto você deveria pegar a parte onde existe também o cinza escuro e assim por diante, foi isso que quis dizer, espero ter ajudado 🙂 obrigado pela visita!!

  31. cara to tentando fazer esse tutorial a um tempão. travei na hora de colocar a sombra, no passo 12.não consigo entender esse negocio de pegar a cor preta com o tom de cinza mais proximo… pra falar a verdade dessa parte do passo 12 até o final desse passo não entendi nadinha. outra coisa: no passo 13 quando vc fala de pegar a cor preta junto com mais 2 tonalidades de cinza significa o que? boiei geral! você seleciona nas 4 camadas a mesma seleção? vc viu ne q eu to cheia de duvidas…

  32. Oi Silvia, como disse no tutorial o processo de vetorização é realmente demorado, tem trabalhos que chegam a demorar 1 semana, tudo depende do nível de detalhamento que o trabalho irá ter, quanto a sua dúvida, você chegou a retirar a visualização da layer da foto para ver como fica? obrigado pela visita!! 🙂

  33. André, faz três dias q tento chegar ao fim desse tutorial e não consigo! Tô quase desistindo, eu emperrei no passo 13, eu seleciono com a caneta as áreas escuras e tal mas quando vou fazer a mesclagem das camadas colocando Soft Light não fica do jeito q vc colocou, fica predominando a imagem original da foto, não fica com aspecto de pintura de jeito nenhum.
    Por favor me ajuda, o q eu tô fazendo de errado???

  34. Oi Gner, atualizei a listagem de tutoriais, mas mesmo quando a listatgem não estiver atualizada você pode acessar os tutoriais antigos pelo link acima do título do tutorial, em Tutoriais Anteriores, obrigado pela visita, e desculpe a desatualização da listagem ok? volte sempre!!

  35. Oi PC, desculpe a demora na resposta, mas no passo 12 quando você cria a nova layer e aplica o Clipping Mask você não consegue aplicar a Pen Tool?, tente criar a seleção antes de aplicar o Clipping Mask então, mas acho estranho isso ocorrer, pois é o mesmo processo usado anteriormente para outras partes do corpo, aguardo sua resposta, obrigado pela visita!!

    Oi Moicano, sim, foto do corpo a que me refiro no tutorial é a foto usada como base para criarmos as seleções com a Pen Tool, quanto as layers não entendi muito bem o que você quis dizer com retoques da Pen, mas suas layers deveriam estar como as que são mostradas no tutorial, é lógico que dependendo do grau de detalhes que você deseja aplicar isso pode mudar mas no geral sua paleta de layers deveria estar parecida sim, obrigado mais uma vez pela visita 🙂

    Oi Anônimo, a idéia é ótima, agora preciso quebrar a cabeça para ver como posso aplicar isso no blog né? 😀 obrigado pela visita e pelo elogio ao blog, volte sempre!

  36. Ola…..
    Ja estou acompanhando seu blog a um bom tempo….Os tutoriais são otimos…
    Estou aprendendo muito com eles!!
    Mais acho que vcs podiam criar lugar onde nos pudecemos colocacemos os melhores tutorias…
    Assim poderia economizar a pagina de favoritos…Pois acho que ja deve ter uns 10 tutos la!
    Espero que gostem da minha ideia!

  37. E aí pessoal

    André finalmente deu certo o Fill Path ficou ativado! Mas surgiu novas dúvidas: no passo 11 qdo vc diz “clique na layer que contém a imagem do corpo” é a da foto né e não as da Pen? Isso serve para o passo 12? Pq qdo fui cobrir as áreas escuras a foto não estava como a sua e sim sem os retoques da Pen, as minha layers estavam todas ativadas.
    Abraços

  38. Ok Eduardo, assim que possível posto um tutorial sobre isso :), obrigado pela visita e pelo elogio ao blog!!! volte sempre!!

    Oi Moicano, então, testei sua imagem e nada de errado, consegui acessar o Fill Path, quanto a configuração da sua barra de opções tenta, bom, está diferente da minha, tenta deixar as opções Paths (o ícone de uma caneta com um quadrado em volta), Pen Tool (o ícone da caneta)e Auto Add/Delete desmarcado, tente mais uma vez aí, no caso a opção Shape Layers que você está utilizando não permite mesmo que se clique com o botão direito e escolha a opção Fill Path porque o Path é automaticamente preenchido com a cor de Foreground, espero que isso ajude, obrigado pela visita mais uma vez!! 🙂

  39. Ola Andre

    Estou tentanto fazer esse tutorial, mas estou enroscado no passo n.12, onde deve-se criar uma nova layer e selecionar as áreas escuras e assim por diante. Cheguei a criar a layer, mas nela não aparece a área de seleção que eu faço com o Pen Tool. Poderia me esclarecer melhor esse passo?

  40. E aí pessoal

    Mandei a foto p/ vc! Agora estou tentando com a foto postada aqui e ainda não consigo selecionar o Fill Path; segui o conselho do Crow mas ao clicar no símbolo Paths lá em cima na barra de ferramentas ao lado da Shape Layers, volto pra figura e a opção Fill Path continua desativada! Estou usando a Pen Tool (P) com o Shape Layer ativado, com o Auto Add/Delete selecionado e com o Create New Shape Layer ativado. E aí tá tudo certo!?
    Abraços

  41. Olá André parabenizo a você pelo conteúdo de seu blog e te faço um pedido,para quem ja assistiu X-men conhece o Iceman e Colossus um com efeito de gelo transparente e outro com efeito metálico sem falar do quarteto fantástico o Tocha Humana, gostaria de poder aprender a fazer esses efeitos com fotos de pessoas… André você teria como colocar uns tutoriais sobre estes assuntos pra galera aprender? desde já agradeço!!! Valeu!!!

  42. Oi PC, tentei de todas as formas em casa e consigo sempre acessar o Fill Path, como está configurada a barra de opções da ferramenta no alto da tela? obrigado pela visita, desculpe a demora na resposta!! 🙂

    Oi Anônimo, na verdade é tudo feito com base na imagem depois da aplicação do filtro Posterize, como a imagem fica com as cores bem separadas dá para ir definindo as áreas com a Pen Tool e ir demarcando áreas escuras e claras, depois ao colocar esses Shapes criados com a Pen Tool em Soft Light a impressão que temos, e que foi pintado sobre a pele… obrigado pela visita!!

    Oi Crow, valeu pela dica, não consegui achar o que pode estar acontecendo pois de todas as maneiras que tentei consegui acessar a opção Fill Path, obrigado pela ajuda!! volte sempre!! 🙂

  43. oi gente…
    como vi muitas pessoas com dificuldades em mecher no “FILL PATH” recolvi postar tbem estava com dificuldades e pesquisei.
    antes de começar a contornar a imagem e so acionar a ferramenta pen tool e na parte de cima, abaixo da barra de ferramentas aonde tem “file/Edit/Image/(etc)” apertar sobre a ferramenta Paths… procure q achará!!!

    t+ espero ter ajudado!

  44. oi …
    to quebrando a cabeça pra entender o seu metodo de fazer vetor…
    quero muito aprender isso…
    mas na parte das sombras…será q tem como fazer de um geito mais detalhado…nao ta ficando nem de perto parecido!!!
    obrigado…
    e espero resposta:waltermoura[at]hotmail.com

  45. ola Andre

    Parabéns por este fantastico blog.
    Tentei fazer este tutorial, mas nao to conseguindo. Quando faço a seleção com Pen Tool, ´clicando com o botão direito, a opção de Fill Path nao está disponível. Será que to fazendo algo errado?

    aguardo seu retorno.

  46. Oi Serjane, eu que agradeço a visita, quanto a tutoriais sobre bordas já postei alguns aqui no blog, espero que algum deles seja útil para você, obrigado pela visita!! volte sempre!!

    Bordas Simples para Foto.
    tutoriaisphotoshop.blogspot.com/2007/08/bordas-simples-para-foto.html

    Bordas com efeito
    tutoriaisphotoshop.blogspot.com/2006/01/bordas-com-efeito.html

    Bordas Trabalhadas
    tutoriaisphotoshop.blogspot.com/2006/11/bordas-trabalhadas.html

    Oi Márcio, eu que agradeço as visitas, tento responder a todos aqui, as vezes atrasa mas respondo hahha, quanto a sua dúvida, bom, as fotos são todas do mesmo tamanho? e qual versão do Photoshop você está usando?, volte sempre!!

  47. Cara, to curtindo muito seu blog, acho ele o melhor… com ele to aprendendo a trabalhar c PS, faço isso como amador, por diversão.
    E fico grato, pois da primeira vez q comentei, pedi uma ajuda e tu respondeu.
    Mais uma coisa: vi q vc ensinou a fazer colagem c fotos, mas gostaria de saber como faço para montar tipo 9 fotos, mantendo mesmo tamanho entre elas… tipo “jogo da velha”.
    Parabens! Até a proxima.

  48. Oi Kal, obrigado pela força, mas abrindo este espaço para comentários tenho que entender que tanto comentários favoráveis quanto comentários desfavoráveis podem aparecer né… felizmente os comentários favoráveis ainda são maioria, e vou trabalhar para que sejam sempre!! 🙂 obrigado pelas visitas e pelo comentário!! 🙂

    Oi Héssed, como disse eu procuro pesquisar técnicas diversas e interessantes para quem está apredendo, mesmo sabendo bastante de Photoshop até eu mesmo acabo aprendendo coisas novas com isso, mas a diferença acho que está aí, se fosse apenas um leigo no assunto traduzindo tutoriais seria bem diferente, pois nos eventuais problemas ajudar seria bem difícil, obrigado pela visita!!

    Oi Deborah, essa ferramenta demora um pouco até que se domine bem, mas vá treinando até pegar como ela funciona, depois fica bem fácil de trabalhar com ela, especialmente quando se quer fazer alguma seleção mais detalhada, obrigado pela visita, volte sempre!!

    Oi Daniel, como disse antes ainda não coloquei um tutorial sobre glossy aqui no blog, mas tem tutoriais que no meio do processo foi usada a técnica, como pode ser visto no tutorial de como criar ícones para o iPhone, espero que goste, obrigado pela visita, mais para frente irei colocar um tutorial sobre letras com efeito glossy pois ficam muito bonitas :), volte sempre!!

    Criando ícones do iPhone.
    tutoriaisphotoshop.blogspot.com/2007/02/criando-cones-do-iphone.html

    Oi Moicano, poxa, muito estranho, tentei aqui de todas as maneiras mas eu sempre consigo clicando com o botão direito dentro da seleção que criei acionar a opção Fill Path, quais são as definições da ferramenta na barra de ferramentas? você está usando a mesma foto do tutorial ou outra? se for outra você pode mandar para meu e-mail para que eu possa ver se é o arquivo? uma solução para contornar o problema é clicar com o direito e escolher a opção Create Selection, escolha 0 pixels e pressione Ok, depois você pressiona a letra G do teclado para selecionar a Paint Bucket Tool e pinta a seleção com a cor desejada, é mais complexo mas tem o mesmo efeito, quanto ao passo 11 o que deve ser deletado é tudo que não for o corpo da pessoa na foto, por isso selecionamos a parte que colorimos depois clicamos na layer da foto e invertemos a seleção, assim, você deleta tudo fora da área do corpo e fica só com a parte do corpo, espero que consiga aí, obrigado pela visita!! 🙂

    Oi Kayan, qual sua dificuldade na parte 12?? obrigado pela visita e desculpe a demora na resposta!!

  49. Oi André, parabéns por ser tão gentil e por fazer coisas tão incríveis no photoshop.
    Gosto muito de arte, fotos…Anseio muito aprender esse programa maravilhoso e poder fazer maravilhas nas minhas fotos caseiras.A princípio, gostaria de fazer umas molduras a partir de umas imagens q já tenho tipo clipart.
    Aqui tem algumas paginas.terra.com.br/lazer/Jaespin_RS/moldD.htm
    Espero q possa me ajudar,
    Um grande abraço.

  50. E aí pessoal

    André fiz todas as seleções com a Pen Tool, assim como a Lisiane o Fill Path não fica ativado para selecioná-lo, mas segui caminho. Estou trabahando com uma foto de rosto JPEG… Tb na parte 11 na hora de deletar qdo faço isso, depois de deletar, só fica o rosto da pessoa e não consigo ver como fica o ajuste da Posterize, será pq não pude selecionar o Fill Path? Abraços

  51. André, o efeito do reflexo eu já tinha visto aqui no blog, eu queria mesmo era saber como fazer o efeito glossy das letras mesmo! tem como me passar o link de alguns dos efeitos glossy q vc já fez?
    brigadão!
    =D

  52. Eu acho que o carinha anônimo não possue um blog….pq todo mundo que tem um blog, até os maiores blogs cheios de audiência que ja visitei, ja copiaram alguma coisa…ou seja, eh inevitavel…mas claro, os mais experientes dão algumas modificadas, como vc mesmo disse!…

    Então “Anônimo”…quando for criar um blog, lembre de atualiza-lo todo dia lembrando das suas palavras! ^^

    flw!

  53. oi Andre,nem ia comentar esse tutorial pq ja to cansada de dizer q vc é showwwwww,mas mudei de ideia.queria dizer q nao importa de onde vc tira os tutoriais e acho q ninguem esta interessado em saber,so quem nao tem a sua competencia.o mais importante cara é q todo mundo adora esse blog.mesmo nao sendo seu tutorial,vc sempre da assistencia a galera e é CAPAZ de tirar qualquer tipo de duvida,fora a atençao q vc da a todos e a dedicaçao q vc tem no q se comprometeu a fazer.e tem muita gente por ai q nao tem CAPACIDADE de fazer o q vc faz.
    eu te agradeço por todos eles pois tudo q sei aprendi aqui.
    VC É SHOWWWWWWWWW
    BEIJAO

  54. Oi Daniel, você se refere ao efeito Glossy nas letras ou do reflexo no chão? caso seja do reflexo tem um tutorial aqui no blog, quando ao efeito glossy já usei em outros tutoriais mas não postei nenhum específico sobre o tema, obrigado pela visita!! volte sempre!!

    Reflexo
    tutoriaisphotoshop.blogspot.com/2006/10/reflexo.html

    Oi Lisiane muito estranho isto acontecer, você está usando a imagem do tutorial ou outra imagem, se for outra qual a terminação dela? JPG, GIF, Bitmap?? aguardo sua resposta ok? obrigado pela visita!!

    Oi André, pode deixar, postarei!! obrigado pela visita, volte sempre!!

    Oi Minha, só consegui postar no final da tarde mesmo, as vezes atrasa :D, obrigado pela visita!! 🙂

    Oi Héssed, aquele trabalho que você postou na comunidade ficou bem legal também, como tinham várias pessoas pedindo esse tipo de tutorial pesquisei bastante e achei esse bem interessante, fico feliz que tenha gostado, pode deixar que passarei no seu blog para conferir ok? volte sempre!! 🙂

    Oi Uiara, no resultado final ou seja na imagem final você tem um resultado praticamente igual se fizer no Photoshop ou em qualquer outro programa que trabalhe com vetores porém no Photoshop quando você finaliza o trabalho ele transforma tudo em imagem ou seja vira tudo Bitmap, e o Bitmap não permite que você redimensione a imagem sem perder qualidade enquanto que se você fizer um trabalho desses no Illustrator por exemplo ao terminar você pode esticar ou diminuir a vontade a imagem que ela não perde sua qualidade, essa é a diferença, e como leva um tempão para fazer um trabalho desses dependendo do nível de detalhes acho que seria mais interessante fazer em um programa que trabalhe realmente com vetores né… obrigado pela visita!! 🙂

    Oi Anônimo, o intuito do blog é de publicar técnicas diversas de Photoshop, sempre pesquiso em tutoriais de outros países para não me acusarem de “roubo” como está dizendo, não sei como andam os sites de tutoriais para Photoshop aqui no Brasil pois visito muito poucos, mas pode ter certeza que nunca entrei em um site para dar um Ctrl+C e Ctrl+V, eu leio, faço o teste para ver se o efeito realmente funciona (pois sem isso eu nunca iria conseguir dar um suporte para as pessoas que sentem dificuldade), hospedo as imagens no meu servidor, traduzo tudo e as vezes até acrescento alguns detalhes que não existem no tutorial original e publico, quanto ao link para o site original, bom, errei mesmo de não publicar antes, mas é um dos ítens que serão implementados ao blog a partir de outubro :), por favor não fique chateado por ver algum tutorial que está aqui em outro blog, fiz com o intuito de mostrar alguma técnica interessante, pode ter certeza de que neste blog tutoriais nacionais não serão publicados, mesmo porque quase não pesquiso em sites nacionais, obrigado pela visita!!

    Oi Gerliano, qualquer dúvida é só mandar um comentário ok? obrigado pela visita!!

    Oi Vanessa, obrigado pelo elogio ao blog e pelas visitas!! fico feliz que tenha gostado, volte sempre!! 🙂

  55. Já vi simplesmente todos os seus tutoriais postados aqui, sempre acompanho os que saem. Já vi muitos sites de tutoriais pois trabalho com edição de fotos…

    Mas sinceramente esse é o melhor dos milhares que já vi…

    Você com certeza está de parabéns…
    Bato palmas de pé para você…

    Ps: Não é rasgação de seda!!! ^^

  56. aff

    vc eh uma farsa
    pega o tutos de outros sites:
    akele do copo de vinho com os noivos
    photoshopessentials.com/photo-effects/wine-glass/

    e ja vi outros tbm..é só procurar pela web q se axa!

    glera..entrem em adobetutorialz.com e vejam mais tutos “roubados” por ele!

  57. Olá,

    Primeiramente quero dizer que ficou lindddddddddddoooo. Só não entendi uma coisa. Se eu fizer no photoshop não terá o mesmo efeito? Isso que eu entendo qdo voce disse: ” por isso algumas vezes vale mais a pena realizar este tipo de
    trabalho em softwares que trabalham com vetores”.

    Bjo.

  58. Vllllwww André!!! por ter atendido meu pedido (comu)….
    poxa!!! ficou simplesmente d+…..
    pow cara! fike sabendo que admiro seu trabalho desde que visitei o blog pela primeira vez….

    me dá seu autografo??? rsrs!
    vlw
    :DDD

    (ahh, acabei de fazer um trabalho em line art e depois colori, da uma olhada no meu blog, flw)

  59. Olá, André.

    Hoje, logo pela manhã, vim conferir qual seria o próximo tuto.
    Não encontrei nada. Pelo jeito, esse tem que ser feito com muita paciência mesmo.
    Ficou simplesmente lindo! bem diferente dos já visto.
    Parabéns!
    Você, realmente, sabe como trabalhar.
    Até breve.

    Minha.

Muito além do Photoshop – DRC – 22/09/07

Escrevendo na areia com Photoshop.