Neste tutorial do Photoshop, veremos como é fácil criar cantos arredondados das fotos . Como na maioria das coisas no Photoshop, existem cerca de 17 maneiras diferentes de criar cantos arredondados, mas vamos tornar as coisas interessantes, procurando uma maneira de fazer isso usando algo no Photoshop que muitas pessoas nem conhecem - máscaras de vetor ! O que é uma máscara de vetor? Bem, se você acha que máscaras de camada são divertidas (você acha que máscaras de camada são divertidas, certo?), Vai adorar máscaras de vetor!
Qualquer designer gráfico sabe que uma das maneiras de fazer com que as pessoas se sintam de certa maneira quando olham para um design é através do uso de formas. Formas diferentes têm efeitos diferentes sobre nós. Algumas formas parecem quentes, amigáveis e divertidas, enquanto outras parecem frias, rígidas e mais sérias. Você não precisa ser um especialista em design para experimentar isso por si mesmo. Pegue um lápis e um pedaço de papel, desenhe um quadrado, depois um círculo e pergunte a si mesmo qual deles lhe parece mais atraente. As chances são de que, a menos que você seja do tipo de pessoa que gosta de passar as noites de sábado reorganizando seu arquivo (não que haja algo errado nisso), você escolherá o círculo. As pessoas adoram círculos. São as formas "quentes, amigáveis e divertidas". De fato, nem precisa ser um círculo completo. Você pode pegar um quadrado ou um retângulo com seus cantos ásperos em ângulo reto, o que normalmente não parece muito divertido para nós, dar cantos arredondados e, de repente, parecerá a vida da festa!
Ok, então isso pode exagerar um pouco as coisas, mas os cantos arredondados definitivamente parecem mais atraentes para nós do que os ângulos retos. É um pouco lamentável, então, que toda vez que tiramos uma foto, mesmo que seja uma foto da festa de aniversário de uma criança com balões e chapéus de festa, a foto ainda acaba com cantos afiados. Isso pode ser bom se estivermos simplesmente imprimindo as fotos, mas e se quisermos usá-la em um design ou colagem? Como convertemos esses cantos afiados em cantos arredondados?
A resposta? Muito facilmente, especialmente quando usamos uma máscara de vetor! De fato, não apenas podemos dar a foto
cantos arredondados, temos controle total sobre como eles são arredondados!
Aqui está a imagem que vou usar para este tutorial do Photoshop:
A imagem original.
Vamos ver como é fácil arredondar esses cantos!
Etapa 1: adicionar uma máscara de camada
Abri um novo Photoshop em branco
documento, preencheu a camada Plano de fundo com preto para facilitar a visualização do que está acontecendo e depois arrastou minha foto para o novo documento. Podemos ver o documento aqui, mostrando a foto na frente do fundo preto:
A foto na frente de um fundo preto.
E se olharmos na paleta Camadas, podemos ver a foto em sua própria camada, "Camada 1", acima da camada Fundo :
A paleta Layers no Photoshop mostra a foto na "Camada 1" acima da camada Background, preenchida com preto.
Com "Camada 1", ou qualquer que seja a camada em que sua foto esteja, selecionada, clique no ícone Máscara de camada na parte inferior da paleta Camadas:
Adicione uma máscara de camada à "Camada 1" clicando no ícone "Máscara de camada".
Parece que nada aconteceu no seu documento, mas se observarmos a camada na paleta Camadas, podemos ver que agora temos uma miniatura de máscara de camada à direita da miniatura de visualização da camada:
Depois de clicar no ícone "Layer Mask", uma miniatura de máscara de camada aparece em "Layer 1".
Não iremos abordar máscaras de camada neste tutorial, pois não as usaremos, mas se você quiser saber mais sobre máscaras de camada, verifique nosso tutorial completo Noções básicas sobre máscaras de camada na seção Noções básicas do Photoshop.
Etapa 2: adicionar uma máscara de vetor
Ok, então se não vamos usar a máscara de camada, por que a adicionamos? Bem, estamos prestes a fazer algo que muitas pessoas nunca fazem. Vamos ver algo que muitas pessoas nunca veem. Por quê? Porque não somos "muitas pessoas". Nós somos diferentes deles. Essas pessoas clicam em um ícone uma vez, veem o que ele faz e depois tiram uma soneca. Nunca lhes ocorre que talvez, apenas talvez, se eles clicassem no mesmo ícone exatamente uma segunda vez, bem, há pelo menos uma pequena chance de que algo mais possa acontecer! E é muito ruim para eles, porque neste caso, outra coisa vai acontecer!
Sei que parece loucura, mas agora que adicionamos nossa máscara de camada, clique novamente no mesmo ícone da mesma máscara de camada:
Clique uma segunda vez no ícone "Layer Mask" na parte inferior da paleta Layers.
Se você tiver "Mostrar dicas da ferramenta" ativada nas preferências do Photoshop, talvez já tenha notado algo um pouco diferente ao passar o mouse sobre o ícone. A dica da ferramenta não diz mais "Adicionar máscara de camada", como normalmente. Em vez disso, agora diz "Adicionar máscara de vetor" e, assim que clicamos no ícone, se olharmos para a camada na paleta Camadas, obtemos o que parece ser uma miniatura de máscara de segunda camada à direita da primeira . A diferença é que não é uma miniatura de máscara da segunda camada. É uma miniatura de máscara de vetor:
Uma miniatura de "máscara de vetor" aparece à direita da miniatura da máscara de camada.
A miniatura da máscara de camada à esquerda e a miniatura da máscara de vetor à direita parecem exatamente iguais, mas há uma grande diferença entre uma máscara de camada e uma máscara de vetor. Ambos são usados para mostrar e ocultar partes diferentes da camada, mas a maneira como elas funcionam é completamente diferente. Com uma máscara de camada, pintamos nela, geralmente com a Ferramenta Pincel, para tornar diferentes partes da máscara brancas, pretas ou com algum tom de cinza no meio. O branco torna visível a parte da camada, o preto a oculta e o cinza torna a área parcialmente visível, dependendo de quão clara ou escura é a tonalidade do cinza.
As máscaras de vetor, por outro lado, não exigem nenhuma pintura. Na verdade, você não pode pintar neles porque o Photoshop não permite. Em vez disso, usamos formas para controlar quais partes da camada são visíveis ou ocultas. De fato, vamos usar uma forma agora para criar nossos cantos arredondados!
Etapa 3: Selecione a ferramenta Retângulo arredondado
Com a nossa máscara de vetor agora adicionada, vá para a paleta Ferramentas e selecione a Ferramenta Retângulo arredondado. Por padrão, ele está aninhado com a Rectangle Tool normal, então clique na Rectangle Tool e mantenha o mouse pressionado por um segundo ou dois. Você verá um menu suspenso. Selecione a ferramenta Retângulo arredondado na lista:
Clique e mantenha pressionado o botão do mouse na "Ferramenta Retângulo" na paleta Ferramentas e selecione a "Ferramenta Retângulo arredondado" no menu suspenso que aparece.
Não confunda essas ferramentas com as Marquee Tools na parte superior da paleta Tools, como a Rectangular Marquee ou a Elliptical Marquee Tool. Essas são ferramentas de seleção e são usadas para arrastar seleções. As ferramentas que estamos selecionando aqui são as ferramentas Forma e são usadas para desenhar formas.
Com a ferramenta Retângulo arredondado selecionada, vá para a barra de opções na parte superior da tela. Você verá um grupo de três ícones à esquerda. Esses três ícones determinam como nossa ferramenta Forma funcionará. Queremos desenhar formas com a ferramenta Forma (parece bastante óbvio, não é?), Então clique no ícone à esquerda, que é o ícone Camadas da forma:
Clique no ícone "Camadas de forma" na barra de opções.
Então, se você avançar mais para a direita, chegará à opção Radius. Esta opção determina quão arredondados serão os nossos cantos. Quanto maior o número, mais arredondados serão. Número mais baixo, menos arredondado. Coisas simples. O problema é que você nunca saberá ao certo qual número digitar o valor Radius até tentar um, comece a desenhar a forma, veja como os cantos são arredondados e decida se está satisfeito com o resultado. ou se o canto precisa ser mais ou menos arredondado. Normalmente começo com um valor entre 10 e 20 pixels, arrasto minha forma e decido se gosto dos cantos. Normalmente eu não vou, e você provavelmente não quer na sua primeira tentativa, então basta inserir um valor para começar, arrastar a forma e, se você não estiver satisfeito com a redondeza dos cantos, basta pressionar Ctrl + Z (Win) / Command + Z (Mac) para desfazer a forma, digite um valor diferente na opção Radius e tente novamente.
Já experimentei isso algumas vezes, e sei que um valor de raio de cerca de 30 pixels me dará os cantos que quero, então vou inserir "30 px" (o "px" significa "pixels") na opção Radius:
Digite um valor na opção "Raio" para determinar como os cantos serão arredondados.
Etapa 4: selecione a miniatura da máscara de vetor na paleta Camadas
Selecionamos nossa Ferramenta Retângulo arredondado, a opção "Camadas de forma" na paleta Camadas e inserimos um valor "Raio" que determinará o arredondamento dos cantos. Estamos prontos para arrastar nossa forma. Porém, primeiro precisamos garantir que a máscara de vetor esteja selecionada; portanto, na paleta Camadas, clique na miniatura da máscara de vetor para selecioná-la. Você verá uma caixa de destaque branca ao redor da miniatura, que nos informa que a máscara de vetor está selecionada:
Clique na miniatura da máscara de vetor na paleta Camadas para selecioná-la. Uma borda de destaque branca aparecerá em torno da miniatura.
Etapa 5: arraste a forma
Tudo o que precisamos fazer agora é arrastar nossa forma. Mesmo que pareça que estamos desenhando a forma na própria imagem, o que realmente estamos fazendo é desenhá-la na máscara de vetor e, quando terminarmos, a única parte da nossa foto que permanecerá visível é a área dentro da forma. Tudo fora da forma ficará oculto. Vá em frente e arraste sua forma de retângulo arredondado. Se você quiser manter tudo na foto e simplesmente arredondar os cantos, comece no canto superior esquerdo da foto e arraste o mouse para o canto inferior direito. Se você preferir usar a forma para cortar parte da foto e dar cantos arredondados, basta arrastá-la pela área que deseja manter.
Se você precisar reposicionar sua forma enquanto arrasta, mantenha pressionada a barra de espaço e arraste a forma para o novo local. Solte a barra de espaço quando terminar e continue arrastando a forma.
Aqui, arrastei meu retângulo arredondado para dentro das bordas da foto. Você pode ver os cantos arredondados da forma, que se tornarão os cantos arredondados da própria foto em um momento:
Clique e arraste a forma Retângulo arredondado dentro do documento. Quaisquer áreas da foto que ficarem fora da forma serão ocultadas pela máscara de vetor.
Solte o botão do mouse quando estiver satisfeito com sua forma e, instantaneamente, sua foto é "mascarada", graças à máscara de vetor, e os cantos da foto agora são arredondados:
A foto agora está sendo mascarada pela forma Retângulo arredondado, graças à máscara de vetor, e os cantos da foto agora aparecem arredondados.
Vamos terminar adicionando uma borda à nossa forma.
Etapa 6: adicione um traço branco para criar uma borda da foto
Só porque os cantos da nossa foto estão agora arredondados não significa que ainda não podemos adicionar uma borda de foto a ela. Significa apenas que os cantos da borda também serão arredondados! Para adicionar uma borda, clique no ícone Layer Styles na parte inferior da paleta Layers:
Clique no ícone "Layer Styles" na parte inferior da paleta Layers.
Em seguida, selecione Stroke na parte inferior da lista de estilos de camada que aparece:
Selecione "Stroke" na lista de estilos de camada.
Isso exibirá a caixa de diálogo Layer Style do Photoshop, definida como as opções "Stroke" na coluna do meio. Vou aumentar o tamanho do meu traçado para cerca de 16 pixels. Você pode definir o seu valor diferente, dependendo do tamanho e da resolução da sua imagem. Vou deixar a opção Posição definida como Fora, que colocará o traçado inteiramente do lado de fora das arestas da forma. Por fim, clicarei na amostra de cor da opção Cor na parte inferior, que por padrão está definida como vermelha (porque a Adobe acha que todo mundo quer naturalmente o vermelho como cor do traçado) e no Seletor de cores que aparece, Vou selecionar branco como a cor do traçado. Clique em OK para sair do Seletor de cores depois de escolher o branco:
Altere as opções circuladas em vermelho acima para o traçado.
Quando terminar, clique em OK para sair da caixa de diálogo Estilo de camada e aplicar o traçado! Aqui ', depois de aplicar meu traçado para criar minha borda da foto, é o meu resultado final:
O resultado final "cantos arredondados".
E aí temos que! É incrivelmente fácil criar cantos arredondados em uma foto no Photoshop usando uma máscara de vetor e a Ferramenta Retângulo arredondado! Visite nossa seção Efeitos de foto para obter mais tutoriais sobre efeitos do Photoshop!