Illustration & Visual Narrative - E-PORTFOLIO

-

22/4/2024 - 26/7/2024 (Week 1 - Week 14)
SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media
COM 61304 Illustration & Visual Narrative
E-Portfolio

Module Information Booklet


LAB 1 : The Pen Tool

The Bezier Game

TASK 1 : The Vormator Challenge

"Vormator is the ultimate challenge of your creativity. The aim of this project is to give each student the chance to create a stunning piece with limited means."

Objective: Create a character using Vormator shapes.

To begin, we were told to first trace out the shapes below using the tools available in Illustrator. After I finished tracing them out, I grouped them together at the side so I can grab each shape easily without them blocking the canvas.



Shapes Provided for Vormator Challenge

Then we were to come up with a design for a monster/creature by assembling these traced out shapes. There were some rules implemented when creating our monster; 

  • Can rotate, flip and duplicate the shapes
  • Must use all the shapes
  • Scaling is allowed, but proportionally
  • Can add, subtract, intersect and group shapes
  • Use of colour is unrestricted
  • Can use gradients
  • Can use filters or effects
I started experimenting by taking some of the bigger shapes and grouping them together to create something that resembles a body. I made use of some of the tools in Illustrator to create some elements I wanted, such as the eyes, in which I used the knife tool and clipping mask to make them. I put some of the other shapes together and made up a colour scheme which I figured would look pleasing to the eye and came up with my initial design.


Process Work

Initial Pokemon Design

I decided I wanted my monster to look a bit different so I made some changes to match the vision I had in my head. I also played around with the shadow effect at the same time.
Progress Work

Finally I gave it a tail as a final touch to the design. My Pokemon monster has been created.

Final Submission

Final Pokemon Design

Shapes used in Final Design

LAB 2 : Chiaroscuro

Exercise 1

Exercise 2

TASK 2 : Pokemon Card

Objective: Place your Vormator character (Pokemon) into a Pokemon card composition, incorporating foreground, midground, and background elements. You may also create a new shape not bound by the Vormator rules or shapes.

I had the idea of putting my Pokemon in a setting where everything is dry and isolated, where there are dead trees everywhere and the land is dry while my Pokemon rests in a cave surrounded by mountains. I decided my Pokemon to wield the fire element, and fire can burn everything in its path, like trees and grass, so that's how my idea came about.

I went to look at references for the idea I had and tried to recreate it in Illustrator. This time I made good use of the gradient tool.

Progress Work in Illustrator

For the final design, I had initially wanted to put fire around my Pokemon to show that it wields the fire element, but I thought it looked out of place so I scrapped it and decided that the final design looks better without it.

Initial Idea (Scrapped)

Final Submission

Final Design

To turn them into Pokemon cards, I downloaded high quality JPEGs of the final design and put them in a website that allows you to make a custom Pokemon card. I was not very familiar with Pokemon in general so I looked up inspiration from official cards and came up with my own stats. 

The name I have given my Pokemon is 'Blazeron', because the word 'blaze' refers to a bright and strong flame, and I thought it fit my Pokemon very well.

Pokemon Cards Ver. 1 and Ver. 2


TASK 3 : Fly Me to the Moon

Project Brief: You are to choose one song from the list below,- :
  • Fly Me to The Moon
  • The Way You Look Tonight
  • Come Fly With Me
  • Girl from Ipanema
  • New York, New York
-appreciate the song, hear it through and understand the lyrics. You are then required to sketch initial ideas, figure out a storyline, illustrate and compose and animate a 'moment' based on your understanding from the chosen song. This moment will be the album cover. Illustrated typography must be included. Foreground, midground and background must be considered and illustrated.

I chose New York, New York as the song I want to base my album cover on since I enjoy songs that are based around being in a city, especially one as big as New York. What I had in mind was a view of the city itself, lit up at night, following a line in the lyrics; "I wanna wake up in that city, that doesn't sleep."

I found some references and sketched out the idea I wanted to recreate in Illustrator. The moment shown in my idea is written above the sketch below.


Idea Sketch

I used my sketch to trace on Illustrator and formed buildings, a bridge, a riverside and a boat. I made the colour scheme simple with some contrast to show the night sky about to be broken by dawn. 

Design Outline

This was only the initial design so I didn't like it as much as I'd thought since it looked plain.

Initial Design

I decided I wanted to give it a different vibe so I changed the colour scheme completely and gave it a retro style given the vibe of the song. It would fit as the album cover more than my initial design, and I figured it would look visually pleasing to the eye as well, with the choice of colours I had in mind.

Here are the references I took inspiration from:

Inspiration Pictures



Modified Design


The modifications of the colours were easy to do, and I added some small stuff like the lights in the background and moon as final touch. I was pretty satisfied with the final result.

Final Submission

Final Design

Final GIF Animation

Task 4 (Final Project) : Comic Cover and Animated One-Page Intro

"A motion comic, or animated comic, is a form of animation combining elements of print comic books and animation. Individual panels are expanded into a full shot while sound effects, voice acting, and animation are added to the original artwork"

Objective: You are to select a story from the short storied of Edgar Allan Poe and you are to create:
  • Comic Cover Page
  • Animated One Page Intro
Animated Scope:
  • Parallax
  • Secondary Action
  • Animated Background
After reading through some stories, I decided to do The Black Cat because I really like the story and I already had an idea in mind while reading it. I wanted to capture the moment where the black cat discovers the body of his owner's wife stuffed inside the wall. I wanted to give my comic panel a 'film noir' style, in which this genre of media is mainly captured in black and white. 

Idea Sketch

I got permission to add blood to my design, so I proceeded to bring my idea to life. The bright red blood will be quite the contrast with the black and white setting. The whole process for the comic cover and animated page took a long time to do but i managed to finish it on time.



Process Work

Final Submission

Final Comic Cover

Final Animated One-Page intro

Comments

Post a Comment

Popular posts from this blog

Interactive Design - Project 1

-
Image
Week 1 - 6 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media GCD60904 Interactive Design Project 1 Instructions Submission Presentation Design Evaluation From the homepag e, it can be determined that the website’s representative colours are red, black and white. These colours contrast with each other nicely and makes the important information stand out clearly. The colours could be applied differently to make the website look more visually pleasing to the eye. The fonts used in this website are Arial and Helvetica. These fonts make the contents of the pages look easy to read without looking too cluttered. However, In some pages, the font used is Cormorant Garamond, which looks very different from Arial and Helvetica , so there is a dip in consistentency in its font choices. The same can be said about the branding or logo, which has 3 different fonts that don’t match with each other at all. User Experience (UX) When a user wants to go to any of the tabs such as ...
Read more

Design Research Methodology : E-Portfolio

-
Image
  Week 1 - 14 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media RES 60603 Design Research Methodology Final Report Instructions Final Report Video Presentation Presentation Slides Feedback Reflection Experience Task 1 At the beginning of the module, we are required to search for a topic that interests us, with various sources that are related to it, whether it is directly related or mentioned somewhere else. A topic came to mind about minimal illustrations because I had been looking at some minimal designs prior to the start of the semester, so I decided to base my topic around it. It was a bit difficult to think of the research questions and research objectives that aren’t too basic and easy to answer. I came up with some and received feedback from Miss Jinchi to improve the research questions and research objectives to make them more interesting. I wrote down the problem statement using paraphrased sentences from existing sources and shortened it more to make it mo...
Read more

Information Design - Exercises

-
Image
Week 1 - 7 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media GCD 60504 Information Design Exercises Instructions Exercises Exercise 1 - Quantifiable Information I have a packet of colorful cotton balls that I could use for this exercise. There were too many so I picked out a usable amount that still has some variety in colors.  Fig. 1, unsorted cotton balls Then I arranged them by color in a swirly pattern and counted how many of each colored cotton ball there is. Final Composition Fig. 2, final composition with cotton balls Exercise 2 - L.A.T.C.H Infographic Poster For this exercise, we needed to organise a group of information that combines and utilised at least 4 of the L.A.T.C.H principles. I have decided to choose sharks as my topic and listed out the L.A.T.C.H principles I will be using, which will be; L (Location) = The Mediterranean Sea A (Alphabet) = Shark Names by Alphabet C (Category) = Species of Sharks H (Hierarchy) = Apex Predators, Mid-Level Predators,...
Read more