Criar site HTML/CSS a partir de layout do Photoshop

5/05/2016 | Design, Front-end, Webdesign | , ,

Olá pessoal que acompanha o blog ou o canal do Youtube. Neste tutorial eu mostro como montar uma página de um site - no caso a home - a partir do layout criado no Photoshop. Para que você possa treinar vou disponibilizar no link a seguir o arquivo do Photoshop com o layout. Note que o layout não é exatamente o mesmo do vídeo porque na época que gravei o tutorial acabei perdendo o arquivo. No entanto, fiz um novo layout com os mesmos elementos do layout do vídeo. Clique aqui para fazer download (link do GOogle Drive) Como o tutorial tem duas partes, seguem os links e os dois vídeos: Parte 1: https://www.youtube.com/watch?v=LVIICbdHBw8

Parte 2: https://www.youtube.com/watch?v=Z6krjd_G688

Este post tem 2 comentários.

2 respostas para “Criar site HTML/CSS a partir de layout do Photoshop”

  1. horácio disse:

    gostei bastante dos vídeos!! conhece algum plugin ou algo do tipo para photoshop que informe as distâncias e tamanhos?
    Abração!!
    Horácio

    • Edutoria disse:

      Olá Horácio, use a janela de informações (F8) junto com a ferramenta Letreiro Retangular (M). Assim poderá ver as dimensões da marcação que fizer. Espero que ajude!

Adoraria ler seu comentário aqui!

Responderei assim que possível.

Categorias