Illustration & Visual Narrative Task 2-Composition

7 October 2024- 3 November 2024 (Week 4-6)

 Chika Clarissa Widjaja / 0378636

Illustration & Visual Narrative / Bachelors Of Design (Creative Media) / Taylor's University

Task 2: Composition



TABLE OF CONTENTS

1. LECTURES

2. INSTRUCTIONS

3. REFERENCES/MOODBOARD

4. INITIAL SKETCHES

5. DIGITALIZATION

6. REFLECTION


LECTURES

Week 4:

Mr. Hafiz showed us how to recolor our artwork using color.adobe.com. The website has tons of cool color palettes that we can use when designing our characters, and it even lets us pick colors based on moods, which is pretty cool.

He also taught us a couple of ways to do gradient effects:

  1. Download the color palette as a JPEG > Image Trace (not accurate) > Pick colors based on how many are in the image > Expand > Ungroup.
  2. Select white > Select > Same > Fill Color.
  3. Pick the color you want > Fill > New Color Group > Name it > Make Swatches.

Another method was:

  1. Go to Object > Create a Gradient Mesh, then use the Direct Selection Tool to move colors around.
  2. Go to Edit > Edit Colors > Adjust Color Balance (either for a point or the whole thing).

Mr. Hafiz also showed us how to use the Shape Builder tool for character designs, plus using the Gradient Tool to give things a 3D look. We can change the colors ourselves by clicking the Gradient Tool, then rotate the angle to how we like it and adjust the slider to get the right color amount. Once it looks good, we can save that gradient and use it on other parts.


Week 5:

This week, we’re having our lecture online again. Mr. Hafiz gave us a PDF to look through, and we’re supposed to use what we learn from it in this task. We should keep perspective in mind whenever we’re sketching anything, whether it’s an environment, an object, or whatever else we’re working on.


Week 6:

Deepavali Holiday, we were asked to proceed with our assignment.




INSTRUCTIONS





TASK

Sketch & Reference board

When creating the sketches, I knew i wanted to place Twiggle in a forest but i didn't know where, so I explored with 4 different settings to see which suits it the best.

Figure 1.1 First Sketch (Twiggle leaning on a tree in a cliff)

Figure 1.2 Second Sketch (Twiggle sitting on a log infront of a cave)

Figure 1.3 Third Sketch (Twiggle sitting on a rock)

Framed Ink Reference 


For the fourth sketch, I used a framed ink reference (Big, Medium, Small) that Mr. Fauzi suggested us to use to create a sense of depth and perspective. 

Figure 1.4 Framed Ink Reference 




Figure 1.5 Fourth Sketch (Twiggle using his powers to camouflage with the other mushrooms)


I applied the reference on the trees, mushrooms, and pathway.

After sending the sketches to Mr. Fauzi, He told me to proceed with sketch number four.


\





Figure 1.5 Reference Board


Digitalization

First,  I imported my sketch to Adobe Illustrator and used the pen tool to sketch on top of it to create the head of the mushrooms. I also added shadings to them.


Figure 1.6 Mushroom head



For the shading of the tubes, i used shape builder using a darker color.

Figure 1.7 Using shape builder to create shading



I figured the perspective was a bit off with these mushrooms, so I created a one point perspective grid to guide me.


Figure 1.8 Perspective grid


After fixing the perspective and making it look more compositionally aesthetic, this is the result. 


Figure 1.9 Final Mushroom


Next, I made the trees and the pathway.


Figure 1.10 Forest Progress


When making the forest, I keep in mind to change the colors as it goes farther away. This is called aerial perspective. I also applied this in the mushroom. I also used a paintbrush with stipple effect to create the bushes.

 (aerial perspective, method of creating the illusion of depth, or recession, in a painting or drawing by modulating colour to simulate changes effected by the atmosphere on the colours of things seen at a distance.) from https://www.britannica.com/art/aerial-perspective


Figure 1.11 Forest final 



For the ground it's pretty simple. I used knife tool to cut out the shapes of the path way and created some basic shading so it wouldn't look as flat. I used the pen tool to created basic silhoutte of people to put in the background.

Figure 1.12 Pathway and people




For the final details, I used gaussian blur and elipse tool to create shadow underneath Twiggle. 

Figure 1.13 Using gaussian blur







Figure 1.14 Before Moss



Figure 1.15 Final Artwork


Pokemon Card


Figure 1.16 Pokemon Card



REFLECTIONS



Experience
Overall, my experience in doing this project was really fun. This project is my favorite out of all subjects and it actually feels like a break from the other assignments. We had a lot of creative freedom when creating this project and i get to learn so much about Adobe Illustrator. Problems i had when doing this project are time management (which is totally my fault), and when brainstorming about the setting and character I want to potray of Twiggle. 


Observations
I observed through framed ink that in order to make your artwork more dynamic, the use of perspective is really important. The angle, depth, etc. Not only that, i realized that even though an artwork may look simple from afar, if you observe it long enough there are many details that takes time to make.


Findings

When using Adobe illustrator, I try to experiment myself using the other tools. I also used shape builder, gaussian blur, knife tool, etc. When researching, I also found out about aerial perspective that i can apply to my artwork to make it better. Framed ink was also intersting to see. I get to see so many different perspectives in an artwork and can be used as an inspiration for this project or in the future.










\

Comments