Banner Tutoriais Photoshop

Tutorial Anterior: Obama e Hillary em quem votar? | Página Inicial »
Tutorial Anterior: Tunning Virtual: Capô Bad Boy. | Página Inicial »
Tutorial Anterior: Galeria em Flash com efeito 3D grátis. | Página Inicial »
Tutorial Anterior: Justice - DVNO Clip criado com vários logos de est... | Página Inicial »
Tutorial Anterior: Criando uma onda de energia ao redor de uma pessoa... | Página Inicial »
Tutorial Anterior: Trabalhos em Stop-Motion. | Página Inicial »
Tutorial Anterior: Lewis Hine o fotógrafo que registrou a construção ... | Página Inicial »
Tutorial Anterior: Como criar fotos panorâmicas usando a função Photo... | Página Inicial »
Tutorial Anterior: Palestra - Adobe CS 3 Design Premium - WOC - 18/... | Página Inicial »

quarta-feira, 23 de abril de 2008

Estilizando uma imagem com Shapes.


Vote no Tutoriais Photoshop para o Top Blog 2010

Descrição: Como estilizar algo usando Shapes Vetoriais.



01. Pressione Ctrl+N para criar um novo documento, defina um tamanho que achar apropriado para a imagem que irá trabalhar, neste tutorial o tamanho usado foi o de 720x480 pixels com resolução de 300 pixels, porém para a internet o valor de 72 pixels basta, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para pintar a área de preto.



02. Pressione Ctrl+O e abra uma foto para ser trabalhada neste tutorial a foto escolhida foi a foto do perfil de uma mulher, com a foto aberta pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte para o arquivo que estavamos trabalhando antes e pressione Ctrl+V para colar, pressione Ctrl+S para salvar seu documento, dê um nome qualquer e que seja de fácil memorização.



03. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+Shift+U para retirar a saturação da imagem e vá em Filter> Blur> Lens Blur e defina os valores abaixo.



04. Agora pressione Ctrl+Shift+S para salvar como seu documento dê o nome de "dispmap", agora serão usados uma série de Shapes em Vetor, no caso do tutorial foram usados Shapes comprados, mais especificamente este set de shapes, mas caso queira existem outros sets gratuitos que também podem ser usados para reproduzir o efeito deste tutorial , uma vez com os shapes instalados pressione a letra U do teclado para selecionar a Custom Shape Tool, na barra de opções da ferramenta clique em Shape escolha um Shape para ser usado, clique e arraste para criar laguns shapes em seu documento, cada Shape deve ter sua própria layer, clique com o botão direito do mouse na layer do Shape e escolha a opção Convert to Smart Object.



05. Agora clique na primeira layer com o Shape em Vetor e vá em Filter> Distor> Displace, defina os valores abaixo, assim que pressionar ok, na caixa que irá se abrir escolha o arquivo que salvamos antes com o nome de "dispmap" e clique em Open.



06. Agora clique na layer da imagem usada e pressione Ctrl+J para duplicar a layer, faça uma cópia para cada layer de Shape que seu arquivo tiver, posicione as cópias como na foto abaixo.



07. Agora clique com o botão direito do mouse nas layers copiadas com a foto usada e escolha a opção Create Clipping Mask ou vá em Layer> Create Clipping Mask.



08. Depois de ter aplicado o Clipping Mask em todas as layers copiadas da foto original clique na layer de Vetor que estiver acima de todas as outras e vá em Layer> Layer Style> Drop Shadow, defina os valores abaixo e pressione Ok, agora clique com o botão direito do mouse sobre a layer onde acabamos de aplicar o Drop Shadow e escolha a opção Copy Layer Style, clique com o botão direito do mouse sobre as outras layers com Shapes de Vetor e escolha a opção Paste Layer Style, caso queira, clique na layer Background (que pintamos de preto) e vá em Layer> Layer Style> Gradient Overlay, escolha a cor desejada e o modo Radial para o gradiente, sua imagem deverá ficar como na foto abaixo.



09. Ao final sua imagem estará como a da foto abaixo, pode-se adicionar outras layer styles para incrementar o efeito, basta usar a imaginação e tentar diferentes combinações de efeitos.



10. Aqui a imagem finalizada com alguns detalhes a mais.


