Como fazer banner para flogvip II

Como fazer banner para flogvip II
Já tem um tuto sobre isso no site, mas é antigo, desatualizado e como todo Pokémon evolui, os banners evoluíram juntos. Antes de tudo, segue uma listinha do que você precisa ter ou saber antes de criar um banner, seja para flogvip, para meadd, etc...

- Ter texturas, brushes, fontes variadas, png's e/ou fotos em boa qualidade.
- Escolher um tema, seja cute, vintage, dark, futurista...
- Decidir entre simples ou elaborado.
- O limite máximo deve ser de até 5 fontes diferentes (para que não fique muito carnaval) e de no mínimo 2, para que não fique muito repetitivo.
- Procurar sempre usar fotos de uma mesma sessão de fotos, um mesmo photoshoot, mesmo que as fotos de fundo não fiquem em destaque.
- Escolha entre 3 até 5 cores para fazer o banner.

AGORA, MÃOS À OBRA! Abra um novo documento em seu photoshop ALT + CTRL + N no tamanho e cor que preferir. Eu costumo usar 1366 x 300 ou 1366 x 400, mas isso fica ao seu critério. Lembrando que essas dimensões são para banners que vão ficar em cima da barra do flogvip. Se você for usar a baixo, use uma largura menor (até 960px por exemplo).

Crie uma nova camada transparente em cima do fundo do seu banner (CTRL + ALT + SHIFT + N), selecione uma cor parecida com o seu fundo, porém um pouco mais escura (ou clara) e que fique perceptível no banner. Vá em BRUSH (B), escolha um brush texturizado, que faça um efeito de esfumaçado, de nuvem ou até mesmo brushes grunge (que são meus preferidos) e aplique sobre o seu banner, pois eles farão o efeito de textura no fundo do seu banner (vou deixar os links no final).

Para dar um diferencial, eu acrescentei uma barrinha finhinha no topo do banner, veja:
Para isso, vá em SHAPE (U), escolha a shape retangular, coloque uma cor que combine com seu banner e aplique sobre ele.

Agora vamos para a melhor parte. A escolha das typografias (fontes) que serão usadas. Escolha a fonte principal primeiro, aquela que chamará mais atenção. No meu exemplo, eu destaquei o nome Dove da Dove Cameron e usei a fonte "Thinking Of Betty".

Após isso, duplique essa camada de texto (CTRL + J). Na camada de texto que ficar em cima, escolha uma cor que combine com o banner, pode aplicar um style já pronto ou criar um novo, ou fazer como eu fiz, apliquei apenas uma textura e diminui a opacidade dela. Na camada de texto que ficar em baixo, arraste ela para o lado esquerdo e puxe um pouco para baixo (usando as setinhas do seu pc). Duplique a camada de texto novamente CTRL + J (essa que você arrastou).

Na camada de texto do meio, use uma cor que combine com seu banner, mas que seja diferente da cor de fundo e que seja diferente da primeira camada de texto. Eu usei branco mesmo. Se seu banner for claro, branco sempre fica bom. Se for um banner escuro, escolha opções mais próximas a ele. Feito isso, ainda nessa camada, clique 2 vezes sobre ela, até abrir a caixinha de ESTILO DE CAMADA, vá em traçado e deixe as opções assim:
Na opção cor, escolha a cor que você usou na primeira camada de texto. Na camada de texto que ficou por baixo, a terceira, coloque a mesma cor da primeira camada, vá em FILTRO >> DESFOQUE >> DESFOQUE GAUSSIANO e deixe 2px. Agora, continuando nas fontes, você pode escrever algo sobre seu flog, sobre o artista, alguma frase, música, enfim, algo que encha linguiça. Eu costumo escolher uma fonte mais discreta. No meu exemplo, eu usei a "Birch Std". Você pode escolher uma fonte pixel para colocar os créditos. Para finalizar a parte das fontes, eu usei a fonte "Mekar Script free" como enfeite no fundo do banner e também de modo informativo. Coloquei o sobrenome da Dove (Cameron) para "tampar o buraco" vazio. Não usei styles. Apenas usei um tom mais claro que o fundo.

PS: Em todas as fontes (exceto o crédito), eu entortei o texto, para que não ficasse muito retinho e certinho. Para isso, clique na camada da fonte que deseja "entortar", aperte CTRL + T e ajuste com o mouse. Recomento que não fique muito torto. Um pouquinho só já fica bom.

Agora a parte principal: O PNG! Você pode fazer o png (já tem tuto no site) ou pode baixar de sites de compartilhamento de resource, como por exemplo o deviantart. Após ter seu png pronto, arraste ele até seu banner e ajuste ele (centralizando e apertando CTRL + T para ajustar o tamanho para que fique adequado). Se quiser editar seu png, para que combine mais com o banner, você pode usar alguns efeitos nele (aplique o efeito e aperte ALT + CTRL + G, para que o efeito fique dentro apenas do PNG. Eu gosto de deixar preto e branco, mas isso é opcional.

Para dar um efeito bacana, duplique seu png (CTRL + J), com a camada que ficar por baixo selecionada, vá em FILTRO >> FILTRO GAUSSIANO e deixe 4px. ALGO OPCIONAL, MAS QUE FAZ TODA A DIFERENÇA: Após colocar seu png no banner, editá-lo e tals, crie uma nova camada transparente, selecione a cor exata do fundo do seu banner, vá em BRUSH (B), escolha um brush redondo e "esfumaçado" (já vem em todos os photoshop's) e aplique sobre a parte de baixo do seu png, para que não pareça que a pessoa foi cortada ao meio, como no antes e depois abaixo:
PARTE FINAL: Agora vamos enfeitar o banner. Como sou careta, não gosto de nada muito chamativo, mas se você gostar, pode usar e abusar. Você pode escolher brushes para o fundo que tenham a ver com o tema escolhido. Como eu estou fazendo algo "simples e fofo", escolhi algo mais floral. Mas no deviantart, você poderá encontrar brushes de qualquer tema.

Bom, escolhido o brush ou os brushes, vá lá no inicio, onde você aplicou a camada de "textura" e crie uma nova camada transparente (CTRL + ALT + SHIFT + N), escolha uma cor próxima a cor do fundo do seu banner, porém que sobressaia e aplique em algum lugar do seu banner. De preferência perto do seu texto, deixando um pedaço embaixo do texto e o restante exposto. Pode fazer isso dos 2 lados ou apenas de um, como eu fiz.

Em algum outro lugar do banner, onde você achar que está vazio, você pode usar algumas fotos. As que eu usei, eu coloquei em preto e branco primeiro (ALT + CTRL + SHIFT + B e dê OK) e mudei a opção de mesclagem de NORMAL para LUZ INDIRETA (mas dependendo das fotos e da cor do seu banner, pode ser para CLAREAR ou DIVISÃO. Só dá pra saber na hora.

Adicionei 2 polaroides (que você pode fazer, tem tuto no site ou que você pode baixar em sites de resources) e por fim, adicionei um pouco de brilho para destacar as partes mais importantes. Você pode baixar o brilho em sites de resources (pesquise em inglês, SEMPRE), fazer você mesmo ou baixar lights textures e usar como brilho, mudando apenas a opção de mesclagem.

Abaixo vou deixar o link do banner em PSD (se usar credite e nunca repasse), de alguns materiais e como encontrá-los com facilidade. CLIQUE AQUI para ver o resultado final em alta resolução.

Download do banner em PSD (clique aqui)

Links úteis de materiais para photoshop/photofiltre 

Texturas grunge: http://bit.ly/2nB2y7w
Brushes grunge e de nuvem: http://bit.ly/2oFpuUL | http://bit.ly/2oFkZtA
Brushes florais: http://bit.ly/2ozpJ6U
Fontes pixel: http://bit.ly/2o6q5kC
Fontes para banner: http://bit.ly/2oyP2Gw


Facebook Twitter Pinterest Google+ Email Addthis