Neste tutorial do Photoshop, aprenderemos como adicionar facilmente uma borda de foto a uma imagem que faz parecer que a foto foi pintada em tela.

Para criar o efeito, usaremos uma camada de preenchimento Solid Color junto com uma máscara de camada, carregando alguns pincéis de um dos conjuntos de pincéis adicionais do Photoshop, aplicando uma textura da Galeria de filtros e, no final, aprenda como provar uma cor diretamente da própria foto para usar como a cor da nossa tela.

Vou usar o Photoshop CS6 para este tutorial. Se você estiver usando o Photoshop CS5 ou anterior, também poderá conferir a versão original do tutorial.

Aqui está a foto com a qual começarei (foto do farol da Shutterstock):

A foto original.

E aqui está a aparência final da "borda da foto das bordas pintadas". Neste exemplo, a cor da tela em torno da imagem é branca, mas, como mencionei, aprenderemos no final do tutorial como alterá-la, amostrando uma nova cor diretamente da própria foto:

O resultado final.

Como criar uma borda de foto de bordas pintadas

Etapa 1: adicionar uma camada de preenchimento de cor sólida branca

Com nossa foto recém-aberta no Photoshop, vamos começar adicionando uma camada branca acima da imagem. Clique no ícone Nova camada de preenchimento ou ajuste na parte inferior do painel Camadas:

Clique no ícone Nova camada de preenchimento ou ajuste.

Isso abre uma lista de todas as camadas de preenchimento e ajuste que podemos escolher. Selecione uma camada de preenchimento de cor sólida no topo da lista:

Escolhendo cor sólida na lista.

O Photoshop abrirá o Seletor de cores para que possamos escolher a cor com a qual queremos preencher a camada. Essa camada se tornará a tela por trás da imagem, então vamos escolher inicialmente o branco digitando um valor de 255 para as opções R, G e B (que representam Vermelho, Verde e Azul) próximo ao centro inferior da caixa de diálogo:

Defina os valores R, G e B como 255 para selecionar branco para a cor de preenchimento.

Clique em OK para fechar o Seletor de cores. Seu documento aparecerá completamente preenchido de branco, bloqueando temporariamente a foto e, se olharmos no painel Camadas, vemos a camada de preenchimento de cor sólida (denominada preenchimento de cor 1 ) acima da camada de fundo que contém nossa imagem:

O painel Camadas mostrando a nova camada de preenchimento de cor sólida.

Etapa 2: Selecione a máscara da camada de preenchimento

Selecione a máscara de camada para a camada de preenchimento clicando na miniatura da máscara no painel Camadas. Uma borda de destaque branca aparecerá em torno da miniatura, informando que a máscara de camada está agora selecionada. Daqui a pouco, começaremos a pintar a máscara para permitir que a foto abaixo da camada de preenchimento seja exibida:

Clicando na miniatura da máscara de camada.

Etapa 3: selecione a ferramenta Pincel

Pegue a Ferramenta Pincel do Photoshop clicando em seu ícone no painel Ferramentas, à esquerda da tela:

Selecionando a ferramenta Pincel no painel Ferramentas.

Etapa 4: carregar o conjunto de pincéis "Thick Heavy Brushes"

Com a ferramenta Pincel selecionada, clique no ícone Predefinições de pincel, próximo à extrema esquerda da Barra de opções, na parte superior da tela:

Clique no ícone Predefinições de pincel.

Isso abre o Seletor de predefinições de pincel . Os pincéis que queremos usar para esse efeito não são carregados no Photoshop por padrão, portanto, precisamos carregá-los manualmente. Clique no pequeno ícone de menu (o pequeno ícone de engrenagem) no canto superior direito do Brush Preset Picker:

Clicando no ícone do menu.

Isso abre um menu com várias opções, incluindo uma lista de conjuntos de pincéis adicionais prontos para serem carregados no Photoshop. Clique no conjunto de Pincéis pesados ​​espessos próximo ao final da lista para selecioná-lo:

Carregando o conjunto de pincéis pesados ​​espessos.

