Fazendo banner para flogvip ! ! !

Banner para flogvip
Como já tinham alguns pedidos pendentes, eu vou fazer esse tutorial de banner. 
Primeiramente vamos a introdução; Algumas coisas, como : Mapeamento e como colocar gif são opcionais e já tem o tutorial no site. 
Eu não sou expert no assunto, na verdade banner é o meu fraco, então vejam primeiro AQUI alguns dos banners possíveis com esse tutorial e só continuem lendo se realmente tiverem gostado deles. 

Esteja ciente de que é preciso ter materiais como styles, patterns, brushes, texturas e outros para poder fazer um banner. Vou fazer tipo uma lista sobre os materiais e onde vocês podem encontrar eles. Antes de baixar algum material para o banner, tenha em mente o que você quer fazer e escolha tipo um "tema". Pode ser um banner cute (fofo), um banner sexy, um banner grunge... enfim, escolha tipo um tema, para não começar a misturar materiais fofos com os grunge (que são tipo rústicos). 

O deviantart é sem dúvidas o melhor site para baixar os materiais. Basta procurar em inglês. Basta ir no deviantart.com e procurar por : 

Texturas : paper texture, light texture, grunge texture, splash texture, wall texture, cracks texture, boken texture, wood texture ou qualquer outro tipo que te agrade. 

Patterns : pixel pattern, flower pattern, wood pattern ou qualquer outro que te agrade. 

Brush : flower brush, grunge brush, halftone brush, wall brush, light brush, water brush, cracks brush, splash brush, ou qualquer outro tipo que te agrade. 

Styles : Pesquise por styles mesmo ou faça um, é fácil e aqui no site já tem um tutorial ensinando a fazer, sem falar que eu disponibilizo alguns nos goodies. 

Após encontrar os materiais que precisa, vamos por a mão na massa. Abra um documento novo no photoshop (CTRL + N) do tamanho que quiser. O meu é 960 x 460 (Sim, é grandinho). 
Vá na lata de tinta (G) e na parte de cores embaixo, coloque a cor que você quer que fique o fundo do seu banner.
Feito isso, clique com a lata de tinta no seu documento e ele ficará da cor que você quer. 
Eu costumo usar uma coisa no banner, mas só fica legal se quando você for usar o css no flogvip, o css tiver body, caso contrário ficará esquisito. Bom, eu costumo aplicar um degradê. Para que a parte de cima fique um pouco escura e ele vai clareando até chegar na parte debaixo que será a cor do seu flog, será deu para entender? É só observar o exemplo do banner que eu acho que dá para entender. 
Vá em camada >> Nova camada de preenchimento >> Degradê... e dê OK. 
Quando fizer isso, abrirá essa caixinha abaixo :

Clique onde eu contornei e marque qualquer degradê. Agora vamos colocar as devidas cores nele. É só fazer como no print e depois dar OK. Seu banner ficará com duas cores, certo?!

Agora vamos colocar as fotos. Tenha umas 4 fotos. 3 para ficar de fundo e uma para servir de foto principal, a que nós faremos o PNG. 
Abra as 3 fotos que ficarão no fundo e edite elas se quiser, pode usar topaz ou qualquer outra coisa. Quando terminar, deixe elas em preto e branco (é só clicar na foto e apertar ALT + CTRL + SHIFT + B e dar OK) . 
Agora pegue a primeira foto de fundo e arraste ela para o seu banner. Se for preciso ajustar o tamanho dela, dê ALT + CTRL + T, ajuste o tamanho dela para que fique certinha no banner e dê ENTER. 
Com a camada da foto selecionada, vá em OPÇÕES DE MESCLAGEM e mude de NORMAL para LUZ INDIRETA, como no print :
Sua foto ficará meio que transparente, certo? Mas ainda temos os cantos da foto que ficam sobrando e precisamos apagar, só que antes refaça esse passo usando a segunda foto que ficará no fundo.
Pode (na verdade, você deve) colocar uma foto um pouco em cima da outra. Quando fizer isso, vá na ferramenta borracha (E), coloque um tamanho que você ache bom (nem muito grande e nem muito pequeno), eu sou um pouco impaciente, então coloquei 80, que é um pouco grande. 

Agora clique na camada da primeira foto e vá apagando o que sobrou dela e depois faça a mesma coisa na segunda foto que você colocou no seu banner. Cuidado para não apagar de mais e nem de menos. 
Apague de um jeito que deixe as fotos "interligadas" uma na outra. 
Quando fizer isso com as duas fotos, pegue a terceira e faça a mesma coisa, coloque em LUZ INDIRETA, coloque perto das outras fotos e vá na ferramenta borracha para apagar as "sobras". Ficará mais ou menos assim :
Após fazer isso, clique na tecla CTRL e selecione as camadas dessas três fotos que você acabou de colocar no banner (apenas as 3 fotos). Quando selecionar, clique com o botão direito do mouse sobre uma delas e marque a opção MESCLAR CAMADAS e suas fotos ficarão todas juntas, certo?! 

Agora vamos aplicar algum pattern ou textura. Abra uma textura que você queira usar (pode ser mais de uma). No meu eu usei 4 texturas e um pattern. Abra elas e coloque (uma de cada vez) sobre seu banner. Coloque a primeira sobre o seu banner e aperte ALT + CTRL + G e a textura ficará dentro dessas fotos que você apagou, certo?! Faça isso quantas vezes quiser e com quantas texturas quiser. Mas cada vez que fizer, mude um pouco a opacidade e mude a opções de mesclagem também. Pode usar qualquer uma. No meu caso eu usei LUZ INDIRETA em algumas texturas, em outras eu usei DIVISÃO e abaixei a opacidade para 60%. 

