em , , , ,

Tutorial: Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

Preview Descrição: Como criar um falso vetor mais fácil que este outro postado anteriormente mas que mesmo assim apresenta um grau de dificuldade acima da média, para executar este tutorial é necessário um bom domínio da ferramenta Pen Tool, caso não saiba como usar veja este tutorial antes.

  • [message]
    • ##check##AVISO: Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

      • 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

01. Pressione Ctrl+N para criar um novo documento, defina um tamanho de 768×1024 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, pressione Ctrl+O e abra uma foto qualquer (de preferencia em tamanho grande), depois de aberta pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que criamos e pressione Ctrl+V para colar, caso seja necessário ajustar sua imagem ao documento pressione Ctrl+T para abrir a caixa de Free Transform, ajuste de acordo com o tamanho de sua foto e pressione Enter.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

02. Vá em Layer> New Fill Layer> Solid Color, crie um fill layer na cor branca e posicione abaixo da layer da imagem usada, agora clique na layer da imagem usada e pressione a letra P do teclado para selecionar a Pen Tool, configure a barra de opções da ferramenta como na imagem abaixo e comece a traçar os detalhes do background da imagem, depois de criados os shapes posicione a layer abaixo da layer da imagem como na foto abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

03. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X para inverter as cores de Foreground e Background, sua cor de Foreground deve ser branca, pressione a letra P do teclado para selecionar a Pen Tool novamente, defina os valores abaixo na barra de opções da ferramenta e crie um shape da camiseta usada pela garota na foto como na imagem abaixo, depois de terminado passe a layer para baixo da layer da imagem usada

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

04. Com o mesmo processo usado anteriormente desta vez crie os shapes para as partes dos braços e mãos, crie uma layer para o braço esquerdo e outra para o braço direito, ao final deixe a layer abaixo da layer da imagem.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

05. Agora crie o shape da calça, no tutorial foi usada a cor #002352 (um azul escuro), depois de terminado posicione a layer abaixo da layer da imagem.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

06. Usando a mesma cor que foi usada para criar os shapes das mãos e braços crie uma nova layer com o shape da cabeça, depois de criado passe para baixo da layer da imagem.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

07. Crie uma nova layer, para o cabelo, neste caso castanho foi usada a cor #7e4a22, com a Pen Tool crie todo o shape do cabelo e passe a layer para baixo da layer da imagem novamente.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

08. Para cada parte criada faça uma nova layer, para os óculos use a cor #212121, depois de terminado passe esta layer para baixo da layer da foto mas deixe acima da layer da cabeça.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

09. Neste momento você já deve ter todos os shapes básicos da imagem, agora será necessário criar os shapes para detalhes, com a Pen Tool crie os detalhes da camiseta em uma nova layer, para as listras foi usada a cor #03b72d, depois de terminado passe esta layer para baixo da layer da imagem e deixe acima da layer da camiseta como na foto abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

10. Em uma nova layer crie a parte inferior dos lábio, em outra a parte superior dos lábios e em outra as narinas, para o lábio inferior a cor usada foi #E05328, para a parte superior a cor usada foi #A33B1E e para a narina a cor usada foi a preta, deixe as layers abaixo da layer da imagem e acima da layer da cabeça.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

11. Agora defina a opacidade da layer da foto em 50%, com a Pen Tool ainda selecionada crie uma nova layer desenhando a parte das lentes do óculos, no tutorial a cor usada para as lentes foi a #404040, passe a layer das lentes para baixo da layer da imagem e deixe acima da layer dos óculos.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

12. Neste passo criaremos as partes correpondentes as sombras na pele, veja as partes que possuem sombras e crie um shape correspondente, a cor usada no tutorial foi a #d29115, depois de terminado deixe a layer abaixo da layer da imagem e acima da layer das mãos, braços etc.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

13. Para os detalhes na calça use um azul escuro, depois de criados passe a layer para baixo da layer da imagem e acima da layer da calça que foi criada anteriormente.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

14. Sua imagem já deve estar bem trabalhada neste momento porém a quantidade de detalhes fica por conta de quem faz, e quanto mais detalhes melhor, sua imagem neste momento deve estar como a da foto abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

15. Agora você pode trocar as cores e experimentar novas combinações, para isto basta clicar na miniatura do ajuste de cor e definir a nova cor, no tutorial as cores da pele foram trocadas para a cor #F8C769, das sombras de pele para #E7B148, listras da camiseta para #C50505, background para #C50505 e listras do background para #FFFFFF.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

16. Agora vá em Layer> Group Layers para criar uma pasta em sua paleta de layers, jogue lá dentro todas as layers que compõe a garota da imagem, deixe de fora apenas as layers do background como na imagem abaixo, clique na pasta e pressione Ctrl+T para abrir a caixa de Free Transform caso queira redimensionar a figura da garota.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

17. Agora clique na layer das lentes do óculos e vá em Layer> Layer Style> Gradient Overlay, defina um gradiente que vá do #3D3D3D para o #858585, defina os valores abaixo e pressione Ok, em seguida vá em Layer> Layer Style> Pattern Overlay, marque a opção Link With Layer e defina os valores mostrados abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

18. Clique na layer da Calça e vá em Layer> New Adjustment Layer> Gradient Overlay e defina um gradiente que vá do #00345E ao #025B87.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

