Criando bordas arredondadas.

COMPARTILHE:

Descrição: Como criar bordas arredondadas em uma foto usando uma vector mask. Tutorial Intermediário 01. Pressione Ctrl+O e escolha a ...

Preview Descrição: Como criar bordas arredondadas em uma foto usando uma vector mask.

Tutorial Intermediário


01. Pressione Ctrl+O e escolha a foto a ser trabalhada, neste tutorial iremos usar a foto abaixo.

tutoriais photoshop

02. Com sua foto já aberta no Photoshop pressione Ctrl+N e crie um novo documento, defina um tamanho maior que a foto usada, depois de criado pressione a letra D do teclado para definir as cores de Foreground e Background como preto e branco, pressione Alt+Backspace ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte o fundo do documento de preto, volte na foto que será usada e pressione Ctrl+A e depois Ctrl+C, vá no documento com fundo preto e pressione Ctrl+V para colar a foto como na imagem abaixo.

tutoriais photoshop

03. Sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

04. Agora clique na Layer 1 (a layer que contém a foto trabalhada) e clique no ícone de Add Layer Mask no rodapé da paleta de layers como na foto abaixo.

tutoriais photoshop

05. Sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

06. Novamente clique no ícone de Add Layer Mask no rodapé da paleta de layers.

tutoriais photoshop

07. Sua paleta de layers deverá ficar como a da imagem abaixo, pode parecer que aplicamos duas layer mask mas o que temos agora é uma layer mask e uma vector mask.

tutoriais photoshop

08. Tanto a layer mask quanto a vector mask possuem o mesmo ícone para representação e servem para mascarar partes de uma imagem fazendo com que possamos esconder ou mostrar partes de uma figura, porém estes doi modos de mascaramento funcionam de maneiras diferentes, na layer mask normalmente usamos a Brush Tool para pintar partes da máscara para revelar ou esconder o conteúdo da imagem, usamos o preto para esconder e o branco para tornar visível, o cinza funciona como uma transparencia, o essencial é saber que para trabalhar em uma layer mask iremos usar branco, preto ou cinza com a brush tool.

A vector Mask não necessita uso da Brush Tool, na vector mask usamos shapes que irão definir as partes que serão visíveis e as partes que serão escondidas em uma foto, podemos usar uma ferramenta que trabalhe com Shapes (Pen Tool, Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool e Custom Shape Tool).

Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool.

tutoriais photoshop

09. Na barra de opções da ferramenta clique no ícone Shape Layers como na foto abaixo.

tutoriais photoshop

10. Defina um valor de 30 pixels para o Radius na barra de opções da ferramenta, este valor determina o quanto de arredondamento terá seu shape, então o valor citado no tutorial fica a seu critério aumentar ou diminuir.

tutoriais photoshop

11. Clique na sua Vector Mask na paleta de layers para ter certeza de que irá trabalhar na vector mask e não na imagem usada.

tutoriais photoshop

12. Agora clique no documento e arraste para criar seu Shape de cantos arredondados, sua imagem deverá ficar como a imagem abaixo.

tutoriais photoshop

13. Ao soltar o botão do mouse sua imagem irá ficar como a imagem abaixo.

tutoriais photoshop

14. Para adicionar uma borda clique no ícone de Add Layer Style no rodapé da paleta de layers.

tutoriais photoshop

15. Escolha a opção Stroke no menu que irá aparecer.

tutoriais photoshop

15. Defina os valores abaixo na caixa que irá abrir.

tutoriais photoshop

16. Pressione Ok e sua imagem estará pronta.

tutoriais photoshop

site de origem: http://www.photoshopessentials.com/photo-effects/rounded-corners/

COMENTÁRIOS