site de origem: http://psdtuts.com/tutorials-effects/creating-a-vector-composite-effect-from-a-photo/

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!



    17 Comentários:

    Às 23 de abril de 2008 00h28min00s BRT , Blogger BaDLiNe disse...

    Show!!!
    Continue assim Sugai XD!

     
    Às 23 de abril de 2008 01h47min00s BRT , Blogger Deborah Nay disse...

    Oi, André.

    Belo trabalho.
    Queria indicar um tutorial, esse aqui eu descobrir quando tava fazendo o título do meu novo blog e achei super interessante, mas ta em inglês e achei pouco explicado.
    Se você gostar:
    http://psdtuts.com/photo-effects-tutorials/photoshop-button-maker/

    Beijos!

     
    Às 23 de abril de 2008 08h15min00s BRT , Anonymous Anônimo disse...

    gostaria desaber se vc sabe algu daqueles cursos de Ps pela internet online... que possui certificado.. ate hoje so achei um que possui certificado!

     
    Às 23 de abril de 2008 09h42min00s BRT , Blogger Flavio Gomes disse...

    muito bom msm... eu sempre acompanho esse blog os tutoriais são muito bom msm, parabéns

    achei um totorial interesante so que esta em ingles ser q daria para vc traduzir pra nois


    http://psdtuts.com/photo-effects-tutorials/super-slick-dusky-lighting-effects-in-photoshop/

    desde ja agradeço

     
    Às 23 de abril de 2008 10h31min00s BRT , Blogger Josiane disse...

    otimo como sempre andre ^^

    continue assim xD

     
    Às 23 de abril de 2008 10h47min00s BRT , Blogger O País Cinzento disse...

    Óptimo trabalho, André.
    Desde que vi o teu comentário no Obvious, que acompanho diariamente este blog, e posso dizer que aprendi imenso em poucos dias.
    Obrigado,
    Paulo Ferreira

     
    Às 23 de abril de 2008 11h13min00s BRT , Anonymous Anônimo disse...

    Olá Debora nay, eu não sou o André, mas esse tutorial que você indicou ja existe aqui no blog, eu tentei achar a página mas como estou sem tempo eu naum encontrei, mas eu te garanto que existe eu até fiz ele aqui em casa.
    Espero ter ajudado.

    HALLAN

     
    Às 23 de abril de 2008 16h44min00s BRT , Blogger Andre Sugai disse...

    Oi Badline, obrigado pela visita! fico feliz que tenha gostado do tutorial de hoje!! volte sempre!!

    Oi Deborah Nay, já foi publicado aqui! :D caso queira ver como ficou aqui está o link, obrigado pela visita!!

    Oi Anônimo, infelizmente não conheço nenhum que possa indicar, obrigado pela visita!!

    Oi Flavio Gomes, pode deixar, este tutorial não me é estranho, só não lembro se já publiquei ele, hoje a noite verei com mais calma, obrigado pela visita e pela dica! volte sempre!!

    Oi Josiane, obrigado pela visita!!

    Oi Paulo Ferreira, eu que agradeço sua visita, infelizmente ninguém do Obvious respondeu a meu comentário sobre a parceria, é um ótimo blog também, volte mais vezes!!

    Oi Hallan, obrigado pela força, acabei de indicar o link, obrigado pela visita também!! :)

     
    Às 23 de abril de 2008 22h52min00s BRT , Blogger FoxFly disse...

    Fala aew, adoro seu Blog, ontem votei em você para o prêmio Ibest ;)

    Saca só, eu fui no link que você botou para download do 'set gratuito' baixei alguns shapes, brush's e etc, mas eles vem em formato .mov que meu pc até da a opção de abrir com o RealPlayer O.o'

    Como que faço para instala-los ???

    Obrigado pela atenção, desde já.

     
    Às 29 de abril de 2008 08h22min00s BRT , Anonymous Anônimo disse...

    Ae cara ficou muitooo manero o efeito.
    Poxa eu queria saber se tinha como você deixar o link ae dos Shapes que você usou, pq eu ja fui na internet e não achei nenhum parecido com esses.

    brigado ae e valeu!

     
    Às 3 de maio de 2008 16h23min00s BRT , Blogger Jadson disse...

    Olá André,
    Gostei muito desse tutorial mas nao consegui avançar no nos tópicos pq eu uso o Photoshop 7.0 e nele nao tem Filter > Blur > "Lens Blur" . gostaria de saber como contornar isso. Grato. Jadson-RJ

     
    Às 6 de maio de 2008 17h16min00s BRT , Anonymous Anônimo disse...

    Olá... muito bom o seu blog!!!
    Gostaria de saber a resposta da pergunta do Foxfly!!!
    OBrigado

     
    Às 15 de maio de 2008 09h28min00s BRT , Anonymous Anônimo disse...

    fui no link que você botou para download do 'set gratuito' baixei alguns shapes, brush's e etc, mas eles vem em formato .mov

    Como que faço para instala-los ???

    Obrigado

     
    Às 15 de maio de 2008 10h12min00s BRT , Blogger Andre Sugai disse...

    Oi FoxFly, .mov é arquivo de vídeo, acho que você clicou no link errado, Brushes possuem extensão .abr e devem ser instaladas caso você usa PC em C:\Arquivos de programas\Adobe\Adobe Photoshop CS3\Presets\Brushes, inclusive editei o texto do tutorial pois o set gratuito não está mais disponível no site, obrigado pelo voto!! volte sempre e desculpe a demora na resposta!!

    Oi Anônimo, na realidade você pode recriar este efeito usando qualquer tipo de Shape, não é necessário que seja o mesmo do tutorial, obrigado pela visita e desculpe a demora na resposta!!

    Oi Jadson, tente usar o Gaussian Blur, não é a mesma coisa mas você é o mais próximo do Lens Blur, obrigado pela visita e desculpe a demora na resposta!!

    Oi Anônimo, desculpe a demora na resposta, acabei de responder e a resposta você confere logo acima, obrigado pela visita!!

    Oi Anônimo, como dito anteriormente a resposta para sua pergunta está respondida na primeira resposta que dei neste mesmo comentário, obrigado pela visita e desculpe a demora!!

     
    Às 16 de maio de 2008 14h13min00s BRT , Blogger Edgar Allan Poe disse...

    Poxa, muito legal, porém não sei o porque... estou seguindo passo a passo e não estou acertando... =\
    :~

    Todo mundo conseguiu?

     
    Às 31 de março de 2009 18h47min00s BRT , Blogger lesma_samurai disse...

    depois de criar os shapes (cada um em sua própria camada) - a opção "objeto inteligente" (Convert to Smart Object) não fica disponível
    =/

    desde já agradeço , ótimo blog !

     
    Às 8 de junho de 2009 17h46min00s BRT , Blogger Coringa disse...

    Andre, baixei alguns, mas quando do um duplo clique no arquivo EPS, ele abre no photoshop todos os vetores do arkivo. Teria como eu instalar esses vetores no photoshop? Assim como fasso com os brushes e shapes? Sem perder qualidade conforme aumento.
    Desculpe minha ignorância
    Obs: Gostaria de instala como shapes, mas naum sei como.

    Desde jah agradeço.

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início