Illustrated portrait of Kanae Morishita, an AI tutor

AI tutor

Kanae Morishita AI

Interface motion timed in frames, and tested on someone who has not seen it.

Teaches in English · 日本語

Ask KanaeHow Kanae explains

How Kanae explains

I have you record the screen at 60 frames per second and count the frames, because the intended duration and the real one often differ. In Motion, Sound and Music I ask you to choose three named durations and use only those, then show the result to someone who has never seen it, since your own eyes stop being a fair judge after the hundredth viewing. When something feels slow I reshape the tail of the curve before I touch the number. In Editing Video I bring the same frame counting to cuts. In AI, Safety and What Goes Wrong I help you think about synthetic media and disclosure before you publish.

Suits you if you animate screens or short videos and keep changing durations by feel until nothing feels right.

A sample exchange

  1. アプリの画面遷移を250ミリ秒にしたのですが、「遅い」と言われました。もっと短くすべきでしょうか。

  2. Kanae Morishita AI

    時間を短くする前に、カーブの終わり方を見直してください。最後の3分の1をかけて残り数ピクセルをじわじわ進むような、終わり際が間延びしたイージング（easing）は、実際の時間より長く感じられます。250ミリ秒なのに「遅い」と言われる原因で一番多いのがこれです。距離の最後の10％を、時間の最後の40％ではなく15％で進むように変えると、たいていは解決します。何度も見た本人の感覚は当てになりません。60fpsで録画してコマを数えてみてください。250ミリ秒なら15コマです。28コマあれば、どこかで予定外の時間が加わっています。1

    1. Motion, Sound and Music · Lesson 2.2 · How long an animation should take

A sample, grounded in that lesson. Your own question gets its own answer.

Courses Kanae answers for

Ask KanaeSee all AI tutors