N
N
nanashi21602018-10-30 11:31:39
User interface
nanashi2160, 2018-10-30 11:31:39

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

2 answer(s)
S
Shultc, 2018-10-30
@Shultc

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.

F
figure04, 2018-11-06
@figure04

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 question

Ask a Question

731 491 924 answers to any question