DIY: Layout para blog (parte 1)

Recebo muitos comentários no blog, Twitter (@juduartt) e e-mail perguntando como faço meus layous, se faço encomendas e quanto cobro… Como a rotina da faculdade é bem pesada, fica impossível atender todos os pedidos, então não faço para não deixar ninguém de fora. Foi pensando nisso que criei a tag design no blog, assim disponibilizo alguns de meus trabalhos (gratuitamente) para vocês.
Porém, sei que muitos curtem ter o blog com sua cara, mais personalizado. Então, aqui vou eu (tentar) ajudá-los novamente: a partir desse post, vou fazer um tutorial passo-a-passo de como eu crio meus layouts. Além de guiar vocês, ainda vai ajudar (ou assim espero) quem está louco para aprender. Vamos começar?
Antes de tudo, desenho numa folha de sulfite o “esqueleto” do blog. Geralmente, fica assim:
A partir daí, começo a criar a paleta de cores. No meu caso, eu crio sozinha porque já estou acostumada a combinar tons. Porém, quem precisa de uma inspiração ou está com medo de errar, indico o site Colour Lovers. Lá vocês vão encontrar muitas paletas prontas e super fofas.
Agora é hora de abrir o Photoshop ou o programa de edição que você usa. No meu caso, tenho o Adobe Photoshop CS2. Eu ganhei o CD com ele, então não sei onde baixar. Porém, uma solução é procurar o download da versão portable. Além de mais leve, ela não precisa de instalação e o programa funciona normalmente. Tenho alguns assim (o Adobe Illustrator e o Adobe Flash) e garanto que são tão bons quanto a versão normal.
Antes de continuar: vou criar um layout com vocês. Porém, nada impede que vocês usem imagens, cores e tamanhos diferentes. O que vou fazer aqui é apenas para guiá-los, ok? Será simples, só para mostrar o básico e não confundir ninguém. O tempo e a prática é que vão melhorar seu desenvolvimento, por isso, a cada layout novo que criar, vale ir procurando outras ferramentas do programa ou tutoriais no Google de como fazer alguma coisa (por exemplo: como cortar uma imagem, como mudar a cor de fundo, etc).
Como sei que muitos não tem programas de edição, vou parar o post por aqui. Essa primeira parte é só um aquecimento… Enquanto o próximo post não vem, vocês podem ir baixando o Photoshop (ou outro software, depende da sua preferência/espaço livre no computador) e escolhendo a paleta de cores. Deixem tudo preparado para nossa próxima “aula”, viu?
E vocês? Curtiram a ideia do DIY? Estão ansiosos para os próximos posts? Conta pra gente!

