Neste tutorial de efeitos fotográficos do Photoshop, em duas partes, aprenderemos como criar uma colagem de fotos divertida usando uma forma simples de tira de filme como uma moldura para várias imagens.

Nesta primeira parte do tutorial, desenharemos a própria tira de filme real usando as ferramentas de forma do Photoshop e, em seguida, a salvaremos como um documento separado, para que possamos reutilizá-la facilmente a qualquer momento que quisermos, sem precisar desenhar tudo. mais uma vez. Na segunda parte do tutorial, usaremos várias cópias da tira de filme para criar nossa colagem de fotos.

Aqui está o formato da tira de filme que desenharemos nesta parte do tutorial. A área cinza no centro é onde adicionaremos nossas fotos na parte dois do tutorial:

O formato da tira de filme que será usada como moldura na colagem.

Como criar uma colagem de fotos de tira de filme

Etapa 1: Criar um novo documento do Photoshop

Para começar, vamos criar um novo documento do Photoshop, indo até o menu Arquivo na parte superior da tela e escolhendo Novo, ou pressione Ctrl + N (Win) / Command + N (Mac) para abrir um novo documento com o prático teclado atalho:

Vá para Arquivo> Novo para criar um novo documento do Photoshop.

Isso abre a caixa de diálogo Novo documento. Digite um valor de 1000 pixels para a Largura e 900 pixels para a Altura, o que deve fornecer uma boa proporção de largura e altura para a nossa tira de filme. Defina sua resolução como 300 pixels / polegada e verifique se a opção Conteúdos de fundo está definida como Branco :

Crie um novo documento de 1000 x 900 pixels.

Quando terminar, clique em OK no canto superior direito da caixa de diálogo para sair dela. Sua nova janela de documento aparecerá na sua tela.

Etapa 2: selecione a ferramenta Retângulo

Para desenhar nossa tira de filme, usaremos as ferramentas de forma do Photoshop, que nos permitem desenhar formas baseadas em vetores que podem ser facilmente redimensionadas conforme necessário, sem perda de qualidade. Como nossa tira de filme precisa ser retangular, selecione a Ferramenta Retângulo no painel Ferramentas (não confunda com a Rectangular Marquee Tool, que é uma ferramenta de seleção, não uma ferramenta de forma):

Selecione a ferramenta Retângulo.

Etapa 3: defina a cor do primeiro plano como preta

Quando desenhamos uma forma, o Photoshop inicialmente definirá a cor da forma com a cor atual do primeiro plano . Queremos que a cor de nossa tira de filme seja preta; portanto, antes de desenharmos a forma, vamos definir nossa cor de primeiro plano para preto. O preto é, na verdade, a cor padrão do primeiro plano; portanto, o seu já pode estar definido como preto. Caso contrário, pressione a letra D no teclado para redefinir rapidamente as cores de primeiro e segundo plano para os padrões. Você encontrará as amostras de cores Primeiro e Segundo plano na parte inferior do painel Ferramentas. A amostra no canto superior esquerdo (a cor do primeiro plano) agora deve aparecer em preto:

Pressione "D" no teclado para redefinir rapidamente as cores de primeiro plano e plano de fundo.

Etapa 4: verifique se a opção "Shape" está selecionada

O Photoshop nos fornece três maneiras diferentes de usar as várias ferramentas de forma. Podemos usá-los para desenhar formas vetoriais (que é o que faremos aqui), podemos desenhar caminhos, que são basicamente apenas contornos de formas, ou podemos desenhar formas baseadas em pixels . Podemos selecionar entre essas três opções clicando no ícone apropriado na Barra de opções, na parte superior da tela. Como queremos poder redimensionar nossa tira de filme conforme necessário, sem perder a qualidade da imagem, precisamos desenhar uma forma vetorial, então clique no ícone Camadas de formas na barra de opções (o ícone à esquerda):

