Desenvolvendo Páginas  em PSD PARA FLASH E HTML
Autor: Vilson Andrade Bonifácio | Publicado: 2012-08-01T18:14:00-03:00

O método de PSD para HTML, é muito pouco usado, mas em contrapartida ele é rápido a sua montagem.Primeiro desenvolvo as dimensões de praxe, no caso aqui a web-page é de uma boate particular chamada Night Streep, definida as cores que o cliente gosta, monto um pequeno esquete no photoshop, uma vez aprovado tanto em detalhes como forma tamanho, tipo de navegação , cores de fundo ect.Aqui defino a navegação, o logo da Boate Night Streep como combinado, como cliente, quer chamar atenção discreta, logo de cara, mas de fato focar nas páginas da navegação o perfil e a galeria contendo fotos e videos do local tanto dia como de noite e bastidores antes das modelos se apresentarem com algumas entrevistas dos clientes, lógico tudo planejado e antecipado com o cliente dono da página.Como o cliente, gosta de Flash, a idéia então fica desse modo, para não pesar ( o que o flash costuma fazer) o logo central será animado girando em seu eixo chamando atenção pelo fato de brilhar com efeito em luzes. já o fundo da página é um slides das modelos a cada 10 segundos troca a foto.A maior parte do site fica em html o que não pesa e carrega rápidoUma vez tudo arranjado renomeio cada camada no Photoshop para então levar até o Flash, lembrando que as outras páginas também &nbsp;serão feitas aqui e transportadas em HTML para o Dreamweaver.Cada qual montada e renomeada de acordo com o assunto, uma observação tem que ser feita, nada será fatiado, ( sistema antigo de montar web-pages via Fireworks).
Abro o Flash importanto o PSD já no tamanho exato, como foi planejado no Photoshop.Como as camadas foram nomeadas, elas aparecem ja nos lugares corretos, deixei algumas camadas sem nome, mais tarde serão deletadas e no lugar colocarei &nbsp;gráficos via Flash.De volta ao Photoshop monto mais duas pastas, adiciono a pasta de entrada do site e tranco as suas camadas, renomeio as outras restantes, o interessante aqui é que a Pasta Entrada do site foi salva e se encontra no Flash, desabilito ela e começo &nbsp;planejar as outras que serão em HTML com o material enviado pelo cliente.Bom, agora começa a parte legal da montagem, como colocar o HTML nesse PSD ? &nbsp;Parece meio complicacado ( na verdade é !!).Mas como tudo estava planejado antes, não tem problema, começo com algumas alterações no Photoshop e monto uma página em branco no Dreamweaver.No Photoshop o logo animado no Flash será copiado para as camadas das pasta "Perfil Night Streep" e "Galeria". A idéia básica é que o logo da boate seja visto o tempo todo, assim ele ficará na memória de quem navega no site.Os elementos HTML serão feitos em CSS no Dreamweaver, mas copiado do Photoshop asssim como laterais, cor de fundo, ect. Os menus de navegação aqui serao feitos em CSS, enquanto os da entrada são em Flash o que não afeta o peso ao carregar.Lembrando que a navegação no Flash tem que chamar as devidas páginas feitas em HTML, o que não acontece com as páginas em HTML para a entrada do site, não havendo necessidade de retornar a ela. Outra observação são os efeitos do Photoshop no Flash elas tem que ser importadas desligadas e montadas no Flash.Página completa tanto em Flash como em HTML, podendo ser repassada totalmente para HTML 5, se for o caso.