Há muitas maneiras de criar um site com aplicativos da web , como Deamweaver ou Frontpage , ou até mesmo HTML codificado à mão . No entanto , se você quiser que seu site seja graficamente atraente, compor o layout no Photoshop. será muito mais fácil de editar mais tarde também. Você terá que criar um logotipo , cabeçalho , ícones , botões , imagens /fotos , anúncios (se necessário) , cores, fontes e textura. Faça um mock-up antes do tempo, antes de implementar HTML. Se você já tem ideias para o seu local de composição , esboçá-lo em um pedaço de papel. Instruções
Projete sites gráficos com Photoshop
1

Vá em File > New . Largura de entrada: 800 pixels , altura: 600 pixels. Defina a resolução de 72 pixels /polegada , cor RGB 8bit . Definir o conteúdo de fundo para transparente. Clique em OK .
2

Crie o cabeçalho e design de navegação . Incluir um logotipo, área banner , alguns gráficos e botões de navegação. Faça a altura do cabeçalho 150 pixels e 30 pixels para os botões . Coloque o logotipo e gráficos banner na área restante . Adicionar espaços reservados para o texto.
3

Selecione uma imagem do logotipo da I Stock . Vá para o link de uma miniatura que tem uma marca d'água na imagem . Clique com o botão direito do mouse na imagem e selecione imagem de cópia . Selecione a janela do Photoshop e do arquivo que você está trabalhando. Cole a imagem para a nova camada. Vá em Edit > Transform> Scale . Mantenha a tecla Shift pressionada para manter a proporção e redimensionar a imagem. Seleccione a secção que pretende com a ferramenta Letreiro Retangular , pressione Control ( comando no Mac) + teclas shift e I para inverter a seleção. Imprensa controle ( comando no Mac) + d para desmarcar. Em seguida, pressione a tecla delete para remover o resto da imagem .
4

Criar botões para navegação web. Selecione a ferramenta 'Tipo no Photoshop. Arraste a caixa de texto na tela e digite um nome para o botão , como Residência ou Fale Conosco .
5

Criar o layout do conteúdo na área do corpo. Se o seu site tem muitos links, utilizar a coluna esquerda para links adicionais. Selecione a ferramenta Type. Clique e arraste a caixa de texto na tela. Coloque o corpo do texto em área de conteúdo principal da tela. Adicione algum texto fictício de Loren Ipsum como um espaço reservado . Você vai substituir este texto em um momento posterior , quando você está pronto para escrever o seu conteúdo na web.
6

Adicionar conteúdo do rodapé abaixo os principais conteúdos . Estes irão incluir o logotipo da sua empresa , texto de direitos autorais e uma duplicata dos links no cabeçalho.
7

Coloque as últimas notícias , anúncios, resumo de imprensa e promoções ou anúncios na coluna da direita do seu layout web site.
8

Criar uma linha de dobra de 600 pixels de altura.
9

Otimizar imagens que você deseja publicar em seu website. Corte as imagens com a ferramenta Slice.
10

Clique no menu Arquivo. Clique em Salvar para Web . Deslize a barra deslizante de qualidade para ajustar a qualidade da imagem eo tamanho do arquivo. Clique em Salvar .
11

clique duas vezes no arquivo HTML (Photoshop cria o arquivo de pasta de imagens e HTML no mesmo diretório . ) Verifique se o seu layout de página em seu navegador de internet . Você deve ter uma página concluída em Photoshop em sua tela.