Answer the question
In order to leave comments, you need to log in
How to create interface animation with translucent cursor?
Good afternoon guys!
I can't find a tutorial that shows how to make an animation of an application with a cursor. Like here at the very beginning: https://www.youtube.com/watch?v=0yMyMDJe3YQ
Does anyone know how these animations are created?
Answer the question
In order to leave comments, you need to log in
The first thing that comes to mind: open the version of your application in the browser through the Device Toolbar (Chrome will give a cursor)
And turn on the screen recording. Next, put the phone case on top of the video. Ready.
Second option: Do everything from scratch, in the same After Effects. It will take an unreasonably long time.
Third option: If your program is specialized for a certain platform, and there is no web version, then you need to look at the options for this particular platform.
Most likely the author of the video used some kind of prototyping program. For example Framer. It has a Preview function, it uses just such a cursor.
Another option: Principle. There, the preview also uses a similar cursor.
In the latter, you can record a video or make a GIF with or without a cursor.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question