Neste tutorial de efeitos fotográficos do Photoshop, aprenderemos como criar efeitos interessantes de borda de fotos usando os pincéis do Photoshop . O Photoshop é fornecido com tantos pincéis excelentes que as possibilidades de diferentes efeitos de borda são praticamente infinitas, especialmente porque podemos combinar várias pinceladas e diferentes ferramentas de pincel, como a Eraser Tool, para obter ainda mais variedade!

Neste tutorial, focaremos nos pincéis que o Photoshop instala para nós, mas se você sabe como criar seus próprios pincéis personalizados, então realmente não há limite para o que você pode criar.

Aqui está a foto que vou usar neste tutorial:

A imagem original.

Aqui está um exemplo do tipo de efeito de borda da foto que criaremos. Como o objetivo deste tutorial não é criar essa borda exata, mas aprender a criar seus próprios designs de borda com pincéis, seus resultados podem parecer muito diferentes:

Um dos muitos designs possíveis de borda de foto.

Como criar bordas de fotos com pincéis no Photoshop

Etapa 1: duplicar a camada de plano de fundo

A primeira coisa que precisamos fazer é criar uma cópia da nossa foto original. Com minha imagem recém-aberta no Photoshop, meu documento atualmente contém apenas uma camada, a camada Plano de Fundo, que é a camada que contém minha imagem:

Painel Camadas do Photoshop, mostrando a imagem na camada Plano de fundo.

Para fazer uma cópia dessa camada, vá até o menu Camada na parte superior da tela, escolha Novo e escolha Camada via cópia . Ou, para uma maneira mais rápida, use o atalho de teclado Ctrl + J (Win) / Command + J (Mac):

Vá para Camada> Novo> Camada via cópia, ou pressione Ctrl + J (Win) / Command + J (Mac).

Se olharmos novamente no painel Camadas, agora você verá duas camadas - a camada de fundo original na parte inferior e uma cópia da camada, que o Photoshop nomeou automaticamente "Camada 1", acima dela:

O Photoshop coloca a cópia acima da camada Plano de fundo e a denomina "Camada 1".

Etapa 2: adicione espaço extra na tela ao redor da imagem

Antes de adicionarmos o efeito de borda da foto, vamos adicionar um espaço extra de tela nas bordas da foto. Para fazer isso, vá até o menu Imagem na parte superior da tela e escolha Tamanho da tela :

Vá para Imagem> Tamanho da tela.

Isso abre a caixa de diálogo Tamanho da tela do Photoshop. Vou adicionar meia polegada de espaço da tela ao redor da minha foto digitando um valor de 0, 5 polegada para as opções Largura e Altura . Verifique se o seu tipo de medição está definido para polegadas e não para pixels ou algum outro tipo. Além disso, verifique se a opção Relativo abaixo das opções Largura e Altura está marcada.

Na metade inferior da caixa de diálogo, verifique se o quadrado central na grade Âncora está selecionado. Isso colocará o espaço extra da tela em torno de toda a imagem. Por fim, escolha Preto para a cor na parte inferior da caixa de diálogo:

Adicione espaço extra ao redor da foto com a caixa de diálogo Tamanho da tela.

Clique em OK no canto superior direito da caixa de diálogo quando terminar de sair dela. Se olharmos na janela do documento, podemos ver que agora temos telas extras ao redor da imagem e o espaço extra é preenchido com preto:

O espaço extra da tela foi adicionado e preenchido com preto.

Etapa 3: adicione uma nova camada em branco acima da "Camada 1"

De volta ao painel Camadas, você verá a "Camada 1" destacada em azul. Isso significa que a camada está atualmente selecionada. Se não estiver destacado em azul, clique nele para selecioná-lo. Vamos colocar a borda da foto em sua própria camada acima da imagem, o que significa que precisamos adicionar uma nova camada em branco. Para fazer isso, clique no ícone Nova camada na parte inferior do painel Camadas. Você o encontrará diretamente à esquerda da Lixeira, na extremidade direita da linha de ícones:

Adicione uma nova camada em branco clicando no ícone Nova camada no painel Camadas.

Parece que nada aconteceu na janela do documento, pois a nova camada está em branco, mas podemos ver no painel Camadas que uma nova camada foi adicionada acima da "Camada 1", que o Photoshop nomeou previsivelmente "Camada 2":

Adicione uma nova camada em branco clicando no ícone Nova camada no painel Camadas.

Etapa 4: adicionar um contorno de seleção ao redor da imagem original

Em seguida, precisamos colocar um contorno de seleção em torno de nossa imagem original (como na imagem antes de adicionarmos o espaço extra da tela). Nossa foto original, sem o espaço extra da tela, está na "Camada 1". Para colocar rapidamente um contorno de seleção em torno dele, mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique na miniatura de visualização de "Camada 1" no painel Camadas. Não há necessidade de selecionar a camada primeiro. Basta pressionar Ctrl / Command e clicar na miniatura de visualização:

Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique na miniatura de visualização da camada para "Camada 1".

