em , , , ,

Tutorial: Como utilizar a função Zoomify

Descrição: Como utilizar a nova função Zoomify do Photoshop CS3.

  • [message]
    • AVISO: Sobre a função Zoomify

      • O recurso Zoomify nativo do Photoshop está disponível até a versão 22.0, lançada em dezembro de 2020.A partir da versão 22.1, lançada em dezembro de 2020, o recurso Zoomify foi removido do Photoshop. A Adobe optou por remover a função nativa e direcionar os usuários para alternativas mais modernas e eficientes, como o plugin Zoomable for Adobe Photoshop.

        Zoomable for Adobe Photoshop

        O plugin Zoomable for Adobe Photoshop é o sucessor do recurso Zoomify nativo. Ele oferece funcionalidades semelhantes, mas com recursos mais avançados e atualizados, utilizando a biblioteca JavaScript OpenSeadragon.

        O plugin Zoomable for Adobe Photoshop está disponível na Adobe Exchange e pode ser instalado nas versões do Photoshop CC 2015 e posteriores.

        Como usar o Zoomify no Photoshop após a versão 22.0

        Existem duas maneiras principais de usar o Zoomify no Photoshop após a versão 22.0:

        1. Usar o plugin Zoomable for Adobe Photoshop:

        Acesse a Adobe Exchange e instale o plugin Zoomable for Adobe Photoshop.
        Abra o Photoshop e selecione a imagem que deseja exportar como Zoomify.
        Vá em Arquivo > Exportar > Zoomable.
        Selecione as opções desejadas para a exportação do Zoomify e clique em Exportar.

        2. Usar um serviço online de Zoomify:

        Existem diversos serviços online que permitem criar imagens Zoomify.
        Faça o upload da sua imagem para o serviço online.
        Selecione as opções desejadas para a criação do Zoomify.
        Baixe o arquivo Zoomify criado.
        Recursos adicionais:

        Página do plugin Zoomable for Adobe Photoshop na Adobe Exchange: https://exchange.adobe.com/apps/cc/105823/zoomable-for-adobe-photoshop

        Comunidade Adobe: Discussão sobre a remoção do Zoomify do Photoshop: https://community.adobe.com/t5/photoshop/zoomify-is-missing-from-photoshop-22-1/td-p/11673715

        Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

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.

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.

11 Comments

  1. Resposta para o Igor e para mais quem possa interessar.
    Se a sua Paleta de Layers sumiu, vá em:
    Window > Workspace > Reset Pallete Locations.
    Pronto, ela estará lá novamente.
    Isso também já me aconteceu e, pesquisando consegui a
    minha de volta.
    Abraços.

    Minha.


  2. Olá André!

    Primeiramente, parabéns pelo Blog!
    Estou começando a “photoshopar” agora e o seu blog tem me sido muito útil.

    Bom, estou deixando este comentário para lhe mostrar este site. É um site americano destinado a photoshop. Muuuito provavelmente você já o conhece… tem uns tutoriais bem legais, mas está tudo em inglês e a maioria deles é muito resumido… dificultando a execução deles por quem está começando… como eu! Acho que seria bem legal se você postasse alguns desses tutoriais traduzidos (e melhor explicados!) aqui no blog. Tem umas idéias muito interessantes…

    worth1000.com/

    Aqui o link para um tutorial que eu gostaria muito que você postasse aqui…
    Além da dos caras trem sido muito criativos, a montagem foi muito bem feita… mas está em inglês, e está muit resumida…

    worth1000.com/tutorial.asp?sid=161240

    Pow, o pessoal ia pirar se tu postasse como se faz essa montagem ae…
    Ja fiz este mesmo pedido na comunidade do orkut, mas como não sei se é você quem responde os tópicos da comu, postei ele aqui… já que percebi que você responde a todos os comentários do pessoal aqui…

    Abraço!

  3. e ae cara, blz?
    poxa eu deixei um recardo aqui, mas eu não sei s evc vai conseguir ler, então eu resolvi mandar mais um só que com um exemplo do que eu quero que fvc explique…
    tipo nesse tutorial: tutoriaisphotoshop.blogspot.com/2008/01/letras-em-3d.html

    vc faz a mesma coisa do que no que eo falando… só que o outro a parte de cima é de pedra entendeu? E tem varias outras camadas pra baixo…

    Abraço e brigado.

    OBS: site muitooo boom!

    parabens pelo 1º lugar!

  4. olá André,

    olha eu enchendo o saco de novo, consegui salvar em JPG, muito obrigado pela ajuda, mas agora todas as minhas paletas sumiram, sumiu a paleta de ferramentas, a paleta de layers… sumiu tudo só ficou aquela área onde tem “File – Edit” essas coisas.

    me lembro que vi uma vez não sei onde uma matéria que falava que se clicar com uma tecla (não sei qual) pressionada em cima do atalho do Photoshop o mesmo iria iniciar com todas as ferramentas resetadas.

    você sabe me dizer que tecla é essa?

    agradeço desde já!

    abraços!

  5. Oi Igor, isto acontece porque você está usando um modo de cor que não permite este tipo de compressão de imagem, faça o seguinte, vá em Image> Mode> RGB, pronto, agora você poderá salvar em JPG normalmente, obrigado pela visita!! :D

  6. olá André,

    tenha uma dúvida, não tem nada a ver com o tutorial (não sei se você pode me ajudar) eu fiz o tutorial Letras com cores quentes e efeito pixelado, consegui terminar o tutorial normalmente mas na hora que fui salvar eu fui em: File > Save as, mas pra minha surpresa não havia a opção de JPG nos tipos de arquivos!

    Você sabe o que deve ter acontecido??

    Agradeço desde já!

HellBoy em Speed Paint

Você usa o Photoshop para Lazer ou Profissionalmente? Resultados