Comments

  1. Maisa Alves Avatar

    Ju gostei muito do post, e vou acompanhar, quem sabe assim eu consiga fazer um pro meu blog também 🙂
    Ah, sobre o novo layout : ta muito lindo , ficou bem mais fofo *–*

  2. Brazilian Diamond Avatar

    haaa adorei! Era exatamente esse tipo de post que eu estava procurando,rs . Posta a parte 2 logo okay ? rs #alok

  3. Drica Campos Avatar

    Amei a ideia Julie,eu não saio do teu blog A-M-O demais nota dez pra tudo ,lay,conteúdo,conselhos,DIY e tudo mais, usei muitas dicas dos teus posts pra recriar o meu blog e o meu lay foi totalmente inspirado no teu lay anterior,(espero q não seje um problema).OBRIGADA!

  4. Luana Montemor Avatar

    Já disse mil vezes que os seus layouts são lindos né? Então eu adorei o post e estou aguardando pelos próximos!

  5. Biaah* Avatar

    # adoreeei as dicas, concerteza irá me ajudar muito.
    Posso te contar um segredo? (ADOREEEI SEEU LAAYY). Muito bonito super criativo, e bastante delicado. beijooos +D

  6. Estilos Alheios Avatar

    Adorei! Estou louca para aprender!
    Beijão,
    http://estilosalheios.blogspot.com.br/

  7. Julia Avatar

    Oi Ju, adorei a ideia e não vejo a hora de começar a fazer meus próprios layouts. Há muito tempo eu queria alguma coisa mais elaborada, mas eu não me dou muito bem com isso, haha e mesmo que haja algumas pessoas que façam eu queria aprender a fazer sozinha 🙂
    Beijos

  8. Alana Bastos Avatar

    AAH amei, achei super legal ajudar a gente com isso : )

  9. manusampaio Avatar

    Eu sei fazer layouts básicos, com a própria base do Blogger ou com bases disponibilizadas, mas pelo menos sei personalizar. Acho que o segredo é fazer bons detalhes, como imagem de topos e etc. Tenho o photoshop CS2 mas além de não saber usar, fica dando "coisa" sempre que eu abro.

  10. Nath =* Avatar

    Vc faria o desing do meu blog por encomenda? Please!

    Beijos!
    http://www.fashionnathalia.blogspot.com.br

  11. Mia Sodré Avatar

    Há algum tempo eu aprendi a fazer layouts no CS2, mas depois esqueci vários detalhes por não praticar. haha Esse tutorial será bem útil, com certeza.

  12. Camilla Victória Avatar

    Ju , gostei muito do post ! obrigada pelas dicas olha como ficou meu blog !
    http://souprincesasonhadora.blogspot.com.br/
    Beijos

  13. Camilla Victória Avatar

    Ju divulga o meu blog no seu *—*
    afinal vc tem mts seguidores e se vc divulgar as pessoas vão conhecer o meu blog por favor

  14. Pérola Santiago Avatar

    Que tudo!!! Agora aprendo a fazer meu proprio layout!!!!

  15. Hélvio Caldeira Avatar

    Fazer layouts eu não sei, mas já editei alguns prontos e ficaram lindos, embora eu prefira usar os que já vem no blogger. Agora eu acho que aprendo, beijo!

  16. Isabelle Avatar

    Adorei Julie.
    Eu sou uma dessas que fica perguntando "como, onde vc faz isso?".
    Sou apaixonada pelos seus layouts.

  17. Leticia Fernandes Avatar

    Era tudo que eu tava procurando um passo a passo, ja acompanho aqui faz um tempo …mais a paciencia e detalhes que vc passou. adoreeei vou entrar tudo dia 😀

    espero que ate o fim de nossas ferias vc consiga dar varias dicas e eu fazer meu proprio lay!
    *———————-*

    adorei
    beijos

    http://oqueousar.blogspot.com.br/

  18. gabisantos Avatar

    Obrigado Julie por existir *————-*
    Sou tão leiga nesses assuntos e estou louca para aprender *-*
    Em breve devo começar curso de web design mas já quero começar a aprender desde agora *——-*

  19. Nah Quevedo Avatar

    Até a parte do photoshop é fácil, difícil é colocar os códigos do blogspot no layout. 🙁

    Adorei o blog, parabéns! Estou seguindo.
    Beijinhos, Nah.
    http://despacotedazur.blogspot.com.br

  20. Debee Avatar

    Julieeeeeee, obrigada mil vezes por todo o tutorial! Utilizei, e creio que vai ajudar muita gente. O resultado já tá no blog. Um beijo!
    http://www.justdebee.blogspot.com

  21. Karine Felix Avatar

    Nossa amei a ideia *-* E com certeza vou acompanhar todos os posts, estou muito ansiosa *O*

    totalmente-diferente.blogspot.com

  22. Portão Automático Avatar

    muito interessante, gostei ótimas dicas voltarei mais vezes.

  23. […] Além de guiar vocês, ainda vai ajudar (ou assim espero) quem está louco para aprender.  A primeira e a segunda partes já estão no ar e fiquei super feliz de saber que vocês gostaram da […]

  24. Yane Alita Avatar
    Yane Alita

    Jully como você retirou o “Read More” desse teu template? Estou tentando retirar do meu e já li vários tutorias fiz testes e não consigo remove-lo!

    1. Juliana Duarte Avatar

      Qual, Yane? O do tutorial ou o meu mesmo do blog?

  25. Maria Aparecida Mesquita Avatar
    Maria Aparecida Mesquita

    Adoreeeei as dicas, muito legal seu artigo!! 🙂 Eu fiz meu layout com o criador de sites da Hostinger e adorei os resultados, eu tinha um plano free e acabei comprando um plano deles. Eu amei seu post,muito bom mesmo.

  26. Natália Avatar

    Muito bom, muito obrigada por nos ensinar!!

Leave a Reply to Nah Quevedo Cancel reply

Your email address will not be published. Required fields are marked *