Usando a Ferramenta Slice

Insira hiperlinks nas fatias desejadas!

No uso do dia a dia do Photoshop, as vezes ficamos presos às ferramentas que já conhecemos e que nos dão sempre o efeito que queremos, mas não podemos esquecer que o Photoshop tem um monte de opções que funcionam tão bem para os efeitos que você está acostumado a fazer. Estive lendo um artigo do Baixaki postado pela Luísa Barwinski, que aliás tem muitos artigos e é uma ótima escritora, bem, tive a ousadia de pegar emprestado este artigo que ela escreveu, e acho que não tem problema, afinal conhecimento deve ser passado adiante.





A Ferramenta na qual estamos falando é a Slice, que significa fatia, uma imagem que foi usada essa ferramenta fica fatiada em vários pedaços que você poderá colocar na internet ou alguma apresentação, enfim quem precisa desse tipo de resultado acha na ferramenta Slice a solução.

Para começar o tutorial teremos que (óbvio :P) Abrir o Photoshop.

Qualquer imagem pode ser fatiada pelo Photoshop!

Escolha alguma imagem da sua preferencia para trabalhar.

Ca ferramenta “Crop” (Cortar) e mantenha o botão do mouse pressionado. Clique na opção “Slice Tool”.

Dependendo da versão do Photoshop, a posição das ferramentas pode variar!

Duplique a imagem (CTRL + J) ou seguindo as orientações da imagem abaixo.

Duplique a camada para não ter problemas!

Depois, delete a imagem original como a figura abaixo:

Excula a camada inferior, agora ela já não é mais necessária!

Desenhe quadrados com a ferramenta pela imagem. Você decide o tamanho de cada fatia da foto. Esse recurso é muito útil para quem desenvolve imagens para sites e precisa definir diferentes pedaços para diferentes necessidades. Um exemplo bastante comum são as imagens que possuem diferentes partes com hiperlinks diferentes em cada uma delas. Ao final, sua imagem deve se parecer com esta:

Divida a imagem em várias fatias!

Se o caso do exemplo citado for o seu, ou seja, você está desenvolvendo imagens para a web e precisa inserir hiperlinks diferentes em cada fatia, preste atenção neste passo. Clique com o botão direito sobre a fatia que você deseja ligar a algum site ou aplicativo online. Depois, clique em “Edit Slice Options...”.

Acesse as opções da fatia!

Uma nova janela vai aparecer. Nela você pode inserir dados como a URL da página ou aplicativo online que você deseja relacionar àquela fatia da imagem. Repita este processo quantas vezes for necessário.

Insira suas preferências e URLs nos campos determinados.

Para testar se a ligação das fatias está realmente funcionando, clique em “File” e depois em “Save for web & devices”. Nesta nova janela, clique em “Preview”. Depois que você já viu como a imagem vai ficar quando for reagrupada, é hora de salvá-la.

Saiba como a imagem vai ficar quando for montada no seu navegador!

Volte ao Photoshop, certifique-se de não ter fechado a janela de salvar a imagem para a web. Agora, defina o formato e clique em “Save”. Pronto! Agora você já tem a sua imagem fatiada e com as propriedades editadas pro você mesmo!

Insira hiperlinks nas fatias desejadas!

Escolha o formato para salvar as suas fatias de imagem!



5 comentários:

R. SouzZa disse...

ja conhecia. mas é uma ferramenta MUITO boa, te economiza 20.000 horas de tempo ^^

Anônimo disse...

Essa ferramenta é ótima Aline muito bom mesmo esse post^^>>>craft

Anônimo disse...

Qual formato eu devo colocar para poder usar no blogger?

Aline disse...

podes colocar tanto em JPG quanto em PNG os 2 funcionam muito bem

Portal parceiros MU disse...

como por no blogspot???
como fundo...

Postar um comentário

Após comentar, certifique sua postagem