Fazendo themes em psd parte 2. (Fatiando e Codificando).
Oi gente! :) Bom, eu demorei um pouquinho pra fazer a segunda parte desse tutorial, mas hoje criei vergonha na cara e resolvi fazer gjkhnjkg. Queria pedir desculpas por eu ter demorado pra fazer o tutorial, mesmo aushu. Enfim, vamos lá!. Vou explicar o que é Fatiar e como fazer, e logo depois vamos para a codificação.
Fatiar: Essa é uma ferramenta do photoshop que te permite selecionar tais partes do documento e salvar elas em uma pasta. É bem melhor do que mesclar as camadas e ir copiando, né?
Como fatiar: Bom, você vai selecionar a ferramenta “Fatia” (print). Logo depois você vai fazer três seleções: Header, content e footer. Pra fazer as seleções, é só você clicar e arrastar, ok? No header e no footer você vai fazer o seguinte... Você vai selecionar toda a parte do header e um pouquinho do content também, (parte dos posts/sidebar). E com o footer também!. Clica ai no print de como ficou as seleções que você vai entender melhor!.
Print de como ficou as seleções. Viu que eu selecionei o header e mais um pouco, pegando a área dos posts/sidebar. O mesmo com o footer. Depois você vai clicar em “Salvar para web...” e mudar o formato da imagem para “PNG8″, print. Acabamos a parte da fatia.
Eu indico que você tenha um pouco de conhecimento em html/css, porque se você não tem nenhum conhecimento fica mais complicado. Eu vou indicar pra vocês uma base que é boa pra themes em psd que é ESSA do TTHY, porque eu vou ensinar pra você como fazer um theme com essa base, mas se não quiser eu vou dar o código do header, content e footer, dai é só você adicionar o código e pronto.
Se você estiver usando a base, já vai estar tudo explicado. Vá no seu css e ache esse código:
Vá em um site de hospedagem de imagens e hospede suas imagens. (Header, footer e content). E cole os links onde foi indicado. O theme já está praticamente pronto, então você só vai personalizar ele, por uma sidebar legal, por menu e todas as outras coisas. Se você quiser, temos tutoriais aqui de como criar menus, como criar sidebar e outras coisas, então é só vir aqui e ver! ♥.
Se você está sem a base que eu indiquei, cole este código antes de </style>:
Eu não fiz algo muuuuito bem explicado, porque por vídeo é bem melhor, então é isso ajksfnjk. Desculpe por não estar muito bom, mas espero que te ajude!. É isso, beijinhos. ♥
