Unit 17 : DIGITAL 2D AND 3D

ANIMATION
PREETHAM
DEVULAPALLY(DEV1900912
BEN KEELSON
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

Contents
Client Brief:..................................................................................................................................2
Own Brief:.................................................................................................................................2
Research techniques:....................................................................................................................2
P3: Produce designs for 2D and 3D digital graphic products to meet the client’s brief......3
Sketch 2 :......................................................................................................................................4
2D Design for theatre stage:.......................................................................................................5
3D Designs for the theatre stage: (Adobe illustrator)..............................................................6
P4 - Review the designs for 2D and 3D digital graphics product to identify refinements. . .8
3D Designs feedback:..............................................................................................................8
2D designs Feedback:.............................................................................................................9
P5 - Develop the 2D and 3D digital graphics products to meet the client’s brief...............10
P6 - Review the extent to which the 2D and 3D digital graphic products meet the client’s
brief.............................................................................................................................................11
M2 - Justify designs for 2D and 3D digital graphics products, showing how they will
provide effective solutions to meet the client’s brief.............................................................12
Sources of stimulus...............................................................................................................12
Techniques for creating the ideas, including brainstorming, mood boards and the
thumbnail sketching..............................................................................................................12
The characteristics such as image quality and the compatibility.......................................................14
Purpose of the theatre stage:...............................................................................................15
Hardware and software requirements when designing the theatre stage:......................16
User requirement:..................................................................................................................18
Sources of images and assets:............................................................................................18
M3 - Optimise the 2D and 3D digital graphic products to effectively meet the client’s brief.
.....................................................................................................................................................20
D2 - Evaluate the 2D and 3D digital graphics product designs and the optimised product
solutions against the client’s brief..........................................................................................21
D3 - Demonstrate individual responsibility, creativity and effective self-management in
the design, development, and review of digital graphic products.......................................22
Project timeline:.....................................................................................................................22
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

Client Brief:
You have recently started an internship as an IT specialist at a visual arts
company and a part of your role is to encourage a greater use of IT in the
company’s production.

Following your presentation to the Artistic Director and her team you have been
asked to develop some 2D and 3D graphics for the company’s upcoming theatre
presentation of Oscar Wilde’s ‘The Importance of Being Earnest

Own Brief:
I need to design and develop a 3D model for the stage set for the play. The
setting is a flat belonging to one of the characters. The stage is approximately
10m wide and 9m deep the height of the backdrop (which covers the back wall of
the stage) should be around 5m. The design should include the scenery painted
on the backdrop entrance/exit doors to the flat and the furniture in the flat (see
the script of the play.

Research techniques:
Some research techniques include searching for articles in google to find out about the
play such as the target audience, YouTube etc. YouTube has been used to search up for
the videos of different designs of the theatre stage for different plays. The designs which
I choose will impact the audience because it will create an atmosphere in which the
audience will feel the play. So, it is important to create the right design for the theatre
stage which will create the right mood and atmosphere for the audience.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

P3: Produce designs for 2D and 3D digital graphic products to meet

the client’s brief.
Sketch 1 for the theatre stage:
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
This is the 2D sketch design for the theatre stage which will be used in the play ‘The
Importance of Being Earnest’. The sketch was created by using Microsoft paint software.
There are different tools which are used in the software to design the sketch which will
match and fit for the criteria. The tools include:
Brush tool: the brush tool is used in the Microsoft paint app to draw the 2D design of
the curtains, stage, and the audience seat area.
Fill and stroke: Fill and stroke in the Microsoft paint app was used to fill in different
colours such as red colour, and yellow which are used to make the 2D sketch realistic.

Sketch 2 :

This is a different sketch design for the theatre stage, It was designed in the
same Microsoft paint app. This design consumed more time then the first design
and it looks neat compared to the first sketch. In total I have created and
designed two 2D sketches for the theatre stage as per what is mentioned in the
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
client brief. I have used different tools while making the 2D sketch such as the
shape tool that was used to draw the sitting area for the audience, the stage for
the characters and outline of the theatre stage. Brush tool was used to draw the
curtains for the theatre stage. The fill in bucket was used to fill in different colours
for different properties of the design such as grey colour was used to fill in for the
stage to make it realistic.

2D Design for theatre stage:

This is my 2D design for the theatre stage which was designed in Draw.io. Draw.io is a free
website which will allow users to draw, paint etc. I used some features such as a rectangle tool
which will allow me to draw a rectangle shape for the outline of the stage and the piano and
furniture. The characters which are used in this design are ready made assets which I took from
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
the draw.io website. The readymade asset was licence free and available to use by everyone,
so I don't need to worry about copyright.

3D Designs for the theatre stage: (Adobe illustrator)

I have created my 3D designs of the theatre stage on Adobe illustrator for the client
requirement. Adobe Illustrator is a standard industry app that lets designers create a
wide range of digital and printed visuals such as cartoons, charts, diagrams, logos and
drawings. For example a user can upload an image on the adobe illustrator to make
changes and turn them into an object. I have followed the client briefly and what they
need in the 3D designs and carefully created the theatre stage.
1st 3D Design

This is my first 3D model of the theatre stage which is designed on adobe

illustrator according to the client brief. There are some ready made assets used
in this design such as 3D model characters which are used from
https://www.turbosquid.com/3d-model/rigged/boy to make the characters look
real. I have used different tools in Adobe illustrator to design this first 3D model of
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
the theatre stage such as the rectangle tool which can be used to create 3D
shape of stage and the outline of the stage. The fill and stroke tool has been
used in the adobe illustrator to fill in different colours such as yellow, grey ect.
Also, I tried my best to match this design with the act 1 play from the client brief.
In my first 3D stage I have used my original assets such as curtains, stage and
the audience sitting area which are designed by me using different tools in the
adobe illustrator.

2nd and 3D design

This is the second 3D model of the theatre stage that I designed using Adobe illustrator.
This 3D theatre stage was created to show that there are some changes added to the
stage which are according to the clients needs. In the first stage the furniture was
missing so, I have added some furniture such as chairs to make the stage more
attractive for the client. Also, I have added a mic to the stage to make the client feel
realistic that he is watching the real stage.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

P4 - Review the designs for 2D and 3D digital graphics product to

identify refinements
Gmail has been used to communicate with the client for feedback. Gmail is a web-based
email service provider which provides their users with gigabytes of storage for message
and email.

3D Designs feedback:

As you can see in the above image I have sent my 3D designs to the client by attaching
to the email. I have asked the client to give me feedback so the design can be improved
according to the feedback received from the client.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
As you can see in the above image, the client is impressed with the design but wants me
to add more characters and more furniture so that it meets the clients’ requirements.

2D designs Feedback:

The above image shows the communication between me and the client. I have sent my
2D designs to the client and requested him to review and give feedback.

This is the screenshot evidence of the client giving feedback. As you can see the client
really liked the 2D designs and did not include any improvements I can make.

P5 - Develop the 2D and 3D digital graphics products to meet the

client’s brief
Here are my final 2D and 3D digital graphic designs that fulfil and comply with the client
brief. I designed these stages after receiving negative remarks on my earlier 3D model
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
designs. These designs were made using the same software application "Adobe
illustrator," to which I made further changes to assure they comply with the client's
requirement.

This is the final design for the 3D model of the theatre stage which I created according to the
clients’ requirements. As the client requested, I have added more furniture such as a wardrobe,
chairs and more characters. Moreover, I have added theatre lights which will give a realistic
view to the client of the real stage.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

As you can see, I haven't changed any improvements for this 2D animation because the
client liked this version of the design and does not want me to change anything.

P6 - Review the extent to which the 2D and 3D digital graphic

products meet the client’s brief.
After reviewing the feedback from the two persons, I introduced some changes
and additional implementations that should be updated on my 2D and 3D
designs. When reviewing the response, the adjustments for the 2D designs were
not recommended or required, but I did receive some suggestions for my 3D
model ideas. I went back and implemented these suggestions after reviewing
them. The first major piece of feedback I received was to add more furniture and
characters. The person who left that feedback mentioned this because I only
included a limited number of objects and furniture in my first designs; I followed
and respected this feedback criticism and went ahead and added extra furniture,
objects and characters into my 3D design as it met the client's brief requirements.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

See page 8 for the final products of my 3D model designs for the theatre stage.

M2 - Justify designs for 2D and 3D digital graphics products, showing

how they will provide effective solutions to meet the client’s brief

Sources of stimulus
I have recently joined an internship as an IT specialist at a visual art company, one of my
roles is to persuade greater use of IT in the company's production. I will need to design
and create and develop a 3D model for a stage set for the play, I will need to follow the
scene from act 1 from the resources section of the criteria.

Techniques for creating the ideas, including brainstorming, mood boards

and the thumbnail sketching.

Crop Tool: The crop tool was used to cut the characters that were being used and added
onto the stage design, this allowed the characters to be neatly added, the crop tool that
was used is a unique tool and technique that allowed the stage to be somewhat
complete as characters needed to be added onto the stage. Crop tool has some positive
impacts on the design of the stage.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
Rectangle Tool: Another tool and technique that was used to create the 3D model
design of the stage was the rectangle tool, this tool had a major impact on the final
image and design as to create the stage this tool was used to create the shape of the
stage and other assets of it. This tool can be used to create shapes and different objects.
3D and material: 3D and material is a tool in adobe illustrator that can be used to
change any 2D shape such as a rectangle to 3D shape. The reason to use this tool is that
it shows a realistic image of what the theatre stage would look like.

Fill stroke:
The next tool and technique that was used to have some roles in creating the 3D design
of the stage was the fill stroke tool and technique, this tool was used to add colour onto
the stage to make it more appealing, the objects and atmosphere was filled in using the
fill stroke tool using appropriate colours to make the stage look like the stage and to fit
the criteria of the play. Fill is what the inside of an object is colored with, and stroke is
what the outline of an object is colored with.
Extrude and bevel:
The final tool and technique that I had used to create my 3D design of the stage was the
extrude and bevel technique. This tool that was used had some impact when creating
the final design. This technique allowed to add depth to the 3D model design and to
vanish the point of the design, this allowed the design to look more 3D and somewhat
realistic,
Move tool:

The move tool in the adobe illustrator used to move objects around in the adobe.
When designing your project, the Move tool assists you in positioning chosen
content or layers.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
Width tool: The Width tool allows you to generate variable-width strokes as well
as stroke profiles to apply styles consistently.

Sketch tool: There were several tools available to make the 3D model of the stage that I
had to create on Adobe Illustrator, one of which was the select tool, which allowed me
to highlight and select certain and particular objects that were applied onto the Adobe
Illustrator field, including assets of the stage to move or highlight. Using this tool and
approach, you may resize and rotate things to fit the stage. This method aided in the
development of the 3D mode.

Push and pull:

The push/pull tool was used to create and design the 3D model of the stage. This second
technique had a huge impact on the final design because when implementing the shape
designs onto the field on sketch up, this allowed me to extend the size of the shape to
make it 3D and have similar attributes to the stage. When developing this 3D stage and
design, the push and pull tool and approach offers several benefits. This is due to the
fact that without it, the element of the 3D output would not be formed, thus it was
necessary to guarantee that it was employed in order for it to be finished.

The characteristics such as image quality and the compatibility

There were some characteristics when creating the 3D design for my stage such as the
image quality, compatibility, and different editing techniques,
Image quality - One of the first characteristics for creating the digital graphics for this
stage is image quality. The first reason why Image quality is important when creating the
designs of a theatre stage is that it shows the outcome of the designs. Higher quality
shows the clear image making it understandable for the company what design is about
and how it looks like. The image quality is important as it would present the stage better
with clearer outcome and would stand out more, this includes the character images
used, this characteristic is important when using the chosen software and having good
image quality avoids a pixelated outcome.
(Target audience)
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
The target audience for this play is every age and the people who watch this play, the
stage contains colours and furniture which is appropriate for all ages and genders, the
characters set in the stage are also target all ages and gender of the target audience
which is appropriate for them. Although the target audience may be appropriate for all
ages, it may target the older audience more as it might be much more interesting. The
reason why it may attract the older audience compared to the younger audience is
because it contains heavy language that a younger audience may not understand, also
some of the characters are at an older age.
The stage would be an appropriate design for the target audience for most ages, this is
because it doesn’t have inappropriate props or furniture that may put off the audience,
it also has simple colours which make the design more appealing and friendly to the
audience.

Purpose of the theatre stage:

The purpose of the design that I had created was to meet the client's needs. Cresting
this stage meant that it will be detailed and meet all the criteria of the requirements,
this will be used for the play of act 1.
There are several legal and ethical criteria and laws that must be addressed and applied
to while creating the company's 2D and 3D stages. There are numerous legal and ethical
factors that must be always followed. The copyright act is the first legal requirement.
Copyright legislation 1988: copyright legislation1988 is important and everyone needs
to consider it. Copyright ensures that whatever information is used needs to be used
reasonably and cannot be used or modified by others without taking approval of the
original content creator. This means that any use of pictures of information which I used
to create a 3D or 2D stage must be copyright free licensed to prevent any future
consequences avoided in the future. I used copyright free licensed pictures/ assets in my
design such as characters and the furniture to make sure I won’t get copyright.

Defamation law:
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
The defamation act is another legal requirement factor that is different from the
legislation, which means it must be carefully followed to ensure it is not breached or
broken to the point where penalties may occur. The defamation act is a law that is used
to notify the public that the work is real. This implies that the designs or work must be
true and not lied to. In this scenario, the stage produced for the company must be as
realistic as a stage can be, and it should not be treated as anything else that might be
used to deceive the company. Breaking the law might have big implications for the
company and the digital graphics creator such as heavy penalties or jail time . Everyone
should follow this law and it is important.

Equality legislation:
When creating a design for the theatre stage it is important to follow the equality
legislation. Everyone should be respected no matter what the religion, race and
background they are from. While creating the 2D or 3D design that I create I should not
include any harmful subject. The assets that I create for the 3D or 2D designs should
make sure that I prevent any information or material which shouldnt offend any
sexuality, ethnicity, gender or religion. Not following these legislation will put the
company or the creator in trouble such as disciplinary action or 2years jail time. For
race, sexuality, gender, religion I did not include any material or information which goes
against the equality legislation.

Hardware and software requirements when designing the theatre stage:

These are the hardware and software requirements which will be needed while creating
the 2D and 3D designs of the theatre stage. These requirements include:
PC: PC is a personal computer which mostly requires hardware equipment which will be
used by me when creating 2D or 3D designs for the theatre stage. PC will allow access to
different software such as adobe illustrator, photoshop which will be mostly required to
create theatre stages. The PC gives access to a web browser which will allow me to
research different ideas for creating the theatre stage such as searching for articles
where different designs of plays were created. YouTube is a video streaming website
which can be used to search tutorials on how to create different types of designs in
different software. When designing a 2D or 3D designs of the theatre stage it is
important to look at the computer specification to be compatible with the software
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
which will be used to create the designs. Software such as Adobe Illustrator may need to
have higher specifications such as I7 Intel processor and 16GB of RAM is required to
load big software like Adobe Illustrator without crashing. There are situations where
there might be disadvantages for creating the 2D or 3D designs using different software.
The school computer or the personal computer may have limitations such as low
graphics card and less RAM space which will crash the software like Blender and Adobe
illustrator and stop the creator from designing a theatre.

Mouse: Mouse is an important output device which is needed to function the PC.
Mouse hardware device will be required to select objects, design shapes for the 2D/3D
theatre stage. It is important to choose ergonomic mouse equipment when designing
the theatre stage because it will affect physical health and mental health. Choosing an
ergonomic mouse will prevent any wrist pain and any hand related pain from
happening.
Tablet touch screen: Touch screen is the replacement of using the mouse for the PC.
Touch screen pencil will allow users to create the design for the 3D and 2D design
without using the mouse. The use of touch screens will prevent the user’s wrist pain and
hand pain. Using a touch screen tablet screen will improve the user’s productivity and
imagination because it makes them feel like they are drawing the design.

Keyboard: Keyboard is an important hardware equipment which will be used for the PC.
Keyboard allows you to output alphabet keys or any special characters. Even though the
keyboard is not very important for creating the theatre stage.
Microsoft Paint: The Microsoft paint software was a digital application that I used to
create the 2D model design of the stage for the company. I used this free application
software that was required for the designs to be completed; this included a range of
features and tools which I used to finish my design ideas, such as pen, pencil, and fill
tools.

Adobe Illustrator: Adobe Illustrator is a vector-based design and drawing application for
professionals. Illustrator, when used as part of a wider design workflow, enables for the
development of everything from single design components to full compositions.
Illustrator is used by designers to make posters, symbols, logos, patterns, and icons,
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
among other things. I used Adobe illustrator to create 3D designs of my theatre stage. I
used different file formats such as JPEG, PNG to export my work to share my designs
with clients.

Draw.io website: Draw.io is a website which is an important website for designing a 2D

design model for theatre stage.

User requirement:
The company's 2D and 3D model of the stages should be engaging and appropriate for
them, which means that everything in the designs should capture the user's attention.
Quality is one user demand, ensuring that the theatre stage being built is suitable and
fits the users' needs. This means that everything in the design stage should fulfil the
user's expectations. This contains lighting, furniture, chairs, characters, and other
elements used by users. It is critical to have a realistic interpretation of the stage since it
is required by the user's requirements.

Compression:
Using a compression has many disadvantages when creating the theatre stage design
such as the quality of the picture may be reduced, storage capacity and speed time. The
client may not like the compressed version of the design because it loses quality and
does not look good. When I was designing the theatre stage I had to make sure that I
used compression in a limited amount only. I set up the image resolution to the specific
limit so that the quality of the final design will not be lost and The client will be able to
look at the designs without any problem.

Sources of images and assets:

The images of the characters, furniture have been uploaded from this website:
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

https://iconscout.com/3d/male-character-holding-coffee-cup-4626302
https://favpng.com/png_view/wardrobe-vector-3d-cartoon-decoration-white-cabinets-
cupboard-wardrobe-cabinetry-drawing-png/2fAdERFM

As you can see in the image above the website which provides the characters for the 3D
theatre stage design are free licence. The wardrobe which I took it from the provided
website above is free and does not have any copyright.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
M3 - Optimise the 2D and 3D digital graphic products to effectively
meet the client’s brief.

This is the final result of my stage 3D model design that fits to the client's brief
requirements and requirements; it is the first design that I developed after receiving
feedback on my earlier designs. I feel this 3D model design is efficient and fulfils the
client's brief and requirements; it is detailed and meets the client's expectations, which
should be followed. As stated in the customer brief, I needed to design and construct a
3D model for the stage set for the play, which I successfully completed and is completely
optimised. The stage is roughly 10m wide and 9m deep; it is finished and meets the size
description. The design should include furniture such as wardrobe, chairs, piano and mic
ect to complete and optimise the design to fulfil and follow the clients brief. This final
design has been optimised and confirmed as I followed and evaluated the feedback I
got, resulting in designs that are totally optimised and acceptable for usage by the
company. Overall, the image depicts my final and finished product design of the 3D
model that would satisfy the client's specification.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON
D2 - Evaluate the 2D and 3D digital graphics product designs and the
optimised product solutions against the client’s brief.
In conclusion, I completed and created the 2D and 3D model designs that have been
fully optimised and completed in accordance with the client brief and requirements, and
this has been done by gathering feedback and criticism which has allowed this to be
completed. The feedback I received had a significant impact on my final and finishing
product of the stage, as it allowed my design to be fully optimised. When I compared
the feedback I received to the stated requirements, I strongly believe the feedback
allowed those requirements to be met, ensuring the designs were fully optimised.
Although I considered the comments I got, there were other key influences that
impacted the final design of the product. This was due to the techniques and tools that I
utilised, which had a beneficial part in generating the final optimised form of the
product. After getting feedback on my original 2D and 3D design models, I added more
tools and approaches to assure the comments and client brief were followed, allowing
my design to be finished and completed.
One of the tools and approaches which I should include and utilise to my advantage was
the move tool, which enabled me to move the characters in the stage to the planned
positions. It was a tool I didn't use much before receiving feedback, but after using it, I
saw some changes in my designs.

There were other different tools that I used when designing the optimised version of the
theatre stage design. These techniques had an influence on my final product and design
after receiving comments from others. I utilised and made use of the following
techniques: select tool which will allow me to select the different assets in the theatre
design such as stage, character ect. Also, I have used a rectangle tool, lock asset tool.
Lock asset tool was used to freese one asset when required so that when editing a
particular asset freezing other assets will prevent the chances of accident deleting or
modifying. Move tool was utilised to shift different assets in the design such as
characters ect in the right place where they should be. All of these provided tools were
used by me in “Adobe illustrator” software application to complete the theatre stage to
comply with client requirements.
Overall to conclude the development process of the stage that I have designed for the
intended company, I have carefully analysed the client’s needs and requirements so that
it supports the development stage of designing for the company.
Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

D3 - Demonstrate individual responsibility, creativity and effective

self-management in the design, development, and review of digital
graphic products.

Project timeline:

Date Activity completed (Yes/NO)

6th of march Client brief Yes

6th of march Own brief yes

8th of march Sketch designs of the yes

theatre design

8th of march Researching techniques yes

Preetham Devulapally
DEV19000912 UNIT 17 Digital 2D and 3D animation
BEN KEELSON

10th of march 2D Designs of the theatre yes

stage

12th of march 3D designs of the theatre yes

stage

12th of march Communication between yes

client to gather feedback

13th of march Considering my feedback, Yes

adjusting, and justifying the
changes

15th march Pictures of my actual Yes

designs and completed
designs of 2D and 3D
theatre stage

15th march Legal and ethical yes

consideration such as
copyright act 1988

21st march The final assessment of this yes

project concluded that the
client's expectations were
satisfied.

23rd march Project timeline: yes

completing this table