Quando já estiver satisfeito com a quantidade de texturas e/ou patterns, passe para o próximo passo, que é a foto principal, aquela que vai chamar mais a atenção. 
Para colocar a foto principal, podemos fazer de duas formas, a primeira é recortar a foto e transformar em um PNG (já tem um tuto ensinando isso no site) ou você pode colocar a foto normalmente no seu banner e apagar em volta dela com a ferramenta borracha (E). 
A segunda forma é mais trabalhosa, pois qualquer tremida que você der vai acabar apagando alguma parte do corpo da pessoa. (Para apagar é a mesma coisa que eu ensinei ai em cima, só que no caso, você vai apagar tudo o que estiver em volta do artista, contornando cada pedacinho do corpo da pessoa, até ficar sem fundo nenhum). 

Após ter essa parte pronta, seu banner estará mais ou menos assim, certo?!
Agora vamos para a parte mais fácil, que é a de "enfeitar" o banner. Mas antes, vou explicar uma coisinha. Quando a foto principal do artista está cortada pela metade (na cintura ou em algum lugar do tipo) e colocamos a foto em um banner, parece que a pessoa foi cortado ao meio, não é? Eu acho isso muito estranho, então sempre que isso acontece, eu dou uma "esfumaçada" no lugar onde a pessoa aparece "cortada". 
Clique na camada da foto principal (essa que você transformou em PNG) e clique na folhinha que tem ali em baixo para criar uma nova camada transparente, essa :
Feito isso, vá na ferramenta pincel do histórico (Y), escolha um pincel (eu uso um redondo) e escolha o tamanho que você quer ele.
Vá no seu banner e clique sobre a sua foto (PNG), até cobrir de uma forma que fique "esfumaçado". 

 Antes e Depois
A diferença é pouca, mas isso realmente dá um "tchan" diferente. 
Agora sim vamos enfeitar. 
Vá na ferramenta texto horizontal (T), escolha uma boa fonte e escreva o que você quer no banner. Aplique uns styles que você acha que combinam com seu banner. 
Para colocar os créditos igual ao meu, use uma shape. Vá em ferramenta personalizada (U), escolha uma shape meio arredondada ou outra que te agrade, faça uma forma com ela no banner (se quiser tire um pouco a opacidade, foi o que eu fiz). E escreva com uma fonte PIXEL sobre ela. 

Agora é a hora dos brushes (eu sempre faço isso por último) e/ou texturas. 
Sempre que for usar um brush, crie uma nova camada transparente, pois isso te permite mover ele, trocar as cores e fazer o que quiser. Para criar a camada transparente, clique aqui :
Clique na sua camada de fundo e crie uma camada transparente. 
Se você tiver usado o degradê que falei no início, então clique sobre a camada dele e ai sim crie uma camada transparente, tipo assim :
Você irá criar uma camada transparente nova a cada brush que for aplicar, certo?! 
Criou a camada transparente, vá em pincel (B) e aplique o brush sobre o banner. 
Ele ficará no fundo. De fundo, eu usei um brush que imita uma textura de madeira. 
Crie uma nova camada e aplique outro brush e assim por diante, até que fique como você quer. 

Um detalhe que vale a pena lembrar para esse tipo de banner é que como as fotos do fundo não estão na opção NORMAL e sim na opção LUZ INDIRETA, os brushes vão aparecer um pouco por cima delas, mas para resolver isso é só ir na FERRAMENTA BORRACHA (E), clicar na camada do brush que está aparecendo por cima das fotos e apagar o que estiver por cima. Assim os brushes só ficarão atrás das fotos e do lado. 

Conforme vocês forem aprendendo para que serve cada ferramenta do photoshop, vão aprendendo a melhorar. É isso o que tem acontecido comigo e espero que continue acontecendo, é sempre bom melhorar. 

Vou deixar uma pasta aqui, com o material usado nesse banner, para que vocês possam seguir ele. Os brushes e styles precisam ser carregados, claro e tem um pattern que precisa ser Definido como padrão. Para fazer isso, abra ele em seu photoshop, vá em EDITAR >> DEFINIR PADRÃO e dê OK. 
Quando for usar, é só criar uma camada transparente nova, ir em EDITAR >> PREENCHER (ou shift + F5), escolher o padrão (pattern) e dar OK. 
Depois clique na cada dele e diminua a opacidade e/ou mude a opção de mesclagem (eu usei indireta).
Deixando claro que nessa pasta com o material usado, algumas coisas foram encontradas no Deviantart, outras na comunidade de orkut Diesel Resources e outras eu mesma fiz. 
Qualquer dúvida, críticas ou sugestões, venham falar comigo.

PASTA COM MATERIAL USADO AQUI

Postado por : Pâmela Sampaio em 06/10/12
Não copiem o tutorial e se for útil creditem !!!!!
NOTA : Passarei a postar os tutoriais na parte de "artigos", pois o edicy que é onde eu tenho o site, proibiu essa semana de criar mais páginas. Agora eles mudaram e tem que pagar (por sinal é carinho), para poder criar mais páginas. Então postarei aqui os tutoriais, mas colocarei sempre o link lá na aba tutoriais. Facebook Twitter Pinterest Google+ Email Addthis