Sunday, June 23, 2024

ILLUSTRATION AND VISUAL NARRATIVE /TASK 2: DECISIVE MOMENT


huang jia qi ( 0371553 )
Task 1: Exercises 20% - Individual
Timeframe Week 01 – Week 04
Deadline Week 04Illustration and Visual Narrative / Bachelor of Design (Honours) in Creative Media / Taylors University
Task 2: Decisive Moment

Table of contents
1.Instructions
2.Lctures
3.Tutorial Assignments
4.REFLECTION



INSTRUCTIONS


LECTURES
Week Seven:

We received a briefing on the assignment from Mr. Hafiz. We were given the task of making an animated Frank Sinatra record cover. One song must be selected by us. We had to draw out basic concepts, determine the plot, write and animate a "moment" based on the knowledge from the selected song, and appreciate the beauty and lyrics.

Typography with illustrations needs to be used. Background, midground, and foreground must all be taken into account and depicted. It is advised to embrace artistic styles including Art Nouveau, Pop Art, Minimalism, and Retro. 

The recommended sizes for the artwork are as follows: 


Week Seven:

Mr. Hafiz gave us a briefing on the assignment. We were tasked with creating an animated album cover featuring Frank Sinatra. Our choice of one song must be made. Drawing up fundamental ideas, figuring out the storyline, creating and animating a "moment" using the information from the chosen song, and appreciating the beauty and lyrics were all required.

Use of illustrated typography is required. It is necessary to consider and illustrate the foreground, midground, and background. Adopting artistic trends such as Pop Art, Retro, Minimalism, and Art Nouveau is encouraged. 

The following are the recommended sizes for the artwork: 


Week Seven:

Mr. Hafiz gave us a briefing on the assignment. We were tasked with creating an animated album cover featuring Frank Sinatra. Our choice of one song must be made. Drawing up fundamental ideas, figuring out the storyline, creating and animating a "moment" using the information from the chosen song, and appreciating the beauty and lyrics were all required.

Use of illustrated typography is required. It is necessary to consider and illustrate the foreground, midground, and background. Adopting artistic trends such as Pop Art, Retro, Minimalism, and Art Nouveau is encouraged. 

The following are the recommended sizes for the artwork: 


Week Seven:

Mr. Hafiz gave us a briefing on the assignment. We were tasked with creating an animated album cover featuring Frank Sinatra. Our choice of one song must be made. Drawing up fundamental ideas, figuring out the storyline, creating and animating a "moment" using the information from the chosen song, and appreciating the beauty and lyrics were all required.

Use of illustrated typography is required. It is necessary to consider and illustrate the foreground, midground, and background. Adopting artistic trends such as Pop Art, Retro, Minimalism, and Art Nouveau is encouraged. 

The following are the recommended sizes for the artwork: 


Week 8: The week of independent learning



Week Nine: 

Mr. Hafiz presented the Adobe Illustrator Pencil tools this past week. It's a flexible tool for sketching by hand. It replicates the feeling of sketching with a real pencil on paper and lets you make both open and closed paths. 

Mr. Hafiz then added the Type on Path Tool. It's a strong feature that lets you align text with the contours of a path or form. With the help of this tool, you can easily incorporate text into your graphics and create dynamic text designs.

We are urged to research and replicate the works of other artists using the Image Trace & Exapnd tool for this task. 


Task 2: Decisive Moment

Assignment 1: Fly Me To the Moon
1.1 Album cover
1.2 Animated album cover





week 9

Assignment 1 Fly Me To The Moon

For the animated album cover project, I chose the song "Fly Me to the Moon". The cover will be based on the theme of romantic space travel, and the storyline shows a pair of lovers dancing and landing on the moon in space. The foreground includes lovers, and the background is the moon and the starry sky. Illustrations and animations will contain exquisite fonts and delicate mobile effects to convey the sense of fantasy and adventure in the lyrics. The submission includes preliminary ideas and sketches, illustrations, and the final animated GIF.

reference

故事 Pin 图图片
fig1.13 Refer to

fig1.14 Refer to
Preliminary inspiration

The iconic song Fly Me to the Moon served as the inspiration for this design, which aims to evoke a romantic and fantastical space voyage. A pair floating in the starry sky is depicted in the center of the image. Their cozy poses and organic postures represent tender love. The addition of aurora, nebula, and flashing stars to the background enhances the image's hierarchy. If you want to create a romantic and dreamy ambiance, use gentle gradient colors like pink and lavender. The couple's stunning and distinct lunar silhouette is encircled by tiny stars, which highlights the beautiful features. Vibrant colors and decorations in the foreground flowers below the image enhance the entire design. The narrative and dynamics of thedynamic features like balloons fluttering and meteors passing improve the scene. Put the words "Fly Me to the Moon" at the top or bottom of the image. Use Art Deco typefaces with glowing-effects to bring the whole thing together and create a distinctive, eye-catching design.


Sketch


fig1.15 Sketch

After determining my own ideas, I began to digitize and try to draw it on the software.

                                                                                  fig1.16 Digitize

This is the preliminary finished product I completed according to the preliminary idea. I found the shortcomings in my observation of the picture and in-depth exploration, so I made the modification.

Final design



fig 1.17 
Final design

Final design



fig 1.17 
Final design


Concept of design


fig 1.18 The final process

This piece, which draws inspiration from the beloved song Fly Me to the Moon, attempts to convey a beautiful and surreal space voyage by fusing several forms of expression—music, art, and emotion. A couple sitting on Saturn, decked out in white flowers, and strumming a guitar forms the central motif of the piece. The entire image is filled with a vibrant, starry sky that is encircled by sparkling stars, creating a fantastical, cosmic environment.

The composition of the picture is meticulous and rich. Mercury, Saturn and other planets are connected by rainbow rings, which not only increases the sense of hierarchy of the picture, but also adds dynamic and interest to the overall design. In the animation design, couples will travel through space, pass through various planets, stop to play and sing, and finally fly to the moon. As the moon gradually enlarged, the couple's silhouette came into view, symbolizing that their love has reached a new height. In this process, rainbow-colored planetary rings will also be dynamically presented, further enhancing the visual impact.

I hope that through this design, it will not only show a romantic and fantastic cosmic adventure, but also convey the beauty and infinite possibilities of love. The whole work strives for perfection in color application, element layout and dynamic effects, aiming to make the audience feel a space journey full of surprise and emotion. In terms of visual and emotional aspects, the works strive to achieve a high-level artistic expression, so that the audience can immerse themselves in the wonderful world of music and love in the process of appreciation.



Design project description

Recommended art style

For this project, I chose the style of Pop Art. With its bright colors, unique patterns and playful expressions, Pop Art perfectly fits the dreamy and romantic theme of the song Fly Me to the Moon.

Originality

My design is unique and suitable. By combining romantic space travel with the art style of pop, I create a world full of fantasy and emotion. The couple's interstellar adventure not only highlights the theme of the song, but also gives the picture more story and visual impact.

Skills

I have shown solid basic skills in composition, illustration style and proposals. Through the color application and concise lines of pop art, the visual attraction of the work is enhanced, while maintaining the simplicity and freshness of the picture. Every detail is carefully designed to ensure the unity and beauty of the overall style.

Explanation - How to interpret a song as an illustration

Fly Me to the Moon is a song that expresses romance and dreams. I transformed this emotion into a visual expression by depicting the couple's journey in space. The design of the starry sky, planet and moon not only echoes the theme of "flying to the moon" in the song, but also shows the intimacy and romantic atmosphere between couples through details.

Storytelling - Does your proposal tell a story? Do you show emotion?

My proposal tells a romantic space travel story full of emotions. Couples travel between stars and stop to play and sing everywhere, showing their sweetness and romance. The dynamic rainbow-colored planetary rings and the flickering effect of the starry sky make the whole story more vivid. The couple's posture is naturally intimate, showing strong emotions, rather than a blank expression.

Requirements - Initial Storyline, Idea + Sket | Illustration | Final Animation GIF

Initial storyline

The couple decided to embark on a romantic space trip and fly to the moon. During the trip, they passed through different planets and stopped everywhere to enjoy each other's company and the beauty of music. On Saturn, they stopped to play and sing, enjoying the beauty of space and each other's existence. Finally, they reached the moon, and the moon gradually zoomed in, showing their silhouettes, symbolizing that their love had reached a new height.

Ideas + sketches
fig1.19 Sketch

The initial sketch depicts the scene of couples on different planets, with flashing stars and colorful planetary rings in the background. Each planet has unique decorations, such as the white flowers on Saturn.

                                                                            fig1.20  Digitize
Illustration

The illustrations refine the details of each scene, increasing the hierarchy of the starry sky and the flashing effect of the stars. The couple's posture and expression have been adjusted to be more natural and intimate. In terms of color application, a soft gradient color is added to make the picture more dreamy.




Final animation GIF

Animated GIF enhances the expressiveness of the story through dynamic effects. The couple traveled through space, passing through Mercury and Saturn. The rainbow-colored planetary rings moved in the animation, and the couple's dress and hair swayed in the wind, and finally flew to the moon. The moon is enlarged, showing the silhouette of the couple. The whole process is full of movement and emotion, perfectly showing the romantic theme of the song Fly Me to the Moon.

Through these design elements and steps, I hope to not only convey the romantic feelings of the song, but also immerse the audience in this fantasy and emotional cosmic adventure through the expression of dynamics and colors.


REFLECTION


Reflection on "Fly Me to the Moon" Animated Album Cover Project

The "Fly Me to the Moon" animated album cover project was an exciting and rewarding journey that allowed me to merge music, art, and storytelling into a cohesive visual narrative. Reflecting on this project, I am pleased with the final outcome and the creative process that led to its completion. Here are some key reflections on the various stages of the project:

Conceptualization and Initial Ideas

From the outset, the iconic song "Fly Me to the Moon" served as a powerful source of inspiration. The idea of a romantic space journey was compelling, and I aimed to capture the sense of wonder, adventure, and deep affection conveyed by the song. The initial sketches and ideas focused on creating a dreamy, cosmic landscape with a couple at its center, representing the love and intimacy described in the lyrics.

Design and Artistic Choices

Choosing Pop Art as the primary artistic style was a deliberate decision to enhance the vibrancy and playful nature of the design. The bright colors, bold patterns, and whimsical expressions characteristic of Pop Art were perfect for conveying the fantastical and romantic themes. The combination of soft gradient colors, delicate mobile effects, and intricate details helped create a visually appealing and emotionally resonant piece.

Illustration and Animation Process

The transition from initial sketches to digitized illustrations was a significant step in refining the visual elements. I paid close attention to the composition, ensuring that the couple's poses and the cosmic background were both harmonious and dynamic. Incorporating elements such as auroras, nebulas, and flashing stars added depth and richness to the imagery.

Animating the cover brought a new dimension to the project. The dynamic features, such as the couple's movements, the fluttering balloons, and the passing meteors, enhanced the narrative and made the story more engaging. The rainbow-colored planetary rings and the gradual enlargement of the moon created a sense of progression and climax, aligning with the couple's journey and the song's emotional arc.

Challenges and Learning Experiences

One of the main challenges was ensuring that the animation was smooth and conveyed the intended emotions. Balancing the technical aspects of animation with the artistic vision required careful planning and iteration. Additionally, maintaining consistency in the style and quality of illustrations throughout the animation was crucial.

Through this process, I learned the importance of patience and attention to detail. Each frame needed to be meticulously crafted to ensure a seamless and impactful animation. I also gained a deeper appreciation for the interplay between static and dynamic elements in visual storytelling.

Final Outcome and Audience Reception

The final animated GIF successfully encapsulates the romantic and fantastical essence of "Fly Me to the Moon." The vibrant colors, fluid animations, and intimate portrayals of the couple create a captivating and emotionally rich experience. The feedback from peers and mentors has been overwhelmingly positive, highlighting the project's ability to evoke strong emotions and immerse the audience in the story.

 Conclusion

Overall, this project has been a valuable learning experience, allowing me to explore the fusion of music, art, and animation. It has reinforced the importance of creativity, technical skill, and thoughtful storytelling in creating compelling visual narratives. Moving forward, I am excited to apply these insights to future projects, continuing to push the boundaries of my artistic and creative capabilities.



Monday, June 10, 2024

Typography - Final Compilation and Reflection

故事 Pin 图图片Typography - All Final Submission Work

week1 -week14

HUANG JIAQI/ 0371553

Typography / Bachelor of Design in Creative Media

Typography - Final Compilation and Reflection

Tasks

  1. Task 1 Typographical -Task 1-Exercise1&2 
  2. Task 2 - Typographic Exploration and Communication
  3. Task 3 - Type Design and Communication 
  4. Reflection 


Submission 

Task 1 - Exercise 1: Type Expression

22 April 2024 - 26 May 2024 / Week 1- Week 5

FINAL Type Expressions
                                    Fig.  Figure 1.1 Final text expression, 13 May 2024



Fig. Type Final design pdf, Week 4 (5/14/2024)



Fig.1.2 Final Animated Type Expression "jump"Process- GIF, Week 4 (5/14/2024) 
Week 4 (5/14/2024)


JUMP as the final design.

                      
                                          
Fig.  1.3  Final Animated Type Expression "jump" - GIF, Week 4 (5/14/2024) 
Week 4 (5/14/2024)

Fig. Final Animated Type Expression "jump" - GIF, pdf Week 4 (5/14/2024) 
Week 4 (5/14/2024)


