标签

illustration and Visual Narrative : Exercise

  10/5/2023-?/?/    (Week1-Week5)

TAO YUZE(0366967)

illustration and Visual Narrative 
Project 1 / Exercises

Lectures:

 Module Information- IVN


Case Study 1: Malike Fevre













Task 1: Vormator Challenge

Hafiz Zamri
9月25日
Week 2 - 3


Vormator is the ultimate challenge of your creativity: the aim of project is to give each student the chance to show their ability to create a stunning piece with limited means.

Each person will get the exact same set of , the . With these shapes you are challenged to create your own unique design, within the limitations provided in the Rulebook. Designers are thus challenged to create a unique piece within a strict set of rules. It all comes down to pure skills and creativity in this project.



What exactly are you allowed to do and what isn’t allowed with the Elements? The following rules have to be followed when creating your artwork:You  allowed to rotate, flip and duplicate the Elements You  have to use all the Elements Scaling is allowed, but  proportionally, so  skewing or free transformYou  add, subtract, intersect and group elements as you see fitThe use of color is unrestricted; you can create your own color schemes (e.g. use adobe Color)You  allowed to use gradientsThe Elements may  be filled, the use of strokes is  allowedYou are  allowed to use filters or effects (e.g. drop shadows)
















Lab 2: Chiaroscuro




img of three type 2023/10/23

Due to my previous attempts at pop art, I did not have much difficulty in this exercise, and I used a variety of colors and textured materials according to the requirements.There are many ways to implement material fills, and I chose to use live paint and then use inner shading to apply textures.


Milestone 1 Exercise (Vormator)

Hafiz Zamri
10月30日
20 分

 
Vormator Character Design (20%)
Upload Here in Milestone Submission 1
- screenshot of final Pokemon Card (google classroom) : PNG format
- e-portfolio link (google classroom) : blog link

Upload in Google Drive
- full vormator file without vormator card : Adobe Illustrator PDF


Pokemon card



Exercise: transparency gradient and noise






Self Titled


Your final task consists of integrating the challenges from 3 different modules;


  • Weave a related motive (IVN) through the font and self-portrait. This motive should convey a narrative or theme that reflects your personal or artistic identity.
  • Experiment with typography and layout to integrate the motive seamlessly with your font and self-portrait.
  • Ensure the visual narrative created supports the overall message of your poster.

In your final task, you will bring together the knowledge and skills acquired from three different modules: Typography, Illustration & Visual Narrative, and Digital Imaging & Photography. Your goal is to create an integrated poster that showcases your abilities in each of these areas. You will use a custom font you've created (Typo), incorporate a self-portrait (DIP), and weave a related motive (IVN) through the font and image, resulting in a visually compelling and conceptually rich poster.Typography; Illustration & Visual Narrative; and Digital Imaging & Photography. 

You will use the font created (Typo) in a poster that features your self-portrait (DIP), and you will weave a related motive (IVN) through the font and image.

The end result is an integrated poster
Size: A4 (2480 pixels x 3508 pixels (print resolution) 595 pixels x 842 pixels (screen resolution)


Your assignment will be evaluated based on the following criteria:
  • Effective integration of Typography, Illustration & Visual Narrative, and Digital Imaging & Photography concepts (30%)
  • Creativity in weaving the related motive into the font and self-portrait (25%)
  • Visual impact and quality of the self-portrait (20%)
  • Typography and layout design (15%)
  • Artist rationale and presentation in the e-learning portfolio (10%)

In this assignment, I want to express something very personal and at the same time I want to build on new knowledge that is not based on what the instructor has taught.



Based on my idea, I made moodboard：

form pinterest 2023/12/14

form pinterest 2023/12/14

form pinterest 2023/12/14




My idea is very clear, first I need to take a selfie of myself and illustrate it.

me 2023/12/14


 I am going to complete it using a style that my instructor has not taught me. This style is called low-poly. I spent a semester practicing low-poly. I think it is an important part of learning this semester.Because I do a lot of low-poly exercises, I can illustrate directly on the image without any drafting.



low-poly pratices by me

low-poly pratices by me

low-poly pratices by me

low-poly pratices by me

low-poly pratices by me

check more MY low poly works in pinetrerest :https://pin.it/3I7WT25 (images created by ID dr_ksmod)


The entire illustration creation process takes two hours

process 2023/12/14

process 2023/12/14

process 2023/12/14

process 2023/12/14


I used Illustrator to draw. I first used the straight line tool to draw fractals, and then used real-time coloring to color the triangle color blocks. The colors were taken from photos. After that, I expanded the real-time coloring, so I got more than a thousand  small triangles.I imported the ai format file into psd, and then started making the background including typography fonts.

process 2023/12/14

process 2023/12/14

I created many demos to verify whether my idea was feasible. Specifically, I first applied Gaussian blur to the photo, and then created a layer containing text. Use the Distort Displacement filter to deform the text layer to ensure that the shape of the text fits the photo. image, and finally convert it into a mask superimposed on the picture.

process 2023/12/14

process 2023/12/14

process 2023/12/14

process 2023/12/14


After verifying the idea, I added the font west wind, which I designed in the typography course, to the background. After adding it, I explored many different font layouts and background color styles. to achieve the best visual effect.


demo 2023/12/14

demo 2023/12/14

demo 2023/12/14

demo 2023/12/14

When adding the main title text I thought about balancing the visual space between the title and illustration sections, and since my design doesn’t have a lot of empty space, I chose a method that ensured the visibility of the title font and illustration sections. I used an invert mask to keep the main title highly visible while maintaining the visibility of the illustration.

FINAL WORK：

FINAL POSTER 2023/12/14

The breaking of the face, the face that reveals the words of the stream of consciousness, the breaking process represents the enhancement of professional ability, and eventually all my ideas will appear, completing my self-realization




animation part

Since the animation is entirely produced on AE, although the same materials as the static posters are used, the resolution and implementation of some effects are completely different from the static posters.


parts 2023/12/14




Since the portrait part consists of more than a thousand triangles, it is unrealistic to import them all into AE.So I chose to merge the triangles of the facial features together to form several large layers, and then separate the broken animation part into a psd file to facilitate subsequent animation production.

AE 2023/12/14



I categorized the upper right and lower left pieces and named each triangle in detail.The animation of triangles flying out is very simple, but there are a lot of them. At the same time, I also need to make easing effects and elastic effects for the movement of each triangle. This work consumes me all day.

Easing curve 2023/12/14

Easing curve 2023/12/14

Easing curve 2023/12/14

When I finished the work I realized that I had made a mistake, the proportions of the static poster and the animated poster were completely different, and forcing the stretch would cause the image to be out of alignment. So I started adjusting the animation to fit the 1080P ratio.


1080P 2023/12/14

1080P 2023/12/14


I made a longer version of the background to fit the 16:9 ratio, and also modified the ratio of the main title to make the visual effect more even.

FINAL VIDEO





youtube link (with BGM)https://youtu.be/zsuKD3YX6xU

Since the original video was only 7 seconds long, I played the video backwards and then edited it.


Feedback modify version

Mr. Zamri thought that the text I chose for my title was too abstract and stream-of-consciousness, so I expanded the existing font with more new letters, and finally chose "design unleashed" as my new title. The new title is clearer and more understandable. Zamri also pointed out that my poster should be more layered, and the original title may have been too extravagant


















标签：

评论

发表评论

热门博文