Famoso por suas capacidades gráficas e de edição de imagem , Adobe Photoshop também pode ser usado para outros fins , tais como a criação de um layout completo para uma nova página web. O processo leva tempo ainda vale bem a pena o resultado. Coisas que você precisa
Photoshop
Show Mais instruções
1
Abra o Photoshop . Selecione "Arquivo" e clique em "Novo ". Na caixa de diálogo que se abre , defina a largura de 720 pixels ea altura para 500 pixels. Deixe a resolução em 72 pixels. Clique em " OK". Altere o " Primeiro Plano " cor para cinza. Selecione a ferramenta " Paint Bucket " e preencha a tela com esta cor .
2
Vá para o painel " Layers " e clique no ícone " New Layer" . Selecione a ferramenta " Letreiro Retangular " e selecione uma área na parte superior onde você deseja colocar o cabeçalho. Altere o " Primeiro Plano " cor para branco e preencha a seleção .
3
Começar a criar a navegação e caixas de texto espaço, criando uma nova camada para cada novo item de modo a tornar a alteração do layout mais fácil . Selecione a área onde deseja que cada caixa e preenchê-lo com o branco.
4
Selecione " Blending Options " e aplicar o padrão " Inner Shadow ", "Satin " e " Stroke" para um dos box camadas . Isto irá criar um efeito metálico . Crie uma nova camada . Selecione a ferramenta " Retângulo arredondado " , mudar a cor para cinza , e crie um retângulo menor dentro da caixa de metal, deixando exposto o suficiente para permitir que o texto a ser colocado lá mais tarde. Novamente selecione " Blending Options ", desta vez aplicando " Inner Shadow ", " Outer Glow " e " Inner Glow ". Repita este passo para cada uma das áreas em branco , incluindo a área do banner. Agora adicione uma imagem da bandeira de sua escolha para a área da bandeira , e algum texto.
5
Vá para a barra de ferramentas e selecione a ferramenta " Slice" . Comece cortando o seu layout em seções utilizáveis. Você quer que as fatias de modo a reflectir as funções de você página , como botões de navegação e banners. Nomeie cada fatia. Em seguida, salve o documento em geral. Em seguida, selecione "File" e clique em "Salvar para Web ou dispositivos. " Aqui, você estará economizando cada fatia como uma imagem separada e uma página HTML que você pode depois importar para o seu editor de página web. Qualquer coisa com imagens ou fotografias devem ser salvas como JPEGs . Se a sua página é apenas gráficos de vetor , você é melhor fora de conservar as fatias como GIFs , uma vez que irá carregar mais rápido .
