Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ðiogo

Botão no Menu

Recommended Posts

Povo, tô com dúvida num tuto q usa 1° o PS e depois entra no Image Reader, alguém poderia disponibilizar um tempo para explicar essa parte pois naum mexo com Imagem Reader e naum entendo muito o inglês, já foi um custo danado entender TUTO em inglês na parte do PS, agora com imagem reader eu parei...se alguém puder me ajudar...

O TUTO

Compartilhar este post


Link para o post
Compartilhar em outros sites

PÔ GENTE, EU POSTO UM NEGÓCIO Q PRECISO DE AJUDA E NINGUÉM CONSEGUIU ENTENDER??? ALGUÉM UM DIA PODERIA ME EXPLICAR ESSE TUDO POIS TO PERDIDO EM TUDO ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Fala..tudo na paz?Seguinte, espero que seja útil... Fiz uma tradução rápida aqui(mais ou menos, foi na mão mesmo...tradutor mais atrapalha do que ajuda) do tuto (da 2ª parte, ImageReady). Deixei alguns (a maioria) dos comandos sem tradução, pois imagino que o seu IR seja em inglês.Antes que perguntem.. apenas traduzi..não uso o IR... ;) Tomara que sirva pra você..FUI!!Parte 2 - Animando com ImageReady1. Abra o PSD criado na Parte 1 no ImageReady. tanto carregando a imagem (ctrl+O) (Arquivo -Abrir) ou enviando pelo Photoshop (ctrl+Shift +M) (Arquivo - Enviar Para - Adobe ImageReady 2.0) ou clique no botão de pulo localizado na parte de baixo da barra de tarefas.2. Tenha certeza de que a paleta de Animação está visivel. (f11)(Janela - Mostrar Animação)Também, como mostrado na figura, os únicos layers visiveis devem ser o layer de escrita (ANIM), o "tvlines", o "Hue/Saturation" e o background (ou layer 0).Estes layers vão formar o estado normal do mouse over.( a imagem estática que existe antes que o usuário coloque o mouse em cima).3. Depois, mostre a paleta de recorte (Slice) (Janela, mostrar "Slice" ou clique na guia "Slice" no topo da paleta de animação). Coloque um nome para o "Slice" e a URL da página de destino.( e o target, se aplicável)Nota: Se você não estiver vendo todas as opções da paleta "Slice" (como "precision", "Message" e "Alt") Clique em "More options ou selecione "Show Options" no menu da paleta.4. Mostre a paleta "Rollover" (Window - Show Rollover ou clique na guia rollover no topo da paleta de animação). Adicione um novo estado clicando no ícone de New rollover State embaixo da paleta. O segundo estado padrão será o OVER (nome curto para MouseOver) que é o que queremos.Nota: Para mudar o tipo de rollover, clique no seu título ( no caso, OVER) e selecione outro na lista.5. Agora vamos criar a animação para o estado OVER. Volte para a paleta de animação (f11). O frame 1 irá parecer igual ao que fizemos para o estado normal. Desligue o layer de escrita e ligue (deixe visível) o layer "mblur10"6. Duplique o frame atual (pelo botão Duplicate frame embaixo da paleta de animação). Desligue o layer "mblur10" e lige o layer "mblur5"7. De novo, duplique o layer atual, Deixe o layer "mblur5" visível, mas também torne visível o layer de texto. Mude a opcaity do layer de texto para 50%. alterando no topo da paleta de layers.8. Duplique o layer mais uma vez. Desligue o layer "mblur5" a mude a "opacity" do layer de texto de volta para 100%.Para completar a nossa animação MouseOver, vamos exagerar no "glow" neste frame final.Tenha certeza de que a paleta "Layer Options/Effects" está visível (Window - Show Layer Options/Effects)Abra o layer de efitos associado ao layer de texto. Selecione o efeito "Outer Glow" (a paleta "Options" irá mudar parar mostrar as configurações do efeito). Mude a "opacity "do efeito de 75% para 100%.Já que não queremos um loop na animação quando o mouse estiver sobre ela ( queremos que ela rode apenas uma vez e pare no último frame) tenha certeza de ter mudado o "Loopo Mode" para "Once", no canto esquerdo baixo da paleta de animação.Teste a animação usando o botão "Play" na paleta de animação.Nota: A velocidade pode ser um pouco lenta no ImageReady, mas a saíde otimizada irá tocar na velocidade correta.10. Antes que possamos salvar a nossa animação, temos que especificar as configurações para otimizá-la.Neste caso, eu usei os valores mostrados ao lado. Entretanto, você pode utilizar uma otimização padrão (na caixa Settings) ou usar as opções abaixo para definir a sua prórpia.Nota: Se você não estiver vendo algumas das opções abaixo (como "transparency", clique em "More Options" ou selecione "Show Options" no menu da paleta. - Formato do arquivo otimizado: GIF, PNG-8, PNG-24 ou JPEG - Algorítimo de redução de cor: as opções são "Perceptual", "Selective", "adaptive", "Web", "Custom (de uma paleta existente)", MacOS ou Windows (ou qualquer paleta previamente salva). - Algorítimo de "Dithering"(não sei a tradução..): escolha "No dither", "diffusion", "Pattern" ou "Noise Pattern" - Transparência: Deixe ligado para habilitar a transparência ( disponível parar todos os formatos, exceto JPEG - que não aramazena informação de transparência) - Entrelaçado: Deixe ligado para ter as imagens mostrados progressivamente. - Perda: Defina (em %) a quantidade de perda permitida na compressão de GIF's. - Máximo de Cores: O número máximo de cores alocadas na tabela de cores (2 a 256). - Quantidade de "Dither": ( essa eu fico devendo...) - Cor de "Acerto": a cor contra qual a transparência vai ser usada ( por exemplo, a cor de fundo) - Tolerancia de "Web-snap": um tolerância (em %) parar se rem usadas cores padrão da paleta de cores para Web.Dica: Você pode salvar suas configurações selecionando "Svae Settings" No menu da paleta de Otimização.11. Finalmente, salve a animação otimizada ( Ctrl+Alt+shift+S). Isso irá salvar todos os estados (normal e over) assim como o código HTML e Javascript associado ( desd que marcadas as opções apropriadas na caixa de diálogo "Save Optimized".Também não ensqueça de salvar o seu PSD (Ctrl+S).Dica: Você pode especificar a cor de fundo (ou imagem) do seu documento HTML usando a opção "HTML background" (File - HTML Background". Não esqueça de salvar o seu PSD cada vez que você fizer uma mudança.É isso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uhuuu, vlw cara, consegui fazer um aqui da horinha...thanks...muito show a tradução!!! :rolleyes: :rolleyes: :D :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.