Passa manualmente ou automaticamente ? Não entendi muito bem sua dúvida.

http://chocoladesign.com/tutorial-fatiando-e-exportando-um-template-no-photoshop

tipo esse exemplo ai.. pegar um layout pronto e transferir ele para o css e html.. manualmente no caso.

Obrigado!

Pelo que eu entendi, ele apenas cortou as imagens, como qualquer outro programa, mas na hora de exportar(não salvar), apenas mudou para Html(que também é css).

Não há nenhum curso especifico sobre isso aqui na Alura xD

Essa prática já não se faz a muito tempo.

e qual seria a prática atual Leandro??

No Photoshop se cria o layout (referência) e depois se monta o código html/css, mas não fatiar o layout e exportar, porque ele vai exportar imagens, ou os antigos botões que eram feitos (exemplo) e hoje em dia se faz apenas com css.

Quanto menos imagens mais "leve" o site. Além de o código gerado não ser dos melhores, assim de forma automática.

Certo.. existe algum tutorial pra aprender a fazer isso ? ou até mesmo vídeo aula?

Obrigado pelas respostas.

Sim... As carreiras de Front end pra aprender sobre HTML/CSS https://cursos.alura.com.br/career/desenvolvedor-front-end

E a carreira de Web Design, que ensina a fazer layouts no photoshop/illustrator... https://cursos.alura.com.br/career/design-web-junior

O mais comum é isso.. Você faz o design que você quer no photoshop/illustrator, e depois aplica isso no teu site. Por exemplo, vc fez um banner no Photoshop, ai você vai ver o tamanho dele, e aplicar no html/css com seus devidos códigos.

valeu nikolai