Categories
Practical Exercises

2. Substance Stager

Figure 1 : Acceptance is a component of mindfulness, which means that we pay attention to our thoughts and feelings without passing judgement on them. For example, we refrain from thinking that there is a “right” or “wrong” way to think or feel at any given time. By engaging in mindfulness exercises, we train our minds to focus on the present moment rather than the past or the future. (Greater Good Magazine, n.d.)

When considering possible topics for the box, the idea of mindfulness first came to me because it was a significant issue that affected the great majority of people. Anxiety and depression are conditions that some people experience. Therefore, when people open the box, they will discover a tool that will help them with their internal struggles and improve their mood.

Figure 2 : The logo was manually put to each side after attempts to extract the UV from Adobe Substance Stager and add it to the UV were unsuccessful.
Figure 3 : Attempting to use the Adobe Substance objects already produced while building a fantastic box.

Rendering

Figure 4 : Applying the brand on the container and the aluminium bottle is a good idea because it keeps the drinks warm better than, say, cans.
Figure 5 : An orthographic perspective projection is used to demonstrate how the box will appear in reality.
Figure 6 : Top-down perspective orthographic projection illustrating prospective objects.
Figure 7 : Frontal perspective orthographic projection illustrating potential objects and a logo.
Figure 8 : An orthographic perspective projection looking back at the box’s back side.
Figure 9 : Perspective orthographic side projection illustrating how the logo will appear on the box.
Figure 10 : The box’s handle would be ideal for carrying around with you, and the rendering depicts how the box may appear in real life.
Figure 11 : A little animation displaying the box’s contents and visual style.

References

Greater Good Magazine, n.d. What Is Mindfulness? [Online] (n.d.) Available at : https://greatergood.berkeley.edu/topic/mindfulness/definition [Accessed in 05 May 2023]

Categories
Practical Exercises

1. Animate

What is inforgraphic?

The word infographic, often known as a “information graphic,” is a visual representation of information intended to make the material quickly and easily understandable. Infographics are used to quickly convey a message, make complex data presentations more understandable, identify links and trends in data, and track changes in variables (Katie Terrell Hanna, WhatIs.com, n.d.)

Storyboard

Figure 2 : Inforgraphic animation of potential night club animation.

This inforgraphic animation will explore the dull grey day of the person siting in the bus stop and looking for the upcoming bus but something colourful comes out of the phone. As it comes out, it gets into the advertisement which gets colourful and multiple buttons appears. That person press the button and appears into the night club. Whole night club is colorful and people are having fun, so the person started dancing and enjoying life which makes the person colorful.

References

Katie Terrell Hanna, WhatIs.com, n.d. infographic [Online] (Updated in February 2023) Available at : https://www.techtarget.com/whatis/definition/infographics [Accessed in 10 May 2023]

Categories
Design Portfolio

5. 3D Metamorphosis Animation

Figure 1 : Cosmic Cradle Metamorphosis Animation exploring the movement of space (Andrewkn, Pixabay, 28 January 2022) (Pixabay, 31 August 2022.) (Jonny Hughes, howstuffworks, n.d.).

References

Andrewkn, Pixabay, 28 January 2022. Daylight [Online] (n.d.) Available at : https://pixabay.com/sound-effects/daylight-14872/ [Accessed in 10 May 2023]

Jonny Hughes, howstuffworks, n.d. 8 Mind-Bending Facts About Outer Space [Online] (n.d.) Available at : https://science.howstuffworks.com/8-mind-bending-facts-about-outer-space.htm [Accessed in 10 May 2023]

Pixabay, 31 August 2022. Woosh Low Long01 [Online] (n.d.) Available at : https://pixabay.com/sound-effects/woosh-low-long01-98755/ [Accessed in 10 May 2023]

Categories
Design Portfolio

4. Final Design

Most of Tufte’s laws with Metamorphism, Science, and Alexander Calder were added to form a final notion after the design process and 3D creation.

Figure 1 :
Figure 2 :
Figure 3 :
Categories
Design Portfolio

3. Visual Design Treatment

It is also necessary to incorporate Edward Tufte’s laws into this task. So, who exactly is Edwarde Tufte? Edward R. Tufte is a retired political scientist, statistician, and computer scientist. His study focuses on statistical evidence and scientific visualisation (Shruthi Sampathkumar, Medium, 6 February 2018).

Effective web design can be achieved by following the broad information design principles proposed by Edward Tufte. In his article and books, he explains how to design web pages effectively using micro/macro design, layering and separation, small multiples, colour and information, and the integration of text and graphics (Shruthi Sampathkumar, Medium, 6 February 2018 ).

Tufte’s Comparison of Small Multiples

Figure 1 : A little multiples demonstration using different painting mediums of the same glass that will apply to future planets (Tufte, Edward R, 1990 ).

The small multiple is a data visualisation that consists of a grid of several charts. This makes it simple to compare the complete set of data. This law will be great because the Newton’s Cradle will include seven coloured balls. As a result, they will all be made of the same metal but in different colours.

Tufte’s Use of Colour

Figure 2 : According to Tufte’s law, “Use Colours to Help Users Understand Data or to Add a Layer of Information,” each colour not only helps to divide the data but also aids in memory retention because people tend to associate colours with specific memories (Chrisanthy Rebecca Surya, Medium, 21 March 2019), (Tufte, Edward R, 1990).
Figure 3 : This map depicts ocean and land using various tones of blue and brown (Tufte, Edward R, 1990).

Colour is important for my animation because the setting is known for its blue, purple, and white hues. As the white light from the sun strikes the prism, it produces seven different colours, which is why the planets themselves will be in a prism colour also known as a rainbow colour to relate back to the space.

Tufte’s Micro-Macrocosm

In his works, Tufte discusses several micro- and macro-data instances. Micro readings come in a format that has the most granular details imaginable (Shruthi Sampathkumar, Medium, 6 February 2018 ). The planets in this space animation will serve as the microcosm and macrocosm because each one will have its unique story and small surface breaks. Additional cracks will also appear due to planetary movement.

Tufte’s Layering and Separation

Layering is the process of visually arranging or stratifying data to build a proper link between different forms of information, according to Tufte’s definition in his article “Layering and Separation.” By emphasising more significant elements and downplaying less important content, layering serves to establish a visual hierarchy (Shruthi Sampathkumar, Medium, 6 February 2018 ). A layering component in animation would be found between the planets and the background.

References

Chrisanthy Rebecca Surya, Medium, 21 March 2019. How to Use Color in Data Visualization [Online] (n.d.) Available at : https://medium.com/fm-stories/how-to-use-color-in-data-visualization-829d6f0e70b4 [Accessed in 12 May 2023]

Shruthi Sampathkumar, Medium, 6 February 2018. Micro / Macro Readings [Online] (Updated in 6 February 2019) Available at : https://medium.com/@shurisk96/micro-macro-readings-cd987ce6bc63 [Accessed in 12 May 2023]

Tufte, Edward R, 1990, Envisioning information, Graphics, Cheshire.

Categories
Design Portfolio

2. Animation Storyboard

Space in 1970’s

Figure 1 : On camera, astronaut Ronald E. Evans is seen engaging in extravehicular activities during the trans-Earth journey of the Apollo 17 spacecraft (Emily Carney, NSS, 26 September 2021).

This was decided to create some storyboards while considering how to merge the Metamorphisis, Alexander Calder, and Science. However, a mindmap of what science specifically entails before creating a storyboard. Consequently, planets and rockets are a part of science, particularly planetarium. The plaques flown on Pioneers 10 and 11 and, of course, the Voyager Golden Record are two instances of how the human element was conveyed even in robotic spaceflight throughout the 1970s. Each artefact was intended to express the human condition to potential extraterrestrial life, if said extraterrestrial came upon each spacecraft (Emily Carney, NSS, 26 September 2021).

Furthermore, it is impossible to ignore the connection that both scientists and engineers as well as technicians felt when the great planetary research missions of the 1970s succeeded. The era’s NASA and JPL films depict the control rooms’ almost amazement when, for example, the Viking landers touched down and actually sent back the first sharp photographs of Mars (Emily Carney, NSS, 26 September 2021).

Initial Storyboard

Figure 2 : Rough animation storyboard that provides a quick visual representation of the work.

A decision was taken to storyboard and clarify ideas following mind mapping. As a result, the animation opens with a planet in the background of space. So camera is crucial in transitions because a second planet then appears after a minor camera movement. Both of the planets begin to clash like gas particles as soon as they arrive. Three planets form after a collision, but the colours used in the storyboard won’t be utilised in the final animation because the three planets will be different from those shown in it. Several planets have so collided, and the collision is zoomed in on by the camera. After the collision, the strings become visible as the camera pans out. As planets are actually a Newton’s Cradle on a workplace as the camera continues to zoom out.

Group Storyboard

Figure 3 : Storyboard interpretation was made following a group discussion.

An area was actually a wallpapered rear wall that moved like an Alexander Calter mobile. However, since the storyboard was unfinished and lacked a beginning and a conclusion, doing a group brainstorming was helpful. The group storyboard that Abbie, Adam, and Sidney presented is shown in the photo below. After the group project, additional factors were taken into consideration, such as having various planets turn in a line that will resemble a cradle and an asteroid that is travelling in the direction of the planet. After an asteroid strikes the planet, all the planets collide once more. Three planets are then moved by the rockets, which causes them to rise after colliding and then fall. This connects to the Alexander Calder mobile as well.

Figure 4 : The final choice was to call the piece Cosmic Cradle after more examination of the important terms that would be included in the title.

Development of the idea for the entire animation would involve space and a 3D rocket in a similar style, by thinking back to space exploration from the 1970s.

Figure 5 : During the in-depth conversation, a group storyboard was created.

References

Emily Carney, NSS, 26 September 2021. Space in the Seventies: The Decade That Brought the Human Element Back to Spaceflight [Online] (n.d.) Available at : https://space.nss.org/space-in-the-seventies-the-decade-that-brought-the-human-element-back-to-spaceflight/ [Accessed in 11 May 2023]

Categories
Design Portfolio

1. Conceptual Design and Research

What is Metamorphosis ?

Figure 1 : Analysing the metamorphosis and illustrating the transformation from a caterpillar to a buterfly. This illustration will help people understand what animation is supposed to be (Mart, shutterstock, n.d.)

Animals change drastically and quickly after birth through a process called metamorphosis. Changes in an organism’s complete body plan, such as the number of legs, method of feeding, or mode of breathing, may be the outcome of metamorphosis (BD Editors, Biology Dictionary, n.d.).

However, in terms of design, metamorphosis may be associated with a change in habitat or even in mode of life, even if this may also occur independently of any initial morphological or environmental alterations. Cities are a fantastic example because they are always changing (Architecture Ducation, n.d.).

Alexander Calder

Figure 2 : Kinetic refers to something that involves motion. Movement has been included into art since the early 20th century. This was done in part to explore the potential of movement, in part to explain the concept of time, in part to reflect on the significance of technology and machines in today’s environment, and in part to investigate the nature of vision (Tate, n.d. KINETIC ART).

After careful thought, the decision was made to adapt Alexander Calder’s work to create a moving planetary or atomic animation. As a result, having planetery in a mobile format would be considered. Alexander Calder is credited with creating the mobile, a form of kinetic art that relied on careful balancing to achieve equilibrium and suspension in the air, as well as wire sculptures. At first, Calder utilised motors to move his pieces, but he quickly stopped using them and switched to just using air currents (Tate, n.d. WHO IS ALEXANDER CALDER?).

Looking at Alexander Calder’s work made me realise that the motion was similar to that of Newton’s Cradle.

Newton’s Cradle

Figure 2 : The Newton’s cradle, with its swinging, clicking balls, isn’t just a regular desk item, despite the appearance of its straightforward design. In actuality, it is a beautiful illustration of some of the most fundamental physics and mechanical laws (Chris Schulz, howstuffworks, n.d.)

The item serves as an excellent example of how friction, momentum conservation, and energy conservation all function together in physics. These collisions that are inelastic and elastic, and kinetic and potential energy (Chris Schulz, howstuffworks, n.d.)

In order to create anything analogous to Alexander Calder’s mobile, the idea for the prospective animation would therefore be to include metomorphism and the Newton’s cradle itself or even its motion.

References

Architecture Ducation, n.d. 24H metamorphosis – box to box 10th edition [Online] (n.d.) Available at : https://www.if-ideasforward.com/metamorphosis [Accessed in 10 May 2023]

BD Editors, Biology Dictionary, n.d. Metamorphosis Definition [Online] (Updated in 4 October, 2019) Available at : https://biologydictionary.net/metamorphosis/ {Accessed in 10 May 2023]

Chris Schulz, howstuffworks, n.d. How Newton’s Cradles Work [Online] (Updated in Apr 8, 2021) Available at : https://science.howstuffworks.com/innovation/inventions/newtons-cradle.htm [Accessed in 10 May 2023]

Mart, shutterstock, n.d. Metamorphosis of the Swallowtail [Online] (n.d.) Available at : https://www.shutterstock.com/image-vector/metamorphosis-swallowtail-papilio-machaon-butterfly-6-1445974658 [Accessed in 10 May 2023]

Tate, n.d. KINETIC ART [Online] (n.d.) Available at : https://www.tate.org.uk/art/art-terms/k/kinetic-art [Accessed in 10 May 2023]

