Como construir um site usando o Adobe Photoshop CS5

Adobe Photoshop é uma ferramenta popular para o design e layout de sites.

Adobe Photoshop CS5 é a última versão do popular software de edição de imagem da Adobe. Photoshop já percorreu um longo caminho de ser um programa de retoque fotográfico de ser uma ferramenta de escolha para a criação de desenhos gráficos, especialmente para a web. ferramentas específicas da Web estão disponíveis no Photoshop, o que torna mais fácil para um designer para criar layouts do site, especialmente aqueles que podem ser facilmente implementados em formato HTML.

  • Abra o Adobe Photoshop CS5 e clique em "Arquivo" então "Novo."

  • Escolher "Rede" no campo predefinido e selecione o tamanho do seu site a partir do menu drop-down. Um tamanho de seguro para um site é 800 x 600, que também funciona bem para visualização em telefones celulares.

  • Crie o design e layout do seu site. A disposição básica website contém uma seção para o cabeçalho, o corpo, rodapé e barras laterais. Você pode basear o seu projeto no âmbito do seu site, tais como o projeto funciona melhor para um layout de duas colunas ou três colunas. Use as ferramentas do Photoshop, como a "Forma" ferramenta para criar gráficos para navegação e seção cabeçalhos e do "Preencher" ferramenta para adicionar cor.

  • Clique no "Fatia" ferramenta na barra de ferramentas. Se você não vê a "Fatia" ferramenta, você pode precisar para a direita; clique no "Colheita" ferramenta para visualizar a opção de usar "Fatia."



  • Cortar o seu design web em seções com a ferramenta. Isso permite fácil upload e download das imagens uma vez que você convertê-lo em uma página da web.

  • Clique em "Arquivo" e "Salvar para a Web e Dispositivos."

  • Selecione o tipo de arquivo de imagem que você deseja usar para salvar as imagens. Você pode escolher entre os formatos JPEG, GIF e PNG. Clique em "Salvar."

  • selecionar "HTML e imagens" como o formato para o arquivo que você deseja salvar. Clique em "Salvar." O site agora está salvo com as imagens em anexo em uma pasta separada chamada "Imagens."

dicas & avisos

  • Você pode usar editores HTML como o Dreamweaver, Frontpage ou CoffeeCup para modificar a aparência de sua página, bem como adicionar conteúdo de texto.
De esta maneira? Compartilhar em redes sociais:

LiveInternet