DESIGN PRINCIPLES (TASK 3): Development and Design


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:
  1. Lectures
  2. Instructions
  3. Task 3 
  4. Feedback
  5. Reflection
  6. Quick Links



LECTURES
  • Design Elements and Principles (TASK 1)
  • Visual Analysis (TASK 2)




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]:

Fig. 3. Sketches


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.

Fig. 15. Progress Screenshot


Final Result

Fig. 16. Final Artwork "Splintered"

LINK TO DOWNLOAD: HERE


LINK TO DOWNLOAD: HERE

Timelapse


LINK TO DOWNLOAD: HERE


Rationale


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.




QUICK LINKS

TASK 1 [Exploration]
TASK 2 [Visual Analysis]
TASK 3 [Development & Design]
TASK 4 [Final Compilation]


Comments