This video is a walk through the Apple Music interface, highlighting various features. Feels like it belongs on the official Apple Music page. It’s certainly too long for an ad.
One thing worth noticing are the not-quite-transparent circles that stand in for a finger tap or drag. Watch the video with that in mind. There are a lot of them.
The circles are used both for touches and to highlight sections of the interface. My guess is, these circles are part of some third party screen recording app and were placed there frame-by-frame.
I would love it if Apple would expose the technology that made those circles as part of the QuickTime Player’s iPhone screen recording interface. There are ways to capture touches in a video but, in my opinion, none come close to matching these.
Nice video. Wish I could like Music as much as I like this video.
I doubt those are a vanilla screen-recorder with tap data. If you look closely, many (all?) of the motion actions represented aren’t drags. The moving circle represents the gesture of a finger swooping above the UI then tapping. Apple’s ad animates the flavor of casual user interaction beyond the confines of pure touch event data.
This suggests that the circle animations were hand-edited, possibly with assistance from a screen recorder that also records touches.
Either way, it sets a bar for how to do a fluid video illustration of a touch UI.
Oh, one of my favorite subjects. 🙂
These circles representing touch activity definitely look like they’ve added afterwards, apps like ScreenFlow have a feature just for that. It’s a real pain to do this manually, but the only way (at least known to me) to record the screen WITH the taps at the same time use to require jailbreaking and an app called “Display Recorder” from Cydia. With that, it was a breeze.
Side note: Android has a system setting for that, out of the box. It’s called “Show taps” if I recall correctly. What I would give for Apple to include that in iOS.
Yes, the technology is already available, the app is called ‘After Effects’
Yeah, as someone else said, this was done in After Effects. I’ve done enough of these type of things to know the difference between screen capture and motion graphics.