BLOGGER: 24
  1. http://www.photoshopessentials.com/photo-effects/bourne-blur/ podia ensinar fazer esse tutorial ne hahaah

    ResponderExcluir
  2. Oi Thiago, pode deixar que postarei sim!! obrigado pela visita :)

    ResponderExcluir
  3. Caraca André, esse tutorial é bem legal.
    Mas a barra superior do blog ficou muito mais que 10. Ficou excelente.
    Você também manja de flash??
    Se sim, porque você não faz um "Tutoriais Flash"??
    Pelo menos pra mim seria bem útil.
    Flw
    Té mais

    ResponderExcluir
  4. Oi Felipe, depois do Photoshop o programa que eu mais curto é o Flash, é um programa em que se pode fazer quase tudo, animações, sites, banners, jogos, aplicações para celulars, programas, enfim, gosto tanto que para aprender apanhei bastante, e ao contrário do Photoshop tive que fazer um curso para desempacar, fiz do básico ao avançado, mas novamente "ao contrário do Photoshop" não tenho um domínio completo do programa, fiz o curso de Action Script também e é essa parte que ainda me pega, consigo fazer animações e executar algumas aplicações simples em action script, criar um blog sobre tutoriais de flash seria uma boa se eu dominasse o programa como domino o Photoshop :D, quem sabe no futuro né? obrigado pelo elogio ao banner, é do natal passado mas por problemas no meu computador de casa acabou encostado e só consegui usá-lo neste natal, obrigado pela visita!! :)

    ResponderExcluir
  5. Oi André!;D
    Este tipo de borda é tudo que eu queria aprender, vai me ajudar muito em meu trabalho!
    Valeu mesmo!!!
    Bjussss!

    ResponderExcluir
  6. ola andré,
    você me surpreende sempre, todos os dias consegue tutoriais novos, adoro seu blog, visito eles todos os dias, adquiri o photoshop recentemente e não sei fazer nada mas com os seus tutoriais aprendi muita coisa, muito obrigado, é bom que você esteja disposto a ensinar "novatos" como eu.
    tchau.

    ResponderExcluir
  7. falaaaaaaaaaaa andré belezinha??? e o curintia??? =D

    kara so easy essa das bordas heinn =D
    desisti de colocar continentes na minha tentativa frustrada de Terra hehehehehehehehe....

    ResponderExcluir
  8. Oi, André. Td bem? ótimo esse tuto. Como vc faz aquela animação do Natal ali?

    ResponderExcluir
  9. Olá André,

    Muito obrigada. Ainda estou organizando o visual do blog. Achei muito bonita a imagem de cabeçalho do seu blog. Parabéns! Estou criando uma mascote para o TechWorld. Adoro Photoshop, mas uso mais o Corel Draw. Estou fazendo a mascote no Corel. Não sei muita coisa sobre Photoshop, mas queria aprender. Parabéns pelo blog. Onde você aprendeu tanta coisa sobre Photoshop?

    Parabéns,

    Ana

    ResponderExcluir
  10. Oi ;Dréa, fico feliz que tenha gostado, usando outros tipos de Shapes com a custom shape tool você consegue criar diversos tipos de bordas também, obrigado pela visita!! :)

    Oi Paulo Roberto Bz., precisando é só deixar um recado, pode ser que eu demore um dia ou dois mas sempre respondo, obrigado pela visita, volte sempre!! :)

    Oi Evandro, sobre o Corinthians, sem comentários, estou de luto, hahah, obrigado pela visita!!

    Oi Ygor Blanco, Flash e Action Script, obrigado pela visita!! :)

    Oi Ana, em Corel eu mexo um pouquinho também, uso ele pouco, ultimamente tenho mexido bastante com o illustrator, é parecido e veio no pacote da suite CS3 que uso no serviço, aprendi tudo sozinho, lendo e na pratica, já trabalhei com designer e em 2 laboratórios de fotografia digital, ano que vem pretendo tirar a certificação da Adobe :) obrigado pela visita!!

    ResponderExcluir
  11. haahuuhahua vamos fazer uma vaquinha pro andre ser certificado ahuahuahua
    CAMPANHA VAQUINHA PRO ANDRE

    ResponderExcluir
  12. Oi Thiago, hahah, era melhor fazer uma campanha pra me ajudar a trocar de computador, meu computador de casa já me deixou na mão com o blog várias vezes, tanto que antes de trabalhar eu tive até que ir numa lan house para poder atualizar o blog e isso foi mais de 1 vez, :P, tenho um iMac já faz mais de 7 anos, levei na assistência mas o técnico disse que o computador já está muito velho, ainda funciona mas se eu desligar ele fica mais ou menos 1 semana sem ligar e nem dar sinal de vida, as vezes desliga sozinho e não consigo entrar em vários sites porque não existem mais atualizações para meus browsers nem meu sistema operacional, a Apple já lançou o Mac OS X 10.0.5 Leopard e eu ainda estou usando o 9.2 :P, espero que em Janeiro eu já esteja com um novo computador, aí sim poderei modificar e melhorar várias coisas no blog :), obrigado pela visita!!

    ResponderExcluir
  13. Esse foi bem simples mas legal =].. facil! rs
    Ai andré gostaria que visse esse video (http://www.youtube.com/watch?v=aHLpRxAmCrw&feature=related) e gostaria se podia montar tuto mostrando as camadas de cor que ele vai colocando nas pessoas.. repara soh são d+!

    Abraços!


    Eita segundona!! AHAhah

    ResponderExcluir
  14. Cara você é o cara!!^^

    Visito o blog a pouco tempo, e já fiz coisas que nem eu acreditei... muito bom, continue assim!!! :D

    Mas Andre , eu estava olhando por aí, e não vi ninguém ensinando como ampliar uma imagem (deixa-la maior sem perder a qualidade), melhorar ela (cor,brilho,contraste,etc...) e tirar aqueles quadradinhos vermelhos e azuis (tenho imagens com uma resolução até que boa - 2660x1995 - mas não serve pra nada se a qualidade é ruim :( ), esse tipo de matéria me faz muita falta, pois as imagens que geralmente meus amigos tiram, ficam assim e é horrível fazer uma edição com uma imagem nesse estado ( você sabe como é ^^ ).

    Bom, meu pedido foi esse. ^^

    Continue assim cara, cada vez melhor... parabéns!.
    Abraços.

    ResponderExcluir
  15. Oi Gustavo, a verdade este vídeo vai mostrando o processo de tratamento de foto em etapas, já tinha publicado este vídeo aqui no blog, muito bom né? obrigado pela visita!! :)

    Oi Charles, estes ruídos nas imagens muitas vezes são causados por lentes de baixa qualidade, pode deixar que postarei um tutorial que ajuda a melhorar este tipo de foto, não faz milagres mas ajuda bastante :), obrigado pela visita!! :)

    ResponderExcluir
  16. fala parceiro...
    vlw por ter lembrado do tutorial que eu tinha lhe falado...
    lembra?? te perguntei o conceito sobre máscara de vetor
    muito obrigado por ter respondido a minha pergunta fera

    abraço

    ti cuida

    ResponderExcluir
  17. Oi João, eu que agradeço a visita, eu demoro mas acabo sempre postando algo a respeito quando as pessoas pedem algo, espero que tenha ajudado, obrigado pela visita!! :)

    ResponderExcluir
  18. Parabéns, excelente espaço.
    Sucesso constante, tenho aprendido muito com seus tutoriais.
    Felicidades.
    Daniel

    ResponderExcluir
  19. Oi Daniel, eu que agradeço a visita!! volte sempre!! :)

    ResponderExcluir
  20. Ola André! você sabe como deixar uma borda arredondada, mas que o fundo da imagem fique transparente e não branco!?

    ResponderExcluir
  21. Obrigadão por este post, estava precisando faz tempo...

    Abs

    ResponderExcluir
  22. aah eu faço com o smooth tool e é mais fácil, mesmo efeito

    ResponderExcluir
  23. Depois de vários tutoriais que não me serviram de nada... enfim este aqui! "Obrigada meu Deus!"

    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,390,2am,1,2axion,1,360,4,abril,378,abstrato,223,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,103,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,29,í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,590,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,496,outubro,725,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,64,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,518,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,459,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando bordas arredondadas.
Criando bordas arredondadas.
http://www.andresugai.org/Tutoriais/12.2007/T01/imagem17.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/12/criando-bordas-arredondadas.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/12/criando-bordas-arredondadas.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