Illustration and Visual Narrative - Project 1: Exercise

3/4/2023-19/5/2023 Week 1- Week 7
Ng Jia Ern 0363033
Bachelor of Design (Honours) in Creative Media
Project 1: Exercises 

TECHNICAL RECAPS

【Week 1: Exercise】

The Pen Tool
We played The Bézier Game to learn using the pen tool.


【Week 2: Vormator

Exercise: tracing Vormator shapes using the Pen tool

Character design basic:
-Shapes
-Colour
-Emphasis + Contrast
-Harmony
-Expressions, Poses


Tutorial:
-Curvature tool
-Shape builder
-Blob brush
-Pathfinder
to build shapes that we want

【Week 3: Vormator Color】

Helpful tool to create colour palate:
Adobe Color


【Week 4: Illustrated Type】

Tutorial: 
-Type (outlined)
-Pencil Tool and Smooth Tool
-Shaper tool
-Joining Paths
-Width Tool
Pencil tool options

Using pencil tool to draw a sail

Using pencil tool to draw letters

Using pencil tool to draw flowers and duplicate the petal by changing the anchor point to rotate

Experiments with different kinds of brush strokes

Fill in Colours and build shadows with shape builder tool

【Week 5: 3D】

Tutorial:


Practice:
adobe illustrator 3d inflate effect



ASSIGNMENT PROCESSES


【Exercise 1: Vormator character 】

Instruction:
Design and create ONE unique character by using the given sets of shapes with Adobe Illustrator (Ai).


The challenges are:
  1. Can rotate, flip and duplicate the shapes
  2. Not obliged to use all the shapes
  3. Can scale size, but only proportionally
  4. No skewing or free transform
  5. No altering the original shapes
  6. Can add, subtract, intersect and group elements as you see fit
  7. Unlimited colour use
  8. Can use gradients and texture
  9. NO OUTLINE STROKES!
  10. No background
Submission format:
Technical file: Final *.ai
Design file: Final *.png
600px x 600px


Sketch:
I sketch out any ideas in my head



Process of building eyes (Although it was not used in the end)


Use vormator shapes to build characters from my sketch

Choose this cat silhouette to elaborate

Elaboration

Inspiration:



Final Vormator Design (Silhouette):

Colouring Metalic Effect

Final Vormator Design (Coloured):


【Exercise 2: Illustrated typography】


Instruction:
Continuing your Ai tools mastery, design and create an aesthetically pleasing illustrated typography by using words generated from the Pictionary Generator: https://randomwordgenerator.com/pictionary.php


The pictionary rules are:
  1. The illustrations and words complement each other
  2. The design makes sense
  3. Use non-decorative fonts as the base of the design

Generate two random words with Pictionary Generator:


Moodboard:

Sketch:
Illustrated in Adobe Illustrator

Feel very simple, so I decided to add a background for it.
corn plants illustrated process


Design Concept: A fox tries to pretend into corn to steal corn from corn field

Still too simple, so I try to make it into 3D that I learn in class.

3D Corn Fox



Turn corn field into 3D too.

adjust some details...

Final Illustrated Typography:

Outline view





FINAL REFLECTION


For the vormator character design, I enjoy designing various kinds of silhouettes, and I did many research to visualize my ideas. However, when I wanted to use the given 8 shapes to build the shapes that I want, I was hit a lot constraints, so I spent some time studying those shapes, discovering interesting shapes by overlapping different shapes, resizing, mirroring and flipping, etc. But there are still some more complicated shapes, such as the shape of bat wings, which cannot be spelled out, which is a pity.

Then, on the illustrated typography front, I ran into a whole new set of problems. My laptop was a total drag, seriously lacking in RAM. Rendering 3D stuff took a very long time, and the AI software crashed numerous times, leading me to the brink of giving up on my aspiration to incorporate 3D elements in my illustrated typography. Faced with this obstacle, I decided to take action and visited a computer store to upgrade my RAM to get my illustrated typography work done.

Comments