PROJECT 1 & 2: INFOGRAPHIC POSTER [40%]

 

PROJECT 1 & 2: INFOGRAPHIC POSTER [40%]

 Taichi Hirano 0366711 
Bachelor of International Hospitality Management (Honours)
 
 
TIME FRAME: WEEK 06 - WEEK 09
DEADLINE: WEEK 10

DESCRIPTION: 
After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text.

REQUIREMENT:
Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic:

PART 1: Infographic poster (20%)           
INSTRUCTION:
1. Choose 1 infographic poster design (that is not well design) from Internet
2. Redesign the poster into A4 size. Sketch the idea and process (5 Marks)
3. Redesign and simplify the poster based on visual hierarchy & typography (5 Marks)
4. Simplify the poster's design based on color, shape & pattern (5 Marks)
5. Attach your final poster on E-Portfolio with explanation and reflective writing (5 Marks)

PART 2: Minimal animated infographic (20%)
INSTRUCTION:
1. Animate your infographic poster into one static loop animation page
2. Loop duration in between 15 - 30 second
3. Size: 1080 x 1920 px (Vertical Video) upload to your own Youtube channel

Example of loop animation poster:
1. https://fauziyusoff.com/wp-content/uploads/creative_process_loop.gif
2. https://i.pinimg.com/originals/c3/31/1e/c3311e940662cc1710108bed89b2d827.gif (this is for animation reference only. Typography is required)

SUBMISSION:
1. Digital upload into your Google Drive.
2. Online posts in your E-Portfolio and your reflective writing.
(Please attach the E-Portfolio link here for submission.)

MARK: 40%
 
 

Part 1 : Infographic poster (20%)  

The poster I chose 

 
Fig 1.1 Subtle design poster
 
 I am going to redesign this poster to add more information and make it easier to read.
 
 

 Story Board

 1.1 product Goal: While retaining the information from the original poster as the main topic, more detailed information is added to make it easier to understand.

 1.2 Story: Continuing the theme of the console wars, I will compile data for each console and design it to be easier to compare. 

Proposed revisions for each topic: Gaming population, Gamer age group and gender ratio will be treated as one piece of information. Change the graph from a pie chart to a melting pot graph. 

Game play rate: Change from American standard notation to a global scale. 

Number of consoles sold worldwide: This information is from an older era, so we will redesign it based on modern information. 

Best-selling consoles of all time: Announce the best-selling ones, but also in a ranking format.

 1.3 Sketch

                                            Fig 2.1 Sketch

The layout of the poster is designed to fill the gaps, and the object designs have been redesigned based on the swords and HP bars that appear in the game, as well as the message windows that are common in old games. 

 

                                   Fig 2.2 reference



                                  Fig 2.3reference2


                                  Fig 2.4reference3

For the design of the objects, we base it on the above design and add ingenuity such as frames, pixel-like designs, or making sales figures look like HP bars.

1.4 Background, object design

                           Fig 2.5 Background

I wanted the background to look like an 8-bit universe, so I drew stars with the pen tool on a black background and then used a mosaic filter to recreate it.

 

　　　　　　　　

                           Fig 2.６ Title Design

I also used a pixelated effect to match the 8-bit universe in the background, and I wanted the letters to look like they were from a game, so I used a beveled and embossed effect on the letters. 

                   Fig 2.7 Adding and Layouting Objects

I also arranged the 8-bit processed objects in a sketch-like layout. Now I'm going to add some information and do the final edits.

                   Fig 2.8 Redesigned population distribution

 
                  　　　　　Fig 2.9 Earth Design

By making it a melting pot graph, I was able to successfully combine the ratio of males and females playing the game and the player population by age group into one chart. I wanted the design of the globe to have an 8-bit feel, so I drew an ellipse, spread the world map on top of it using the warp function, and covered it with a clipping mask. After that, I created a boundary line to make the outline easier to see, and placed a message window-style box behind it to prevent the outline from disappearing with the black background.

 

 Final Design: Project 1 Poster

 
　　　　　　　　　　　Fig 3.1 Final Design

