Como você compilar várias páginas da Web em HTML para orientar os visitantes do seu domínio online , dar-lhes uma maneira simples de se locomover com botões clicáveis . Mesmo os usuários de primeira viagem vai saber que clicar em um botão leva-los em outro lugar , mas com o Photoshop , você pode criar uma experiência personalizada para os cliques. Aproveite processo de design botão de criação do Adobe Photoshop CS5 para fazer botões que fazem a sua página HTML se destacam. Instruções
1
Abra o Photoshop CS5 , clique no menu "Arquivo" e clique em "Novo ". Digite o nome do botão , como " HelpButton ", ou o seu nome de arquivo preferido no campo "Nome " caixa . Digite dimensões para o botão na " Largura" e " Altura " caixas , usando pixels ou polegadas por exigências do seu site. Clique no menu " Fundo Contents " e selecione " Transparente ". Clique no botão " OK " para abrir a tela de tomada de botão.
2
Clique com o cursor no meio do quadrado colorido na parte inferior do "Tools" painel do lado esquerdo da tela. Escolha uma cor para o botão e clique em " OK".
3
botão direito do mouse em um ícone de uma linha, círculo cinza , quadrado cinza ou cinza estrela perto da parte inferior "Ferramentas " painel do lado esquerdo da tela. Escolha " Rounded Rectangle Tool " ou " Ellipse Tool " para a forma de botão .
4
Posicione o cursor no canto superior esquerdo da tela quadriculado cinza . Clique e mantenha pressionado o botão esquerdo do mouse e mova o cursor para o canto inferior direito. Tome cuidado para não arrastar para dentro da cinza Photoshop secretária. A forma de botão aparece na tela.
5
Clique duas vezes na camada 1 linha no " Layers" paleta . Quando a janela " Layer Style " abrir, clique na opção " Drop Shadow " . Isto é opcional , mas dá o botão uma aparência mais elevada, o que pode ajudar os visitantes de guia para o seu site HTML. Clique em " OK" para fechar a janela .
6
Clique no ícone "T " no painel "Tools". Escolha uma fonte , o tamanho ea cor do texto na barra de ferramentas no topo da tela. Para a cor , escolha um que irá destacar-se contra o seu fundo botão escolhido , como um branco, se o botão está escuro.
7
Clique no botão e digite o texto do botão , como " Help" ou "Iniciar ". Arraste o texto no lugar no centro do botão.
8
botão direito do mouse a nova camada de texto no " Layers" paleta . Selecione " Merge Visible ".
9
Clique no menu " Arquivo" e selecione " Salvar como". Clique no menu "Format" e selecione " PNG " ou " GIF ", que vai manter o botão do fundo transparente, necessário para páginas HTML. Clique no botão "Salvar" .
