03 julho 2013

Como fazer bases para cabeçalho no PhotoScape

Postagem Programada

Fazendo bases simples para cabeçalho no PhotoScape

Ainda está com tudo  modelos de header (cabeçalho) com bases para se colocar o menu e o nome do blog.
Pelo menos é o que vejo em muitos blogs...
É claro, que  os blogs e seus blogueiros mais dedicados ao HTML e que querem sair do estigma de ser Mainstream (gosto popular  comum, ou resumindo: modinha) estão apostando em headers mais simples, sem bases, sem mapeamento de links, sem dois backgrounds, sem filtros e edições exageradas nas imagens e outros tantos recursos considerados batidos.
Quanto a mim, sendo mainstream o meu blog ou não, o importante é o conteúdo e minha vontade de repassar o que aprendo. Não pretendo bancar a revolucionária, underground, a diferente, a hispter.
E enquanto houver pessoas que se agradem com meu blog vou continuar a postar o que gosto.
OK, pausando aqui o discurso...
Então, voltando para o tutorial.... pra quem quer aprender a fazer essas bases e tem à disposição apenas o Photoscape hoje eu trouxe um tutorial de como editar dois exemplos de  bases para cabeçalho.

No entanto, como é para o Photoscape as bases são simples e com poucos efeitos dado os poucos efeitos desse editor.
 Passo-a-passo
1º Abra seu Photoscape na opção "EDITOR"


2º Procure e abra uma base transparente que você pode baixar nesse [ LINK ]


3º Vá na ala "OBJETO" e clique na forma do quadrado escolhendo s cor e regulando o tamanho da borda arredondada.
Nesse exemplo eu regulei o tamanho da borda para 30



4º Com a ponteira do mouse sobre o fundo transparente desenhe um retângulo não muito largo nem muito estreito fica ao gosto do freguês. Mas não precisa ser da mesma largura do fundo transparente, porque a maioria dos tamanhos do blog é de 1000 px.


5º Faça outro retângulo mudando a cor e o tamanho.
Pode ser um degradê ou outra cor que vá combinar melhor com o layout do blog.
Posicione esse retângulo menor abaixo do maior. Como mostra as imagem abaixo:



6º Posicionando o outro retângulo como você queira vá abaixo e procure/clique o botão "FOTO + OBJETO"


7º  Agora vamos dar um efeito nessas bases.
O 1º Efeito é aplicar um Filtro de Distorção.
Na ala "INÍCIO" clique na setinha ao lado do botão "FILTRO"
Escolha a opção "DISTORCER" na setinha ao lado no efeito "OLHO DE PEIXE"


 Vai aparecer uma janelinha do efeito "OLHO DE PEIXE" e regule o feito.
Nesse exemplo regulei para 25% 
OK.


Pronto! Se você quiser esse tipo de base com esse efeito basta você colocar as imagens que irão compor o cabeçalho e escrever os nomes do blog e das páginas para em seguido você mapear os links.

Querem mais um outro tipo de base? Esse tutorial estava muito pequeno para quem me conhece rsrs
Recomece o passo-a-passo na sequência 1ª e 2ª

1º Abra o Photoscape, opção EDITOR
2º Abra a Base transparente que você baixo no link acima, do começo do post.
3º Vá na ala "OBJETO" e clique na forma do último círculo  escolhendo a  cor da sua base.



 4º Com a ponteira do mouse sobre a base transparente faça uma elipse.
 Sabem o que é uma elipse? É tipo um circulo achatado. Faça-o quase na mesma largura que a base transparente.


 5º Arraste a elipse para acima da base transparente para que fique apenas sobre o fundo transparente uma aba da elipse. Como se fosse aquela aba de um envelope de carta.
Vá embaixo e clique no botão "FOTO + OBJETO"
Irá ficar mais ou menos asssim, como na imagem abaixo:


6º Vá na ala "INÍCIO" e na setinha do botão "FILTRO" escolha/clique "DISTORCER" e o efeito "OLHO DE PEIXE"



Vá regulando a percentagem da distorção até está como você queira.
Nesse exemplo regulei em 70% porque minha base ficou muito larga.


7º Agora bastar salvar e se quiser dê o seu toque aplicando filtro de texturas.
Abaixo deixo com vocês alguns modelos de bases prontas  com texturas.
Espero que gostem!







 Mais bases para cabeçalho veja em:











5 comentários:

  1. muito obrigada me ajudou muito

    ResponderExcluir
  2. Adorei o tuto Isa,vou usar no meu próximo layout !!!

    http://matheuseditions.blogspot.com.br/

    ResponderExcluir
  3. Ah que bom que todos vocês gostaram e que esse tuto foi útil!!!
    Bjs para Ale, Tatah e Matheus
    P.S. (o blog está c/ um probleminha, não está sendo possível responder aos comentários individualmente, por isso respondi os três comentário dessa forma, em breve resolverei o problema)

    ResponderExcluir
  4. Oi Amiga valeu de verdade!
    Muito Obrigada. eu ainda não Aprendi como se coloca Animação!
    Ficarei muito Grata se você mim Explica-se Beijos minha linda!

    ResponderExcluir