Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como fazer um layout da Web simples em Adobe Photoshop CS
sites pessoais já não são incomuns na World Wide Web . Pessoas criar e gerenciar seus próprios sites para qualquer coisa ; negócios , passatempos , obras de arte , etc Um grande ferramenta utilizada para a criação de sites customizados é o Adobe Photoshop. Os usuários são capazes de criar uma imagem que pode ser usado como o layout de fundo para o seu site e facilmente converter uma imagem de uma página da Web em uma página HTML em pleno funcionamento. Photoshop é uma ferramenta de escolha entre os web designers , e com alguns passos simples que você pode aprender a aproveitar alguns recursos poderosos para criar seus próprios sites. Coisas que você precisa
Computer Fotografia Adobe Photoshop ( versão 7.0 ou superior)
Mostrar Mais instruções
1

Abra o Adobe Photoshop e crie um documento em branco com um resolução de pelo menos 800 pixels x 600 pixels. Entre 72 pixels /inch como o valor para a resolução .
2

Projete seu layout web . Use sua imaginação , ou inspirar-se de um site que você admira. Comece por seleccionar uma cor de fundo e preencher a sua tela com a ferramenta Paint Bucket ( atalho de teclado G). Inserir imagens e desenhos para personalizar a sua página com um visual personalizado .

Tenha em mente os componentes básicos de um site em funcionamento. Certifique-se de incluir espaços para uma barra de navegação , um espaço principal para o seu texto , bem como algum tipo de bandeira título para sua página web. Se você está planejando para colocar os widgets embutidos em suas páginas , não se esqueça de deixar espaço para isso também.
3

fatiar layout do seu site . Depois de ter terminado projetar sua página web , você deve usar a ferramenta Slice (K) para dividir os componentes da sua página . A ferramenta Slice vai dividir sua página em seções retangulares , que serão exportadas como imagens separadas que juntar para criar sua página web. Clique e arraste a ferramenta e traçar espaços -chave e botões que estarão em suas páginas. Por exemplo, você quer ter fatias para cada botão que estarão na sua barra de navegação , para que quando as imagens são exportadas você pode usar esse botão como um link para outra página no seu site.
4

exporte sua página concebido a partir de Photoshop. Quando você terminar de criar fatias para otimizar a sua página web, você está pronto para exportar a imagem do Photoshop para trabalhar no arquivo em um editor de HTML. Exporte seu layout web , selecionando " Arquivo", depois em "Salvar para Web e Dispositivos ... " a partir da barra de menu superior . Uma caixa de diálogo irá aparecer pedindo para o formato de arquivo no qual você gostaria de exportar a sua imagem. Qualquer formato de arquivo vai fazer, e isso é uma questão de preferência pessoal. Selecione JPEG ou BMP como o formato , clique em " OK" e salve o arquivo . Você já exportou seu layout web do Photoshop como um arquivo . Html com imagens, e está pronto para publicar o site ou continuar a ajustá-lo com um editor de HTML.

Anterior :

Próximo : No
  Os artigos relacionados
·Como fazer uma silhueta perfil genérico no Photoshop 
·Photoshop Album 2 Requisitos de Sistema 
·Como fazer um trevo no Photoshop 
·Como faço para me livrar das espinhas no Photoshop 
·Como obter mais velocidade no Photoshop em um Mac 
·Não pode editar fotos no Photoshop 
·Como deformar texto no Photoshop 
·O que é Photoshop portátil 
·Como fazer pincéis personalizados no Photoshop com uma…
·Como instalar arquivos C4D no Photoshop 
  Artigos em destaque
·Como Usar Camadas no Photoshop com uma parte em tons de…
·Como adicionar botões para máquina de escrever Adobe …
·Como fazer uma Screen Shot no Microsoft Word 2007 
·Como fazer backup do Outlook Mensagens 
·Como extrair um capítulo de um DVD Karaoke 
·Como alinhar fotos para criar um filme 
·Como colocar um arquivo de Photoshop em Indesign 
·Como converter um DVD de camada dupla para uma ISO Cama…
·Como desativar a Marcação na exibição final do Offi…
·Pode Dragon Naturally Speaking trabalho com Macs 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados