Como inserir um link de Internet em uma imagem usando o Photoshop | Dicas e Tut...

Pgina 1 de 5

MENU
Downloads
MENU
Downloads

08/07/2014 10h54 - Atualizado em 08/07/2014 10h54

PUBLICIDADE

Como inserir um link de Internet em uma imagem

usando o Photoshop
No mais necessrio ter conhecimentos avanados de html ou programao e um editor web para criar
aplicaes simples como uma imagem com link que direciona a uma pgina de Internet caso o usurio
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 vrias fotos de uma s vez no Photoshop

A partir de agora, este espao oferece

contedo recomendado especialmente para
voc.
Recomendadas para voc

Latergram: como usar o Instagram no

computador e agendar fotos e vdeos

Como usar o FullContact, app organiza seus

contatos de e-mail e redes sociais

Como compartilhar playlists do Grooveshark

no seu Facebook e em sites

Como converter arquivos PSD do Photoshop

em png e outros formatos
Como inserir um link de Internet em uma imagem (Foto: Reproduo/Andr Sugai)

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

Crie uma cover foto para o topo do Facebook

no Photoshop; veja dicas

Lista de atalhos do Photoshop pode ser

baixada em PDF direto no programa

SAIBA TUDO SOBRE

Adobe Photoshop

PUBLICIDADE

http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-d... 12-11-2014

Como inserir um link de Internet em uma imagem usando o Photoshop | Dicas e Tut... Pgina 2 de 5

Imagem aberta no Photoshop (Foto: Reproduo/Andr Sugai)

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

Ferramenta Fatia (Foto: Reproduo/Andr Sugai)

Passo 3. Crie uma seleo ao redor da rea que deseja aplicar o link;

rea selecionada para insero de link (Foto: Reproduo/Andr Sugai)

Passo 4. Clique com o boto direito do mouse sobre a fatia onde aplicaremos o link e escolha Opes de
Editar Fatia ;

http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-d... 12-11-2014

Como inserir um link de Internet em uma imagem usando o Photoshop | Dicas e Tut... Pgina 3 de 5

Edio da "Fatia" que criamos (Foto: Reproduo/Andr Sugai)

Passo 5. Defina a url de destino do link e as demais informaes e pressione Ok;

Informaes do link criado (Foto: Reproduo/Andr Sugai)

Passo 6. V em

Arquivo e clique na opo Salvar para Web;

Caminho para "Salvar para Web" (Foto: Reproduo/Andr Sugai)

Passo 7. Clique em Salvar para exportar as imagens;

http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-d... 12-11-2014

Como inserir um link de Internet em uma imagem usando o Photoshop | Dicas e Tut... Pgina 4 de 5

Caixa de "Salvar para Web" (Foto: Reproduo/Andr Sugai)

Passo 8. Escolha a opo HTML e Imagens

e pressione Ok;

no menu dropdown, escolha o local onde salvar os arquivos

Opes de exportao (Foto: Reproduo/Andr Sugai)

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

Arquivos gerados pelo Photoshop (Foto: Reproduo/Andr Sugai)

Passo 10. Clique duas vezes no arquivo .html para que ele abra em seu navegador padro e faa 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 no tenha um editor de pginas web agora sabe que
pode utilizar o Photoshop para criaes simples como essa.
Quais so os melhores programas para edio de vdeo?

Comente no Frum do TechTudo.

saiba mais
Como usar o Photoshop online para editar imagens
Conhea os principais sites para baixar fontes para o Photoshop
Lista traz dez editores de vdeo grtis para baixar no computador

http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-d... 12-11-2014

Como inserir um link de Internet em uma imagem usando o Photoshop | Dicas e Tut... Pgina 5 de 5

Adobe Photoshop
Mais Dicas e Tutoriais

Lista de atalhos do Photoshop pode ser baixada em PDF direto no programa

Como abrir arquivos PSD sem usar o Photoshop
Como converter arquivos PSD do Photoshop em png e outros formatos
Veja tambm

Crie uma cover foto para o topo do Facebook no Photoshop; veja dicas
Vdeo mostra o futuro do Adobe Photoshop em dispositivos com Windows

PUBLICIDADE

http://www.techtudo.com.br/dicas-e-tutoriais/noticia/2014/07/como-inserir-um-link-d... 12-11-2014