Studio Supers

Task: Create a carousel of videos, and have each video appear as if it is on an iphone.

Approaching this, I had a general idea what I wanted to do, but I honestly wasn't sure how I was going to pull it off. I felt like a mask would be my best option, but was still unsure on the execution.

Here is what I ended up doing! I pulled an iphone shell png into adobe illustrator, and then put a rectangle behind the png to act as the "screen". I went ahead and saved that as an svg, put the backing rectangle inside a 'foreign object' inside the svg, and then used that as a mask for the video.

Overall, I loved how it turned out. It was exactly what he was looking for, and was a fun challenge.