Tate, n.d. WHO IS ALEXANDER CALDER? [Online] (n.d.) Available at : https://www.tate.org.uk/art/artists/alexander-calder-848/who-is-alexander-calder [Accessed in 10 May 2023]

Categories
Development Log

5. Stop Motion Energy Drink Branding Animation

Figure 1 : Refresh Time energy drink stop motion animation to encourage target audience to purchase the drink and become interested in the animation itself.

References

Shane Ivers, Silverman Sound Studios, 2017. Reach The Top [Online] (n.d.) Available at: https://www.silvermansound.com/free-music/reach-the-top [Accessed in 31 March 2023]

Categories
Development Log

4. Conceptual Energy Drink Animation

Examples of Energy Drink Animation

Figure 1 : Commercial for the energy drink business Celsius. Short social media product video. When massive handheld energy drink meets elegant transitions and dramatic sound design

Refresh Time Storyboard

A can will roll about in a slow-motion Refresh Time animation until it stands on end and the energy from the can causes it to fly. It flies, lands upside-down, then turns. The other two cans show when it turns the appropriate way, and it appears as though the camera is switching between the views while the energy lightning splashes as a liquid. There won’t be any verbal advertising; instead, background music related to slow motion animation will be playing.

After some time, my package concept was changed from illustrations to straightforward vector shapes that symbolise a particular activity the target audience would want to achieve when drinking the can. This makes the design even more simple, and speaking of simplicity, the animation won’t have any extra components because during teamwork activity, the created the wooden slow motion animation just used the key components to convey the story.

References

Lunar Films LLC, 01 February 2022. Energy Drink Ad | Epic B-Roll [Online] (n.d.) Available at : https://www.youtube.com/watch?v=y-zQovGOmVI [Accessed in 24 March 2023]

Categories
Development Log

3. Stop Motion Teamworking Evidence

Robert Consoli divided the group into two teams of three and assigned them the goal of making a stop motion video using wooden dolls while cooperating as a team.

We covered how roles in the Danish orchestra can be followed in real life in the previous assignment. So it was up to me to be proactive and show leadership skills, which were lacking in this collaborative project. Abbie was the group leader, and her offered idea was accepted by both myself and Rana.

What is a Stop Motion Animation?

Stop motion animation, often known as stop frame animation, is a type of animation in which actual objects are moved about the screen between each frame as the animation is being recorded. The illusion of movement is produced by quickly replaying the series of photos. Stop motion is comparable to 2D drawn animation (early Disney), although it employs real-world objects rather than drawings (Dragonframe, n.d.).

Taking a photo of your items or characters, moving them slightly, and then taking another photo is the fundamental method of animation. The objects or figures seem to move on their own when the photographs are played back one after another (Dragonframe, n.d.).

Example of Stop Motion Animation

Figure 1 : It involves an artist’s tiny posable dummy doll that comes to life and desires for a face identical to the one in the drawing (Doug Vandegrift, 18 May 2009 ).

The development from a simple sketch to a moving wooden doll is explored in this stop motion animation. As the artist walks away, the doll begins to move and gazes at the drawing, wishing for a face. This animation also has a comedic element, as the doll creates weird faces until it finds the appropriate one.

The Sting of Love Stop Motion Animation

To create this stop motion animation, I, Rana, and Abbie planned to use moving wooden models to create a toxic relationship fight. So Clara approaches Bob and slaps him, causing him to slap her back and they both fall down. Abbie was leading the teamwork session and filming the video frame by frame. Rana and I were gradually repositioning the wooden figures.

Figure 2 : Our String of Love focuses on the toxic relashionship between Clara and Bob (Rana Maglad, 02 March 2023).

Clara runs towards Bob and slapped Bob which they later fight each other. As Clara fells to top of Bob, she stands up and leaves in tears and sorrow. My job was to manoeuvre Bob while Abbie took each shot, and the entire collaboration process was fun.

When it comes to creating my stop motion animation, a similar approach and move the can slightly. As the can will be moved, a drawn logo on it and stick it together.

References

Doug Vandegrift, 18 May 2009. The Still Life – Stop Motion [Online] (n.d.) Available at : https://www.youtube.com/watch?v=UDzm5hDemTQ [Accessed in 24 March 2023]

Dragonframe, n.d. What is Stop Motion Animation? [Online] (n.d.) Available at : https://www.dragonframe.com/introduction-stop-motion-animation/ [Accessed in 25 March 2023]

Rana Maglad, 02 March 2023. The Sting of Love [Online] (n.d.) Available at : https://www.youtube.com/watch?v=eM-d7aLM-L8 [Accessed in 03 March 2023]