Isso coloca um esboço de seleção, também conhecido como "formigas em marcha", ao redor da foto na janela do documento:

Um contorno de seleção aparece ao redor da imagem.

Etapa 5: converter o contorno da seleção em um caminho

Precisamos converter o contorno da seleção em um caminho . Quando seguirmos o caminho, criaremos o efeito de borda da foto aplicando algumas pinceladas nele. Para converter o contorno da seleção em um caminho, vá para o painel Caminhos . Você o encontrará agrupado com o painel Camadas. Clique na guia nome na parte superior para alternar do painel Camadas para o painel Caminhos:

Alterne entre os painéis agrupados, como os painéis Camadas, Canais e Caminhos, clicando nas guias de nome.

Com o painel Caminhos agora aberto, clique no ícone Criar caminho de trabalho a partir da seleção na parte inferior do painel Caminhos (terceiro ícone à direita):

Clique no ícone "Criar caminho de trabalho da seleção" para converter a seleção em um caminho.

Você verá um novo caminho chamado "Caminho de trabalho" aparecer no painel Caminhos. O termo "Caminho de Trabalho" significa simplesmente que o caminho é temporário. Poderíamos tornar o caminho permanente se quiséssemos arrastando-o para o ícone Novo caminho na parte inferior do painel Caminhos (o ícone diretamente à esquerda da Lixeira), mas não é necessário fazer isso para o efeito estamos criando:

Caminhos no painel Caminhos se parecem muito com camadas no painel Camadas.

Se olharmos novamente para a nossa foto na janela do documento, veremos que nosso contorno de seleção foi substituído por uma linha fina. A linha é o nosso caminho e, em um momento, vamos usá-la para criar nossa borda de foto:

Uma linha fina (o caminho) agora aparece ao redor da foto no lugar do contorno da seleção.

Etapa 6: selecione a ferramenta Pincel

Como aplicaremos pinceladas em nosso caminho recém-criado, primeiro precisamos selecionar a Ferramenta Pincel . Clique na ferramenta Pincel no painel Ferramentas para selecioná-la ou pressione a letra B no teclado para selecioná-la com o atalho:

Selecione a ferramenta Pincel.

Etapa 7: defina a cor do primeiro plano como branca

O Photoshop pinta com a Ferramenta Pincel usando a cor atual do primeiro plano . Portanto, antes de escolher um pincel, vamos definir a cor do primeiro plano para branco. Começaremos usando o branco como a cor da borda, mas veremos como alterar facilmente a cor no final do tutorial.

A maneira mais fácil de definir a cor do primeiro plano como branca é primeiro pressionar a letra D no teclado. Isso redefinirá as cores de primeiro plano e plano de fundo para os padrões, com preto como cor de primeiro plano e branco como cor de plano de fundo. Em seguida, para trocá-los para que o branco se torne a cor do primeiro plano, pressione a letra X no teclado. Você encontrará as amostras de cores Primeiro e Segundo plano na parte inferior do painel Ferramentas. A amostra na parte superior esquerda (cor do primeiro plano) agora deve ser branca:

A ferramenta Pincel pinta com a cor atual do primeiro plano, que agora deve ser branca.

Etapa 8: Abrir o painel Brushes

Com a ferramenta Pincel agora selecionada e branca como sua cor de primeiro plano, clique no ícone de alternância do painel Pincéis na barra de opções na parte superior da tela. Como o próprio nome indica, esse ícone alterna o painel Brushes para aberto e fechado:

Abra e feche o painel Pincéis com o ícone de alternância na Barra de opções.

Etapa 9: Escolha uma predefinição de pincel

Isso abre o painel Pincéis do Photoshop, onde podemos escolher qualquer um dos pincéis predefinidos que foram instalados com o Photoshop. Verifique se a opção Predefinições de pincel está selecionada na parte superior da coluna esquerda, para que possamos ver uma prévia à direita de todos os pincéis disponíveis para nós. Para escolher qualquer um dos pincéis, basta clicar no ícone de visualização. Se você tiver a opção Mostrar dicas de ferramenta ativada nas Preferências do Photoshop, verá o nome do pincel ao passar o cursor do mouse sobre cada ícone.

Nem sempre é fácil saber como será um pincel simplesmente a partir de seu pequeno ícone, mas quando você vir um pincel que parece interessante, clique nele para selecioná-lo e você verá uma visualização na parte inferior de o painel que fornece uma idéia muito melhor de como será a pincelada. Por exemplo, aqui eu cliquei no pincel Dry Brush de 39 px e, a julgar pela visualização na parte inferior do painel, ele poderia criar uma borda interessante da foto:

Clique em um pincel para selecioná-lo. Uma visualização da pincelada será exibida na parte inferior do painel Pincéis.

Etapa 10: traçar o caminho com o pincel

Vamos ver como esse pincel se parece com uma borda de foto. Para ocultar o painel Pincéis da visualização e poder ver a janela do documento com mais facilidade, clique novamente no ícone de alternância na Barra de opções. Ou, para uma maneira mais rápida de abrir e fechar o painel Pincéis, pressione a tecla F5 no teclado.

Para traçar o caminho com o pincel, verifique se o Caminho de trabalho está selecionado e destacado em azul no painel Caminhos, pois o caminho precisa estar ativo para que isso funcione; caso contrário, os ícones na parte inferior do painel aparecerão acinzentados e indisponível. Em seguida, clique no ícone Traçado do caminho com pincel na parte inferior do painel Caminhos (segundo ícone da esquerda):

Clique no ícone "Stroke Path With Brush" no painel Paths.

Assim que você clica no ícone, o Photoshop aplica a pincelada ao redor da borda da imagem ao longo do caminho. Para ter uma idéia melhor da aparência da borda, oculte o caminho temporariamente clicando no painel Caminhos em qualquer área cinza em branco abaixo do Caminho de trabalho. Aqui está a minha primeira tentativa de borda de foto:

O resultado com o primeiro pincel.

Nada mal, mas vamos ver o que mais podemos criar. Grande parte do processo de criação de bordas de fotos com pincéis envolve experimentações; portanto, se você não estiver satisfeito com o resultado e quiser tentar novamente, basta pressionar Ctrl + Z (Win) / Command + Z (Mac) para desfazer o traçado do pincel, em seguida, abra o painel Pincéis novamente clicando no ícone de alternância na Barra de opções ou pressionando a tecla F5 no teclado. Desta vez, tentarei o pincel Rough Round Bristle 100 px clicando nele para selecioná-lo:

Tentando novamente com um pincel diferente.

Para tentar novamente com o novo pincel, primeiro clique no Caminho de trabalho no painel Caminhos para selecioná-lo e ativá-lo. Em seguida, clique novamente no ícone Traçado do caminho com pincel . Clique em qualquer lugar em uma área cinza em branco abaixo do Caminho de trabalho no painel Caminhos para ocultar temporariamente o caminho da vista e julgar os resultados na janela do documento. Desta vez, recebo uma borda de foto com aparência completamente diferente:

Um pincel diferente nos dá um resultado completamente diferente.

Se você achar que o traçado do pincel é muito grosso ou estreito, desfaça-o com Ctrl + Z (Win) / Command + Z (Mac) e altere o tamanho do pincel usando as teclas de suporte esquerda e direita do seu teclado. Pressione a tecla de suporte esquerdo (() repetidamente para diminuir o pincel ou a tecla de suporte direito ()) para aumentá-lo e clique no ícone Traçado do caminho com pincel para tentar novamente. Lembre-se de que você precisará clicar no Caminho de trabalho no painel Caminhos primeiro para ativar o caminho antes de clicar no ícone.

Etapa 11: Carregar conjuntos de pincéis adicionais para obter mais variedade

O Photoshop vem com muitos pincéis para usarmos, mas, por padrão, apenas um pequeno número deles é carregado e disponível. Para carregar qualquer um dos conjuntos de pincéis adicionais, clique no ícone de menu no canto superior direito do painel Pincéis. Dependendo da versão do Photoshop que você está usando, o ícone do menu pode aparecer como na captura de tela abaixo (Photoshop CS4) ou pode aparecer como uma pequena seta:

Clique no ícone do menu no canto superior direito do painel Pincéis.

Isso abre um menu mostrando várias opções para o painel Pincéis, bem como uma lista de outros conjuntos de pincéis prontos e aguardando para serem carregados. Para carregar um conjunto de pincéis diferente, basta clicar no nome do conjunto na lista. Vou carregar o conjunto de pincéis de mídia seca :

Escolha um conjunto de pincéis diferente da lista.

O Photoshop exibirá uma caixa de diálogo perguntando se você deseja substituir o conjunto atual de pincéis pelo novo conjunto ou se deseja anexar o novo conjunto ao final do conjunto carregado no momento. Clique no botão Anexar :

Escolha a opção Anexar para adicionar os novos pincéis aos existentes.

Os novos pincéis aparecerão abaixo dos originais no painel Pincéis. Você provavelmente precisará rolar a lista para vê-los. Escolha qualquer um dos pincéis adicionados recentemente, clicando nos respectivos ícones. Uma visualização da pincelada aparece na parte inferior do painel, assim como nos pincéis originais. Vou clicar no pincel Heavy Smear Wax Crayon 20 px do conjunto de pincéis de mídia seca para selecioná-lo:

