em tp, 2014, junho, tutoriais com dificuldade 2, Tutoriais de Photoshop, tutoriais para web usando o Photoshop

Como inserir um link de internet em uma imagem usando o Photoshop.

12.6k Visualizações

Descrição: Neste tutorial veremos como aplicar um link de internet em uma imagem utilizando o Photoshop, para isso usaremos a ferramenta slice e a função Save for Web.

01. Pressione Ctrl+O e abra uma foto qualquer no Photoshop.

02. Pressione a letra C do teclado para selecionar a Slice Tool, caso apareça outra ferramenta pressione Shift+C até que a Slice Tool seja selecionada, crie os slices da maneira que desejar.

03. Clique com o botão direito do mouse sobre um dos slices e escolha a opção Slice Options.

04. Defina a url de destino do link e pressione Ok.

05. Vá em File> Save For Web e defina os valores abaixo.

06. Escolha a opção HTML and Images no menu dropdown e pressione Ok.

07. Abra o arquivo HTML em um navegador qualquer, passe o mouse sobre a área onde criamos o link e pressione para testar.

Site de origem: http://www.webdesigndev.com/photoshop/hyperlink-photoshop

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Download: Patterns Hipsters em .PSD, .AI e .EPS.

Download: Plugin gratuito para inserir Webfonts em layouts do Photoshop.