Como Fazer uma Fotocapa Facebook - Portefólio

Com este tutorial, vamos aprender a criar uma Fotocapa, para apresentar novos trabalhos adicionados ao seu portefólio. Por exemplo pode bem servir para Fotógrafos, Modelos ou apresentar as melhores fotos, do álbum de fotografias, daquela viagem que fez ao outro lado do Mundo.

1. Criar um Ficheiro no Photoshop

1.1. Abrir um Novo Ficheiro

Com o Photoshop aberto. Vamos em File > New.

1.2. Opções a Escolher

Colocamos as dimensões da Fotocapa do Facebook, por padrão as dimensões exactas são, 851x315 px, o modo da cor será RGB e vamos utilizar um fundo transparente. O Nome do ficheiro, no meu caso será, "Fotocapa Escola Photoshop", não gosto de deixar com um nome pré-definido pelo Photoshop, vamos ser organizados.

2. Textura para o Fundo Transparente

2.1. Procurar a Textura

Agora com o nosso fundo transparente, precisamos de um Background, vamos a File > Place, encontrarmos a nossa textura, adicionamos.

2.2. Redimensionar a Textura

Redimensionamos a textura para cobrir o fundo transparente.

3. Delinear as Bordas e o Centro da Fotocapa com as Guias

Com a régua, vamos marcar as bordas e encontrar o centro da nossa imagem.

3.1. Como Mudar a Régua de Centímetros para pixels:

Clicar no botão direito do rato, sobre a régua, aparece as medições suportadas pela régua do photoshop. Por padrão ela vai aparecer com centímetros, ai podemos mudar para píxels.

3.2. Marcar com as Guias onde fica a Foto Perfil do Facebook

Com 23 px a contar da esquerda, 210 px a contar do topo e 658 px a contar da direita. A foto de perfil do Facebook tem as dimensões de 180x180. Depois de conhecermos onde ficará a Foto Perfil do Facebook perante a Fotocapa, sabemos que não vale a pena colocarmos nada no canto inferior esquerdo porque será tapado pela Foto Perfil.

3.3. Marcar as Guias onde vão Ficar as Molduras

Novamente na régua, vamos definir onde queremos apresentar as nossas molduras no canto inferior direito, mais ou menos encostadas as limitações da Fotocapa.

4. Criar um Quadrado

Na ferramenta Shapes, tecla de atalho “U”, escolhemos a forma rectangular.

Dica: Para conseguirmos criar um quadrado prefeito, basta pressionar a tecla Shift, enquanto forma o Shape.

4.1. Posicionar a Moldura

Depois de criado o quadrado, vamos posiciona-lo nas limitações que criamos, com as guias, para as molduras.

5. Organizar as Layers

Para mantermos o projecto bem organizado, temos que ter o hábito de criar pastas, para organizarmos as nossas layers. No botão, New Folder, criamos uma pasta, com o nome “Foto 1”, arrastamos a Shape para dentro da pasta.

6. Criar a Moldura

6.1. Duplicar o Quadrado

Vamos duplicar o quadrado, para submetermos um ao outro, será a moldura e o outro a nossa fotografia.

6.2. Mudar a Cor para Branco

Mudamos a cor da moldura, para branco.

6.3. Aumentar a Moldura Branca

aumentando o que está em segundo plano

6.4. Procurar o Centro da Moldura Branca

Com a régua procuramos o centro da moldura branca, assim podemos centrar o quadrado, da fotografia.

6.5. Usar Layer Style, Drop Shadow na Moldura

Para dar um aspecto realista, na moldura, criamos uma Layer Style, duplo clique sobre a Layer. Activamos a opção, Drop Shadow, Distande em 0, Spread em 7 e Size em 29. Assim criamos uma sombra sobre o nosso Background.

7. Adicionar uma Fotografia

Para adicionarmos uma Fotografia, à moldura, com o botão direito do rato sobre o quadrado cinza, seleccionamos a opção, Convert to Smart Object. Verificamos que o ícone da nossa Layer vai modificar, duplo clique sobre ele.

7.1. Dentro do Smart Object

Entramos noutra aba à parte, dentro dela podemos colocar a fotografia que quiser apresentar, basta ir a File > Place e adicionar o que pretende, redimensionando de forma a tapar as dimensões do quadrado da fotografia da Fotocapa.

7.2. Eliminar Layers Desnecessárias, na SmartObject

Podemos eliminar os layers restantes e deixar apenas a nossa fotografia.

