Adobe Illustrator é uma ilustração do programa de gráficos vetoriais que permite a criação de imagens e formas vetoriais com uma variedade de ferramentas e filtros gráficos . Use Illustrator para projetar a aparência ea aparência de seu site, e , em seguida, exportar as imagens do Illustrator para uma página web programa de construção. Coisas que você precisa
Adobe Illustrator
Show Mais instruções
1
Crie um novo documento no Adobe Illustrator . Defina a largura de 960 pixels e defina o " Modo de cor " para " RGB ". Dê ao seu documento um nome e clique em "OK".
2
Use a ferramenta retângulo para criar um layout básico . Desenhe retângulos cinzas dentro do preto " prancheta " fronteira para corresponder a elementos gráficos e textuais que deseja incluir em sua página web. Ajuste o layout até que esteja satisfeito , e salvar seu trabalho.
3
Criar linhas de orientação em torno de suas caixas cinzentas . Para criar uma linha guia , clique nas réguas horizontais ou verticais nas bordas da tela e arraste o mouse sobre a área de trabalho. Solte o mouse para definir o guia. Você pode reajustar guias , clicando e arrastando-os com o mouse
4
Apague seus caixas cinzentas ; . Você vai ficar com um espaço de trabalho em branco delineado por vários guias
5 .
Criar os elementos gráficos da sua página web , como logotipos , ícones e texto mock-ups usando a paleta de ferramentas Adobe Illustrator. Use as linhas de guia ao colocar os seus elementos gráficos na página web. Uma vez que você terminar de criar a aparência visual do seu site, salvar seu trabalho.
6
Selecione "Guias " no menu " View" e clique em "Limpar Guias" para apagar todos os guias sobre seu tela. Você terá de criar novas guias para salvar elementos individuais de seu mock-up para uso na web.
7
Escolha uma seção de seu site mock-up , como o menu de navegação ou o gráfico , ícones e arraste um novo conjunto de guias em torno desta seção , de modo que cada elemento da seção é encapsulado em uma caixa.
8
Selecione " fatia " do menu "Objeto" e clique em " criar a partir de Guias ". Números aparecerá nas caixas criadas , essas caixas são gráficas "fatias" que podem ser salvos como imagens individuais para uso em uma página web. Selecione "Salvar para Web e dispositivos " no menu "Arquivo" para abrir uma nova janela de diálogo.
9
Clique no botão " Slice Select Tool " em "Salvar para Web e Dispositivos " janela . Selecione as fatias que deseja exportar , clicando sobre eles na janela do visualizador . Defina o " Tipo de imagem " para " JPEG " e clique em "Save" para salvar as fatias como imagens individuais.
10
Repita os passos de 6 a 9 para criar imagens individuais de todos os elementos gráficos do seu web página . Depois de ter os elementos gráficos salvos, importá-los para um programa de design da página web como o Adobe Dreamweaver.