Generating 2.5D Motion Graphics from 2D Designs

Abstract

As of the year 2020 , the video production industry is worth 31 billion dollars in the United States alone, with more than 6000 businesses and 57000 employees, and keeps growing. The global computer animation market size is anticipated to reach USD 28.30 billion by 2025, according to Grand View Research, Inc. Such significant growth demands the tech industry to introduce better tools for making animations. In this paper, we propose our contribution, specifically for User Interface designers in the field of motion graphics. UI/UX design is found to be one of the top 5 most trending opportunities for motion designers, and our proposed system allows them to generate a 2.5D animation based on a 2D Futuristic User Interface (FUI) design. The ultimate goal is to reduce the production time of FUI animations and minimize the cost of responding to the client’s changes. Obtaining clients’ feedback directly on animations rather than still images would improve the client’s involvement in production, resulting in greater confidence and loyalty. We implement several image processing techniques such as thinning and pixel clustering for pre-processing the 2D designs to segment the given design into an array of atomic shapes. Since the thinned shapes ensure that any pixel in the design does not have adjacent pixels which are also adjacent to each other, it is possible to utilize mathematical means to approximate the shapes. Our system converts a given 2D design to a collection of animated lines and arcs distributed in 3D space that eventually can be exported to the industry-standard tool, Adobe After Effects.