Escolha entre formas vetoriais (esquerda), caminhos (meio) ou formas baseadas em pixel (direita) com os três ícones na Barra de opções.

Etapa 5: arraste uma forma retangular grande

Com a ferramenta Retângulo selecionada, preta como nossa cor de primeiro plano e a opção Camadas de forma selecionada na Barra de opções, estamos prontos para começar a desenhar nossa tira de filme. Clique no canto superior esquerdo da janela do documento e, enquanto mantém o botão do mouse pressionado, arraste para o canto inferior direito. Você verá um contorno da sua forma aparecendo ao arrastar:

Clique perto do canto superior esquerdo do documento e arraste para o canto inferior direito.

Tente manter uma quantidade igual de espaço ao redor das bordas da forma enquanto arrasta. Quando chegar perto do canto inferior direito, solte o botão do mouse. O Photoshop desenha a forma do retângulo e a preenche de preto:

O Photoshop desenha a forma e a preenche de preto quando você solta o botão do mouse.

Se procurarmos um momento em nosso painel Camadas, podemos ver que agora temos uma nova camada de forma chamada "Forma 1", acima da camada Fundo. As formas de vetor sempre aparecem em suas próprias camadas, portanto, não há necessidade de adicionar uma nova camada antes de desenhar uma forma:

As formas aparecem automaticamente em suas próprias camadas no painel Camadas.

Etapa 6: Alterne para o modo "Subtrair da área da forma"

Agora que temos nosso formato de retângulo inicial, precisamos fazer alguns furos para parecer mais uma tira de filme. Primeiro, cortaremos um grande buraco retangular no centro, que servirá como a área principal da foto. Se você procurar na Barra de opções, verá uma linha de cinco ícones, cada um mostrando um layout diferente de quadrados. O ícone no meio é a opção Subtrair da área da forma . Clique nele para selecioná-lo:

Clique na opção "Subtrair da área da forma" na barra de opções para selecioná-la.

Etapa 7: desenhe outra forma retangular no meio da forma inicial

A opção "Subtrair da área da forma" nos permite remover parte da nossa forma existente. Com a ferramenta Retângulo ainda selecionada, desenhe uma segunda forma retangular, desta vez no centro do retângulo existente. Assim como fizemos um momento atrás, clique uma vez para definir o canto superior esquerdo do retângulo, mantenha o botão do mouse pressionado e arraste em direção ao canto inferior direito. Você verá um contorno da forma aparecendo enquanto arrasta. Esta é a área que será cortada:

Desenhe outra forma retangular no meio da forma inicial.

Solte o botão do mouse quando terminar. Dessa vez, em vez de adicionar uma nova forma ao documento, o Photoshop faz um buraco no retângulo inicial, criando a área principal em que nossas fotos aparecerão mais tarde:

A área principal da foto da tira de filme foi criada.

Etapa 8: selecione a ferramenta Retângulo arredondado

Para desenhar os entalhes na parte superior e inferior da tira de filme, usaremos a Ferramenta Retângulo arredondado, que é semelhante à Ferramenta Retângulo, exceto que, como o próprio nome indica, os cantos são arredondados em vez de nítidos. Normalmente, selecionamos ferramentas no painel Ferramentas, mas sempre que temos uma ferramenta de forma selecionada, podemos facilmente selecionar qualquer outra ferramenta de forma do Photoshop diretamente na Barra de opções. Clique no ícone Ferramenta Retângulo Arredondado na Barra de Opções para selecioná-lo:

Selecione a ferramenta Retângulo arredondado na barra de opções.

Etapa 9: defina o valor do raio como 10 px

Podemos controlar a redondeza dos cantos com o valor Radius na barra de opções. Quanto maior o raio, mais arredondados serão os cantos. Defina seu valor de raio como 10 px (pixels):

Defina o valor do raio como 10 px.

Etapa 10: desenhe uma forma de retângulo arredondado para criar o primeiro entalhe

