no , , , ,

Criando bordas arredondadas.

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/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. photoshopessentials.com/photo-effects/bourne-blur/ podia ensinar fazer esse tutorial ne hahaah

  2. Oi Thiago, pode deixar que postarei sim!! obrigado pela visita 🙂

  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

  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!! 🙂

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

  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.

  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….

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

  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

  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!!

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

  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!!

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

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

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

    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.

  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!! 🙂

  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

  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!! 🙂

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

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

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

  21. Muito bom tutorial!
    Você pode usar essa ação do Photoshop para criar cantos arredondados

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

18 − 5 =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Tutorial: Criando moléculas com Adjustment Layers

Tutorial: Tunning Virtual: Personalizando a pintura de um carro com texturas