Adobe Photoshop torna mais fácil para criar um design único para uma página da Web . Poderosas ferramentas e efeitos gráficos do Photoshop fornecer aos usuários um amplo controle sobre o layout, cores e imagens . Em vez de ficar confuso com codificação complexa e outros scripts , você pode planejar e criar seu Web completa de design no Photoshop e , em seguida, exportá-los facilmente à Web através de um programa HTML. Coisas que você precisa
Computer Logo ou gráfico principal
Adobe Photoshop editor
HTML como o Adobe Dreamweaver
Mostrar Mais instruções
1

Use Photoshop para abrir o logotipo ou a imagem que você deseja usar como o gráfico principal em sua página da web.
2

Decidir sobre um esquema de cores para sua página da Web , usando sua imagem como um guia. No painel de ferramentas, selecione a ferramenta conta-gotas. Traga a conta-gotas sobre uma cor em sua imagem . Clique ea ferramenta terá uma amostra da cor que você acabou de selecionar. Você será capaz de ver informações específicas , tais como o número RGB , da cor do painel " Color" . Tome nota do número RGB específica de cada cor que você provar . Continue usando a ferramenta conta-gotas para provar as várias cores em sua imagem. Depois de ter amostrado várias cores , selecione pelo menos três cores que você gostaria de usar como o esquema de cores para sua página web. As cores devem contrastar entre si e ser leve, médio e escuro.
3

Vá em "Arquivo " no menu de navegação principal do Photoshop. Selecione "Novo ... " e criar um novo documento com uma largura de 600 pixels e uma altura de 300 pixels. Esta será a bandeira principal e do cabeçalho de navegação para sua página web.
4

Decidir sobre o tipo de letra para a sua página. Pense sobre a idéia que deseja transmitir . Ir para o painel de ferramentas e selecione o botão "Texto" . Arraste o mouse para criar um retângulo em seu novo documento. Digite o texto da sua Web cabeçalho . Realce o texto que acabou de escrever e depois ir para as opções de texto no topo do Photoshop. Experimente diferentes tipos e tamanhos de fonte , e experimentar com a cor do texto e alinhamento até que esteja satisfeito . Use a ferramenta "Mover" no painel de ferramentas para mover o texto do cabeçalho para onde você quiser no documento.
5

Criar um fundo para a sua nova bandeira , usando uma das cores do seu predeterminado esquema de cores. Vá para a janela Layers, e selecione o botão "Fill ou Adjustment Layer" na parte inferior. Clique em " cor sólida" e insira as informações RGB você tirou sobre a cor que você deseja usar. A camada de agora irá cobrir o texto que você escreveu no passo anterior . No painel Camadas , arraste a camada "Solid Color" você acabou de criar para que fique abaixo da camada "Texto" . A cor deve agora estar em segundo plano .
6

Certifique-se de que o arquivo "Texto" é selecionada no painel Camadas . Em seguida, selecione o seu logotipo ou arquivo gráfico para que ele vem para a frente. No painel de ferramentas , clique na ferramenta movimento, que deve estar no topo. Arraste a imagem do logotipo para o seu novo documento de página web. Uma nova camada deve ser imediatamente criado em seu documento com o seu logotipo. Com a sua camada de logotipo selecionado, clique no botão " fx " no painel Camadas. Clique em " Blending Options ..." e experimentar variedade de Photoshop de misturar ferramentas para ajudar o seu logotipo perfeitamente combinar com a cor de fundo.
7

Vá em " Layer" no menu de navegação superior e selecione " Nova layer. " Ir para o painel de ferramentas e selecione a ferramenta de texto . Arraste o mouse sobre a área onde você gostaria de criar links de navegação para sua página web. Adicione o texto para sua navegação usando um tamanho menor da fonte que você usou anteriormente para criar o cabeçalho .
8

Vá em "Arquivo " e clique em "Salvar para Web ". No menu drop-down superior, selecione o formato que você deseja salvar o arquivo ( . Jpg, . Png ou . Gif) . Photoshop vai economizar e otimizar o seu banner para a web.
9

Abra o seu editor HTML e criar um novo documento HTML que tem uma mesa com cinco linhas e uma coluna . Insira seu banner na primeira linha . Criar um mapa de imagem para cada uma de suas palavras de navegação e adicionar o destino do link . Os restantes quatro linhas pode ser preenchido com o texto da página web.