Task 1 - Exercise 2: Text Formatting 

22 April 2024 - 26 May 2024 / Week 1- Week 5





                                Fig. 1.3 Text formatting with kerning, Week 5 (21/5/2024)
     Fig. 1.4 Text formatting with kerning, Week 5 (21/5/2024)


                    Final Exercise 2: Text Formatting JPEG


Fig. 1.5  Final Text Formatting ( grids) - JPEG, Week 5 (21/5/2024)






                                           Fig. 1.6  Final Text Formatting ( grids) - JPEG, Week 5 (21/5/2024)
Fonts
Font: Bembo Std (Roman, Italic, and Bold)
Point Size
-Body Text: 11 pt
- Heading: 
  - Main Title: 60 pt
  - Line spacing: 65 pt
  - Secondary Subtitle: 11 pt
Leading
- Body Text: 14.4 pt
Paragraph Spacing
- 14.4 pt

 Alignment
- Left align

Layout Analysis (Layout Analysis)

Title:

The main title "I AM HELVETICA" uses the Bembo Std Bold font of 60 pt.

The subtitle "by John Doe" uses the Bembo Std Italic font of 11 pt.

Text:

The text uses 11 pt Bembo Std Roman font.

The spacing is 14.4 pt, and the spacing between paragraphs is also 14.4 pt.

Photo description:

The picture description uses a 9 pt Bembo Std Italic font with a line spacing of 14.4 pt.

Alignment method:

The full text is aligned with the left, so that the text is neatly arranged on the left edge.

               Final Exercise 2: Text Formatting PDF

                           Fig.  Final Text Formatting (without grids) - pdf, Week 5 (21/5/2024)

                               Fig.  Final Text Formatting ( grids) - JPEG, Week 5 (21/5/2024)


Task 2 - Typographic Exploration & Communicaton

27 May 2024 - 09 June 2024 / Week 6 - Week 7

                   Final Typographic Exploration and Communication JPEG



                fig 1.7 Typographic Final Exploration and Communication  (without grids) - JPEG(6/6/2024)




         fig1 .8 Typographic Final Exploration and Communication  ( grids) - JPEG(6/6/2024)

Margins: 14 mm

Gutter: 10 mm

Headline:
Font:
Bembo Std 
Body:
Font Bembo Std  
Type Size: 9 pt
Leading: 12 pt
Paragraph spacing: 12 pt
Characters per-line: 50 - 60 characters
Alignment: left justified



               Final Typographic Exploration and Communication PDF




       fig  Typographic Final Exploration and Communication  (without grids) - PDF(6/6/2024)

          fig  Typographic Final Exploration and Communication  ( grids) - pdf(6/6/2024)




Tuesday, June 4, 2024

Digital Photography and Imaging - Project 2

5/06/ 2024

Time frame Week 07 - Week09

Huang Jiaqi/0371553

Bachelor of Typesetting/Creative Media Design

Project 2


TABLE OF CONTENTS

1.Lectures

2.Instrustions

3.Project 2A:DOUBLE EXPOSURE

4.Project2B:Product of photoshoot

5.Reflections




1.Lectures

Week6 POSTER DESIGN


Intro

The principles of design are the rules a designer must follow to create an effective and attractive composition.

The fundamental principles of design are: Emphasis, Balance and Alignment, Contrast, Repetition, Proportion, Movement and White Space.


The 7 principles of poster design
1.EMPHASIS
fig 1.1EMPHASIS

2. Balance and alignment
fig 1.2 Balance and alignment
3. CONTRAST
example for principle of design contrast: black panther cat design
fig 1.3 CONTRAST

Contrast creates space and difference between elements in your design. Your background needs

to be significantly different from the color of your elements

so they work harmoniously together and are readable.


4.REPETITION
fig 1.4 REPETITION
5.PROPORTION

fig 1.5 PROPORTION

6. PROPORTION

fig 1.6 PROPORTION
7. WHITE SPACE


fig 1.7 WHITE SPACE

White space (or negative space) is the only one that specifically deals with what you don’t add. White space is exactly that— the empty page around the elements in your composition.

EFERENCE:


  1. Title: 7 Principles of Poster Design

Link: https://99designs.com/blog/tips/principles-of-design


  1. Title: 7 Principles of Poster Design

Link: https://youtu.be/qp3jHWyPW-E 




Week7 Double Exposure 

& Image Blending Mode

What Is Double Exposure Photography?

Turn your head to the right by Dan Mountford
fig 1.8 Double Exposure Photography