The poster was completed by writing information on the objects I designed and laid out. I think it turned out exactly as I imagined it when I was sketching in my notebook. It has an overall retro feel, while retaining the information from the original poster, and I was able to write new information in the space created by reorganizing the layout. Finally, I'd like to compare it side by side with the original poster.

　　　　　Fig 3.2 Comparison with the original poster

 

 PART 2: Minimal animated infographic (20%)

Animated Objects

 
　　　　　　         Fig 4.1 Animated Object

 The five items above will be animated this time. First, we added animations that make the sword and crown glow. Next, we added a movement that makes the bar that shows the number of copies sold of the game recover HP. The Earth rotates 360 degrees. The UFO at the bottom of the poster is hard to see, but it flashes.I also learned that animations such as rotation and image transformation are possible once the object is converted into a smart object.

Final Video 

 https://youtube.com/shorts/aKsG0-wILac

 Self Reflection

 I think the production went very smoothly because I learned how to use Photoshop in other modules. When making the animation, even moving one object was very difficult, probably because my PC's specs were insufficient. The PC froze many times, but I was glad that I managed to complete the animation. During the production process, I had several ideas about what I would like to make next, and in addition to the assignments, I also edited photos and created moving wallpapers, so I am very satisfied that this class has given me the opportunity to do more. I have made several works with paper and markers, but as I learned how to use Photoshop, I felt that the possibilities were expanding. I would like to make many works and practice before I forget this experience.

Comments

Post a Comment

Popular posts from this blog

TASK 2 (Visual Analysis & Ideation)

Image
 Task 2: Visual Analysis & Ideation   Taichi Hirano 0366711 Bachelor of International Hospitality management (Honours) This is the Module Information Booklet for this module: MODULE ASSIGNMENT BRIEFS   Brief Visual Analysis Title : "BACK TO THE FUTURE " Artist : Drew Struzan Year  : 1985 Size   : 68 cm × 104 cm (27.0 in × 41.0 in) Medium:  Movie Poster Source : https://filmartgallery.com/collections/back-to-the-future-movie-posters/products/back-to-the-future-5  Phase 1: Observation This artwork is drawn in a realistic style. The background is simple, with just a large parking lot and two streetlights. In the center is a shining time machine, two flames crawling on the ground, and a boy looking at his watch with a surprised look on his face. The sun is setting in the sky, and the orange of the sunset is swallowed up by the blue of night. The colors used are roughly divided into red, blue, black, and white, which creates a visual balance. Furt...
Read more

TASK1 (Exploration)

Image
  TASK 1 Exploration Taichi Hirano 0366711 Bachelor of International Hospitality management (Honours) 1. This is the Module Information Booklet for this module: MODULE ASSIGNMENT BRIEFS     2. These are the design principles that are taught in this module:         　　　　　　　　Gestalt Theory　 Title : "Day and Night" Artist : M.C.Escher Year  : 1938  Size   :39.2 cm × 67.6 cm (15 7/16 in × 26 5/8 in) Medium: Woodcut Source : https://mcescher.com/gallery/most-popular/#iLightbox[gallery_image_1]/7 Why This Art? : I came across this work while researching Gestalt theory. I have seen many other paintings, but as someone who was born and raised in the countryside, I was drawn to the scenery in this painting. What I like about this painting is that the same scenery is contrasted between day and night on the left and right, and I was fascinated by the way the geese flying in the sky fly from day to night and from n...
Read more

TASK1 (Exploration) Revised version

Image
 Task1 Exploration  Taichi Hirano 0366711 Bachelor of International Hospitality management (Honours) This is the Module Information Booklet for this module: MODULE ASSIGNMENT BRIEFS   My interests: The art/design work  Contrast   The contrast created by the two opposing colors creates visual stimulation. It can also visually convey themes such as light and darkness, joy and sadness. I am interested in it because I think I can express it even though I am not good at drawing. Emphasis By inserting a single, easily recognizable point of color into a painting or poster, you can clarify the important parts of the work, or conversely, give meaning to the surrounding objects. I became interested in this technique and wanted to try using it to create art with a message. Haemony and Unity  I think this is the main reason why I find beauty in artworks. It takes a lot of knowledge to create a work with harmony and unity created by similar colors and objects of t...
Read more