Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como criar páginas web usando o Adobe Photoshop
Se você tiver uma cópia do Photoshop, você pode usá-lo projetar a sua página Web e , em seguida, adicionar o seu conteúdo . Isto tem a vantagem de fornecer -lhe acesso a todas as ferramentas do Photoshop como você construir sua página . Instruções
1

Decida quais os elementos que você gostaria em sua página, tais como as imagens ou a posição ea aparência dos botões de navegação. Carregar imagens que você irá utilizar para o computador.
2

Abra o Photoshop . Selecione "Arquivo " no menu e clique em " Abrir". Na caixa de diálogo que aparece , altere o "?" a "Web ". Do tamanho "Presets" abaixo deste , escolha o tamanho da página da Web que você deseja, como 1024x768 ou 800x600 pixels. Altere o "fundo " para " Transparente ". Clique em " OK".
3

Clique no botão "New Layer" abaixo de " Layers" paleta . Selecione a ferramenta " Pen" a partir das ferramentas . Vá para as opções na parte superior e definir o modo de ferramenta para "preencher ". Escolha a cor que você deseja para você bandeira.
4

Clique para colocar um ponto onde você quer um canto de sua bandeira. Em seguida, clique mais três vezes para criar os outros cantos. Use os "governantes" para ter certeza de obter as posições direita.
5

Repita os passos 3-4 para criar todas as outras formas que você precisa , incluindo os botões de navegação .
6

Selecione uma das camadas com um gráfico botão de navegação na mesma. Clique no botão "FX" encontrado na parte inferior do " Layers" paleta . Entre as opções, escolha a opção " Bevel and Emboss ". Na caixa de diálogo que aparece, escolha "Inner Bevel ". Ajuste as configurações até que você gosta do efeito na visualização. Clique em " OK".
7

clique com o botão direito do mouse sobre a camada atual . Entre as opções, escolha a opção " Copy Layer Style ". Clique com o botão direito do mouse em cada uma das outras camadas de botão. Entre as opções, escolha " Paste Layer Style ".
8

Selecione "Arquivo " no menu e escolha a opção " Abrir". Na caixa de diálogo que aparece , localize uma das imagens que você carregadas e abri-lo. Clique com o botão direito do mouse sobre a camada e escolha " Duplicate Layer " entre as opções que aparecem . Na caixa de diálogo , verifique o documento de página Web do " Destino ". Repita este procedimento com todas as outras imagens.
9

Volte para o documento página da Web e usar a função " Scale" (que se encontra em " Edit" ) para redimensionar as imagens para o que você quer para o página . Em seguida, use a ferramenta "Mover" para posicioná-los .
10

Selecione a ferramenta "Tipo" a partir das ferramentas . Escolha o tamanho da fonte e cor que você deseja e digite todo o seu texto , incluindo tanto o texto principal da página , bem como o texto para os botões e banner.
11

Use o " Slice" ferramenta para dividir seu projeto em seções. Em seguida, clique direito em cada seção e nomeá-la .
12

Selecione "Arquivo " e escolha "Salvar para Web ou dispositivos. " Na caixa de diálogo que aparece, escolha o GIF como o tipo de arquivo e clique em " Salvar". Seu design da página Web será salvo como seções separadas da imagem , agora você pode montar em um editor de páginas web.

Anterior :

Próximo : No
  Os artigos relacionados
·Como fazer GIFs Movendo-se em Photoshop 7 
·Photoshop não vai começar a ler Preferências 
·Como fazer barras de censor em Photoshop 
·O que é uma máscara Photoshop 
·Como fazer páginas da Web com Photoshop ImageReady 
·Como construir uma página da Web no Adobe Photoshop 
·Como renovar uma foto antiga no Photoshop 
·Opções de texto do Photoshop 
·Como se livrar de Lens Flare Usando o Photoshop CS5 
·Um tutorial sobre o Photoshop Elements para Iniciantes 
  Artigos em destaque
·Como fazer um CD de backup 
·Regras básicas para a identificação de chaves primá…
·Como dividir Obra imprimir no Illustrator 
·Como gravar uma tela com Som 
·Como alterar meu Trend Micro Serial Number 
·Como gravar Mac Leopard para DVD 
·Como usar o Winamp para gravar sons da Online 
·Como acessar dados numéricos para Steppers 
·Como imprimir um relatório de parâmetros de entrada e…
·Como Aprender Microsoft Excel Online 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados