André Sugai
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.
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.
03. Sua paleta de layers deverá ficar como a da foto abaixo.
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.
05. Sua paleta de layers deverá ficar como a da foto abaixo.
06. Novamente clique no ícone de Add Layer Mask no rodapé da paleta de layers.
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.
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.
09. Na barra de opções da ferramenta clique no ícone Shape Layers como na foto abaixo.
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.
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.
12. Agora clique no documento e arraste para criar seu Shape de cantos arredondados, sua imagem deverá ficar como a imagem abaixo.
13. Ao soltar o botão do mouse sua imagem irá ficar como a imagem abaixo.
14. Para adicionar uma borda clique no ícone de Add Layer Style no rodapé da paleta de layers.
15. Escolha a opção Stroke no menu que irá aparecer.
15. Defina os valores abaixo na caixa que irá abrir.
16. Pressione Ok e sua imagem estará pronta.
site de origem: http://www.photoshopessentials.com/photo-effects/rounded-corners/
Muito bom tutorial!
Você pode usar essa ação do Photoshop para criar cantos arredondados
Depois de vários tutoriais que não me serviram de nada… enfim este aqui! "Obrigada meu Deus!"
aah eu faço com o smooth tool e é mais fácil, mesmo efeito
Obrigadão por este post, estava precisando faz tempo…
Abs
Ola André! você sabe como deixar uma borda arredondada, mas que o fundo da imagem fique transparente e não branco!?
Oi Daniel, eu que agradeço a visita!! volte sempre!! :)
Parabéns, excelente espaço.
Sucesso constante, tenho aprendido muito com seus tutoriais.
Felicidades.
Daniel
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!! :)
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
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!! :)
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 – 2660×1995 – 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.
Esse foi bem simples mas legal =].. facil! rs
Ai andré gostaria que visse esse video ( 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
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!!
haahuuhahua vamos fazer uma vaquinha pro andre ser certificado ahuahuahua
CAMPANHA VAQUINHA PRO ANDRE
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!!
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
Oi, André. Td bem? ótimo esse tuto. Como vc faz aquela animação do Natal ali?
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….
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.
Oi André!;D
Este tipo de borda é tudo que eu queria aprender, vai me ajudar muito em meu trabalho!
Valeu mesmo!!!
Bjussss!
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!! :)
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
Oi Thiago, pode deixar que postarei sim!! obrigado pela visita :)
photoshopessentials.com/photo-effects/bourne-blur/ podia ensinar fazer esse tutorial ne hahaah