Volume 7, Issue 8, August – 2022 International Journal of Innovative Science and Research Technology

ISSN No:-2456-2165

The Effective Motion Graphics Production

Dr. Abuelainin Hussain
University of Bahrain

Abstract:- The essay looks at how design, technology, and criteria that characterise the genre-specific motion graphics
interactivity interact to influence the creation of motion production process (as opposed to comparable types of
graphics. The creation of graphics and their movement in animation), describe the function of interactive motion graphics
time and space to accomplish a purpose or tell a story are as a new medium, and specify the tools and technologies used in
both parts of the motion graphics production process. To its creation. Some design studios collaborate with a range of
give the impression of motion, the motion graphic customers to develop cutting-edge online experiences,
components are arranged in a series of frames. Unlike other construct innovative interactive environments, and apply
types of animation, graphics and type are used largely unconventional techniques to traditional media.
during the development of animated motion graphics. With
3D modelling, surfacing, rigging, character effects, matte The exhibit in Figure 3 uses an infrared camera-based
painting, lighting, and rendering, the motion graphics motion detection system to enable users to pursue, shoo, catch,
production process continues. Animation will proceed and tease the projected motion graphics. As a less resource-
through these processes from production through post- intensive alternative to processor-intensive motion trackers, it
production. It integrates viewpoints on media systems and employs in-house created algorithms to detect presence and
technology with knowledge of the production process, motion. It can be easily set up to function with various
target audience, and trends influencing content. With all its installation layouts and lighting situations and is best suited for
benefits and drawbacks compared to static design, the fact impromptu encounters. This interactive artwork was likely
that millions of people utilize motion graphics as a form of influenced by action painting, a popular painting technique
expression gives it a position in recent history that no other from the 1940s until the early 1960s. Paint is spontaneously
form of artistic expression or communication has. Another dribbled, splattered, or smeared over the canvas in action
significant change in the structure of the digital world will painting, also known as "gestural abstraction," as opposed to
undoubtedly arise from such a shift in the user/audience- being done with precision. The resulting artwork frequently
producer/designer connection. The research study highlights the actual painting process as a crucial component of
investigates the genre, narrative, and technological aspects the completed piece or the artist's primary priority. The
of motion graphics using the interpretive technique of media American critic Harold Rosenberg first used the phrase in 1952,
analysis. which marked a significant shift in the New York School's
artists' and critics' aesthetic viewpoint. The canvas, in
Keywords:- Motion Graphics, Multimedia Design, Graphics Rosenberg's words, was "an arena in which to perform." A
Design, Graphics Production. number of significant art movements were founded on
Rosenberg's redefining of art as an act rather than an object, as
I. INTRODUCTION a process rather than a finished thing.

The rising pace of technology has caused changes in II. PROBLEM STATEMENT
design because visual design is becoming more and more
prevalent on television, the Internet, video games, interfaces for Production of motion graphics almost often includes
electronic devices, posters on low-cost LCD displays, and audio, video, animation, photography, illustrations, and
interactive posters [1]. All of the aforementioned applications typography. The boundaries between these forms are unclear,
represent a logical evolution of static design, much like how particularly in multimedia works, but we can say that a video or
film evolved after the development of voice recordings, film depicting a mobile object is not motion graphics unless it
television evolved following the development of colour incorporates design elements like letters, shapes, or lines, i.e.,
television, or the internet evolved following a sharp rise in the unless it uses design elements to convey a message, despite the
usage of broadband connections. There is proof that fact that it depicts the object in motion and does so graphically
instructional animation outperforms static images in terms of or visually [3]. Motion graphics are created by combining
learning outcomes when it comes to the use of motion graphics animation with a substantial amount of text or animated shapes
in education [2]. Ever more alluring and complex inventions without a clear story. Animation by itself is not motion
will be produced as a result of rising public demand and graphics.
advertisers' need for attention. Motion graphics are created by
combining animation with a substantial amount of text or
animated shapes without a clear story. Animation by itself is not
motion graphics. Therefore, it is essential to establish the

IJISRT22AUG920 www.ijisrt.com 646

Volume 7, Issue 8, August – 2022 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
III. RESEARCH METHODOLOGY John Withney, a well-known animator, in 1960. Saul Bass was
the first to make significant use of animation in his work
The time it takes to develop a motion graphic determines (Asadollahi, 2014). In its simplest definition, “motion graphics”
the production methods used. Most designers are accustomed to means graphics in movement, it is animation, but with text as a
generating a single composition for a single, distinct frame, thus major component. Basically, it’s animated graphic design
they find it challenging to create motion graphics where a single where sound, motion and graphic design are combined
composition can only be preserved for a limited time and where exceptionally well (Shaw, 2018). In the same spirit Joao Paulo
all the components must ultimately work together as a seamless (2014) devised the following definition of motion graphics:
whole. In motion graphics, the complete piece (much like the “The art of combining animation and graphic design in order to
film) must work as a semantic whole. This is similar to static convey information and communicate ideas” (Schlittler, 2015).
design, where it is useless if only a portion of the composition Motion graphics can be considered as a subclass of animation.
carries out its role. This requirement can run into problems due While animation depends on building a story and characters,
to the ever more sophisticated demands of contemporary public, motion graphics centers on disposing of pointless substance and
saturated and bombarded by interactive communication from communicating with fundamental components such as color,
all sides. t is no rarity that illustrators, after transiting to the field space, and typography (Shaw, 2018). According to Steve
of motion graphics, which is computer- generated, retain basic Curran (2000), Shir & Asadollahi (2014), motion graphics has
illustrational concepts and add hand-drawn elements to complete become a new tool for getting better and more effective
individual frames. communication. It is a way to communicate with the audience
while adding depth to the content of the story.
 Motion Graphics Production tools used for collecting data
and material Mohsen Fathi Dare Shir and Mostafa Asadollahi in their
 Drawing study (2014) concluded that Visual communication plays an
 Illustration influential role in benefiting from the educational concepts of
 Cartoon people, and many educational contents are exchanged through
positive and effective interactions (Asadollahi, 2014) Motion
The amount of time it takes to produce motion graphics is graphics can be used as a medium to convey information
a major factor. Without a doubt, Saul Bass would have used a because it is emotionally captivating and thus information can
computer to produce the images for the Man with the Golden be extracted and understood easily. In addition to being
Arm, and he would have needed just a few hours to complete noticeable, it affects our feelings. In fact, it represents a
the task as opposed to several days (the execution itself, not the biological response called the affective contagion phenomenon.
germination of idea). We can definitely bring up computer- According to this phenomenon, a person will immediately
generated motion graphics in the second case. The creation of sympathize and feel the feelings of experiences depicted on the
hand-drawn figures that are digitally transferred into one of the screen. Therefore, we feel physical fear when watching a horror
vector programmes where their contours are further cleaned up movie. It provides many tools to help you communicate, as
and vectored serves as an example of such a process, which is moody music, powerful voiceover, and stunning visuals can
the development of motion graphics with dominating work together to build an emotionally moving story (Nur Azila
illustration. Following that, each artwork is independently Azahari, 2019). Nur Azila concluded in his 2020 research that
imported into a programme that manages the composition's Motion Graphics is suitable for use in mental health awareness
time component. Each piece, such as the background trolley and campaigns, for the following reasons: It can convey the
fire, is then individually animated and added to a bigger message well, and it can attract audience attention. He also set a
composition. The camera is animated as well when the figures number of criteria that help in the success of the public
and other visual components have been fully animated. We awareness advertisements through Motion Graphics, as it is
simulate movement across space in this fashion [8]. Motion important to use colors to ensure that the audience continues to
graphics with key frames selected and presented so that the focus until the end of the video, and he also concluded that the
spectator may freely follow the sequence of events is exactly what duration of the video should not exceed four minutes so that the
is described above as a cartoon, which is the forerunner of audience does not get bored and that each message contains a
motion graphics produced by illustration. story to present it in a fun way (Nur Azila Azahari, 2019). The
advantage of motion graphics as a tool for knowledge
IV. LITERATURE REVIEW presentation will easily draw viewers' attention (Siregar, 2017).

Motion graphics is a modern concept that has been used for Motion graphics can be used as a medium to convey
a while for a genre of animation. They are a crossroads between information because it is emotionally captivating and thus
animation and graphic design, and typically seek to provide information can be extracted and understood easily. In addition
viewers with information by using moving text or graphics, and to being noticeable, it affects our feelings. In fact, it represents
often have voice-overs that narrate what the text or graphics a biological response called the affective contagion
represent. The term “motion graphics” was first introduced by phenomenon. According to this phenomenon, a person will
immediately sympathize and feel the feelings of experiences

IJISRT22AUG920 www.ijisrt.com 647

Volume 7, Issue 8, August – 2022 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
depicted on the screen. Therefore, we feel physical fear when of patience on the operator's part).
watching a horror movie. It provides many tools to help you
communicate, as moody music, powerful voiceover, and  Typography
stunning visuals can work together to build an emotionally Typography in motion graphics takes on the form of
moving story (Nur Azila Azahari, 2019). Motion graphics is a kinetic typography, which is on-screen text that moves or
visual representation of a complex concept. They are regarded changes in some way over the course of time and place. Most
as visual aids because some concepts (particularly large and of the time, a word does not look like the concept it suggests.
abstract ones) can be difficult to represent or explain in words The word has a physical presence and a sound when it is
or still images. A few seconds of motion graphics will aid in the pronounced (when seen). A mental picture is formed when the
transformation of problems into clarity. On the positive side, word is read. Such font incorporates communication aspects
since cartoons can be too childish in a formal business (emotions and sentiments), which were previously only found
environment, the visual style of motion graphics appeals to a in cinema and video (primarily concerned with image
wide variety of viewers. On the other hand, motion graphics reproduction). The text's already potent communicational
will take those cute and amusing aspects and apply them to elements are strengthened by its capacity to convey emotion,
more serious topics. The appearance of motion graphics will rich character traits, and the potential for improved visual
make communications more exciting and engaging. According attention streamlining. It is crucial when discussing typographic
to research, 65 percent of video viewers can watch a video sequences of moving type.
almost to the end (Brainshark, 2014), which is a feature that not
all text-based content can achieve. This demonstrated that  Software
motion graphics can be used to illustrate a complex subject in a Since designers' imagination is their only constraint when
way that a market can easily understand. Understanding creating motion graphics, it is practically difficult to include all
motions, color, and shapes, motion graphics explainer video, the tools available today. A suitably capable computer with
tutorials, and data visualizations can help to simplify the multi-core processors, plenty of working memory, and graphics
complicated nature of awareness mechanics. Whatever form of cards (typically two) with enhanced working memory are
video is selected, it will generally result in increased traffic, physical requirements for motion graphics creation. Multiple
interaction, and conversion rates. (Nhat, 2020). displays connected to one computer are ideal for a more
comfortable working environment. Data entry is accomplished
V. DATA COLLECTION AND ANALYSIS by connecting peripheral devices to the computer, such as a
digital camera, scanner, or camera for taking pictures, and
 Photography transmitting the data through one of the standards, such as USB
