Início
Nº Mensagens
Pontos
ID OnlineCriar imagens animadas! [escritos]
Primeiramente, se você não tem PhotoShop siga este tutorial (clique aqui)
-Primeiramente, pressione CTRL+N para criar uma nova imagem.
-Coloque o tamanho de sua imagem e clique OK.
-Então aperte T e selecione o tamanho da caixa de texto.
-Escreva alguma coisa com a cor que quiser.
-Pressione CTRL+J para duplicar o layer.
-Pressione T e selecione a palavra inteira e clique em alguma cor diferente da primeira.
-Desabilite a visibilidade do layer com a palavra da segunda cor 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.
![[Tutorial] Criar imagens animadas [escritos][com imagens] Imagem3zk2](https://2img.net/r/ihimizer/img229/7937/imagem3zk2.jpg)
-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 Animations 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.
![[Tutorial] Criar imagens animadas [escritos][com imagens] Imagem4ex6](https://2img.net/r/ihimizer/img233/6818/imagem4ex6.jpg)
-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.
![[Tutorial] Criar imagens animadas [escritos][com imagens] Imagem5xi3](https://2img.net/r/ihimizer/img216/508/imagem5xi3.jpg)
-Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.
![[Tutorial] Criar imagens animadas [escritos][com imagens] Imagem6gb8](https://2img.net/r/ihimizer/img509/2545/imagem6gb8.gif)
Primeiramente, se você não tem PhotoShop siga este tutorial (clique aqui)
-Primeiramente, pressione CTRL+N para criar uma nova imagem.
-Coloque o tamanho de sua imagem e clique OK.
-Então aperte T e selecione o tamanho da caixa de texto.
-Escreva alguma coisa com a cor que quiser.
-Pressione CTRL+J para duplicar o layer.
-Pressione T e selecione a palavra inteira e clique em alguma cor diferente da primeira.
-Desabilite a visibilidade do layer com a palavra da segunda cor 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.
-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 Animations 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.
-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.
-Clique em Save, na caixa que irá aparecer defina o nome do seu gif e pressione Save, ao final seu gif estará assim.
