Respondendo a Perguntas, Zoom na Imagem
Recebi um coment a respeito de uma duvida de um dos nossos visitantes, ele queria saber como fazer um zoom na imagem com uma miniatura, ai vai um tutorial de como fazer isso utilizando o photoshop e um plugin, é bem simles e bem útil, espero que ajude.
01. Pressione Ctrl+o e abra uma imagem de grande, no caso deste tutorial iremos usar a imagem abaixo, caso queira usar a mesma imagem clique com o botão direito do mouse sobre a imagem abaixo e escolha a opção Save Link As.
02. (Opcional)Com a imagem aberta pressione Ctrl+Alt+I ou vá em Image> Image Size para conferir o tamanho da imagem, no caso a imagem do tutorial tem 3233×2425 pixels e não caberia dentro das proporções do blog.
03. Agora vá em File> Export> Zoomify.
04. A caixa abaixo será aberta, nela você irá configurar como seu player do Zoomify será, nela você encontra:
Template (Template)
Define o plano de fundo e a navegação para a imagem visualizada no navegador.
Localização de Saída (Output Location)
Especifica o local e o nome do arquivo
Opções de Imagem Lado a Lado (Image Tile Options)
Especifica a qualidade da imagem
Opções do Navegador (Browser Options)
Define a largura e a altura do pixel para a imagem básica no navegador do usuário, ou seja, define o tamanho que o player terá, no caso do tutorial o tamanho definido foi o de 600×400 pixels, caso a opção Open In WebBrowser esteja marcada assim que a exportação terminar o Photoshop exibe automaticamente sua imagem no WebBrowser com o Zoomify, deixe esta opção marcada.
Depois de definido todos os parâmetros pressione Ok.
05. Depois de exportada a imagem automaticamente ela abrirá em seu WebBrowser, você verá uma imagem como a da foto abaixo onde:
1- Navigator (Navegador)
Ajuda na navegação em caso de imagens muito grandes, para isto basta clicar e arrastar em cima do navigator, você escolhe a opção de player com ou sem Navigator no menu dropdown Template da tela anterior.
2-Zoom (Zoom)
Basta arrastar o slider de Zoom para aproximar ou distanciar a foto usada, pode-se também clicar nos ícones de “+” e “-” para a mesma função.
3-Setas direcionais
Servem para navegar dentro da foto
4-Reset
Ao ser clicado o ícone retorna a imagem para o tamanho especificado na tela anterior.
5-Mouse
Clicando com o mouse diretamente sobre a foto também é possível navegar, para dar Zoom clique sobre a área desejada ou use o Scroll do mouse, para navegar clique e arraste para a área desejada.
Para ver o Zoomify em funcionamento clique sobre a imagem abaixo.