Gather information via photography. Since there is no or Firewire. The collection of software that has advanced
difference between photography and illustration at the dramatically over the past ten years may be the most crucial
elementary level other than the number of details, incorporating instrument. Today, Maya or 3D Studio Max are used to create 3D
photography as an element in motion graphics was the natural graphics and animations. Adobe After Effects or Apple Final
next step. The employment of rotoscope, a method of Cut Pro are used to add finishing touches. Adobe Premiere is
illustrating over photographic or film frames on the filmstrip used for editing. Adobe Flash is used to create vector
itself, is indicative of the intermediate era. While computer- animations. Adobe Photoshop is used to prepare bitmap
based graphics can have various levels of realism, video-based graphics. These are but a few of the most popular programmers.
motion graphics are photo-realistic. Seductive details, which Their total number is significantly higher and increasing daily,
are typically present in highly realistic photos, may be a particularly as the open-source community becomes stronger.
drawback of highly realistic images, similar to movies, more so
than less realistic computer-based graphics. There are numerous VI. CONCLUSION
ways to make motion graphics that are mostly made of
photography, ranging from stop-motion, where motion graphics A brand-new genre of motion graphics production was
are literally made of photography by photographing every made possible by the rise in computing power. Motion graphics
single change, to filming with a video camera and using video are images with text and images that vary over time. The major
as a photographic element. Because it needed a lot of memory difference is in the typography since kinetic typography allows
and processing power, we had to wait a while to have this type us to transform the text to have the appearance of a movie. For
of motion graphics. The method of entering data into the instance, by changing the typographic elements over time, it is
computer is the same whether we are dealing with a digital now feasible to convey the tone of voice, character traits, and
video or a series of photographic pictures, and after it has been emotional states.
entered into the programme that handles this kind of
information, it behaves like a movie, a video, or an animation.
Because of the quantity of colours, the level of resolution
needed for professional usage, and the high-quality sound, the
procedure calls for a significant amount of working memory on
the part of the computer (and usually also a significant amount

IJISRT22AUG920 www.ijisrt.com 648

Volume 7, Issue 8, August – 2022 International Journal of Innovative Science and Research Technology
ISSN No:-2456-2165
RECOMMENDATIONS

To complete the task correctly, a large crew and

competent project management are required. However, it
needn't be a hassle if you want a motion graphic to be created!
Of course, you can feel overwhelmed if you've never created a
motion graphic before. Despite knowing that motion graphics
have many advantages, you may not know where to begin.
Where do you even start with choosing the correct music track,
the proper voice actors, and the right aesthetic? Buckle up
because we're about to experience everything!

REFERENCES

[1]. A. Kierzkowski, S. McQuade, R. Waitman, Zeisser M.:

Marketing to the Digital Consumer, The McKinsey
Quaterly, No. 3, 1996, pp. 4-21.
[2]. T. N. Höffler, D. Leutner, Instructional Animation
Versus Static Pictures: A MetaAnalysis, Learning and
Instruction, Vol. 17, No. 6, December 2007, pp. 722-738.
[3]. M. Woolman, Motion Design: Moving Graphics for
Television, Music, Video, Cinema and Digital Interfaces,
RotoVision, Hove, 2004
[4]. R. E. Mayer, R. Moreno, Aids to computerbased
multimedia learning, Learning and Instruction, Vol. 12,
No. 1, February 2002, pp. 107-119
[5]. F. Solina at all: “15 seconds of fame — an interactive,
computer-vision based art installation”, Seventh
International Conference on Control, Automation,
Robotics and Vision, Singapore, 2002.
[6]. Brand New School, Interactive wall for Goodby,
Silverstein & Partners of San Francisco
[7]. J. L. Lee, J. Forlizzi , S. E. Hudson, "The Kinetic
Typography Engine: An Extensible System for Animating
Expressive Text", Proceedings of the 15th annual ACM
symposium on User interface software and technology,
Paris, France, 2002
[8]. D. Greene, How Did They Do That? Motion Graphics,
Gloucester, MA: Rockport, 2003

IJISRT22AUG920 www.ijisrt.com 649