|
| Fig. 1. Peppermint Butler from Adventure Time (s6 ep15) |
DESIGN PRINCIPLES (TASK 3): DEVELOPMENT AND DESIGN
–––
10/03/2025 - 17/03/2025 (Week 6 - Week 7)
Irdhina binti
Mazli Sham (0366894)
Design Principles - Bachelor of Design in Creative
Media - Taylors University
Task 3 Development and Design
TABLE OF CONTENTS:
LECTURES
INSTRUCTIONS
TASK 3
Recap: We are required to create a design based on one of the
three sketches made from Task 2 by applying knowledge regarding design
principles in both the process and final product. Any medium, aside from
full photography, is allowed alongside a 200-word rationale.
Chosen Artwork [Task 1]:
|
| Fig. 2. Artwork by Gustavo Arteaga |
Title: Shattered
Utopia
Artist Name: Gustavo Arteaga
Year: 2017
Size: 1920px x 3408px
Medium: Digital
Illustration
Chosen Sketch [Task 2]:
REALISATION
The second sketch has leading lines and movement towards the
focal point that is placed on the artwork using Rule of
Thirds. Aside from the aforementioned principles, this sketch
also uses Gestalt theory, specifically principle of
Figure-Ground and Closure. In this composition, the character
gradually realises the current state of his utopia as he goes
up the rough platform. As he starts from the bottom, the glass
looks complete only for it to shatter at the top, revealing
the actual state of his destination. This can also act as the
predecessor of the original artwork.
![]() |
| Fig. 4. Chosen Sketch |
Progress
I chose to proceed with the second sketch, making a more detailed version
on Clip Studio Paint. Instead of doing linework straight away, I decided to
colour and shade the design beforehand as I found it easier that way.
![]() |
| Fig. 5. Progress Screenshot |
![]() |
| Fig. 6. Progress Screenshot |
The shading was done using a brush setting with high amount and density of
paint so the colours are easily applied. To blend the colours, I slightly
decreased the amount and density. Grayscale is used to better apply value
without thinking of hue, which would be added afterwards.
![]() |
| Fig. 7. Progress Screenshot |
![]() |
| Fig. 8. Progress Screenshot |
Once the basic shading is done, I sketched the general idea of a
background. Layers are duplicated as a backup in case the shading turns
out wrong.
![]() |
| Fig. 9. Progress Screenshot |
Mr. Vinod suggested I balance out the composition since the current
position might lead the viewer's eye away from the focus. However, I had
trouble coming up with the element needed and decided to replace the rock
structure entirely. The new structure is shaded using cross-hatching to
differentiate between the similarly shaped rock and glass.
![]() |
| Fig. 10. Progress Screenshot |
The "utopia" depicted in the glass shards is corroded/corrupted as
opposed to the complete structure drawn on the glass behind the rocks to
deceive the character into thinking their destination is still in one
piece as they make their way up.
![]() |
| Fig. 11. Progress Screenshot |
I added grass using multiple small strokes of three to four different
values.
![]() |
| Fig. 12. Progress Screenshot |
After the details were all added, I applied the colours using gradient
map and adjust the tone curve for the desired effect.
![]() |
| Fig. 13. Progress Screenshot |
![]() |
| Fig. 14. Progress Screenshot |
Additionally, I added chromatic aberration, extra light and slight blur to
increase dramatic effect.
Final Result
![]() |
| Fig. 16. Final Artwork "Splintered" |
LINK TO DOWNLOAD: HERE
LINK TO DOWNLOAD: HERE
Timelapse
LINK TO DOWNLOAD:
HERE
This artwork serves as an
"expansion" and exploration of
the original artwork that focuses more on the
environment rather than the person. Initially, there was supposed to be apparitions of the character going
to the final spot to show their journey but I ultimately settled for
depicting it through the many structures of the earth. A few
elements from the original artwork
was also implemented in the final result, primarily the
glass shards/pieces and the
use of
slight chromatic aberration.
This artwork focuses on both
contrast and emphasis using
colours as well as
surrounding elements. The use of red and green to give contrast also helps separate the
foreground, middle ground and background (Gestalt Theory: Principle
of Figure-Ground)
in order to give depth to the
drawing. Emphasis, however, is more amplified through the surrounding
glass shards all
pointing towards a singular point
with a variety of sizes to
avoid dullness. Monotony in the artwork was also avoided by adjusting not
only the value but also its
hue when applying colours to
the shadows and highlights using
gradient map.
Additionally, another design principle present in the final artwork is
balance and harmony. Balance is present by the middle gap that shows an
almost equal distribution of elements
on either side that, while not perfectly symmetrical, still achieves the
desired principle. Harmony, on the other hand, is achieved by using
similar shapes despite being different elements, such as the glass and the ground. It also shows that while they are
both different elements, they still
maintain a connection with
each other.
(255 words)
FEEDBACK
Week 6:
General Feedback:
Second sketch is chosen, digital art progress using grayscale and
gradient map.
Specific Feedback: The rock structure can lead the eye out of the artwork. It is better to
balance it out diagonally.
Week 7:
General Feedback: Current
composition looks a lot more dynamic compared to the previous progress.
Add colours and proceed with writing.
Specific Feedback: Develop
and add more details to the architecture reflected in the glass. Add
colour to give reason to the emphasis.
REFLECTION
EXPERIENCE: I enjoyed this assignment most out of the three given tasks for
Design Principles, mostly due to the creative liberties we were
allowed to take. It is definitely a contrast to the workload for
the other module I took, Intercultural Design, which is a
relief. In the end, while the outcome could be better with more
added details, I overall had fun with the process and
experimentation.
OBSERVATION: For this assignment, I used grayscale followed by gradient map
to complete the artwork on Clip Studio Paint. I noticed that
while grayscale is better for applying values, it comes with its
own set of challenges just like any other technique. For my work
personally, I had trouble adjusting the gradient map to suit the
needed colours without them appearing dull when mixed together.
I solved this problem by adding a middle colour with high
saturation to "redirect" the colour progression, especially when
the two end colours are on the opposite ends of the colour
wheel.
FINDINGS: In terms of findings, I tried to listen to Mr. Vinod's advice
on other people's work and try to apply them to my work
depending on where it fits. While a lot of them are specified
towards the original artwork and their own renditions, the
consultations were beneficial to me.
















Comments
Post a Comment