Estilizando uma imagem com Shapes.

COMPARTILHE:

Descrição: Como estilizar algo usando Shapes Vetoriais. Tutorial Avançado 01. Pressione Ctrl+N para criar um novo documento, defina...

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

Tutorial Avançado


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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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

tutoriais photoshop

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

COMENTÁRIOS

BLOGGER: 18
  1. 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!

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

    ResponderExcluir
  3. 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

    ResponderExcluir
  4. otimo como sempre andre ^^

    continue assim xD

    ResponderExcluir
  5. Ó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

    ResponderExcluir
  6. 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

    ResponderExcluir
  7. 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!! :)

    ResponderExcluir
  8. 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á.

    ResponderExcluir
  9. 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!

    ResponderExcluir
  10. 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

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

    ResponderExcluir
  12. 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

    ResponderExcluir
  13. 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!!

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

    Todo mundo conseguiu?

    ResponderExcluir
  15. 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 !

    ResponderExcluir
  16. 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.

    ResponderExcluir
  17. Alguem pode me ajudar eu ñn seiii na onde foiii para meu photoshop quanto eu istaleii alguem pode me ajudar porfavor

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,410,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,121,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,515,outubro,743,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,141,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,470,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Estilizando uma imagem com Shapes.
Estilizando uma imagem com Shapes.
http://www.andresugai.org/Tutoriais/04.2008/T16/imagem10.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/04/estilizando-uma-imagem-com-shapes.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/04/estilizando-uma-imagem-com-shapes.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar