Hi there! I’m Susy, one of the artists at Raccoopack. I’m also known as the Super Stylistic Support Snail. I help with game assets, mockups, and flashy designs.
Landing Scene for Cook to the Beat mobile game on Android and iOS
Since there aren’t many tutorials available for designing intro scenes and animating them in full detail, this was a huge experimental process. My process comes from a beginner’s perspective with Premiere Pro but with advanced Photoshop techniques. I have summarized the constraints and what my approach was. This is a breakdown of how I made Cook to the Beat’s landing scene. Enjoy!
The storyboard was an animatic because it needed to match the rhythm of the music to keep to the spirit of the game. The idea at first was animation of veggies flying from the chopping board to the dish as a transition scene. Later on it was simplified it to make the scene shorter.
Setting up the illustration, reusing all available assets.
The first thing after the sketch was to save time by importing existing available assets.
Creating the composition was done as an illustration. The background was extended using Photoshop’s copy and stamp tools. Then I imported the dishes and Simon. The perspectives of these were changed using the transformation tool and distort/skew settings.
Changing the perspective of the existing dish assets.
Layout perspective of landing scene.
Final Illustration before exporting layers.
Segmenting the layers for camera parallax movement. Blue border for checking mobile phone ratios.
Keyframing in Premiere Pro.
The hardest hurdles for this project was ill-planned perspectives of the dishes and keyframes for a seamless looping animation. Next time I would set up the keyframes differently rather than animating each one separately and account for overlapping parts. The distance between the dishes needed to be set much earlier since time was used in correcting the sizes and parts of the dishes continuously.
Overall this project took about 18 hours to finish but most of the time was for correcting issues that could have been prevented! I hope this information can be helpful to fellow developers and artists.
© RaccooPack Studios 2018