Illustration & Visual Narrative/ Fly Me to the Moon.

-

 

LEBON STEPHANIE AMELIE JUDITH  0362853

Illustration & Visual Narrative / Bachelor of Design ( Honors) in Creative Media/ Taylors University

Assignment 1.

Fly Me to the moon.

Instructions:

Animated Album Cover
Prologue
Born in Hoboken, New Jersey, on December 12, 1915, Frank Sinatra rose to fame singing big band numbers. In the '40s and '50s, he had a dazzling array of hit songs and albums and went on to appear in dozens of films, winning a supporting actor Oscar for From Here to Eternity. He left behind a massive catalog of work that includes iconic tunes like "Love and Marriage," "Strangers in the Night," "My Way" and "New York, New York." He died on May 14, 1998 in Los Angeles, California. 


Project Brief
You are to choose one song from the list below, appreciate the song, hear it through and understand the lyrics. You are then required to sketch initial ideas , figure out  storyline, illustrate and compose and animate a ‘moment’ base of your understanding from the chosen song. This moment will be the album cover. Illustrated typography must be included. Foreground mid ground and background must be considered and illustrated.

Then songs list are as below:

  • Fly me to the moon
  • The way you look tonight
  • Come fly with me
  • Girl from Ipanema
  • New York, New York

Submission of non animated cover on week 9. Animated the album cover on week 11.

Project criteria
Recommended Art Style Art Deco/Minimalist/Retro/Pop Art/Art Nouveau
Originality - how unique is your idea and how suitable is it?
Technique - your basic skills in composition, your illustration style and proposal that fits the song
Interpretation - How did you interpret the song into your Illustration
Storytelling - Does your proposal tells a story? Does it show emotion? it's important not just to draw a character standing with a blank expression
Requirements - initial storyline, ideas + sketches| illustration | final animation gif

Planning and research:

The overall idea I wanted Frank Sinatra to be a super hero with flying abilities telling his love interest to grab a bag and 'Come Fly With Me'.

Inspiration picture for my album cover.

I really liked the retro and pop art mix style used in old super hero comics and felt like it would suit the album cover from the overall vibe and era of the song.

Sketching

Using Procreate I created:
  • Frank Sinatra carrying his love interest through the sky to a bar in Bombay by tracing an imagine I likes online and adding some details such as Sinatra's iconic fedora and the small bag he told her to bring on the trip.
  • And the part of the main typography, 'Fly With Me' I designed by modifying a font I liked and turning the words into the could that i planned to cover part of 'Come' that would be the sun.
The typography I made in Procreate.

The layout I had in mind.

Digitalization process.

I started putting everything into Adobe Illustrator and added the base of the sun as the word 'Come'.

I faced a big issue when coloring the superhero so I decided to vectorize the image I sampled with the help of AI, add some flare  to the sun with a gradient effect and manually trace and vectorize the wording I designed with the pen tool.

The next step was designing and creating a fedora, purse and some swooshes of wind  to add to my superhero graphic to give it personality and show more of the story of the song.

I ended up increasing the size of the typography  and angling the superhero as I felt  there was too much  empty space.

For the background I used a gradient effect that gets darker to represent the sky with some yellow coming from the sun.

Final Unanimated Album Cover:

Song: Come Fly With Me

Art Style: A mix of 'Retro' and 'Pop Art'.

Story Line/ Interpretation: Frank Sinatra is a superhero who fell in love with a girl and told her to pack a small bag and come with him to Bombay to have a drink at a bar and enjoy, the album cover shows the journey there as they pass in the sky near the sun the feelings I want it to show are excitement, amusement, a bit of fear and love.

Come Fly With Me by Frank Sinatra.

PDF version:


Animating the album cover:

Concept:
Concept for Animation.

The overall idea for this GIF animation was to have 'Super Frank Sinatra' flies in an arc shape so when the animation repeats it makes it loop. and I wanted to give this animation a domino effect by the flying 'break' and blow away the clouds uncovering the typography.

Process:

Making the frames in Illustrator

Exporting and adding the clouds in Procreate.

Final Animated Album Cover:

Song: Come Fly With Me

Art Style: A mix of 'Retro' and 'Pop Art'.

Story Line/ Interpretation: Frank Sinatra is a superhero who fell in love with a girl and told her to pack a small bag and come with him to Bombay to have a drink at a bar and enjoy, the album cover shows the journey there as they pass in the sky near the sun the feelings I want it to show are excitement, amusement, a bit of fear and love.

Comments

Post a Comment

Popular posts from this blog

Task 1: Exploration Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 1: Exploration TABLE OF CONTENTS: Instructions Task 1 Feedback Reflection INSTRUCTIONS TASK 1 Gestalt Theory: This theory is based off shapes/forms as the brain is designed to see patterns in visuals  Fig 1.1 is given below to help visualize the principles below. Principle of Similarity: grouping elements that are similar to each other. Principle of  Continuation: humans tend to view many objects as different. Principle of Closure: completing figures and forms. Principle of Proximity: grouping elements into a unified group. Principle of Figure/Ground: perception of objects either being in the background or foreground. Law of Symmetry and Order: balancing content in your composition. Fig 1.1 https://makeitclear.com/ux-ui-tips-gestalt-principles/ Contrast: There are several ways to create contrast such as 1. Size, 2. Weight, 3. Contrast of Form, 4. Contrast of Structure, 5. Contrast of Texture, 6. Contrast of Co...
Read more

Task 2: Visual Analysis Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 2: Visual Analysis TABLE OF CONTENTS: Task 1:  https://stephaniesdesignblog.blogspot.com/2025/02/design-principles-202502.html Instructions. Task 2. Feedback. Reflection. INSTRUCTIONS TASK 2 Chosen Art Work Fig 1.1 Chosen art work. https://manniartgallery.com/colbert-nourrice.html Details:  Name: Men Machine Artist: Colbert Nourrice Size: 150x200cm Technique: Oil on canvas There are also a few design principles in this design such as balance, unity, harmony and repetition. Visual Analysis: Observation: This artwork a black and grey (monochromatic) artwork which use made using oil on canvas. The primary forms are the 3 circles in the center withe the largest wheel like one being the main point of emphasis, there is also frame like area with a shadow to give depth as if the rectangle is elevated above the rest of the art. There are also a lot of small shaded circles and dots surrounded with random lines that short of look like cells. Be...
Read more

Advanced Typography Task 1

-
Image
25.09.2024--16.10.2024 (WEEK 01-04) LEBON STEPHANIE AMELIE JUDITH  0362853 Advanced Typography / Bachelor of Design ( Honors) in Creative Media/ Taylors University Task 1 Exercises: TABLE OF CONTENTS: Lecture. Instructions. Exercise 1. Exercise 2. Feedback. Reflection. Further reading. LECTURES Week 1: In week 1 lecture I learned about the 8 Typographic Systems: Axial : all elements are organized to the left or right of a single axis.  Fig 1.1 Axial System. Radial : all elements are extended from a point of focus. Fig 1.2 Radial System. Dilatational System : all elements expand from a central point in a circular manner. Fig 1.3 Dilatational System. Random System : elements appear to have no specific pattern or relationship. Fig 1.4 Random System. Grid System : a system of vertical and horizontal divisions. Fig 1.5 Grid System. Transitional System : an informal system of layered banding. Fig 1.6 Transitional System. Modular System : a series of non-objective elements that are c...
Read more