Meus Tutoriais

Tutoriais, Design, Programação, Linux e Tecnologia.

Como criar um Gif no Photoshop CS3

fevereiro 21st, 2008 by Lucas

imagem6.bmp01. Pressione Ctrl+N para criar um novo documento de 504×360 pixels, com fundo branco, 72 dpi’s e modo de cor em RGB, pressione Ok, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo no seu documento usando a cor preta.

02. Pressione Ctrl+J para duplicar a layer, pressione a letra T novamente para selecionar a Horizontal Type Tool e selecione toda a palavra, mude a cor da palavra para vermelho.

03. Desabilite a visibilidade da layer com a palavra em vermelho clicando no olho que existe a frente da layer na paleta de layers, vá em Window> Animation, a paleta Animation irá aparecer na sua tela, caso sua paleta Animation não esteja como a da foto abaixo clique no pequeno ícone que existe no canto inferior direito da paleta chamado Convert To Frame Animation, ao fazer isto você verá que existe apenas um frame na paleta, clique no ícone do documento que está ao lado da lata de lixo na paleta Animation chamado Duplicates Selected Frames, isto irá duplicar seu frame, agora você possui dois frames iguais, porém para criar a animação você precisa de pelo menos dois frames diferentes, então na paleta de layers ative novamente a visibilidade da layer que contém a palavra em vermelho e você verá que na paleta Animation seu segundo frame aparece com a palavra em vermelho também, como na imagem abaixo.

04. Clique em um dos frames na paleta Animation, pressione a tecla Shift e clique no outro frame para selecionar os dois frames, agora clique na pequena seta em um dos dois frames, esta seta apresenta ao seu lado a duração em segundos de cada frame na animação, ao clicar na seta um menu irá abrir com diversas opções, escolha 0.1 Seconds, agora clique no botão de Play na paleta de Animation para ver as cores se alternarem, agora clique no ícone Tweens Animation Frames, é um pequeno ícone que apresenta uma série de pequenos quadrados em seguencia, este ícone define a suavização entre as animações, defina os valores abaixo.

05. Você verá que uma série de frames foram criados automaticamente pelo Photoshop, na realidade 5 como foram definidos na caixa de Tween, agora clique no primeiro frame da esquerda para a direita e clique no botão de Play no rodapé da paleta Animation, você verá que a animação acontece porém para no final, então abaixo do primeiro frame você verá a palavra Once, clique nela e mude para Forever, isto fará com que a animação fique rodando em Looping, agora clique no último frame e clique novamente no ícone de Tweens Animation Frames, e na opção Tween With mude para First Frame, pressione Ok, isto fará com que o Photoshop crie mais frames voltando para a cor do primeiro frame, clique no primeiro frame e clique no botão de Play, você verá que a letra vai do preto para o vermelho e depois volta para o preto em uma transição suave, terminada a animação você pode fechar a paleta de Animation, para salvar seu gif com movimento vá em File> Save For Web & Devices ou pressione Ctrl+Alt+Shift+S e defina os valores abaixo.

06. Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Posted in Design, Photoshop

6 Responses

  1. Rafael

    nao consigoo
    Quando vou pra salvar o comp da erro e ele é fechado
    Por favor me ajuda
    Me manda um email
    Vlw

  2. Wilson

    Muito bem explicado, parabéns!
    Show de bola, a gente é macaco velho mas as vezes apanha de algo tão simples.

    Abraços e a disposição.

  3. Sandrinha

    Gif

  4. pedsro Art's

    meu problema ta igual do rafael ai acima. eu naun o fazer + .
    nao consigoo
    Quando vou pra salvar o comp da erro e ele é fechado
    Por favor me ajuda
    Me manda um email

  5. Eunice

    Adorei a explicação, mas tive o mesmo problema do Rafael, na hora de salvar para a web o PS fecha. Tem outra maneira?
    Abs,
    Eunice

  6. Correção do erro salvar para web

    Quem estiver com o problema do PS CS3 com tradução para o português travando, me passa o email que eu envio o arquivo de correção que consegui no forum do http://www.edonkers.org
    eunice@imprenditore.com.br
    Abraços

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

Pesquisar posts


Categorias

Tutoriais Anteriores

Sites Amigos

Anúncio provido pelo BuscaPé
BlogBlogs
VoceSabia