[Tutotial] Como criar uma capa de Facebook!

+3
The Flash
~WiredD
Rai0s
7 participantes

Rai0s Rai0s  • 01.01.16 2:36

[Tutotial] Como criar uma capa de Facebook!  Empty [Tutotial] Como criar uma capa de Facebook! 01.01.16 2:36

Iai povos do power-pixel, hoje venho trazer a vocês um tutorial de como criar uma capa de facebook. Porém não de qualquer maneira, uma capa bem planejada! Confira:

Acompanhe os prints para ir entendendo!

Abra o seu Adobe Photoshop ou editor diferente;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Crie um novo documento de 850px por 315px;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Logo após selecione as imagens que você vai estar usando no documento da imagem, para ser mais prático;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Depois pegue a mesma imagem e coloque no documento que você criou anteriormente, como a 1º camada;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Vamos aplicar um efeito de desfoque chamado "Desfoque de movimento", porém não foto. Vamos criar um retângulo branco "Ou segue a cor que você quiser", em um dos lados do documento da capa, e aplicar o efeito;
Após o retângulo criado você deve rasterizar a camada, clicando com o botão direito sobre a camada do retângulo, e depois "Rasterizar camada", segue a imagem;

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Agora aplicando o Desfoque;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] *Tente trabalhar no desfoque para ficar mais ou menos assim.

Logo após feito isso, você da um CTRL+J na mesma camada que já está selecionada, e leva a camada cópia até o outro lado do documento;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Note que, com o retângulo do outro lado ele perde o efeito. Basta que, com a camada cópia selecionada, você vá até "Editar">"Transformação">"Virar Horizontalmente";
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Feito isso, arrume o retângulo da maneira que você quiser para que o efeito se torne mais elegante. Sendo assim, selecionando as duas camadas de retângulo, dê um CTRL+G, e logo depois diminua a opacidade da mesma de acordo como você achar mais atraente ao documento;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Com os efeitos aplicados a o retângulo você deverá, com as duas camadas agrupadas dar um CTRL+E, para mesclar as camadas em uma só imagem;


Feito isso em novas camadas nós vamos criar três circulos de tamanhos, e cores diferentes, segue a imagem;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Vamos trabalhar agora com outro efeito de Desfoque, o "Desfoque Gaussiano", porém antes de tudo você deverá rasterizar os 3 circulos para aplicar o efeito;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Com as camadas rasterizadas você deverá aplicar o desfoque Gaussiano de acordo como você achar melhor para o documento. Aconselho que não deixe que o circulo apareça novamente destacado, procure fazer com que ele tenha suas bordas totalmente desfocadas, segue a imagem;
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Faça o mesmo nos outros 3 circulos, e logo depois mescle as 3 camadas de circulos. Procure colocar uma opacidade sobre as camadas mescladas para que não aja conflito entre as cores do documento!

Feito isso, com a imagem já trabalhada em efeitos de desfoque, você pode trabalhar em ajustes na imagem da camada 1, como brilho e contraste.

Feito isso você deve trabalhar em uma logomarca para adicionar ao documento, informações adicionais e etc... Esse trabalho de logomarca eu vou deixar para um próximo tutorial e a questão do markeeting de informações também.

É isso obrigado se você leu até aqui, deu trabalho escrever esse tutorial, se gostou e ajudou dá seu like e comenta!

Veja o resultado do trabalho pronto: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Flw, até a próxima!

~WiredD ~WiredD  • 01.01.16 3:15

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 3:15

Opa :D Ótimo tutorial, Irá ajudar pessoas que tem dificuldades tanto no que "fazer" quanto a mexer mesmo no photoshop.

Parabens :D E obrigado por compartilhar conosco.

The Flash The Flash  • 01.01.16 3:41

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 3:41

Muito bom tutorial 5 rais. Parabéns.

avatar Sh3n  • 01.01.16 12:20

[Tutotial] Como criar uma capa de Facebook!  Empty Re: 01.01.16 12:20

Otímo tutorial !!!

lin0s lin0s  • 01.01.16 14:28

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 14:28

Obrigado por partilhar 4Rai0s!

iJhefeX iJhefeX  • 01.01.16 16:53

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 16:53

Ótimo tutorial, vai ajudar muitas pessoas que estão começando com Design (Ou não) :interessante:

-Injusta -Injusta  • 01.01.16 17:00

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 17:00

Olá, vai ajudar os que tem problema com o nosso querido Photoshop e talvez me ajude, mas já tenho pouco de experiência. Valeu pelo tutorial 
Até.

Rai0s Rai0s  • 01.01.16 18:21

[Tutotial] Como criar uma capa de Facebook!  Empty Re: [Tutotial] Como criar uma capa de Facebook! 01.01.16 18:21

Obrigado pelos elogios, em breve trago outro tutorial!
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.