Tutorial: Como utilizar a função Zoomify

COMPARTILHE:

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

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

  • [message]
    • ##check##AVISO: Como utilizar a função Zoomify

      • 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 :)

tutoriais photoshop

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.

Como utilizar a função Zoomify

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 3233x2425 pixels e não caberia dentro das proporções do blog.

Como utilizar a função Zoomify

03. Agora vá em File> Export> Zoomify.

Como utilizar a função 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 600x400 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.

Como utilizar a função Zoomify

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.

COMENTÁRIOS

BLOGGER: 11
  1. 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á!

    ResponderExcluir
  2. 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

    ResponderExcluir
  3. 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!

    ResponderExcluir
  4. 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: http://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!

    ResponderExcluir
  5. Muito legal! Pra quem tem CS3...
    Ainda assim, é um bom tutorial.

    igor, a tecla é "tab". Em cima do Caps Lock.

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir

  7. 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...

    http://www.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...

    http://www.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!

    ResponderExcluir
  8. olá Bryan-Kun,

    muito obrigado pela ajuda!

    e parabéns pelo tutorial André, como sempre são ótimos!

    abraços!

    ResponderExcluir
  9. Poxa muiiito legall, pra mim que manjo pouco, consegui abalar o pessoal da facul huahauu,jaja vou te q contar q foi no photoshop.
    Muito bom André

    ResponderExcluir
  10. Ola , estou em portugal ,muitos castelos e igrejas pra fotografar, e com esse efeito as fotos firam mil, obrigado .

    ResponderExcluir
  11. 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.

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,209,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,484,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como utilizar a função Zoomify
Tutorial: Como utilizar a função Zoomify
Como utilizar a nova função Zoomify do Photoshop CS3.
https://www.andresugai.org/Tutoriais/05.2008/T20/imagem4.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/05/como-utilizar-funo-zoomify.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/05/como-utilizar-funo-zoomify.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar