Novo no blog? Clique aqui.

Banner Tutoriais 4U - Expert (Photoshop)

sexta-feira, 16 de dezembro de 2011
Resultado:



Tutorial no Adobe Photoshop (somente em versão CS4 ou CS5) 

P.S.: Como na demonstração foi utilizada a action bege, o tutorial está utilizando a action roxa, apenas para mostrar os 
dois resultados. (A única coisa que muda é a ACTION. Os demais procedimentos são iguais)
 
O1 – Crie um documento com as dimensões 740x1200.
O2 – Pegue a textura 1 e arraste para o banner, ajustando-a como quiser.
O3 – Abra sua primeira foto e selecione a ferramenta varinha mágica (atalho do teclado: W). Com esta, selecione apenas o corpo principal. Não aplique a action e selecione depois, porque a action é escura e será difícil visualizar os contornos.



Clique na imagem para ampliá-la.


O4 – Aplique a action que desejar (bege ou roxa) e arraste sua área selecionada para cima do banner.
O5 – Na foto que ficará embaixo repita o procedimento acima e duplique-a e arraste-a para o lado e mude sua opacidade, para criar um efeito 3D. (Siga o passo-a-passo escrito nas imagens)






O6 – Nas outras fotos, vá fazendo os mesmos passos do n° 1 ao n° 4. Se preferir, mude a opacidade de algumas 
fotos para criar um efeito mais interessante.
O7 – Abra o frame que veio no pacote e ajuste onde quiser. Duplique duas vezes para ficar com 3 frames, mas lembre-se, dois são menores que o principal (Ctrl + T + Shift para redimencionar). 


O8 – Abra uma foto qualquer e aplique a action anterior. Arraste a foto para o banner e coloque-a abaixo do frame 
escolhido, como no print.
O9 – Faça isso com a segunda foto e coloque-a no frame pequeno que ficou em cima do maior.
1O – Pegue a segunda textura e insira no banner, em cima de tudo, e mude o modo de mesclagem para Multiplicado (multiply).
11 – Insira sua foto principal (ou gif) banner. 
12 – Escreva com um dos styles do pacote. Eu usei a fonte Pharmacy.

13 – Salve para Web e Dispositivos com as definições seguintes.


Opcional: Você pode optar por colocar a textura 2 no fim de tudo (mas antes de escrever), para que o gif também fique incluído (como no exemplo da action roxa) ou colocar apenas no resto, sem o gif e a escrita (exemplo da action bege).

0 comentários:

Postar um comentário