「もう一度」を押すと、線が描かれます。

あわせて引く

ラインドローイング

Line Drawing Animation

ふだんの言い方線が描かれていく一筆書きのアニメーションするすると伸びる線

見えないペンでなぞるように、線が少しずつ描かれていく演出。

見分けるポイント

  • 線の始まりから終わりへ、なぞるように現れる
  • ロゴ、アイコン、下線、手書きの丸に使う
  • SVGの線の長さを利用して動かす

AIへの伝え方

変更する場所:ロゴやイラストの登場。 ロゴの登場を、ラインドローイングのアニメーションにしてください。SVGの線を stroke-dasharray と stroke-dashoffset で制御し、見えないペンでなぞるように1.5秒かけて始点から終点へ描いてください。描き終わったら、塗りを0.3秒でフェードインさせてください。再生は1回だけにしてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く