Como criar layout de site no Photoshop

Link para download do arquivo do Photoshop: drive.google.c...

[@renancarlos123]

1 milhão de like amigo, volta a fazer esse tipo de conteúdo. Desta vez, fazendo a continuação do layout para introduzir as demais páginas de quando clicar nos menus. Como criação de conteúdo você pode fazer outro vídeo, caso queira, de você criando os layout das outras páginas dos menus, mostrando como aproveitar o arquivo psd atual para formatar as demais páginas para o seu projeto. Acredito que este tipo de conteúdo agradaria bastante o público. Desde já agradeço!

[@TDM-navi]

faz mais videos completos desde a montagem no photoshop até o htmal, css, jquery... Esse vídeo foi massa. consegui aprender bastante.

[@edutoria]

Valeu Raimundo. Estou me preparando para voltar a gravar.

[@gustavodossantosdonegatti7491]

@@edutoria conteúdo top de mais me ajudou muito também !

[@raffalopes2873]

Estou começando agora no mundo da programação e decidi começar a tbm ver como criar os design de página, muito boa aula essa amigo, se puder posta mais videos sobre o assunto, obrigado pela ajuda irmão

[@edutoria]

Valeu Rafael!

[@fernandotosi9867]

Acabou de ganhar um inscrito! Estou começando a tomar gosto por fazer site e queria muito aprender a manusear o Photoshop para fazer layout e outras coisas. Seu video ajudou bastante! Obrigado!

[@luissantos8415]

DE PARABBENS MUITO BOM MESMO A EXPLICAÇÃO AMIGÃO GOSTEI

[@marianaalves557]

Aulas!!! Explicou super bem, e com toda calma do mundo, sucesso aí.

[@facribio]

Valeu irmão.. volta com o canal ♥ Outra cosia, tenho uns 12 anos que uso a ferramenta, esse psd organizadinho assim é a cosia mais linda do mundo os meus só eu entendo kakakaakak]

[@augustofilipe5553]

Grande vídeo , aprende muito com este vídeo , seja mas vez assim .

[@enesalskn6613]

0:13 autoridade social é o melhor de todos pra bombar o tiktok

[@MrIsaque90]

Muito bom! Parabéns!

[@poetadomar1887]

Muito bom...

[@vaniaklein6565]

Amei essa aula... Gratidão 🙏❤ como coloca esse site no ar ???

[@anaclaraevangelista8664]

ótimo vídeo! obrigada!

[@osmarbrito-maqueteeletroni8798]

Show!

[@cinthia7617]

Muito boa a aula. Muito didático.

[@saiekcim]

explica muito bem, obrigado pela aula! sucesso.

[@senhorpesadelo8137]

Muito bom, mas tem coisas aí nesse layout que eu particularmente faria no Corel Draw também.

[@SeriaComunicacao]

e para exportar? Depois de pronto, exporta em que extensão?

[@jonesheiderich11]

Muito bom. Obrigado.

[@rayllansilva5622]

Excelente vídeo!

[@kleversonaraujo4976]

cara, muito bom! até salvei o video. like e +1 inscrito.

[@sobrancelhas2019]

E como faz para colocar esse layout para funcionar de verdade?

[@keveycardoso]

Pra salvar para o site, eu salvo em que formato?

[@sapiensdofuturo]

mt top! só fico de cara que no meu Photshop a régua não deixa as marcações, n to entendendo nadaaaa (o Ps é original)

[@deiseribeiro2834]

Tua voz é idêntica ao do R.R Soares.

[@deniscardoso9307]

parece msm kkk

[@eulaangelica2859]

Como ligo isso no HTML ?

[@edutoria]

Olá. Talvez esse vídeo ajude, especialmente para quem está começando. Depois seria legal aprender Bootstrap: kzbin.info/www/bejne/goesenaYma11rZo

[@makalau3865]

Caramba, estou tão velho que eu acho mais fácil fazer isso com o paint do que com esse trem escuro cheio de letra Uai kkkk.. pra acostumar com isso vai ser difícil hein;

[@gussantos6630]

O plano de fundo não aparece pra mim nas camadas, o que faço?

[@edutoria]

Você pode criar uma camada nova e pintá-la de branco com o "baldinho".

[@CLEISON304]

Um pergunta eu to ficando louco eu uso o sublime ele fica dando erro ai tava fazendo o seu tutorial la pagina e nao da margen- left nao vai pra baixo as o logo

[@edutoria]

Cleiso, eu teria que ver seu código.

[@CLEISON304]

entao sera que pode ser meu sublime ele pode ter bugado

[@CLEISON304]

@@edutoria ocodigo html Home Empresa Serviços Contato

[@CLEISON304]

em css body{ background: url('./Imagens/grede.jpg') repeat-x; margin: 0px; } div#header{ width: 800px; height: 140px; margin: 0px auto; } div#header h1{ margin-top: 30px; display: block; float: left; margin-right: 0px; } ul#nav{ list-style:none; padding-left:0px; display:block; float:left; margin-left: 180px; }

[@edutoria]

Cleiso vou ver se gravo um tutorial novo sobre isso, pois já está desatualizada essa forma de montar.

[@edugalacticos]

Oi me ajuda....então uma vez uma empresa me pediu para eu fazer um layout de site no photoshop, eu enviei, mais ou menos como vc fez, eles disseram tudo errado. desde aquele dia fico pensando, esse layout é clicavel? ou é assim mesmo que se envia pra só a arte o desenho mesmo?

[@edutoria]

Se pedirem só a arte, pode enviar o Photoshop mesmo. Disseram o que estava errado?

[@edugalacticos]

@@edutoria só disseram que estava errado. essa parte de html css é clicavel? e quando dizem fazer só o layout é só a arte certo?

[@terrorsantos5542]

@@edugalacticos html e css é a parte clicavel que voce esta se referindo sim

[@edugalacticos]

@@terrorsantos5542 Mias dai com o site já pronto?

[@terrorsantos5542]

@@edugalacticos Sim, o site fica pronto.

[@aqaqaq5435]

3:27 Compro curtidas e seguidores sempre com o Autoridade Social

[@Johnnypvlace]

E como baixa o Photoshop? Kkkkk

[@universodan8591]

Não sei se você ainda está com o canal , mas queria muito pedir uma ajuda em relação a criar uma layout e adicionar em algum site que dá a opção de colocar seu HTML/ CSS. Pra ser mais claro é um jogo que todos tem sua "Homepage" e tem a opção de adicionar HTML / CSS. Sei criar o layout mas não sei como colocar lá? Tem Instagram ou algo assim pra eu explicar melhor? Preciso muito da sua ajuda.