Software  
 
Conhecimento computador >> Software >> Photoshop >> 
Como criar uma página web no Photoshop
A Webpage típico é composto de vários elementos, cada um dos quais em si é bastante simples de criar . Muitas vezes, esses elementos são criados em programas gráficos separadamente , em seguida, reuniu pela primeira vez em um programa de edição de página da web , como o Dreamweaver ou Expression Web . No entanto, se você tem uma cópia do Adobe Photoshop, você pode criar sua página diretamente no Photoshop , criando cada elemento exatamente onde você quer que ele desde o início. Isso também tem a vantagem de deixá-lo usar as muitas funções gráficas e ferramentas do Photoshop ao criar sua página . Instruções
1

Salve as imagens ou elementos gráficos que você deseja usar para sua página ( como um logotipo ) no disco rígido do seu computador, ou copiando-os a partir de uma câmera ou outra mídia digital . Alternativamente , você pode usar um scanner para digitalizar versões impressas de suas imagens.
2

Abra o Photoshop . Selecione "Arquivo " no menu e escolha " Novo. " Na caixa de diálogo que aparece agora , clique em " Presets ". Entre as opções, escolha a opção " Web ". Em seguida, clique em "Tamanho" e no menu de opções , escolha o tamanho que você quer para a sua página, tais as1024 x 768 ou 800 x 600. Nome do documento " YourName página da web. " Clique em " OK". Clique no botão "New Layer" no âmbito do " Layers" paleta .
3

Selecione o & ldquo ; retangular Shape " ferramenta a partir da paleta de ferramentas . Vá para as opções de ferramentas que aparecem no topo , defina o modo para "Shape Layer" e escolha a cor que você gostaria que o fundo para o seu banner da página web. Agora, desenhe a forma bandeira para a tela . Clique no botão "New Layer" novamente.
4

Repita o passo três para criar as outras formas básicas que você precisa em sua página da Web , tais como divisórias ou botões de navegação . Use a mesma cor que você usou para o seu banner de fundo para criar um tema geral de cores para sua página web.
5

Selecione "Arquivo " no menu e escolha a opção " Abrir". Na diálogo que aparece agora , vá para o local onde você salvou suas imagens na Etapa 1 , e abrir a primeira imagem que você deseja usar.
6

vá para o " Layers" paleta do lado esquerdo da tela, mantenha pressionado o botão "CTRL " em seu teclado e clique na imagem de visualização ao lado da camada . Selecione "Editar " no menu e escolha a opção " Copiar".
7

Volte para o documento " YourName Webpage " . Selecione "Editar " no menu e escolha a opção " Colar". Use a ferramenta "Mover" ea função de " Scale" encontrado em "Editar" para posicionar a imagem onde você quiser na página da Web .

8

Repita os passos 5 a 7 para importar todas as imagens que você deseja usar para sua página web.
9

Selecione a ferramenta "Type" na paleta de ferramentas. O "tipo" de opções da ferramenta aparecerá. Escolha o tipo de fonte e cor que você deseja para o seu banner . Em seguida, digite o texto sobre o banner. Repita este passo adicionando todo o texto que você precisa para os elementos da sua página .
10

Selecione a ferramenta " Slice" a partir da paleta de ferramentas. Use a ferramenta para criar uma fatia em torno da bandeira e todos os botões. Botão direito do mouse sobre cada fatia e escolha " Propriedades". Na caixa de diálogo , nomeie cada slice. Selecione "Arquivo " no menu e escolha "Salvar para Web ou dispositivos. " Na caixa de diálogo , escolha o GIF como o tipo de arquivo e clique em " Salvar". Photoshop irá salvar uma pasta que contém as imagens fatiadas e um HTML arquivo que você pode carregar em seu site .

Anterior :

Próximo : No
  Os artigos relacionados
·Os efeitos mais frescas no Photoshop 
·Como inserir texto no Photoshop CS 
·Efeitos Neon texto no Photoshop 
·Como ir Blonde em Photoshop 
·Como usar um pincel no Photoshop Elements 
·Como fazer Jeans ter uma segunda vida no Photoshop 
·Photoshop Seleções Ferramentas e seu uso 
·Como faço para criar gotas da chuva em um painel de ja…
·Como fazer uma Mandala Usando o Photoshop 
·Como remover , Clarear e desfoque rugas no Photoshop 
  Artigos em destaque
·Como fazer uma Imagem em Movimento Usando imagens digit…
·Como você clarear o fundo de uma foto no Adobe Photosh…
·. Que faz a extensão de arquivo IMG média 
·Como fazer Múltiplos de se usar Photoshop CS3 
·Normas para Elaboração CAD 
·Como gravar um CD em um iMac 
·Como adicionar arquivos WAV em Ultrabeat 
·Como fazer música em Mixcraft Mono 
·2D e 3D Técnicas de Animação 
·Como computadores de backup com unidades WD rígidos ex…
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados