• 03 janeiro 2014

    Fazendo seu template: Parte 1 - Criando o layout

    Olá Meninas!
    Sei que muitas de vocês tem dúvidas de como fazer seu próprio template, personalizado e único, por isso estou aqui para ajudar vocês!
    Eu dividi esse tutorial em duas partes para o post não ficar muito comprido.
    Então, primeiramente vamos criar nosso layout!
    Lembrando que é importante que vocês já tenham as imagens que querem usar no template e também o background (o fundo do blog). Caso vocês não tenham podem procurar no We♥It e os backgrounds Aqui. Mas é claro que nosso amigo google também ajuda bastante ;)


    1º Passo: Salve as imagens abaixo no seu computador. (Essas são as imagens que vamos editar) 

    (Topo)

    (Babado de baixo)

    (Babado de cima)

    (Título Gadget)

    (Parte final)

    Clique em Leia Mais para continuar o Tutorial

    OBS: As imagens acima são iguais as do blog, pois o modelo é o mesmo.

    2º Passo: Abra o Photoshop e em seguida a imagem do Topo. (Caso você não tenha o photoshop no seu computador, você também pode usar o Photoshop Online). Você terá que fazer retângulos por cima dos que já estão na imagem. 

    3º Passo: Após ter escolhido o background e o salvado em seu computador, abra-o, selecione-o e o copie. Agora, na imagem do topo cole-o de forma que cubra toda a parte preta. 


    4º Passo: Agora é só você acrescentar o restante das imagens que desejar colocar em seu template, uma dica é procurar por imagens em PNG.

    5º Passo: Com a ferramenta Rectangular Marquee Tool, selecione a parte de baixo da sua imagem, e salve-a. Como mostra a foto abaixo.


    6º Passo: Editar os babados e a parte dos gadgets fica a critério de vocês, mas como não vou por os babados não os editei.

    Essa é a primeira parte. Não esqueçam de salvar tudo que fizerem, para não correrem o risco de perder todo o trabalho.
    A segunda parte eu vou mostrar como editar o HTML para colocar no blog.
    Qualquer dúvida é só deixar aqui nos comentários.

    Beijinhos
    Beatriz Cristina 

    7 comentários:

    Related Posts Plugin for WordPress, Blogger...