Verifique se a opção "Subtrair da área da forma" ainda está selecionada na Barra de opções e clique e arraste um pequeno retângulo arredondado à esquerda da área da borda preta ao longo da parte superior da tira de filme:

Desenhe uma pequena forma de retângulo arredondado no lado esquerdo da área superior da borda preta.

Solte o botão do mouse quando terminar. O Photoshop usa a forma para fazer o primeiro entalhe na tira de filme:

Mais uma vez, o Photoshop usa a nova forma para eliminar uma seção da forma inicial.

Etapa 11: selecione a ferramenta de seleção de caminho

Agora que desenhamos nosso primeiro entalhe, podemos usá-lo para adicionar todos os outros entalhes ao longo da parte superior e inferior da tira de filme sem precisar desenhar nenhum deles! Selecione a Ferramenta de seleção de caminho no painel Ferramentas (a seta preta). Você também pode selecioná-lo rapidamente pressionando a letra A no teclado:

Selecione a ferramenta de seleção de caminho.

Com a ferramenta de seleção de caminho selecionada, clique dentro do entalhe que acabamos de adicionar. Isso selecionará a forma. Você verá um contorno fino, juntamente com pontos de ancoragem (pequenos quadrados) ao redor, informando que a forma está selecionada:

Clique dentro do entalhe com a Path Selection Tool para selecionar a forma.

Etapa 12: Arraste uma cópia da forma

Com a forma selecionada, mantenha pressionadas as teclas Shift + Alt (vitória) / Shift + Option (Mac) e arraste para a direita. A tecla Alt / Option diz ao Photoshop para criar uma cópia da forma enquanto você arrasta, enquanto a tecla Shift limita a direção que você pode arrastar, facilitando o arrasto direto para a direita e não em um ângulo estranho. Quando terminar, solte o botão do mouse para criar um segundo entalhe na parte superior da tira de filme:

Um segundo entalhe aparece na parte superior da tira de filme.

Etapa 13: Arraste mais seis cópias da forma

Continue arrastando mais cópias da forma para criar os entalhes restantes na parte superior da tira de filme, mantendo as teclas Shift + Alt (Win) / Shift + Option (Mac) pressionadas, clicando na última forma que você adicionou e arrastando uma cópia dela. para a direita e solte o botão do mouse. Não se preocupe com o espaçamento, por enquanto, nós resolveremos isso em um momento. Você deve ter um total de oito entalhes na parte superior da tira de filme quando terminar:

Arraste mais seis cópias da forma para um total de oito entalhes na parte superior.

Etapa 14: selecionar todos os entalhes na linha superior

Depois de adicionar todos os oito pontos ao longo da linha superior, mantenha pressionada a tecla Shift e, com a Ferramenta de seleção de caminho ainda selecionada, clique em cada ponto até ter todos eles selecionados de uma só vez:

Mantenha pressionada a tecla Shift e clique em cada entalhe com a Ferramenta de seleção de caminho até selecionar todos eles.

Etapa 15: clique na opção "Distribuir centros horizontais"

Com todas as formas de entalhe selecionadas, clique na opção Distribuir centros horizontais na barra de opções:

A Barra de opções contém várias opções para alinhar as formas. Clique no ícone Distribuir centros horizontais.

Isso distribui as formas uniformemente pela parte superior da tira de filme, corrigindo quaisquer problemas de espaçamento:

A opção Distribuir centros horizontais espaça as formas uniformemente entre a forma na extremidade esquerda e a forma na extremidade direita.

Etapa 16: Copie a linha de formas para a parte inferior da tira de filme

Com todas as formas de entalhe ao longo da linha superior ainda selecionadas, mantenha pressionadas as teclas Shift + Alt (Win) / Shift + Option (Mac) e arraste as formas para a área da borda inferior da tira de filme. Mais uma vez, a tecla Alt / Option diz ao Photoshop para fazer uma cópia das formas enquanto arrastamos, enquanto a tecla Shift limita a direção em que podemos arrastar, facilitando o arraste direto para baixo. Você verá um contorno das formas aparecendo ao arrastar:

Mantenha pressionadas as teclas Shift + Alt (Win) / Shift + Option (Mac) e arraste a linha superior das formas de entalhe até a linha inferior, criando uma cópia das formas à medida que você arrasta.

Depois de ter as formas ao longo da área da borda inferior, solte o botão do mouse. O Photoshop bate as áreas da forma na parte inferior da tira de filme, criando nossa segunda linha de entalhes:

Criar a linha de entalhes ao longo da parte inferior da tira de filme é simplesmente uma questão de copiar a linha superior e arrastá-la para baixo.

Se observarmos a camada de forma no painel Camadas, podemos ver uma miniatura mostrando uma visualização da aparência da nossa forma. Isso é chamado de miniatura da máscara de vetor . Você verá uma borda de destaque branca ao redor, o que indica que a forma está atualmente selecionada. Clique diretamente na miniatura para desmarcar a forma, pois já a desenhamos neste momento. A borda branca do realce em torno da miniatura desaparecerá:

Clique na miniatura da máscara de vetor para desmarcar a forma.

Etapa 17: adicionar uma sombra projetada

Nosso formato básico de tira de filme agora está completo, mas vamos detalhar um pouco mais, adicionando uma leve sombra. Clique no ícone Estilos de camada na parte inferior do painel Camadas e selecione o estilo Sombra projetada na parte superior da lista que aparece:

Clique no ícone Layer Styles e selecione Drop Shadow na lista.

Isso abre a caixa de diálogo Layer Style do Photoshop, definida como as opções Drop Shadow na coluna do meio. Defina a distância da sombra como 0 px, a propagação como 0% e o tamanho da sombra como 7 px :

Clique no ícone Layer Styles e selecione Drop Shadow na lista.

Clique em OK no canto superior direito da caixa de diálogo Layer Style quando terminar de sair dela. A tira de filme agora aparece com uma leve sombra atrás dela, embora seja mais fácil ver no seu documento do que na pequena captura de tela aqui:

A sombra é usada para dar profundidade à tira do filme.

Etapa 18: Selecione a ferramenta Retângulo novamente

Para finalizar nossa tira de filme, adicionaremos uma forma de retângulo final que será usada para definir a área em que as fotos aparecerão quando as adicionarmos mais tarde. Selecione a ferramenta Retângulo novamente no painel Ferramentas. Como a ferramenta Retângulo arredondado foi selecionada há um momento, clique na ferramenta Retângulo arredondado no painel Ferramentas e mantenha o botão do mouse pressionado por um ou dois segundos até que um menu suspenso apareça mostrando as outras ferramentas disponível nesse slot. Selecione a ferramenta Retângulo na parte superior do menu suspenso:

Clique e segure a Ferramenta Retângulo arredondado no painel Ferramentas e selecione a Ferramenta Retângulo no menu suspenso.

Etapa 19: alterar a cor da nova forma para um cinza médio

Antes de adicionarmos a nova forma, vamos mudar sua cor para algo diferente de preto, para que possamos vê-la na tira de filme preto. Já sabemos que podemos alterar a cor de uma forma alterando a cor de primeiro plano do Photoshop, mas também podemos alterar a cor diretamente da barra de opções quando tivermos uma ferramenta de forma selecionada. Clique na amostra de cores na Barra de opções:

Clique na amostra de cores para definir uma cor para a forma.

Isso abre o Seletor de cores do Photoshop. Vamos usar um cinza médio para a cor. Digite um valor de 128 para as opções R, G e B no centro inferior da caixa de diálogo Seletor de cores. Isso nos dará nosso cinza médio. Clique em OK quando terminar de sair do Seletor de cores:

Defina os valores R (vermelho), G (verde) e B (azul) como 128 no Seletor de cores.

Etapa 20: desenhe uma forma retangular para cobrir a área principal da foto