O pincel Heavy Smear Wax Crayon parece criar uma boa borda para a foto.

Mais uma vez, clicarei no ícone Traçado do caminho com pincel na parte inferior do painel Caminhos e aqui está o resultado da minha borda da foto:

Uma terceira borda da foto criada simplesmente escolhendo um pincel diferente.

Existem muitos pincéis excelentes nos conjuntos de pincéis adicionais, portanto, certifique-se de carregá-los e experimentá-los!

Etapa 12: selecione a ferramenta Borracha

Um dos aspectos mais interessantes dos pincéis do Photoshop é que eles funcionam com qualquer ferramenta de pincel, não apenas com a ferramenta oficial. Por exemplo, você pode não pensar na Eraser Tool como um pincel, mas é, e todos os pincéis que usamos com a Brush Tool podem ser usados ​​com a Eraser Tool. A única diferença é que, em vez de pintar uma nova pincelada, a Eraser Tool pode ser usada para apagar parte de uma pincelada existente, adicionando ainda mais potencial criativo às bordas das suas fotos!

Vou deixar minha borda da foto atual no lugar e selecionarei a Ferramenta Borracha no painel Ferramentas. Você também pode selecioná-lo pressionando a letra E no teclado:

Selecione a ferramenta Borracha.

Etapa 13: traçar o caminho com a ferramenta Borracha para apagar parte da borda

Com a Ferramenta Borracha selecionada, agora você pode escolher qualquer um dos pincéis no painel Pincéis, como fizemos com a Ferramenta Pincel. Por exemplo, selecionarei o mesmo pincel que escolhi inicialmente, o pincel Dry Brush de 39 px. Desta vez, porém, vou usá-lo com a Ferramenta Borracha, não com a Ferramenta Pincel, o que significa que vou usá-la para apagar parte da minha borda de foto existente:

Todos os pincéis do Photoshop podem ser usados ​​com qualquer ferramenta de pincel, incluindo a Ferramenta Borracha.

Etapa 14: traçar o caminho com a ferramenta Borracha para apagar parte da borda

Vou tornar o pincel um pouco menor que o tamanho padrão pressionando a tecla de colchete esquerdo no teclado algumas vezes. Depois, traçarei o caminho com a Eraser Tool clicando no ícone Traçado do caminho com pincel na parte inferior do painel Trajetos. Dessa vez, em vez de pintar uma borda completamente nova, apaguei parte da borda existente ao longo do caminho, dando à minha foto uma aparência totalmente nova:

Acariciar o caminho com a Eraser Tool apagou parte da borda existente ao longo do caminho.

Você pode gastar muito tempo brincando e experimentando os vários pincéis, a Brush Tool e a Eraser Tool, e eu recomendo que você faça isso, já que não há limite para as bordas das fotos que você pode criar. Para finalizar, vamos ver como alterar a cor da borda da foto. Faremos isso a seguir!

Etapa 15: adicione um estilo de camada de sobreposição de cores a "Camada 2"

Para alterar a cor da borda da foto para algo diferente de branco, volte para o painel Camadas. Verifique se a opção "Camada 2" está selecionada e destacada em azul, clique no ícone Estilos de camada na parte inferior do painel Camadas e selecione Sobreposição de cores na lista que aparece:

Volte ao painel Camadas, clique no ícone Estilos de camada e escolha Sobreposição de cores.

Isso abre a caixa de diálogo Layer Style do Photoshop, definida como as opções Color Overlay na coluna central. Para alterar a cor, clique na amostra de cores :

Clique na Amostra de cores para alterar a cor da borda da foto.

Isso abre o Seletor de cores do Photoshop:

Caixa de diálogo Seletor de cores do Photoshop.

Você pode escolher uma cor no Seletor de cores, mas o que eu prefiro fazer com as bordas das fotos é provar uma cor diretamente da própria foto, o que permite que a borda se misture de maneira mais natural. Para provar uma cor da foto, deixe o Seletor de cores aberto e mova o cursor do mouse sobre a imagem. Você verá o cursor mudar para um ícone conta-gotas. Clique na cor que deseja provar e você verá a cor da borda da foto mudar instantaneamente para essa cor. Vou provar uma cor vermelho acinzentado da cerca:

Clique em uma cor na foto para prová-la e usá-la como cor da borda.

Depois de escolher sua cor, clique em OK para sair do Seletor de cores, clique em OK para sair da caixa de diálogo Estilo de camada e pronto! Aqui está minha borda da foto depois de traçar o caminho inicialmente com a Ferramenta Pincel, apagando parte dela com a Ferramenta Borracha e, finalmente, alterando a cor da borda com o estilo da camada Sobreposição de cores:

O efeito final da borda da foto.