19. Agora clique na layer de background que contém as listras, vá em Layer> Layer Style> Gradient Overlay e defina um gradiente que vá do #C70704 para o #6A0000.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

20. Defina o mesmo gradiente nas listras da camiseta, clique na layer da camiseta e vá em Layer> Layer Style> Gradient Overlay e defina um gradiente que vá do #6A0000 para o #C70704.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

21. Clique novamente na layer que contém as listras do background e vá em Layer> Layer Styles> Stroke e defina um stroke como o da foto abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

22. Agora clique na layer de background (branca) e vá em Layer> Layer Style> Pattern Overlay e defina o pattern abaixo, clique na opção Snap to Origin e deixe a opção Link With Layer desmarcada.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

23. Agora clique na layer da camiseta e vá novamente em Layer> Layer Style> Pattern Overlay, escolha o mesmo pattern aplicado no background, não marque a opção Link With Layer para que o pattern pareça um só (com o que está aplicado ao fundo).

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

24. Ao final sua falsa vetorização estará como a da foto abaixo.

Falso Vetor 2, trabalhando com Adjustment Layers e Layer Styles

site de origem: http://psdtuts.com/drawing/create-a-basic-vexel-image/

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 André SugaiCancelar 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.

17 Comments

  1. André, você ta de parabéns, seu blog além de ajudar curiosos a mexer no photoshop pra editar alguma imagem propria, ajuda também muitos designers.

    Parabéns mesmo.

    Ahh, estava lendo os comentários, e vi um comentario falando dessa imagem.

    seucachorro.com/wp-content/uploads/2007/10/montagem-12.jpg

    Eu também gostaria muito de ver algum tutorial desse exemplo, não parece realmente muito dificil, tendo as imagens certas ehuhueahue, mas seria interessante ver um. Achei um site uma vez (gringo) que tinha muitas imagens desse estilo, estava procurando agora e não achei, caso eu ache eu comento novamente com ele.

    Abraço e sucesso!

  2. André boa tarde, excelente tutorial. Gostaria de fazer um pedido, que postasse um tutorial sobre como fazer esse tipo de efeito seucachorro.com/wp-content/uploads/2007/10/montagem-12.jpg

  3. Oi Igor e Dani Amor Eterno, obrigado pelo toque, já arrumei! volte sempre!! 🙂

    Oi Hallan, na verdade já é um projeto de blog que não vai pra frente por diversos fatores, um deles é o tempo que o ::Tutoriais Photoshop:: toma, nem teria como levar o outro, pelo menos se eu fosse fazer tudo como gostaria de fazer por lá, mas montei pra fazer uns testes usando o XHTML presente no novo blogger, é bem chato de mexer, mesmo assim você foi rápido hein hahahah no meu profile do blogger também tem uma dúzia de blogs que uso como testes antes de jogar algo aqui no ::Tutoriais Photoshop:: hahaha, mas quem sabe um dia eu não abra outro blog e leve tão a sério quanto o ::Tutoriais Photoshop:: né? :D, obrigado pela visita!!

    Oi Frank, obrigado pela visita!!

    Oi Celo, eu que agradeço a visita, vi que você também tem um blog sobre Photoshop né? bacana, visitei mas não deixei nenhum recado, depois volto com mais calma, sucesso! volte sempre!!

    Oi xandezanata, tento atender a todos os pedidos da comunidade dentro do possível né, o problema é que as vezes tem tantos pedidos e nem tem como postar todos, talvez se eu vivesse apenas do blog, mas isso ainda é inviável hahah, obrigado pela visita!!!
    🙂

  4. esses dias eu tinha comentado no orkut da comunidade que o tema de vetor poderia ser abordado de novo,e aqui esta, é por isso que o seu blog é o melhor que conheço, valeu mesmo

  5. Olá André, o tuto ta muito bom, é bem facinho só da um trabalho danado rsrs.

    Achei o seu novo Blog, parece que está em faze de teste ou algo do tipo, tentei postar um coment la, mas não consegui. Ta meio complicado de achar o link pra postar comentários, quando eu achei ele não abria nenhum tipo de janelar pra postar o coment, sei lá se é problema do blog ou do meu pc ou mesmo se o problema está entre o monitor e a cadeira rsrsrs. Mas enfim, só queria dizer 2 coisinhas.

    1º Coloca aí uma propaganda do novo blog, quem sabe não vira um sucesso como o ::Tutoriais Photoshop::

    2º Se ja estava meio complicado responder os coments do ::tutoriais photoshop::, vc não acha que isso vai acabar atrapalhando um pouco o tutoriais photoshop??

    Bom de qualquer jeito eu adorei o blog e desejo sucesso.

    Caso alguém ainda não tenha visto o blog ao qual me refiro aí está:

    videonoid.blogspot.com/

  6. E ae André,

    muito bom esse efeito!!!

    E aproveitando pra avisar que esse tutorial ficou sem título:

    tutoriaisphotoshop.blogspot.com/2008/07/descrio-como-criar-um-efeito.html

    Abraços!

  7. Oi Paulo, a única maneira que conheço de trocar o idioma do Photoshop é baixando de novo, no idioma que deseja, bom, é isso, obrigado pela visita!

    Oi JJ, eu que agradeço a visita, volte sempre!

Painel de Elvis feito de Post-Its.

Pac Man no mundo real.