Normalmente, você deve usar o software de design de páginas Web, como o Dreamweaver, para criar páginas da Web em HTML com links para outras páginas ou URLs . Photoshop é principalmente um editor de gráficos e fotos programa de retoque . No entanto, você pode criar links em imagens Photoshop PSD com a "Ferramenta Slice" e , em seguida, exportar o PSD para uma página da Web em HTML . A ferramenta Slice cria "fatias ", ou imagens separadas , que funcionam como botões na sua página Web HTHL . Coisas que você precisa
Adobe Photoshop CS3 ou mais tarde
Show Mais instruções
1

Comece uma nova imagem PSD ou abrir uma imagem existente no Photoshop.
< Br > 2

Criar a imagem , como faria normalmente , acrescentando o seu banner de página, botões e outros objetos. Você pode usar ferramentas de texto e gráficos do Photoshop para criar a sua imagem, ou importar imagens Photoshop compatíveis existentes e colocá-los no PSD que você deseja converter em uma página da Web . Ou usar uma combinação dos dois métodos.
3

Selecione a ferramenta " Slice" (quinto na caixa de ferramentas ) . Se você não tiver usado a ferramenta Slice antes , outra ferramenta pode ser ativo no botão. Se assim for , clique e segure o botão e , em seguida, escolha a opção " Slice Tool " do fly -out.
4

botão direito do mouse na área que você cortado e escolha " Opções Editar fatia " do pop - up menu. Isso exibe a caixa de diálogo Opções da Fatia . Existem várias opções nesta caixa de diálogo para a criação de links. Digite o nome do arquivo da página de destino ou URL para o link no campo " URL" . Por exemplo : ". Http://mydomain.com/services.html " (sem as aspas)

Digite o comportamento do navegador de destino no campo "Target" . Por exemplo, para abrir o link em uma nova página , digite " _blank ". Para abrir o link de destino na mesma página , digite " _self . " (Sem aspas para tanto entrada.)
5

Clique em " OK" para aplicar o link.
6

Continue criando fatias e aplicando as ligações até ter criado todos os links que você precisa.
7

clique em "Arquivo " na na barra de menu e escolha "Salvar para web e dispositivos. " Isto mostra a caixa de diálogo Salvar para a Web e Dispositivos . Esta caixa de diálogo permite controlar várias opções de configuração para sua página HTML , tais como cor de fundo, a qualidade de imagem , compressão, tags de metadados (para motores de busca ) e assim por diante .
8

Clique no botão " Salvar" , botão para nomear e exportar a página web . A menos que você alterá-lo , o Photoshop salva o arquivo HTML no mesmo diretório do PSD. Dê um duplo clique no arquivo HTML para abrir a nova página em um navegador e verificar as ligações . Se os links não funcionam corretamente , vê-los em Editar Opções da Fatia para se certificar que está digitado e configurado corretamente.