aula13_design_digital

Prévia do material em texto

DESIGN DIGITAL - Prof. Sergio Xavier
Design Digital
Aula 13
Prof. Me. Sergio Xavier
DESIGN DIGITAL - Prof. Sergio Xavier
Sumário
▪ CONVERTER DO PSD - HTML
2
DESIGN DIGITAL - Prof. Sergio Xavier
Converter PSD - HTML
3
4
HOME
Primeiramente você deverá utilizar a FERRAMENTA FATIA e selecionar em 
partes o site, conforme exemplo
5
Ir no menu ARQUIVO > SALVAR PARA WEB E DISPOSITIVOS
6
Selecionar SALVAR com indicação da seta no slide anterior, aparecerá uma 
janela para dar nome do arquivo, formato HTML e IMAGENS e nas 
configurações utilizar OUTRO, deixando o campo fatias “TODAS AS FATIAS”
7
Escolher configuração PERSONALIZADO e marcar GERAR CSS
8
LAYOUT PHOTOSHOP CONVERTIDO EM HTML
HOME
DESIGN DIGITAL - Prof. Sergio Xavier
Prof. Me. Sergio Xavier 
▪ Email: sergiosx@gmail.com
▪ www.facebook.com/profsergioxavier
▪ Blog: www.profsergioxavier.wordpress.com
9
mailto:sergiosx@gmail.com