Com a Ferramenta Retângulo selecionada e cinza como a cor da forma, desenhe outra forma retangular, dessa vez um pouco maior que a área da foto principal no centro da tira de filme. Certifique-se, no entanto, de que a nova forma não se estenda sobre os entalhes ao longo da parte superior e inferior. Queremos apenas cobrir a área principal da foto. Clique logo acima e à esquerda da área principal da foto para definir o ponto inicial da forma, mantenha o botão do mouse pressionado e arraste para logo abaixo e à direita do canto inferior direito da área da foto:

Desenhe um segundo retângulo um pouco maior que a área da foto.

Solte o botão do mouse para que o Photoshop desenhe a forma e preencha com a cor cinza média que selecionamos. A área principal da foto agora está completamente coberta, enquanto os entalhes na parte superior e inferior da tira de filme permanecem visíveis:

A área principal da foto agora está coberta pela segunda forma.

Etapa 21: Excluir a sombra projetada da nova forma

Se olharmos no painel Camadas, podemos ver que nossa segunda forma apareceu em sua própria camada acima da forma principal da tira de filme. E se olharmos diretamente abaixo da camada de forma, podemos ver que o Photoshop aplicou automaticamente o mesmo estilo de camada Drop Shadow que adicionamos à tira de filme. Não precisamos da sombra para nossa nova forma, então vamos nos livrar dela. Clique na palavra Efeitos, que selecionará todos os estilos de camada aplicados a uma camada (mesmo que neste caso tenhamos apenas um), mantenha o botão do mouse pressionado e arraste-o para o ícone da Lixeira na parte inferior de o painel Camadas. Solte o botão do mouse quando o cursor estiver sobre a Lixeira para excluir os estilos de camada:

Clique na palavra "Efeitos" e arraste-a para a Lixeira para excluir a sombra projetada.

Etapa 22: Arraste a nova forma abaixo da tira de filme

Atualmente, a segunda forma está aparecendo acima da tira de filme. Precisamos que ele apareça abaixo da tira de filme, como se estivesse atuando como um espaço reservado para as fotos que adicionaremos mais tarde, o que significa que precisamos arrastar a camada da forma abaixo da camada de tira de filme. Para fazer isso, clique em "Forma 2" no painel Camadas, mantenha o botão do mouse pressionado e arraste a camada diretamente entre a camada Plano de fundo e a camada de tira de filme. Você saberá que está no lugar certo quando vir uma barra de destaque entre as duas camadas:

Clique e arraste a segunda forma entre a camada Plano de fundo e a camada de tira de filme.

Solte o botão do mouse quando a barra de destaque aparecer. A forma cinza agora foi movida abaixo da tira de filme conforme necessário:

A forma cinza agora aparece entre a camada Plano de fundo e a camada de tira de filme.

Clique na miniatura da máscara de vetor para "Forma 2" no painel Camadas para desmarcar a forma e pronto! Nossa tira de filme agora está completa:

A tira de filme final, pronta para ser usada como moldura e em nossa colagem de fotos.

Etapa 23: Salve a tira de filme como um arquivo .PSD do Photoshop

A menos que você seja pago a cada hora, provavelmente não vai querer redesenhar a tira de filme toda vez que quiser usá-la, então vamos salvá-la como seu próprio documento do Photoshop. Dessa forma, poderemos abri-lo e usá-lo novamente a qualquer momento. Vá para o menu Arquivo na parte superior da tela e escolha Salvar como :

Vá para Arquivo> Salvar como.

Isso abre a caixa de diálogo Salvar como do Photoshop. Vou nomear meu documento "film-strip.psd". Escolha o Photoshop como formato e salve o arquivo em um local que você possa se lembrar facilmente. Vou salvar o meu em uma pasta "photoshop" que tenho na minha área de trabalho. Clique no botão Salvar quando estiver pronto para salvar o arquivo:

Nomeie o arquivo e salve-o como um documento do Photoshop.