8.Criar a Segunda Moldura

Vamos duplicar a pasta "Foto1", não há necessidade de voltar a refazer. Posicionamos a segunda moldura mais à esquerda da nossa "Foto1".

Dica: Com as setas do tecla a cada toque avançamos 1 pixel, para ser mais rápido podemos pressionar a tecla Shift e assim avançamos a casa 5 pixels.

8.1. Substituir o SmartObject Duplicado

Como duplicamos a moldura, a fotografia é exactamente da moldura 1, se a modificarmos vai modificar a original. para isso não ocorrer vamos criar um novo SmartObject a partir da foto duplicada. Podemos eliminar o SmartObject duplicado.

8.2. Dentro da Nova SmartObject

Vamos em File > Place e procuramos uma nova fotografia, redimensionamos, fechamos a aba e guardamos.

9. Criar a Terceira Moldura

Voltamos a fazer os passos anteriores, para uma terceira fotografia.

9.1. Dentro do treceiro SmartObject

Como adicionamos uma fotografia a cores, para manter a coerência do Preto e Branco mantido nas fotografias anteriores, vamos adicionar um Adjustment Layer > Black and White à nossa fotografia, podemos ajustar por cores, vermelhos, amarelos, verdes, cianos, azuis e magentas. Fechamos a aba e guardamos.

10. Criar uma Foto Principal (Opcional)

Um foto que resume as outras três fotografias. Criamos uma pasta com o nome “Foto Principal”. E posicionamos a baixo das pastas das Fotos. Para manter atrás das 3 molduras.

10.1. Shape Rectangular

Com a ferramenta Shape criamos uma forma rectangular, posicionamos ao centro da nossa Fotocapa e duplicamos. Vai ser exactamente o mesmo processo da criação da moldura das fotos.

10.2. Mudar a Cor e Redimensionar a Moldura Rectangular

Modificamos a Cor para Branco do Shape em segundo plano. Redimensionamos o tamanho para criar o aspecto de moldura. Com a Layer Style, adicionamos uma Drop Shadow, distância a 0, propagação a 0 e o tamanho a 5.

10.3 Converter a Shape Rectangular para SmartObject

Com o Shape em primeiro plano, vamos converter para um SmartObject, abrimos e adicionamos a fotografia principal, redimensionamos, eliminamos o que é desnecessário. A fotografia está a cores, vamos em Adjustment Layers > Black and White, ajustamos os cinzas da foto. Fechamos a aba e guardamos as mudanças.

10.4 Podem Ocultar a Foto Principal

Se não quiserem a Foto Principal, pode ocultar a pasta, clicando em Layer Visibility, o ícone do olho ao lado de cada Layer.

11. Adicionar uma Descrição as Molduras

Com as guias da régua procuramos os centros de cada fotografia. Da primeira não será necessário porque já a encontramos no inicio do tutorial, vamos encontrar da segunda e terceira moldura.

 

11.1. Desvrever a Primeira Foto

Com a ferramenta de texto, nomeamos a primeira foto e centramos.  

11.2. Descrição da Segunda Moldura

Nomeamos agora a segunda, mas se repararem será difícil conseguir manter ela alinhadas na horizontal, com a primeira, para isso vamos encontrar com as guias uma linha horizontal, no centro do primeiro texto, para as centrar horizontalmente.

11.3. Descrição do Terceiro Texto

Criamos o terceiro texto e centramos com a primeira fotografia.

11.4. Continuar a Manter as Coisas Organizadas

Para continuar a manter tudo bem organizado, vamos colocar cada texto nas respectivas pastas.

11.5. Descrição da Foto Principal (Opcional)

Podemos também adicionar um texto por cima da foto principal, por exemplo um URL.  

12. Mudar o Background da Fotocapa

Eu gosto deste Background, mas como não temos todos os mesmo gostos, vou aplicar outros fundos, para uma maior escolha da vossa parte.

12.1 Como Adicionar um Background à Fotocapa

Podem adicionar as vossos próprios fundos. Vamos a File > Place e adicionamos a imagem, não apresenta a cor original porque tem uns filtros de cor por cima, vamos mover o nosso fundo para o top da pasta, para não sofrer as alterações que dei no primeiro Backgroiund. Vou aplicar mais dois fundos.

  Para facilitar o vosso trabalho, vou disponibilizar o ficheiro .PSD desta Fotocapa, para poderem alterar e refazerem passo a passo este tutorial, sem se perderem. LINK