Adobe Illustrator é um programa de gráficos vetoriais com uma ampla gama de recursos para a exportação de imagens. Um recurso útil é a capacidade de cortar as imagens e , em seguida, exportar as imagens e um arquivo HTML com código CSS que reúne as imagens cortadas de volta juntos. Isto é útil na criação de layouts com bastantes imagens para a Web , como os usuários com conectividade limitada Internet ( usuários dial -up , os usuários de redes móveis , etc ) podem carregar e exibir uma série de imagens menores, onde uma imagem grande pode expirar . As imagens separadas também podem ser ligados a diferentes páginas web. Instruções
1
Lançamento Adobe Illustrator e clique em "Arquivo" e "Abrir".
2
Clique para selecionar um Adobe Illustrator ( . " AI " ) de ficheiros e , em seguida, clique em " Abrir".
3
Clique para selecionar a ferramenta " Slice" na barra de ferramentas , se a imagem já não tenha sido cortado . Clique e arraste a ferramenta fatia para separar a imagem em vários pedaços retangulares , conforme a necessidade.
4
Clique no menu "Arquivo" e clique em "Salvar para Web e dispositivos. "
< Br > 5
Clique na aba " Layers ", no lado direito da janela "Salvar para web e Dispositivos " .
6
Clique para colocar uma marca na caixa "Exportar Camadas CSS Como " .
7
Clique para selecionar uma camada a partir do menu drop-down e , em seguida, clique para escolher "Visível ", "Hidden " ou " não exportar " para a camada. Isto determina como cada camada é exibido na página da Web usando o código CSS gerado.
8
Repita o passo 7 para cada camada.
9
Clique para colocar um cheque em o "Preview Only Selected layer" caixa para ver a camada selecionada no menu drop -down no painel de visualização principal.
10
Clique no botão "Salvar" . Clique para selecionar " HTML e imagens (*. Html ) " do " Salvar como tipo" menu drop -down. Digite um nome de arquivo e selecione um local para salvar .
11
Clique no botão "Salvar" para gerar um documento HTML e pasta " Imagens " no local de salvamento . O documento HTML contém o código CSS gerado e as "Imagens" pasta contém o arquivo de imagem fatiado (s ) .
