Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como fazer Div Layouts no Photoshop CS2
Se você está trabalhando na criação de um site, então você vai querer usar divs para dividir sua página . Divs são códigos html para uma determinada seção de um documento, o que lhe permite atribuir funções diferentes (como hiperlinks ) para essa seção. Felizmente, você não precisa ser um especialista para criar divs html em sua página da web gráficos. Você pode usar o Photoshop CS2 para criar o projeto para a sua página, e depois exportar o projeto para o companheiro de programa Photoshop, ImageReady . Instruções
1

Abra o Photoshop . Selecione "Arquivo" e clique em "Novo ". Na caixa de diálogo que aparece , selecione um dos tamanhos de modelo de web . Geralmente é melhor para ir com 800 x 600, uma vez que este é o menor denominador comum mais provável para trabalhar nas configurações de tela de ninguém.
2

Criar o design do site com todos os seus gráficos e botões de navegação. Você pode incluir texto , desde que você não tenha rasterizada no Photoshop (se você rasterizar o texto no Photoshop , será difusa ) . Trabalhar em camadas, de modo que você pode facilmente fazer alterações no design.
3

Clique no botão Export ImageReady na parte inferior da barra de ferramentas. Isto irá abrir seu projeto no ImageReady . Selecione a ferramenta " Fatiar " e começar a criar as fatias em seu design. Corte a imagem de forma a criar seções separadas ( divs ) que estejam de acordo com seu projeto. Por exemplo, os botões de navegação individuais em sua página deve ser o seu próprio div . E se , como os botões de navegação , o div será hiperlink , você deve adicionar esse link no painel " Slice" .
4

Vá para o painel " Optimize " e selecione o tipo de imagem que quero que cada fatia a ser. Imagens detalhadas ou fotos são mais bem guardado como JPEGs .
5

Selecione " Arquivo" e depois "Salvar como otimizado " e selecione " HTML e imagens . " Importar a página html que você criou em seu editor de página web (juntamente com a pasta de imagem associada ) . Você está pronto para publicar .

Anterior :

Próximo : No
  Os artigos relacionados
·Como instalar o Eye Candy para o Photoshop Elements 4 
·Como digitar com acento marcas no Photoshop Elements 
·Como criar uma Sign Biohazard Com Photoshop 
·Como fazer uma borda áspera Com Photoshop 
·Como tirar uma cor em Photoshop 
·Como arte cor Linha Com Photoshop Elements Software 
·Como atualizar o Adobe Photoshop Elements versão 4 par…
·Como adicionar Efeito da Água em Photoshop 
·Solução de problemas Adobe Photoshop 5.0 
·Lista de ferramentas incluídas no Photoshop Elements 
  Artigos em destaque
·Como alterar propriedades de formulário no Access 2007…
·Como fazer backup de um C -Drive 
·Spyware, malware e proteção contra vírus 
·Como usar a barra de ferramentas Desenho no Microsoft W…
·Como desinstalar programas Kodak 
·Como criar filtros de importação em EndNote 
·Como gravar Music From Speakers 
·Como combinar arquivos Xvid 
·Como desativar um firewall 
·Como fazer vinhetas no Photoshop CS3 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados