Sites Grátis no Comunidades.net Wordpress, Prestashop, Joomla e Drupal Grátis
Translate this Page
ajudem-nos
gostaram desse novo visuall?
Sim
Não
Ver Resultados

Rating: 3.1/5 (3477 votos)




ONLINE
3






 

Clique-me e siga-me no Twitter

Web Site Monitorado pelo Sentinela Web

Serviço de Monitoramento Sentinela Web

 

 

 

 

 

Link112

Link112


Como inserir um link de Internet em uma imagem

Como inserir um link de Internet em uma imagem

Como inserir um link de Internet em uma imagem usando o Photoshop

André Sugai
por ANDRÉ SUGAI
Para o TechTudo

 

Não é mais necessário ter conhecimentos avançados de html ou programação e um editor web para criar aplicações simples como uma imagem com link que direciona a uma página de Internet caso o usuário tenha em seu computador o Adobe Photoshop. Neste tutorial mostraremos como podemos utilizá-lo para criar, a partir de uma imagem, um link simples.

Como colocar marca d'água em várias fotos de uma só vez no Photoshop

Como inserir um link de Internet em uma imagem (Foto: Reprodução/André Sugai)Como inserir um link de Internet em uma imagem (Foto: Reprodução/André Sugai)

Passo 1. Pressione Ctrl+O e abra uma foto qualquer no Photoshop;

Imagem aberta no Photoshop (Foto: Reprodução/André Sugai)Imagem aberta no Photoshop (Foto: Reprodução/André Sugai)

Passo 2. Pressione a letra C no teclado para selecionar a “Ferramenta Fatia”;

Ferramenta Fatia (Foto: Reprodução/André Sugai)Ferramenta Fatia (Foto: Reprodução/André Sugai)

Passo 3. Crie uma seleção ao redor da área que deseja aplicar o link;

Área selecionada para inserção de link (Foto: Reprodução/André Sugai)Área selecionada para inserção de link (Foto: Reprodução/André Sugai)

Passo 4. Clique com o botão direito do mouse sobre a fatia onde aplicaremos o link e escolha “Opções de Editar Fatia”;

Edição da Fatia que criamos (Foto: Reprodução/André Sugai)Edição da "Fatia" que criamos (Foto: Reprodução/André Sugai)

Passo 5. Defina a url de destino do link e as demais informações e pressione Ok;

Informações do link criado (Foto: Reprodução/André Sugai)Informações do link criado (Foto: Reprodução/André Sugai)

Passo 6. Vá em “Arquivo” e clique na opção “Salvar para Web;

Caminho para Salvar para Web (Foto: Reprodução/André Sugai)Caminho para "Salvar para Web" (Foto: Reprodução/André Sugai)

Passo 7. Clique em “Salvar” para exportar as imagens;

Caixa de Salvar para Web (Foto: Reprodução/André Sugai)Caixa de "Salvar para Web" (Foto: Reprodução/André Sugai)

Passo 8. Escolha a opção “HTML e Imagens” no menu dropdown, escolha o local onde salvará os arquivos e pressione Ok;

Opções de exportação (Foto: Reprodução/André Sugai)Opções de exportação (Foto: Reprodução/André Sugai)

Passo 9. O Photoshop salvará um arquivo .html e uma pasta contendo a imagem fatiada;

Arquivos gerados pelo Photoshop (Foto: Reprodução/André Sugai)Arquivos gerados pelo Photoshop (Foto: Reprodução/André Sugai)

Passo 10. Clique duas vezes no arquivo .html para que ele abra em seu navegador padrão e faça o teste de seu link.

Agora basta posicionar o mouse sobre a área que definimos como link para ativá-lo, clicando sobre ele seremos direcionados para o site que definimos. Caso não tenha um editor de páginas web agora sabe que pode utilizar o Photoshop para criações simples como essa.

fonte:http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-de-internet-em-uma-imagem-usando-o-photoshop.html