Como criar uma borda no Photoshop
Às vezes, criar bordas não é tão simples quanto aplicar uma borda, especialmente no Photoshop. Parece um pouco trabalhoso, mas, depois que você pega o jeito, adicionar bordas pode realmente dar destaque aos elementos. Seja uma imagem, uma forma ou texto, cada um precisa de uma abordagem ligeiramente diferente.Às vezes, você só quer aquele contorno ou moldura limpos, e outras vezes as opções padrão não são suficientes. Então, aqui estão algumas maneiras realistas que funcionaram para mim (e talvez funcionem para você) de adicionar bordas no Photoshop, incluindo os detalhes essenciais como comandos, caminhos de menu e configurações. Porque, claro, o Photoshop precisa tornar isso um pouco mais complicado do que deveria ser.
Como adicionar uma borda ao redor de uma imagem no Photoshop
Criando uma borda expandindo a tela
Este método é bom quando você quer uma borda precisa e sólida que não corte nenhuma parte da imagem.É meio antiquado, mas superconfiável. O objetivo é aumentar o tamanho da tela e preencher esse espaço expandido com uma cor. Funciona bem se você não quiser mexer com estilos de camada ou traços.
Comece abrindo sua imagem no Photoshop: Arquivo > Abrir. Depois de carregada, verifique se ela possui várias camadas. Se for uma imagem achatada, tudo bem. Caso contrário, é mais fácil trabalhar em uma versão achatada para evitar pontilhamento ou confusão mais tarde.
Em seguida, precisamos transformar o fundo em uma camada regular para facilitar a manipulação. Vá em Camada > Nova > Camada do Fundo. Ou simplesmente clique duas vezes no fundo no painel Camadas, dê um nome qualquer (o padrão é Camada 0) e clique em OK.
Agora, para abrir espaço para a borda, vá em Imagem > Tamanho da Tela. Certifique-se de marcar a caixa Relativo — isso facilita a adição de um número fixo de pixels. Defina a âncora no meio para que a borda fique uniforme em todos os lados. Para o tamanho, pense na espessura desejada. Por exemplo, se você quiser uma borda de 100 pixels, aumente a largura e a altura em 200 pixels cada (para considerar ambos os lados).Espere que a borda fique centralizada igualmente para fora, então planeje de acordo.
Adicionando e personalizando a camada de preenchimento de cor
Quando a tela estiver maior, é hora de adicionar um preenchimento de cor sólida — você verá o grande espaço em branco agora, certo? Clique no botão Criar nova camada de preenchimento ou ajuste no painel Camadas (é o ícone de um círculo meio preenchido) e escolha Cor Sólida. Essa camada será a cor da sua borda. Selecione a cor desejada no Seletor de Cores (a caixa multicolorida) e clique em OK.
Aqui está a parte complicada: arraste a camada de preenchimento de cor para baixo da sua camada de imagem na pilha de camadas. Arraste e solte-a ou use o atalho no painel Camadas. Uma vez lá embaixo, você verá sua imagem com a cor da borda aparecendo na área expandida da tela.
Em algumas configurações, esse tipo de abordagem simples às vezes falha na primeira tentativa, mas funciona depois de alternar as camadas ou reaplicar o preenchimento. Então, se não ficar perfeito na primeira vez, tente novamente ou reinicie o Photoshop. Estranho, mas é verdade.
- Certifique-se de escolher os caminhos de menu corretos, facilmente acessíveis em Imagem > Tamanho da tela
- Use o painel Camadas para organizar suas camadas; arraste a camada Preenchimento abaixo da camada da imagem
- Ajuste o tamanho da tela em múltiplos da largura da borda — 200 pixels para uma borda de 100 px, etc.
Lembre-se de Salvar como… porque substituir o original nunca é uma boa ideia, a menos que você tenha certeza absoluta.
Brincando com a cor e a espessura da borda
Deseja uma cor ou espessura de borda diferente? Clique duas vezes no ícone da camada de preenchimento de cor no painel Camadas para ajustar a cor. Para alterar a espessura, basta voltar para Imagem > Tamanho da Tela e adicionar ou subtrair pixels. Insira números negativos se quiser reduzir o tamanho total. Novamente, isso é meio que tentativa e erro, mas é simples.
Como adicionar uma borda a uma forma no Photoshop
Crie uma forma e adicione um traço
Isso é mais comum em formas vetoriais ou gráficos. Primeiro, crie sua forma com as ferramentas de forma (Retângulo, Elipse, etc.).Na barra de opções, certifique-se de que o preenchimento da forma esteja definido como Nenhum se desejar apenas uma borda. Em seguida, decida o estilo do traço (borda).Escolha entre sólido, gradiente ou padrão e escolha uma cor. Ajuste a espessura — digite em pixels ou deslize o controle deslizante.
Por exemplo, para criar um quadrado simples contornado:
- Selecione a ferramenta Retângulo na caixa de ferramentas
- Desenhe sua forma na tela
- Na barra de opções superior, defina Preenchimento como Nenhum
- Defina a cor do traço clicando na caixa de cor do traço
- Ajuste o tamanho do traço usando o controle deslizante ou a caixa de entrada
Super útil para ícones ou mockups de interface. Lembre-se de Salvar como… quando estiver satisfeito.
Como adicionar uma borda ao texto no Photoshop
Criando contornos ao redor do texto com estilos de camada
É aqui que o Photoshop brilha. Com o texto selecionado, clique com o botão direito do mouse na camada de texto e selecione Opções de Mesclagem ou acesse Camada > Estilo de Camada > Opções de Mesclagem. Na caixa de diálogo, encontre Traçado. Aqui, você pode definir o tamanho (espessura), a posição (interna, externa, centralizada) e a cor do contorno.
Brinque com o tamanho e a posição — às vezes, um traço externo parece mais limpo, mas o interno pode ser melhor para sobrepor texto. Ajuste a Opacidade e o Modo de Mesclagem se quiser um efeito sutil ou complexo. Clique em OK e pronto, seu texto agora tem uma borda.
É meio estranho, mas alternar as configurações de traço geralmente ajuda a ver o que realmente funciona e o que não funciona. Além disso, você pode alterar a cor a qualquer momento clicando duas vezes no traço na janela de estilo de camada.
No fim das contas, o Photoshop pode ser um pouco complicado, mas depois que você se acostuma com o layout e as opções, adicionar bordas a imagens, formas ou texto se torna mais intuitivo. Não sei por que funciona às vezes e outras não, mas um pouco de experimentação geralmente resolve o mistério.
Conclusão
Esperamos que esses métodos ofereçam um bom ponto de partida para adicionar bordas, sem o risco de danificar o arquivo original. Seja expandindo a tela, usando traços ou estilos de camada, cada abordagem tem seu lugar, dependendo do que você está tentando fazer. Basta experimentar, ajustar os valores e ver o que funciona melhor para o seu design específico.
Resumo
- Use o tamanho da tela para criar espaço para bordas ao redor das imagens
- Adicione camadas de preenchimento de cor abaixo das imagens para bordas simples
- Aplicar Estilos de Camada > Traçado para bordas rápidas em texto ou formas
- Experimente a posição, o tamanho e a cor do traço para obter melhores resultados
- Lembre-se de Salvar como para manter os arquivos originais seguros
Conclusão
Nem sempre isso fica perfeito na primeira tentativa, mas com alguns ajustes e paciência, as bordas podem realmente dar um toque especial aos seus designs. Espero que isso ajude alguém a economizar tempo no fluxo de trabalho — funcionou para mim mais de uma vez.
Artigos Relacionados
Este artigo foi útil?