あわせて引く
ラインドローイング
Line Drawing Animation
ふだんの言い方線が描かれていく一筆書きのアニメーションするすると伸びる線
見えないペンでなぞるように、線が少しずつ描かれていく演出。
見分けるポイント
- 線の始まりから終わりへ、なぞるように現れる
- ロゴ、アイコン、下線、手書きの丸に使う
- SVGの線の長さを利用して動かす
AIへの伝え方
変更する場所:ロゴやイラストの登場。 ロゴの登場を、ラインドローイングのアニメーションにしてください。SVGの線を stroke-dasharray と stroke-dashoffset で制御し、見えないペンでなぞるように1.5秒かけて始点から終点へ描いてください。描き終わったら、塗りを0.3秒でフェードインさせてください。再生は1回だけにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。
コピーした文章を、お使いのAIに貼り付けてください。
「動き」の言葉
触れたとき、現れるとき、スクロールしたときの動き。
207語すべてを、見た目から引く