Double exposure photography refers to merging multiple images. The goal is to make them surreal, emotional, or humorous. They usually feature silhouettes.

You don’t need a double exposure camera, as there are a few other ways you can create them.


1. Using the Tilt-Shift Effect

If you want to be extra creative, blur one of your photos instead of the entire image. Or blur everything except for one important detail.

To add this feature, go to Filter > Blur Gallery > Tilt-Shift.


2. Create fake reflection

fig 1.9 Double Exposure Photography


3. Experiment with simple portraits and
details textured

故事 Pin 图图片
fig 1.10 Double Exposure Photography

Combining something plain with something complicated will give you a balanced result. It will also save a lot of simple photos that you might discard.




4. Convert your results to Black & White

fig 1.11 Double Exposure Photography


5. Work with silhouette

double-exposure image of a male silhouette and a forest
fig 1.12 Double Exposure Photography
It would give you a fun and doable challenge. And an opportunity to show very creative sides of yourself.
6. Pick two random photo

 



A random process doesn’t mean it’s not meaningful. Your results might create a story of their own, one that others will find encouraging.
7. Make simple objects look fascinating


Double-exposure images of a cityscape and starry sky

fig 1.13 Double Exposure Photography

A silhouette of a dull-looking building could become the outline of a starry sky like the photo below.

This technique will enhance your imagination.


8. Use Shadow
Two images combined in one, using a male shadow and a mountain landscape
fig 1.14 Double Exposure Photography
You can do anything your heart desires with outlines of this sort. All you have to do is go out, take photos of a few shadows, and turn them into something beautiful

PHOTOSHOP : Blend Modes

Working with blend modes is almost always an experimental process. Because it’s nearly impossible to predict the results, you always seem to end up experimenting with different modes and Fill Opacities until you get the results you’re looking for.

Blend Modes GroupsCommonly Used Blend Modes
fig 1.15 Double Exposure Photography


bmodeexamples05
fig 1.16 Double Exposure Photography

A particular blending mode works really well on more difficult subjects like glass, smoke, fire and lightning.

Here’s a quick guide:

  1. Select the Layer 1 (Fire) to be on top of the Background (Musicians)

  2. Go to the Blending Modes option 

  3. Select “Screen”

  4. As a result, all of the pixels on the fire will be selected as Screen blending mode.

_bmodeexamples06


fig 1.17 Double Exposure Photography

REFERENCE:


  1. Tips for creating Double Exposure Photography.
    https://bit.ly/2xy0OGY

  2. Photoshop Blend Modes explained.
    https://bit.ly/2QTxrWe

  3. Complete guide to Blending Modes.

https://bit.ly/2UN1AYA









        2 Information manual for digital photography and imaging modules


Instruction


3.Project 2A:DOUBLE EXPOSURE

Exercise 1: Follow the tutorial

fig3.1 Project 2A:DOUBLE EXPOSURE 

finnal work process 


fig3.2 Project 2A:DOUBLE EXPOSURE 


fig3.3 Project 2A:DOUBLE EXPOSURE 



fig3.4 Project 2A:DOUBLE EXPOSURE 
Practice


fig3.5 Project 2A:DOUBLE EXPOSURE Practice

fig3.6 Project 2A:DOUBLE EXPOSURE Practice

fig3.7 Project 2A:DOUBLE EXPOSURE Practice
Exercise 2: My own version of Double Exposure portrait


fig3.8 Project 2A:DOUBLE EXPOSUREMy own version of Double Exposure portrait

fig3.9 Project 2A:DOUBLE EXPOSUREMy own version of Double Exposure portrait


5.Reflections
  1. The combination of technology and creativity: Learning PS double exposure is not only a challenge to master technology, but also a challenge to creativity. Through continuous trial and adjustment, I have found a lot of interesting combinations and effects.


    Patience and meticulousness: It takes a lot of patience and meticulous operation to make a double exposure effect. Especially when using layer masks, minor adjustments will have a significant impact on the final effect.


    The importance of practice: Theoretical learning is important, but hands-on practice can consolidate the knowledge you have learned. In repeated practice, I gradually mastered the skills and was able to complete the work independently.


    Sum up


    Through this study, I not only mastered the production method of Photoshop double exposure effect, but also improved my image processing ability and creative thinking. This kind of learning experience is very fulfilling and interesting.

ILLUSTRATION AND VISUAL NARRATIVE /TASK 2: DECISIVE MOMENT

huang jia qi ( 0371553 ) Task 1: Exercises 20% - Individual Timeframe Week 01 – Week 04 Deadline Week 04 Illustration and Visual Narrative /...