Transcrição do vídeo: Criando links no Inkscape

Duração: 02: 13

Clique aqui para assistir ao vídeo!

Você pode criar links nos objetos do Inkscape para outros arquivos SVG ou para página web.

Neste exemplo vamos ver como prototipar links de projeto de website para que a navegação possa ser testada.

Vamos fazer isso usando usando a opção de Criar ligações.

O modelo de página foi baixado do Freepik o link como de costume vai estar disponível na descrição do vídeo. Eu fiz alguns ajustes no template para deixar o exemplo com uma aparência mais real. Entre as modificaões estão a reescrita do menu em objetos de texto separados e a mudança da largura e altura da página, usei 1260x2275 pixels.

Link do template usado:  http://www.freepik.com/free-vector/simple-website-tamplate_834758.htm#term=website&page=1&position=16

Ao usar os modelos do Freepik eu gosto de importar o arquivo eps para trabalhar no Inkscape, mas fique a vontade para importar o arquivo do Adobe Ilustrator.

O template modificado eu chamei de index, o arquivo é salvo como svg. Salvei como esse arquivo e criei a página de contato, onde apaguei o conteúdo sem destaque e na tarja marrom escrevi Contact Us para destacar o novo arquivo.

No template index, dê um clique no item de menu Contact para selecioná-lo. Clique nele agora com o botão direito do mouse e escolha a opção Criar ligação. No painel que surge você pode configurar além do endereço, diversas outras características do link, vamos apenas inserir o endereço do template de contato, contato.svg, na opção href.

Salve e abra o arquivo index.svg no navegador, observe que ao passar o mouse sobre o item de menu Contact o ícone do mouse muda, indicando a presença do link. Clique para visualizar o arquivo contato.svg.

Para fechar o ciclo em contato.svg na opção Your Logo, criei uma ligação para a página index.svg.

Essa é uma forma bem simples de testar ou até mesmo apresentar partes de um protótipo de site para um cliente.

Clique aqui para assistir ao vídeo!