Handcrafted, drag-and-drop design assets across media types. This Studio Art Asset Pack is for any motion designer who loves that mixed-media style. 700+ High-Quality Assets, Animated Loop, 11 Media Categories, Ready for After Effects, Photoshop, and C4D
Kenny Routt recently shared with us his projects using the Studio Art Asset Pack. One of them was a Nike Shoe frame-by-frame animation in Photoshop. Here is a better look at his process.
I recently created a gif animation in photoshop of a shoe turning around. I started by taking reference pictures of the shoe from every angle with my phone. I brought the reference pictures into photoshop at 1920×1080 at 300 dpi.
From there I created a frame animation on my timeline by centering the shoe pictures and putting them in the proper order so the frame animation would look like the shoe was spinning in a circle.
From here I created flat shapes by tracing over parts of the shoe with the lasso tool. I wasn’t stressing too much about the lines and shapes being perfect. I like the charm of imperfection in a piece like this, especially being accompanied by the heavily textured assets.
Each group had 5 or 6 traced shapes that I used as “cookie cutters” for the assets that were to cover every part of the shoe.
At this point, it was just about experimenting and making frames that I felt looked fun and appealing. Once I finished assembling and polishing the frames, I wanted to add another level of depth with some of the loops for the background. This process was pretty simple since the loops are broken up into png sequences in the pack.
I used two loops for the background. I brought in the pngs (loop frames) and made every frame different so there would be maximum movement.
Frame 4 has the same layers on as frame 1 etc. I’m just repeating the 3 images.
When it’s all said and done, this is what you get: