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!
28 Comments
Muito bom, muito obrigada por nos ensinar!!
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.
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!
Qual, Yane? O do tutorial ou o meu mesmo do blog?
muito interessante, gostei ótimas dicas voltarei mais vezes.
Nossa amei a ideia *-* E com certeza vou acompanhar todos os posts, estou muito ansiosa *O*
totalmente-diferente.blogspot.com
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
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
Esperando a próxima aula.
http://blogdezoitoeagora.blogspot.com.br/
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 *——-*
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/
Adorei Julie.
Eu sou uma dessas que fica perguntando "como, onde vc faz isso?".
Sou apaixonada pelos seus layouts.
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!
Que tudo!!! Agora aprendo a fazer meu proprio layout!!!!
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
Ju , gostei muito do post ! obrigada pelas dicas olha como ficou meu blog !
http://souprincesasonhadora.blogspot.com.br/
Beijos
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.
Vc faria o desing do meu blog por encomenda? Please!
Beijos!
http://www.fashionnathalia.blogspot.com.br
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.
AAH amei, achei super legal ajudar a gente com isso : )
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
Adorei! Estou louca para aprender!
Beijão,
http://estilosalheios.blogspot.com.br/
# 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
Já disse mil vezes que os seus layouts são lindos né? Então eu adorei o post e estou aguardando pelos próximos!
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!
haaa adorei! Era exatamente esse tipo de post que eu estava procurando,rs . Posta a parte 2 logo okay ? rs #alok
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 *–*