GIFアニメーション

アニメーション

アニメーション」を効果的に見せるためには「動き」のある部分と無い部分の「差」を大きく見せることで、より動きを感じさせることができます。

物理法則を利用する

縦方向の動きは重力を意識した動きにする
  • 落ちるときは加速する
  • あがるときは減速する

※はずむアニメーションの場合、材質も考慮にいれます。

横方向の動きは慣性の法則を利用する
  • 加速するときの移動距離
  • 減速するときの移動距離
  • 摩擦による減速
「つめ」と「のこし」

あるものが動くアニメーションは、動きの始めと終わりの間に何枚かの絵を描いたり「トゥイーン機能」を利用して作成します。

Webデザインの勉強|風姿花伝 より引用

GIFアニメーション

  • 練習素材

IllustratorからPhotoshopに書きだす時に、カラーモードをRGBにすると、レイヤーを統合しか選択できません。
とりあえずCMYKでレイヤーを保持したのですが、何が間違っているのでしょう・・・

解決

アニメーションを書きだす前に、「編集→ドキュメントのカラーモードをRGBにする」

  • 練習素材(表示秒速0.1秒)


  • 練習素材(表示秒速0.5秒)