O Photoshop perguntará se você deseja substituir os pincéis originais pelo novo conjunto de pincéis. Clique no botão Anexar para simplesmente adicionar esses novos pincéis aos originais. Eles aparecerão abaixo dos pincéis originais na lista:

Clicando no botão Anexar.

Etapa 5: escolha o pincel de cerda plana de 111 px

Com o novo conjunto de pincéis carregado, clique novamente no ícone do menu no canto superior direito do Seletor de predefinições de pincel:

Clicando novamente no ícone do menu.

Em seguida, escolha Lista Pequena ou Lista Grande no menu quando ele aparecer. Isso exibirá os pincéis no Seletor de predefinições de pincel como uma lista que facilitará a escolha dos pincéis necessários. Vou escolher a lista grande:

Escolhendo lista grande no menu Seletor de predefinições de pincel.

Role a lista de pincéis disponíveis no Seletor de predefinições de pincel até encontrar o pincel de cerda plana 111 px (ele estará próximo à parte inferior da lista). Clique duas vezes nele para selecioná-lo e fechar o Seletor de predefinições de pincel:

Clique duas vezes no pincel de cerda plana 111 px.

Etapa 6: Pinte com preto na máscara de camada

Precisamos pintar de preto na máscara de camada para revelar a foto abaixo da camada de preenchimento Solid Color. O Photoshop usa a cor atual do primeiro plano como a cor do pincel, então pressione a letra D no teclado para redefinir rapidamente as cores do primeiro plano e do plano de fundo, o que tornará a cor do primeiro plano branca e a do segundo plano preta. Em seguida, pressione a letra X no teclado para trocá-los, para que a cor do primeiro plano fique preta. Você pode ver as cores atuais de primeiro plano e plano de fundo nas amostras de cores próximas à parte inferior do painel Ferramentas:

A amostra de cores do primeiro plano (canto superior esquerdo) agora deve estar definida para preto.

Em seguida, comece a pintar pinceladas na parte principal da imagem, da esquerda para a direita. Como pintamos a máscara de camada, você não verá a cor do pincel preto. Em vez disso, a cada nova pincelada, mais da imagem original abaixo da camada de preenchimento Solid Color será revelada. Se você não estiver satisfeito com uma das pinceladas, pressione Ctrl + Z (Win) / Command + Z (Mac) no teclado para desfazê-lo e continue pintando:

Pintando algumas pinceladas iniciais para revelar a foto através da camada de preenchimento.

Continue pintando pinceladas até revelar sua imagem o suficiente, mantendo muito espaço nas bordas da área da tela:

A área principal da foto agora é revelada.

Etapa 7: selecione o pincel "Rough Flat Bristle" 111 px

Vamos aprimorar o efeito das bordas pintadas com um pincel diferente. Clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer lugar da imagem para reabrir o Seletor de predefinições de pincel . Você encontrará o pincel Rough Flat Bristle 111 px diretamente abaixo do pincel Flat Cerda que selecionamos inicialmente. Clique duas vezes nele para selecioná-lo e fechar o Seletor de predefinições de pincel:

Clique duas vezes no pincel Rough Flast Bristle.

Etapa 8: Pintar traços menores nas bordas

Com o novo pincel selecionado, contorne as bordas da imagem e pinte pequenos traços para adicionar algumas manchas e respingos de tinta ao efeito. Tente manter a maior parte do pincel dentro da área já pintada, para que apenas um pouquinho se estenda além das bordas. Você não quer exagerar aqui. Permita que apenas um pouquinho do pincel se estenda para a área branca e pinte com pinceladas muito curtas. Mesmo simplesmente clicando em uma área uma ou duas vezes com o pincel pode ser suficiente. Novamente, se você achar que cometeu um erro, pressione Ctrl + Z (Win) / Command + Z (Mac) para desfazer e tente novamente:

Adicionando alguns toques extras nas bordas com o segundo pincel.

Etapa 9: adicionar uma nova camada em branco

Vamos terminar o efeito principal adicionando uma textura de tela. Clique no ícone Nova camada na parte inferior do painel Camadas:

Clicando no ícone Nova camada.

Isso adiciona uma nova camada em branco chamada Camada 1, diretamente acima da camada de preenchimento Solid Color:

O painel Camadas mostrando a camada recém-adicionada.

Etapa 10: preencher a nova camada com branco

No momento, a nova camada está em branco, então vamos preenchê-la com branco. Vá para o menu Editar na barra de menus na parte superior da tela e escolha Preenchimento :

Indo para Editar> Preencher.

Isso abre a caixa de diálogo Preenchimento. Defina a opção Usar na parte superior da caixa de diálogo para Branco . Verifique se a opção Modo perto da parte inferior está definida como Normal e Opacidade está definida como 100%, clique em OK para aceitá-la e saia da caixa de diálogo. O Photoshop preencherá a camada com branco, mais uma vez bloqueando temporariamente todo o resto da exibição na janela do documento:

Definir a opção Usar para Branco.

Etapa 11: aplicar o filtro texturizador

Vá para o menu Filtro na parte superior da tela e selecione a Galeria de filtros :

Indo para Filter> Filter Gallery.

Quando a Galeria de filtros aparecer, clique na categoria Textura na coluna do meio para abri-la e exibir os vários filtros nessa categoria; em seguida, selecione o filtro Texturizer clicando na miniatura:

Abrindo a categoria Textura e escolhendo o filtro Texturizer.

Os controles e as opções do filtro Texturizer aparecem na coluna direita da Galeria de filtros. Primeiro, defina a opção Textura como Tela . Deixe o ajuste de escala em 100% e o relevo em 4 . Selecione Superior esquerdo para a opção Luz :

Definindo as opções para o filtro Texturizer.

Quando terminar, clique em OK para fechar a Galeria de filtros. O Photoshop preenche a camada com a textura da tela (eu a aprimorei um pouco aqui apenas para facilitar a visualização na captura de tela):

O Photoshop aplica a textura da tela à camada preenchida em branco.

Etapa 12: Alterar o modo de mesclagem da camada para multiplicar e diminuir a opacidade

Para misturar a textura da tela com o restante da imagem, basta alterar o modo de mesclagem da camada de Normal para Multiplicar . Você encontrará a opção Blend Mode no canto superior esquerdo do painel Layers:

Alterando o modo de mesclagem da camada superior para Multiplicar.

Em seguida, para desbotar a textura para que ela pareça mais sutil, diminua o valor de opacidade da camada para cerca de 30% . A opção Opacidade está diretamente oposta à opção Blend Mode na parte superior do painel Layers:

Diminuindo a opacidade da camada.

Aqui está o meu efeito após alterar o modo de mesclagem para Multiply e diminuir a opacidade. A textura da tela é muito difícil de ver na pequena captura de tela aqui, mas deve ser facilmente visível no seu documento:

O efeito com a textura da tela adicionada.

Alterando a cor da tela (opcional)

Nesse ponto, o efeito está completo e, se você estiver satisfeito com o uso do branco na cor da tela, pode parar por aqui. Se você quiser experimentar uma cor diferente para a tela, a coisa mais fácil a fazer é experimentar uma cor diretamente da própria foto. Para fazer isso, clique duas vezes na miniatura da camada de preenchimento de cor sólida (o pequeno ícone de amostra de cor à esquerda da miniatura da máscara de camada):

Clique duas vezes na miniatura da camada de preenchimento.

Isso abrirá o Seletor de cores . Em vez de escolher uma cor no Seletor de cores, mova o cursor do mouse sobre uma área da imagem que contenha a cor que você deseja provar. O cursor do mouse mudará para um ícone conta - gotas . Basta clicar na cor para experimentá-la e sua tela mudará instantaneamente para a nova cor. Você pode clicar em quantas cores quiser até encontrar a que melhor funciona. Clique em OK quando terminar de aceitar a nova cor e fechar o Seletor de cores. Ou, se você não conseguir encontrar uma cor que funcione, clique em Cancelar para fechar o Seletor de cores e deixar sua tela em branco:

Clicando em uma cor na imagem para provar e alterar a cor da tela.