1. /
  2. アニメーション

アニメーション

【css】cssでいろんなアニメーションをつける

https://b-risk.jp/blog/2021/01/anim-reference/

@keyframeでアニメーション

https://into-the-program.com/slidein/

テキストにマスクをしてアニメーションする

https://b-risk.jp/blog/2019/10/text-mask-animation/

パスのマスクサンプルジェネレーター

https://ics-creative.github.io/210604_mask_variations/css_sample.html

マスクの使い方

https://github.com/ics-creative/210604_mask_variations/blob/main/canvas_sample.html

【photoshop】アニメーションGIFの制作方法

PhotoshopCCでアニメーションgifを作る！

https://uxmilk.jp/23938

 

【まとめ】

・タイムラインウインドウなるものを開く

・下に出てくるので、コマを追加して、複製したり秒数いじったりして制作

・アセットでは書き出せないっぽいので、ファイル→書き出し→書き出し形式→gifだとうまくgifが動かないことがあったので、慣れているweb用に保存（従来）でやったらできました。