Como fazer um Header para seu blog com o Photoshop
Por Matheus |O Degas| Paviani em 07/04/2008 - Categorias: imagem, photoshop
Depois de meses de promessa, vou tentar explicar agora passo-a-passo, como que eu faço alguns dos headers que compõe o visual do Blog do NewsErrado.
Então, sem mais delongas seguem os screenshots e alguma breve explicação.
Partindo do pressuposto que o seu photoshop já está aberto, clique em NEW [Ctrl+N] (não vou colocar a descrição de cada menu em português, pois além de não saber, me daria mais trabalho ainda, hehehhehe)
Vai abrir uma janelinha para especificar o tamanho, coloque tudo igual a imagem abaixo:
Em seguida, clique em OPEN [Ctrl+O]
Escolha uma imagem bem bonita.
Copie essa imagem para dentro da janela que você tinha feito antes
Agora clique no "T", da barra de ferramentas, que é a função para escrever um texto. Escreva o nome do seu blog.
Escolha a fonte. A do Blog do NewsErrado é a Reznor.
Ajuste o tamanho. Caso queira fazer igual o nosso, siga a imagem.
Nessa parte eu ajustei a frase de cima do nome do blog.
Agora vem um ajuste fino, de cores e efeitos na fonte. Lá na parte dos "layers", clique com o botão direito, e escolha a opção "styles". O primeiro ajuste é a cor do preenchimento da fonte.
Seguindo mais ou menos esse gradiente do exemplo, fica um estilo meio "web 2.0"
Logo depois eu coloco uma borda.
E depois uma sombra quase imperceptível para dar um efeito mais bonito.
Com o botão direito eu copio as propriedades do texto grande, para a frase pequena.
Eu ainda ajustei mais uma vez a imagem de fundo colocando-a um pouco mais pro lado. Feito isso, vamos salvar para a web.
Esse grau de compactação marcado, deixa uma qualidade boa e um tamnho pequeno de arquivo.
Pronto! É só dar o nome que quer que o header tenha e tá pronto o serviço.
Uma dica importante é não esquecer de salvar o arquivo original PSD, para que os futuros headers sejam mais fáceis de fazer.
Pronto. Divirta-se e crie vários. Se criar um para o BNE não esqueça de me enviar, pois se ficar pelo menos um pouco bonito, vai aparecer por aqui.
PS.: é especial pro Tonho esse post.
Loading ...
Sempre que salvo pra web, salva como gif, ou jpg. Ql´vc acha melhor…
Responder
Carol, essa tua dúvida vai depender da seguinte questão: é uma imagem de poucas cores (tipo um desenho), ou é uma imagem de muitas cores (tipo uma foto). O gif mantém um tamanho pequeno quando trabalhando com poucas cores. Já o JPG otimiza os pixels existentes em uma foto, sendo então a minha preferência, pois quase sempre trabalho com uma gama maior de cores.
Responder
Vou fazer uns magenta e lilás…rs. Mas, sério…vou fazer uns depois te mando…!Com essa super aula, fica fácil, até o Sr. antonio consegue!
Responder
SE O TONHO CONSEGUIU, TODO O TRABALHO VALEU A PENA!
Responder
Toda vez que clico em “Salvar para a Web” o photoshop fecha.
Pelo menos dessa vez eu tinha salvo em PSD antes.
Responder
muito bom esse tutorial, mas vc sabe me dizer como eu faço para colocar quando ja se tem um outro header no blog que venho junto com a template?
Responder
Tem um link errado aqui: http://newserrado.com/2007/10/05/como-fazer-um-header-aleatrio-no-seu-blog-wordpress/
vê se serve, Sr. aws.
Responder