STANDARD KEMAHIRAN PEKERJAAN KEBANGSAAN

(National Occupational Skills Standard)

IT-058-3:2014

JABATAN PEMBANGUNAN KEMAHIRAN

KEMENTERIAN SUMBER MANUSIA

Department of Skills Development

Ministry of Human Resources, Malaysia
 -
TABLE OF CONTENTS
No. Contents Pages

Standard Practice (SP)

1 Introduction i - iii
2 Occupational Structure iii - vii
3 Definition of Competency Level viii
4 Malaysian Skills Certification ix
5 Job Competencies ix
6 Working Conditions ix
7 Employment Prospects x - xi
Training, Industrial/Professional Recognition, Other
8 xi-xii
Qualifications & Advancement
9 Sources of Additional Information xii - xiii
10 Acknowledgement xiii
11 NOSS Development Committee Members xiv

Standard Content (SC)

12 Competency Profile Chart (CPC) 1
13 Competency Profile (CP) 2 - 13

Curriculum of Competency Unit (CoCU)

14 Graphic Visualisation 14 - 22
15 Vector Graphics Design 23 - 30
16 Typography Design 31 - 39
17 Digital Layout Design 40 - 49
18 Graphic Editing 50 - 60
19 Graphic Animation 61 - 73

Appendices
21 Appendix 1 – Training Hours Summary A1
22 Glossary
A2 - A5
 STANDARD PRACTICE

NATIONAL OCCUPATIONAL SKILLS STANDARD (NOSS) FOR;

GRAPHIC DESIGN (DIGITAL)

LEVEL 3

1. INTRODUCTION

Over the years, Malaysia has witnessed tremendous growth in the Creative
Multimedia industry with increasing employment opportunities, recipient to numerous
international awards and the establishment of various funds to promote the industry.

The Information and Communication Technology (ICT) sector in Malaysia is divided

into five (5) sub-sectors namely Creative Multimedia, System Architecture, Analysis
and Design, Service Management and Delivery, and Information Security.

The government has strengthened ICT development through Economy

Transformation Programme (ETP), where Communication, Content and
Infrastructure (CCI) is among selected 12 NKEAs. The Entry Point Project (EPP) of
the CCI focuses on Nurturing Malaysia’s creative content industry. It aims to nurture
the domestic creative content creation, services and distribution and broadcasting
sectors, eventually transforming Malaysia into a regional hub for digital content. It is
projected in year 2020, GNI impact in the creative content sector will be RM3.1
billion, out of which 66 percent will be generated in professional services, 22 percent
in content creation, and the remaining portion in broadcasting (ETP, 2010).

1.1 Occupational Overview

Graphic design is an art of visual communication that combines images, words,

and ideas to convey information to audiences. It often refers to both, the process
which is known as designing and refers to the products which is known as
designs. Designing is a problem solving process that requires substantial
creativity, innovation and technical expertise. While, the design is a translation of
a client's goal into a visual solution which is created from the manipulation,
combination and utilisation of shape, colour, imagery, typography and space.

Graphic Designers are the people who have the artistic sensibility, skill and
experience to create designs or images by any means of visual communication.
Graphic Designers are responsible for arranging and using elements on different
types of media to create design solutions that have a high visual impact. Their
designs are required for a huge variety of products and activities, such as
advertising, computer games, corporate communications and corporate identities.
They develop creative ideas and concepts, choosing the appropriate media and

i
 style to meet the client's objectives. The work demands creative flair, up-to-date
knowledge of graphic software and a professional approach to time, costs and
deadlines.

The entry level of Graphic Design (Digital) job area is level 3. The level 3
personnel are known by the industry as Graphic Designers (Digital).They work
directly under Graphic Design (Digital) level 4 personnel who supervise and
assign them job brief. These Graphic Design (Digital) level 4 personnel are
normally known as Senior Graphic Designers (Digital). The highest level of this
job area is level 5 personnel who are known as Lead Graphic Designers (Digital).
The level 5 personnel responsible in producing complex designs, as well
managing their subordinates.

Graphic Design (Digital) is different from Graphic Design in the printing sector.
These two areas are separated by the job output, technology and the working
environment. In printing sector the out puts are printed materials while in graphic
design (digital) the outputs are in digital format and serve for digital media such
as internet, e-book and mobile application. Therefore, Graphic Design (Digital)
personnel require skills and competencies in using computer, software and
computer applications.

1.2 Justification and Rational of NOSS development

The creative industry is becoming an increasingly important component of

modern post industrial knowledge-based economy. It can be a vehicle of cultural
identity that plays important role in fostering cultural diversity. In Malaysia,
creative industry has been acknowledged as one of the fastest growing sectors in
the economy, averaging at 11% per annum over the last five years. This
demonstrates that it is an important key driver of the economy and more dynamic
than other sectors in Malaysia.

Talents are the core competitiveness of creative industries as creative industry is

people-oriented. The prerequisite for the fast development of creative industries
in future is to cultivate a batch of creative talents to avoid talent gap. As graphic
design is very much involve in creative contents production, this area is one of
the current critical jobs required by the industry (MDeC, 2012). The effort to
develop the National Occupational Skill Standard (NOSS) for Graphic Design
(Digital) job area followed by developing the training manual is an enabler for the
industry growth and could resolve the current gap in this job area.

ii
 1.3 Authority and Regulatory/Statutory Bodies Related to Industry

Currently, there are a number of authorities and regulator for the Creative
Multimedia Industry in Malaysia. There are as follow:

• Ministry of Communications and Multimedia Malaysia

• Malaysian Multimedia and Communication Commission (MCMC)
• Malaysian Technology Development Corporation (MTDC)
• Malaysian Intellectual Property Organisation (MIPO)
• Malaysian Creative Content Association (MCCA)

1.4 Training Programme Pre-requisite

The entry requirements for this course are:

• Able to read and write in Bahasa Malaysia.
• Has passion and interest in graphic designing

2. OCCUPATIONAL STRUCTURE

Entry level for the Graphic Design (Digital) is at Level 3 due to their nature of work.
Generally they work by following instructions and job brief schedules that are
prepared by the superior. The personnel perform a significant range of varied work
activities in a variety of context, which most of the tasks are complex and non-
routine.

Graphic Design (Digital) Level 3 personnel may proceed to higher position for Level 4
and Level 5 as shown in Figure 2

2.1 ICT Sector Occupational Structure (OS)

The ICT sector creates many job titles ranges from Level 2 up to Level 5 to serve
five (5) sub-sectors. Creative Multimedia is one of the critical sub sectors that
comprises of eleven (11) job areas.

Graphic Design (Digital) Level 3 falls under the graphic design job area of the
Creative Multimedia sub sector. This job area creates three job titles at level 3, 4
and 5 as shown in Figure 1.

iii
2.2 ICT Sector Occupational Area Structure (OAS)

The Occupational Area Structure of Creative Multimedia as illustrated in Figure 2

shows that some job areas require same competency to perform different job
functions. However, competencies for Graphic Design (Digital) job area are more
specialised as its job functions are different from other job areas.

iv
SECTOR INFORMATION AND COMMUNICATION TECHNOLOGY (ICT)

SUB
CREATIVE MULTIMEDIA
SECTOR

Audio Visual 3D Production

Graphic
JOB Concept Multimedia Visual Effects
Design 2D Animation Production 3D Lighting
AREA Design Programming 3D 3D 3D Compositing
Audio Video (Digital) and
Animation Modeling Rigging
Rendering

Lead
Lead Senior Lead Graphic
3D Lead Lead Lead Lighting & Lead Visual Effects
LEVEL 5 Concept Multimedia Audio Visual Director Designer 2D Lead Animator
Animator Modeler Rigger Rendering Compositor
Artist Programmer (Digital)
Artist

Senior
Lighting &
Concept Multimedia Audio Visual Senior Graphic 3D Visual Effects
LEVEL 4 2D Animator Modeler Rigger Rendering
Artist Programmer Technician Designer Animator Compositor
Artist
(Digital)

Junior Graphic
- No Audio Video Rotoscoping Prep
LEVEL 3 Multimedia Designer 2D Artist 3D Artist
Level - Technician Technician Artist Artist
Programmer (Digital)

Ink &
Background
LEVEL 2 - No Level - Paint Scanner - No Level -
Artist
Artist

LEVEL 1 - No Level -

Figure 1: The Occupational Structure of Graphic Design (Digital) (Level 3) Personnel

vi
SECTOR INFORMATION AND COMMUNICATION TECHNOLOGY (ICT)

SUB
CREATIVE MULTIMEDIA
SECTOR

Audio Visual 3D Production

Graphic
JOB Concept Multimedia Visual Effects
Design 2D Animation Production 3D Lighting
AREA Design Programming 3D 3D Compositing
Audio Video (Digital) 3D Rigging and
Animation Modeling
Rendering

3D 3D Lighting
Graphic 3D Animation Modeling Visual Effects
Concept Multimedia Animation and
LEVEL 5 Audio Visual Production Design 2D Animation Content Production Compositing
Design Programming Content and Rigging Management Rendering
(Digital) Management
Production Production

3D Lighting
3D
Graphic 3D Animation Modeling and Visual Effects
Concept Multimedia Animation
LEVEL 4 Audio Visual Production Design 2D Animation Production Operation Rendering Compositing
Design Programming Production and Rigging
(Digital) Production Production
Operation
Operation

Audio Video Graphic

- No Multimedia
LEVEL 3 Support & Support & Design 2D Production Operation Support 3D Operation Production Support Rotoscoping
Level - Programming
Maintenance Maintenance (Digital)

Embedded Embedded Embedded

LEVEL 2 - No Level - - No Level -
to Level 3 to Level 3 to Level 3

LEVEL 1 - No Level -

Figure 2: Occupational Area Structure for Graphic Design (Digital) (Level 3) Personnel

vii
3. DEFINITION OF COMPETENCY LEVEL

The NOSS is developed for various occupational areas. Candidates for certification
must be assessed and trained at certain levels to substantiate competencies. Below
is a guideline of each NOSS Level as defined by the Department of Skills
Development, Ministry of Human Resources Malaysia.

Sijil Kemahiran Malaysia : Competent in performing a range of varied work

(SKM) Tahap 1 activities, most of which are routine and
(Malaysian Skills predictable
Certificate Level 1)

Sijil Kemahiran Malaysia : Competent in performing a significant range of

(SKM) Tahap 2 varied work activities, performed in a variety of
(Malaysian Skills contexts. Some of the activities are non-routine
Certificate Level 2) and required individual responsibility and
autonomy.

Sijil Kemahiran Malaysia : Competent in performing a broad range of varied

(SKM) Tahap 3 work activities, performed in a variety of contexts,
(Malaysian Skills most of which are complex and non-routine. There
Certificate Level 3) is considerable responsibility and autonomy, and
control or guidance of others in often required.

Diploma Kemahiran : Competent in performing a broad range of

Malaysia complex technical or professional work activities,
(DKM) Tahap 4 performed in a variety of contexts, and with
(Malaysian Skills Diploma substantial degree of personal responsibility and
Level 4 ) autonomy. Responsibility for the work of others
and allocation of resources is often present.

Diploma Lanjutan : Competent in applying a significant range of

Kemahiran Malaysia fundamental principles and complex techniques
(DLKM) Tahap 5 across a wide and often unpredictable variety of
(Malaysian Skills Advanced contexts. Very substantial personal autonomy and
Diploma Level 5) often significant responsibility for the work of
others and for the allocation of substantial
resources features strongly, as do personal
accountabilities for analysis, diagnosis, planning,
execution and evaluation.

viii
4. MALAYSIAN SKILLS CERTIFICATION

Candidates shall be awarded Sijil Kemahiran Malaysia (SKM) Level 3 in Graphic

Design (Digital) after they are assessed, verified and fulfilled Sijil Kemahiran Malaysia
requirements.

5. JOB COMPETENCIES

5.1 Core Competencies

Core competencies for Graphic Design (Digital) Level 3 are:

• Graphic Visualization
• Vector Graphics Design
• Typography Design
• Layout Design
• Graphic Editing

5.2 Elective Competencies

The elective competency for Graphic Design (Digital) Level 3 is:

• Graphic Animation

6. WORKING CONDITIONS

Graphic Design (Digital) level 3 personnel normally work according to project

schedule. They are responsible to support pre-production to produce artworks as end
products. They can choose to work in the office as full time staff or choose to work as
independent freelancers. Those working as freelancers may work from home. They
may be required to work beyond typical hours in order to meet project deadlines and
client’s requirements.

Graphic Design (Digital) level 3 personnel need to keep up-to-date with the ever-
changing technology. They must be able to understand new terminologies and grasp
new technologies faster. In addition, they need to be able to work both independently
and as part of a team and be able to work well under pressure. Ideally, they should
possess problem-solving ability and good communication skills for dealing with
colleagues and clients.

ix
7. EMPLOYMENT PROSPECTS

7.1 Malaysia Market

Malaysia has built a competitive industry and achieved high penetration rates for
communications services. Malaysia’s mobile penetration of 106 percent
compares favourably to Southeast Asia’s 76 percent (PEMANDU: ETP Report
2010) stimulates demand in creative contents. Many foreign companies are
attracted by this scenario to set up their business in Malaysia especially within
the Multimedia Super Corridor (MSC). At the national level, the creative content
industry has contributed 1.27 per cent or RM9.4 billion to the Gross Domestic
Product (GDP). The industry is expected to continue to grow at a rate of 11 per
cent and generate a GDP of RM33 billion in 2020 (Malaysian Digest, Nov 2012).
This positive scenario creates great prospects for graphic design (digital) talents.

7.1.1 Employment Opportunities

Other related occupations with respect to employment opportunities are:

• Senior Graphic Designer

• Multimedia Designer
• Storyboard Artist
• Visual Artist
• Trainer

7.1.2 List of Industries

Other related industries with respect to employment opportunities are:

• Film and TV industries

• Production house
• Digital Games
• Training
• Animation
• Broadcasting
• Publishing and media
• Advertising and marketing

x
 7.2 International Market

The creative industries are among the most dynamic sectors in the world
economy providing new opportunities for developing countries to leapfrog into
emerging high-growth areas of the world economy (UNCTAD Report, August
2013). Most of developed countries especially European countries, Japan, Korea
and Singapore now see the creative industries as a key component in a new
knowledge economy. Globally, creative industry grows rapidly especially in
advertising, broadcasting and mobile application.

However, the industry rapid development is not realigning with the increasing
number of talents. The gap is still very obvious globally. This climate is a pull
factor for the local talents in graphic design (digital) job area to work abroad and
serve for the international companies.

8. TRAINING INDUSTRIAL / PROFESSIONAL RECOGNITION, OTHER

QUALIFICATIONS AND ADVANCEMENT

8.1 Training

Graphic Design (Digital) personnel may enhance their knowledge and skill by
attending professional courses provided by software companies and graphic
design related vendors.

8.2 Industrial / Professional Recognition:

Currently, there is no standard reference of professional qualification with respect

to this particular job title. The professional recognition for this job area is given by
the associations. Among the associations are:

• Persatuan Animasi Malaysia (ANIMAS)

• The Association of Post Production & Animation Companies Malaysia
(POSTAM)
• Perbadanan Kemajuan Filem Nasional Malaysia (FINAS)
• Pertubuhan Wakaf Reka Grafik Malaysia (wREGA)

xi
9. SOURCES OF ADDITIONAL INFORMATION

• Ministry Of Communications and Multimedia Malaysia

Lot 4G9, Persiaran Perdana, Precint 4
Pusat Pentadbiran Kerajaan Persekutuan
62100 Putrajaya, Malaysia
Tel: +603-8000 8000
Website: www.kmm.gov.my

• Multimedia Development Corporation (MDeC)

MSC Malaysia Headquaters
Persiaran APEC, 63000, Cyberjaya
Selangor Darul Ehsan, Malaysia
Tel: 1-800-88-8338,
Fax: +603-83153115
Website: www.mscmalaysia.my

• Suruhanjaya Komunikasi dan Multimedia Malaysia

Off Persiaran Multimedia
63000 Cyberjaya,
Selangor Darul Ehsan, Malaysia
Tel: +603-86888000,
Fax: +603-86881000
Website: www.skmm.gov.my

• National IT Council (NITC) Secretariat

The Ministry Of Science, Technology and Innovation (MOSTI)
Aras 1-7, Blok C4 dan C 5
Pusat Pentadbiran Kerajaan Persekutuan
62662 Putrajaya, Malaysia
Tel: +603-88858000
Website: www.mosti.gov.my

• Pertubuhan Wakaf Reka Grafik Malaysia (wREGA)

wREGA Secretariat
No. 6, Jalan 14/7, 46100 Petaling Jaya
Selangor Darul Ehsan, Malaysia
Tel: +603 - 7954 0987
Fax: +603 - 7954 0991
Website: www.wrega.org

xii
 • Persatuan Industri Komputer dan Multimedia Malaysia (PIKOM)
The National ICT Association of Malaysia
1106 & 1107, Block B, Phileo Damansara II
No. 15, Jalan 16/11,
46350 Petaling Jaya
Selangor Darul Ehsan, Malaysia
Tel: +603-7955 2922,
Fax: +603-7955 2933
Website: www.pikom.org.my

10. ACKNOWLEDGEMENT

The Director General of Jabatan Pembangunan Kemahiran (JPK) would like to

extend his gratitude to Dr. Zainurul Aniza Abdul Rahman, Prof. Madya Wardah
Zainal Abidin, Azhar Ahmad, Siti Adibah Abdul Mutalib, as well as other parties and
individuals who have been directly or indirectly involved in developing this standard.

xiii
11. NOSS DEVELOPMENT COMMITTEE MEMBERS

GRAPHIC DESIGN (DIGITAL) LEVEL 3

PANEL

Founder / Art Director / Producer

1. Arez Ezman Mohamed Salleh
Bhadra Rajya Asura Studios

Creative Manager
2. Hernani Bidin
Orenj Media House

Graphic Strategy Designer

3. Melvin Ho Yoon Kong Hopena Sdn. Bhd.
(MSC status company)

Managing Director
4. Mohd. Fuad Mahadi Ya’akob
Adi Karya Sdn. Bhd.

Multimedia Designer
5. Mohd. Samsul Harun Netcarbon. Sdn. Bhd.
(MSC status company)

Content Analyst, Interactive Media

6. Muhamad Shah Reezal Muhamad Nor Madcat World Sdn. Bhd.
(MSC status company)

Lecturer & Manager

7. Muhammad Ismawi Muhammad Ismail
Limkokwing University

Animation Director And Writer

8. Nurman Nik Ahmad
Bhadra Rajya Asura Studios

FACILITATOR

Malaysian Academy of Creative

9. Jaiyah Shahbudin Technology Sdn. Bhd. (MACiT)
(MSC Status Company)

CO-FACILITATOR

Malaysian Academy of Creative

10. Rosliza Awang Senik Technology Sdn. Bhd. (MACiT)
(MSC Status Company)

xiv
COMPETENCY PROFILE CHART (CPC)

SECTOR INFORMATION AND COMMUNICATION TECHNOLOGY

SUB SECTOR CREATIVE MULTIMEDIA

JOB AREA GRAPHIC DESIGN

NOSS TITLE GRAPHIC DESIGN (DIGITAL)

JOB LEVEL THREE (3) JOB AREA CODE IT-058-3:2014

COMPETENCY COMPETENCY UNIT

VECTOR DIGITAL
GRAPHIC TYPOGRAPHY
GRAPHICS LAYOUT
CORE VISUALISATION DESIGN
DESIGN DESIGN

IT-058-3:2014-C01 IT-058-3:2014-C02 IT-058-3:2014-C03 IT-058-3:2014-C04

GRAPHIC
EDITING

IT-058-3:2014-C05

GRAPHIC
ELECTIVE ANIMATION

IT-058-3:2014-E01

1
COMPETENCY PROFILE (CP)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN

NOSS Title GRAPHIC DESIGN (DIGITAL)

Level THREE (3)

CU Title CU Code CU Descriptor CU Work Activities Performance Criteria

1. Graphic IT-058- Graphic visualization is a work 1. Interpret graphic visualisation job 1.1 Design specification
Visualisation 3:2014-C01 process to generate idea and to brief identified based on job
transfer idea from verbal or text brief
form to visual form that is known 1.2 Client’s corporate identity
as artwork using visual art skills. identified according to job
It is a first stage in graphic brief
designing before any graphic 1.3 Base idea, theme and
elements are applied to a design. concept determined
As it is a crucial stage that
determine the final design, 2. Generate design / concept idea 2.1 Brainstorming session
visualisation must be clear, sharp participated to discuss
and definite. base idea, theme and
concept
The person who is competent in 2.2 Subject related to the job
this CU shall be able to interpret brief researched
graphic design visualisation job 2.3 Relevant data related to
brief, generate design or concept design or concept idea
idea, execute visualisation and compiled and extracted
carry out graphic visualisation 2.4 Design or concept idea
documentation. created using creative

2
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
process
The outcome of this CU is to 2.5 Draft of concept idea
produce visualised idea based on (verbal or text format)
design concept in accordance presented to superior
with job brief. 2.6 Feedback from superior
on concept or idea
assessed and concept or
idea amended based on
superior’s feedback
2.7 Concept or idea approval
acquired from superior

3. Execute idea visualisation 3.1 Idea sketches produced

based on approved
concept / idea
3.2 Idea sketches evaluated,
filtered and refined
3.3 Visualised idea submitted
to superior
3.4 Feedback from superior
on visualised idea
assessed and visualised
idea amended based on
superior’s feedback
3.5 Visualised idea completed
and submitted to superior
for further development

3
 CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
4. Carry out graphic visualisation 4.1 Sketches compiled in
documentation. accordance with company
documentation procedure.
4.2 Visualised idea labelled,
indexed and filed in
accordance with company
documentation procedure
4.3 Visualised idea scanned
and transferred into digital
format in accordance with
company documentation
procedure
2. Vector Graphics IT-058- Vector graphics design is a 1. Interpret vector graphics design job 1.1 Vector graphic design
Design 3:2014-C02 process to create digital images brief requirements identified
through a sequence of based on job brief
commands or mathematical 1.2 Visualised idea defined
statements that place lines and 1.3 Design software
shapes in a given two- determined according to
dimensional or three-dimensional vector graphic design
space. The vector graphic file is requirement
created and saved as a sequence 1.4 Job schedule interpreted
of vector statements. according to project
milestone
The person who is competent in
this CU shall be able to interpret 2. Execute vector design 2.1 Visualised idea traced
vector graphics design job brief, according to vector design
execute vector design and carry work process
out vector designs 2.2 Colour applied to the
documentation. design using software

4
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
tools
The outcome of this CU is to 2.3 Graphic effect selected
create a vector graphic file using and applied to the design
visualised idea in accordance 2.4 Design resized according
with design requirements. to job specification
2.5 Minimum of two additional
alternative vector design
produced and submitted to
superior according to
work procedure
2.6 Feedback from superior
on vector designs
assessed
2.7 Vector designs amended
based on superior’s
feedback
2.8 Vector designs produced
and submitted to superior
for further development

3. Carry out vector designs 3.1 Vector designs indexed

documentation and filed in accordance
with company
documentation procedure.
3.2 Vector design saved in
multiple formats and
archived in accordance
with company
documentation procedure.

5
 CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
3. Typography IT-058- Typography design is a process 1. Interpret typography design job brief 1.1 Typography design
Design 3:2014-C03 in creating, modifying and requirements identified
arranging type glyphs based on job brief
(characters) using a variety of 1.2 Visualised idea defined.
illustration techniques to make 1.3 Job schedule interpreted
messages visible. Typography according to project
determines the clarity of milestone
messages which aim to influence
consumers’ perception. 2. Carry out typography design 2.1 Relevant font type
compiled from font library
The person who is competent in 2.2 Font type selected
this CU shall be able to interpret according to typography
typography design job brief, carry design requirements
out typography design and 2.3 Colour applied to the font
perform typography designs using software tools
documentation. 2.4 Effects selected and
applied to the font
The outcome of this CU is to 2.5 Font resized according to
create text design content and job specification or
design outcome using typography content
as a communication tool 2.6 Draft of typographic
design submitted to
superior according work
procedure
2.7 Feedback from superior
on draft of typographic
design assessed
2.8 Draft of typographic
design amended

6
 CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
according to superior’s
feedback
2.9 Typographic design
produced and submitted to
superior for further
development

3. Perform typographic design 3.1 Typographic designs

documentation digitally labelled and filed
in accordance with
company documentation
procedure
3.2 Hardcopy references
printed and indexed in
accordance with company
documentation procedure
4. Digital Layout IT-058- Digital layout design is a design 1. Interpret layout design job brief 1.1 Type of layout format
Design 3:2014-C04 process in arranging the design determined
elements (content) on a page, according to digital and
such as image placement, and online specification
text layout and style. 1.2 Layout design
specification defined
The person who is competent in based on job brief
this CU shall be able to interpret 1.3 Layout design template
layout design job brief, prepare determined according to
layout design, compose layout job specification
design and carry out layout 1.4 Type of content and image
design documentation. identified according to
design outcome

7
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
The outcome of this CU is to requirement
produce harmonious design in
relation to digital and online 2. Prepare layout design work 2.1 Grid structure drafted
technical specification and design according to layout
outcome. requirement
2.2 Layout format inserted
according to digital and
online final outcome
2.3 Layout elements arranged
according to digital and
online final outcome
2.4 Content and image sorted
in digital format

3. Compose layout design 3.1 Layout sketches and

outline illustrated using
software
3.2 Grid layout designed
according to job
specification
3.3 Layout elements, images
and contents applied to
layout according to digital
and online layout
specification
3.4 Draft of layout design
submitted to superior
according to work
procedure

8
 CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
3.5 Feedback from superior
on draft of layout design
assessed
3.6 Draft of layout design
amended according to
superior’s feedback
3.7 Layout design produced
and submitted to superior
for further development

4. Carry out layout design 4.1 Design template compiled

documentation and labelled in
accordance with company
documentation procedure
4.2 Hardcopy references
printed and indexed in
accordance with company
documentation procedure
5. Graphic Editing IT-058- Graphic editing is a process of 1. Interpret graphic editing job brief 1.1 Graphic editing job scope
3:2014-C05 altering, manipulating, enhancing confirmed based on job
and transforming graphic brief
elements using various types of 1.2 Editing software and tools
tools and software to fulfill the determined according to
graphic specification. It is the final job specification
stage in producing final artwork. 1.3 Final artwork specification
defined and confirmed
The person who is competent in 1.4 Job schedule interpreted
this CU shall be able to interpret according to job milestone
graphic editing job brief, prepare

9
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
graphic editing work, execute 2. Prepare graphic editing work 2.1 Graphic image prepared
graphic editing and carry out according to design
artwork documentation. requirement
2.2 Design tools prepared in
The outcome of this CU is to accordance with graphic
provide artwork enhancement editing requirement
services including image 2.3 Colour output determined
manipulation, colour correction, based on job brief
composition and special effect to 2.4 Graphic elements
ensure final artwork produced determined and selected
according to job specification in accordance with job
and customer requirement. specification

3. Execute graphic editing 3.1 Selected images/ graphics

manipulated according to
job specification
3.2 Colour of images/ graphics
corrected using colour
correction software
3.3 Graphic elements
arranged in accordance
with graphic specification
3.4 Artwork produced and
submitted to superior for
feedback
3.5 Feedback from superior
on artwork assessed and
confirmed

10
 CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
3.6 Artwork amended
according to superior’s
feedback
3.7 Final artwork produced
and submitted to superior
for approval

4. Carry out artwork documentation 4.1 Final artwork labelled and

filed in accordance with
company documentation
procedure
4.2 Final artwork archived in
accordance with company
documentation procedure
6. Graphic IT-058- Graphic animation is a variation 1. Determine graphic animation job 1.1 Animation job specification
Animation 3:2014-E01 of motion which is manipulated requirement defined
frame-by-frame to create 1.2 Digital software and tools
movement. The animated graphic determined according to
is used for web development, job specification
interactive interface, flash banner 1.3 Graphic animation
and others to enhance the specification determined
application of graphic design. 1.4 Graphic elements
identified based on
The person who is competent in animation job brief
this CU shall be able to determine 1.5 Job schedule interpreted
graphic animation job according to job milestone
requirement, create graphic
animation workspace, create 2. Create graphic animation workspace 2.1 Graphic animation stage
graphic animation composition, defined according to job

11
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
and graphic animation. specification
2.2 Animation tools selected
The outcome of this CU is to according to animation
produce basic graphic animation requirement
that will be applied to graphic 2.3 Animation layout defined
elements in accordance with job based job specification
brief specification. 2.4 Animation setting
determined according to
job specification
2.5 Graphic animation
workplace set up

3. Create graphic animation 3.1 Graphic elements library

composition established
3.2 Multiple layers created
according to animation
compisition requirement
3.3 Graphic elements
imported to the layers
3.4 Graphic elements resized
and repositioned
according to animation
requirement

4. Carry out graphic animation 4.1 Graphic animation

techniques selected
according to job
specification
4.2 Animation timing for

12
CU Title CU Code CU Descriptor CU Work Activities Performance Criteria
elements set based on
animation requirement
4.3 Animation effects applied
to graphic elements
4.4 Animation total duration
determined according to
job specification
4.5 Graphic animation
published and previewed
to superior
4.6 Feedback from superior
on graphic animation
assessed and confirmed
4.7 Graphic animation
amended according to
superior’s feedback
4.8 Graphic animation
produced and submitted to
superior for approval

5. Carry out graphic animation 5.1 Graphic animation digitally

documentation labelled and filed in
accordance with company
documentation procedure
5.2 Graphic animation
archived according to
company documentation
procedure

13
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN (DIGITAL)
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title GRAPHIC VISUALISATION
The person who is competent in this CU shall be able to produce visualised idea based on design concept in
accordance with job brief. Upon completion of this competency unit, trainees will be able to:
• Interpret graphic visualisation job brief
Learning Outcomes
• Generate design/concept idea
• Execute idea visualisation
• Carry out graphic visualisation documentation
IT-058-3:2014-C01 Training 350
Competency Unit ID Level Three (3) Credit Hours 35
Duration Hours
Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
1. Interpret i. Design fundamental 15 hours Lecture i. Graphic
graphic • Terminology or visualisation job
visualisation job • Design elements Group extracted from
brief (i.e.: basic shape/ Discussion job brief
form, colour, line) ii. Graphic
• Design principle visualisation
(i.e.: unity, requirement
balance, scale and defined
proportion) iii. Base idea
ii. Corporate identity described
such as iv. Graphic theme
• Logo (mark) selected
• Logo type v. Design principle
• Corporate colour applied

14
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
• Branding vi. Graphic concept
iii. Graphic theme such determined
as vii. Idea
• Colour theme development
• Mood theme methodology
• Corporate theme applied
iv. Graphic concept such
as
• Modern
• Conservative
• Fantasy
v. Idea development
methodology such as
• Brainstorming
• Mind mapping
• Keyword
technique
vi. Job brief contents,
such as:
• Project information
• Project’s
requirements
• Deadline
• Client’s
information
vii. Peer-to-peer training
viii. Workplace ergonomic
practice

15
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
ix. wREGA Graphic
Designer Code Of
Professional Conduct
(COPC)
i. Define graphic Attitude: 35 hours Observation,
visualisation job i. Accuracy in Demonstration
requirement defining graphic or
ii. Define base idea visualisation Group
iii. Determine graphic job Discussion
theme requirements
iv. Identify graphic ii. Precise in
concept identifying
graphic theme
and graphic
concept
iii. Adhere to
Graphic
Designer Code
Of Professional
Conduct
(COPC) by
wREGA
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

16
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
2. Generate i. Research skill, such 40 hours Lecture i. Design
design/concept as or relevancy
idea • Online research Group assessed
• Print media Discussion ii. Creative
ii. Creative process, process applied
such as iii. Design/ concept
• Design relevancy idea produced
• Idea combination iv. Design/ concept
(i.e.: design idea refined
functionality) v. Design/ concept
i. Determine researched Attitude: 100 Demonstration idea details
data relevancy and i. Factual in hours or presented
validity determining Project
ii. Create design/concept data relevancy
ideas from researched and validity
data ii. Ensure
iii. Refine design/ concept suitability in
idea selecting and
iv. Describe design/ implementing
concept idea details design/ concept
idea
iii. Detail in
describing
design/ concept
idea details

17
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
3. Execute idea i. Drawing technique, 40 hours Lecture i. Drawing
visualisation such as: technique
• Pencil drawing selected
• Sketches (i.e.: ii. Drawing
thumbnail) medium
ii. Drawing medium, established
such as: iii. Thumbnail idea
• Ink sketches
• Marker produced
• Colour pencil iv. Creative
iii. Creative visualisation visualisation
techniques, such as: techniques
• Distortion applied
• Collage v. Visualised idea
produced and
• Comparison
presented
iv. Copyright Act 1987
i. Create idea sketches Attitude: 100 Demonstration
ii. Apply drawing i. Creative in hours or
technique applying Project
iii. Apply creative drawing
visualisation technique
techniques ii. Accuracy in
iv. Create visualised idea evaluating
visualized idea

18
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
iii. Adhere to
Copyright Act
1987

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
4. Carry out i. Digital format: 6 hours Lecture i. Checklist on
graphic • Scanned outputs or graphic
visualisation • File extensions Group visualisation job
documentation (i.e.: .JPG, .PDF, Discussion (job brief)
.TIFF) recorded
ii. Documentation ii. Sketches
procedure, such as: categorised,
• Indexing indexed and
• Labelling recorded
• Archiving iii. Visual idea
- Archiving digitised and
medium (i.e.: archived
network iv. Documentation
server, CD/ procedure
DVD, cloud applied
storage)
iii. List of extracted jobs
from job brief

19
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills Hours
Environment Mode Criteria
i. Update checklist on Attitude: 14 hours Demonstration
graphic visualisation i. Systematic in or
job (job brief) compiling and Project
ii. Compile and file all filing all the
idea sketches sketches and
iii. Scan visualised idea documents
and transfer into digital
format for archiving Safety/Environment:
iv. Apply documentation i. Adhere to
procedure workplace
ergonomics
practice

20
Employability Skills

Core Abilities Social Skills

01.01 Identify and gather information 1. Communication skills
01.02 Document information, procedures or processes 2. Conceptual skills
01.03 Utilize basic IT applications 3. Interpersonal skills
01.04 Analyze information 4. Learning skills
01.05 Utilize the internet to locate and gather information 5. Leadership skills
01.11 Apply thinking skills and creativity 6. Multitasking and prioritizing
02.01 Interpret and follow manuals, instructions and SOP’s 7. Self-discipline
02.03 Communicate clearly 8. Teamwork
02.04 Prepare brief reports and checklists using standard forms
02.11 Convey information and ideas to people
03.01 Apply cultural requirements to the workplace
03.02 Demonstrate integrity and apply ethical practices
03.03 Accept responsibility for own work and work area
03.04 Seek and act constructively upon feedback about
performance
03.06 Respond appropriately to people and situations
03.08 Develop and maintain a cooperation within work group
03.13 Develop and maintain team harmony and resolve conflicts
03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achieve identified outcomes
03.16 Identify and assess client / customer needs
03.17 Identify staff training needs and facilities access to training
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.03 Organize and maintain own workplace
04.04 Apply problem-solving strategies
04.05 Demonstrate initiative and flexibility
04.07 Negotiate acceptance and support for objectives and strategies

21
 05.01 Implement project / work plans
06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems

Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Printer 1:25
3. Sample of graphic visualisation job brief 1:5
4. Sample of visualised idea (Mock-up) 1:5
5. Scanner 1:25
6. Stationaries 1:1

REFERENCES

1. Barry, P. (2008).The advertising concept book. Thomes & Hudson. ISBN 978-0-500-51405-4
2. Betala, R. (2005). Design - Comprehension and visualisations. Ane Books Pvt. Ltd. ISBN 978-8-180-52066-2, ISBN 8-180-52066-8
3. Betala, R. (2005). Design. Ane Books Pvt. Ltd. ISBN 978-0-818-05206-4, ISBN 0-818-05206-6
4. Fiell, C. (2005). Graphic design for the 21st century (Illustrated). Taschen. ISBN 978-3-822-83878-5, ISBN 3-822-83878-0
5. Lupton, E., Phillips, J. C. (2008). Graphic design. Princeton Architectural Press. ISBN 978-1-568-98702-6, ISBN 1-568-98702-1
6. Meggs, P. B., Purris, A. W. (2006). Meggs’ history of graphic design. John Wiley & Sons, Inc. ISBN 0-471-69902-0

22
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN (DIGITAL)
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title VECTOR GRAPHICS DESIGN
The person who is competent in this CU shall be able to create a vector graphic file using visualised idea in
accordance with design requirement. Upon completion of this competency unit, trainees will be able to:
Learning Outcomes • Interpret vector graphics design job brief
• Execute vector design
• Carry out vector designs documentation
Training 300
Competency Unit ID IT-058-3:2014-C02 Level Three (3) Credit Hours 30
Duration Hours
Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
1. Interpret vector i. Type of vector graphic 15 hours Lecture i. Vector graphic
graphics design project, such as: or design job
job brief • Corporate identity Group extracted from
• Packaging Discussion job brief
• Graphic icon ii. Vector project
• Character design requirements
ii. Type of project identified
technical setting, such iii. Project technical
as: setting
• Dimension described
• Aspect ratio iv. Project work
• Colour scheme flow and Gantt
iii. Vector graphic Chart prepared
software
• Open source
23
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
• Licensed
iv. Vector graphic tools
(hardware), such as:
• Mouse
• Drawing tablet
• Touch pad
• Input devices (i.e.:
scanner, camera)
v. Job brief contents,
such as:
• Project information
• Project’s
requirements
• Deadline
• Client’s
information
vi. Personalised vector
graphic job milestones
and planning
• Time management
• Gantt Chart
• Schedule
vii. Peer-to-peer training
viii. Workplace
ergonomics practice
ix. wREGA Graphic
Designer Code Of
Professional Conduct
(COPC)

24
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
i. Determine type of Attitude: 30 hours Observation,
vector graphic project i. Accuracy in Demonstration
ii. Define selected interpreting or
visualised design visualised design Group
(sketches) ii. Precise in Discussion
iii. Identify related vector identifying
graphic software related vector
iv. Identify related vector graphic software
graphic tools and hardware
(hardware) iii. Adhere to
v. Define personalised Graphic
vector graphic job Designer Code
milestones Of Professional
Conduct (COPC)
by wREGA

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
2. Execute vector i. Digital drawing tools, 72 hours Lecture i. Digital drawing
design such as: or tools described
• Pen tools Group and applied
• Line tools Discussion ii. Drawing
• Shape tools performed using
ii. Colouring tools, such digital drawing
as tools
• Paint bucket iii. Colour theme

25
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
• Gradient tool selected and
• Eye drop applied to the
iii. Texturing, such as: design using
• Stamping colouring tools
• Brush pattern iv. Vector effects
iv. Vector effect, such applied to the
as: design
• Shadow v. Vector designs
• Extrusion produced and
• Glowing presented
• Sumi-e
• Blur
v. Transformation tools,
such as:
• Resize
• Distortion
• Skew
vi. Copyright Act 1987
i. Select digital drawing Attitude: 168 Demonstration
tools i. Accuracy in hours or
ii. Perform digital performing digital Project
drawing drawing
iii. Apply colour theme to ii. Precise in
the selected design determining
iv. Create graphic effects colour theme
v. Produce multiple iii. Ensure suitability
vector designs in selecting
relevant graphic
effects
26
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
iv. Creative in
creating multiple
vector designs
v. Adhere to
Copyright act
1987

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
3. Carry out vector i. Digital format: 5 hours Lecture i. Checklist on
designs • File extensions or vector design
documentation (such as .JPG, Group job (job brief)
.PDF, .TIFF) Discussion recorded
ii. Documentation ii. Vector design
procedure, such as: categorised,
• Indexing indexed and
• Labelling recorded
• Archiving iii. Vector design
- Archiving archived
medium (i.e.: iv. Documentation
network procedure
server, CD/ applied
DVD, cloud
storage)
iii. List of extracted jobs
from job brief

27
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
i. Update checklist on Attitude: 10 hours Demonstration
vector design job (job i. Systematic in or
brief) compiling and Project
ii. Compile and organise organising
vector design files vector design
iii. Archive vector digital files
file
iv. Apply documentation Safety/Environment:
procedure i. Adhere to
workplace
ergonomics
practice

Employability Skills

Core Abilities Social Skills

01.01 Identify and gather information 1. Communication skills
01.02 Document information, procedures or processes 2. Conceptual skills
01.03 Utilize basic IT applications 3. Interpersonal skills
01.06 Utilize word processor to process information 4. Learning skills
01.11 Apply thinking skills and creativity 5. Leadership skills
02.01 Interpret and follow manuals, instructions and SOP’s 6. Multitasking and prioritizing
02.02 Follow telephone/telecommunication procedure 7. Self-discipline
02.03 Communicate clearly 8. Teamwork
02.06 Write memos and letters
02.07 Utilize local area network (LAN) Internet to exchange information
02.08 Prepare pictorial and graphic information

28
02.09 Prepare flowcharts
02.10 Prepare reports and instructions
02.11 Convey information and ideas to people
03.01 Apply cultural requirements to the workplace
03.02 Demonstrate integrity and apply ethical practices
03.03 Accept responsibility for own work and work area
03.06 Respond appropriately to people and situations
03.07 Resolve interpersonal conflicts
03.08 Develop and maintain a cooperation within work group
03.09 Manage and improve performance of individuals
03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achieve identified outcomes
03.16 Identify and assess client / customer needs
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.07 Negotiate acceptance and support for objectives and strategies
05.01 Implement project / work plans
06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems

29
Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Drawing tablet (optional) 1:1
3. Printer 1:25
4. Sample of vector design job brief 1:1
5. Sample of vector design final outcome 1:5
6. Scanner 1:5
7. Vector software 1:1

REFERENCES

1. Debner, David, Harriot, Luke (2006). First step in digital design. Page One. ISBN 978-9-812-45355-6
2. Fiell, C. (2005). Graphic design for the 21st century (Illustrated). Taschen. ISBN 978-3-822-83878-5, ISBN 3-822-83878-0
3. LLC (Editor) Books. (2011). Graphic design. Books Llc. ISBN 978-1-156-77317-8, ISBN 1-156-77317-2
4. Lupton, E., Phillips, J. C. (2008). Graphic design. Princeton Architectural Press. ISBN 978-1-568-98702-6, ISBN 1-568-98702-1
5. Olsen, Gary (1997). Getting sarted in multimedia design. North Light Books. ISBN 978-0-891-34716-3
6. Viction Workshop Ltd. (2011). Vectorism. Victionary. ISBN 978-9-881-94380-4, ISBN 9-881-94380-9
7. Weller, A. (2008). Vector pattern library. Dover Publications. ISBN 978-0-486-99107-8, ISBN 0-486-99107-3

30
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN (DIGITAL)
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title TYPOGRAPHY DESIGN
The person who is competent in this CU shall be able to create text design content and design outcome using
typography as a communication tool. Upon completion of this competency unit, trainees will be able to:
Learning Outcomes • Interpret typography design job brief
• Carry out typography design
• Perform typographic design documentation
Training 300
Competency Unit ID IT-058-3:2014-C03 Level Three (3) Credit Hours 30
Duration Hours
Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
1. Interpret i. Typeface design 15 hours Lecture i. Typography design
typography • Font anatomy (i.e.: or job extracted from
design job brief bracket, crossbar, Group job brief
stem, counter) Discussion ii. Typefaces
• Font requirement
characteristics described and
(i.e.: caps height, justified
ascender, iii. Characteristic of
descender) typefaces
• Font families (i.e.: determined
brush script, iv. Typography
wingdings, gothic) hierarchy
• Typeface determined
classifications (i.e.: v. Visualised idea

31
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
serif, sans-serif, described
ornamental) vi. Project work flow
• Hierarchy (i.e.: and Gantt Chart
weight, size, prepared
contrast, colour,
position)
• Character spacing
(i.e.: kerning,
tracking,
alignment)
• Screen typography
• Font types (i.e.:
Arial, Times New
Roman, Optima)
ii. Lettering design, such
as:
• Glyph design
• Dimension (i.e.: 3
X 5, 4 X 5)
iii. Job brief contents,
such as:
• Project information
• Project’s
requirements:
• Deadline
• Client’s
information
iv. Personalised

32
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
typography design job
milestones and
planning, including:
• Time management
• Gantt Chart
• Schedule
v. Peer-to-peer training
vi. Workplace ergonomic
practice
vii. wREGA Graphic
Designer Code Of
Professional Conduct
(COPC)
i. Identify required Attitude: 30 hours Observation,
typefaces i. Meticulous in Demonstration
ii. Identify characteristic identifying or
of typefaces required Group
iii. Identify typeface typefaces Discussion
design purpose ii. Detail in
iv. Define visualised identifying
idea characteristic
v. Define personalised typefaces
typography design iii. Accuracy in
job milestones interpreting
visualised idea
iv. Adhere to
Graphic Designer
Code Of
Professional
33
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
Conduct (COPC)
by wREGA

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
2. Carry out i. Typography hierarchy, 72 hours Lecture i. Typography
typography such as: or hierarchy
design • Title Group described
• Headline Discussion ii. Font style selected
• Sub-headings iii. Colour theme
ii. Font style, such as: selected
• Uppercase iv. Typography design
• Small caps created using
• Italic digital design tools
• Bold
• Underline
• Subscript/
superscript
iii. Digital design tools,
such as:
• Text tools
• Colour tools (i.e.:
solid, outline,
colour selection/
swatch/ gradient)

34
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
• Text path ( i.e.:
horizontal, vertical,
organic line)
• Texture ( i.e.:
masking)
• Shadow
iv. Copyright Act 1987
i. Select relevant Attitude: 168 Demonstration
typeface i. Knowledgeable in hours or
ii. Apply design tools identifying Project
iii. Apply colour theme typeface design
to the selected purpose
design ii. Precise in
iv. Generate typography defining typeface
design draft relevancy and
determine colour
theme
iii. Adhere to
Copyright act
1987

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

35
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
3. Perform i. Digital format: 5 hours Lecture i. Checklist on
typographic • File extensions or typography design
design (such as .JPG, Group job (job brief)
documentation .PDF, .TIFF) Discussion recorded
ii. Documentation ii. Typography design
procedure, such as: categorised,
• Indexing indexed and
• Labelling recorded
• Archiving iii. Typography design
- Archiving archived
medium (i.e.: iv. Documentation
network procedure applied
server, CD/
DVD, cloud
storage)
iii. List of extracted jobs
from job brief
i. Update checklist on Attitude: 10 hours Demonstration
typography design job i. Systematic in
(job brief) compiling and
ii. Compile and organise organising
typography design file typography
iii. Archive typography design files
digital file
iv. Apply documentation
procedure

36
 Attitude / Safety / Trainin Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment g Hours Mode
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

Employability Skills

Core Abilities Social Skills

01.01 Identify and gather information 1. Communication skills
01.02 Document information, procedures or processes 2. Conceptual skills
01.03 Utilize basic IT applications 3. Interpersonal skills
01.06 Utilize word processor to process information 4. Learning skills
01.11 Apply thinking skills and creativity 5. Leadership skills
02.01 Interpret and follow manuals, instructions and SOP’s 6. Multitasking and prioritizing
02.02 Follow telephone/telecommunication procedures 7. Self-discipline
02.03 Communicate clearly 8. Teamwork
02.07 Utilize local area network (LAN) Internet to exchange information
02.08 Prepare pictorial and graphic information.
02.09 Prepare flowcharts
02.10 Prepare reports and instructions
02.11 Convey information and ideas to people
03.01 Apply cultural requirements to the workplace
03.02 Demonstrate integrity and apply ethical practices
03.03 Accept responsibility for own work and work area
37
 03.06 Respond appropriately to people and situations
03.07 Resolve interpersonal conflicts
03.08 Develop and maintain a cooperation within work group
03.09 Manage and improve performance of individuals
03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achieve identified outcomes
03.16 Identify and assess client / customer needs
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.07 Negotiate acceptance and support for objectives and strategies
05.01 Implement project / work plans
06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems

Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Graphic software 1:1
3. Printer 1:25
4. Sample of typography design job brief 1:5
5. Sample of typography design final outcome 1:5
6. Scanner 1:25

38
REFERENCES

1. Carter, R., Day, B. & Meggs, P. B. (2006). Typographic design (4th ed.). Wiley. ISBN 978-0-471-78390-9, ISBN 0-471-78390-0, ISBN 2-080-30523-9
2. Jubert, R., Lemoine, S. & Lupton, E. (2006). Typography and graphic design. Flammarion-Pere Castor. ISBN 978-2-080-30523-7,
3. Lupton, E. (2004). Thinking with type a primer for deisgners: A critical guide for designers, Writers, Editors, & Students. Princeton Architectural Press.
ISBN 1-568-98448-0, ISBN 978-1-568-98448-3
4. Lupton, E. (2010). Thinking with type, 2nd revised and expanded edition a critical guide for designers (2nd ed.). Princeton Architectural Press.
ISBN 978-1-568-98969-3, ISBN 1-568-98969-5

39
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title DIGITAL LAYOUT DESIGN
The person who is competent in this CU shall be able to produce harmonious design in relation to digital and online
technical specification and design outcome. Upon completion of this competency unit, trainees will be able to:
• Interpret layout design job brief
Learning Outcomes
• Prepare layout design work
• Compose layout design
• Carry out layout design documentation
Training 300
Competency Unit ID IT-058-3:2014-C04 Level Three (3) Credit Hours 30
Duration Hours
Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
1. Interpret layout i. Digital Layout format 15 hours Lecture i. Digital Layout
design job brief • Web Design or design job
• Printing Design Group extracted from job
• Application Design Discussion brief
• Mobile Application ii. Digital layout
Design format described
ii. Layout guidelines and determined
such as iii. Digital layout
• Resolution and dpi guidelines
( i.e.: maximum determined
and minimum, iv. Layout template
optimization) specified
• Size (object /

40
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
element) ( i.e.: v. Required content
default size) and images
• Width and height determined
( i.e.: resizable to vi. Project work flow
avoid scroll and Gantt Chart
bar/truncated data prepared
(for web
application),
margin)
• Placement ( i.e.:
left to right, top to
bottom, right to
left)
• Focus point/
Highlight ( i.e.:
image,
typography,
design greatest
visual)
• Alignment ( i.e.:
left for normal text
or label, right for
numeric data, right
for button)
- Accessibility
(i.e.: easy to
read, easy to
interact)

41
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
iii. Job brief contents,
such as:
• Project information
• Project’s
requirements
• Deadline
• Client’s
information
iv. Personalised layout
design job milestones
and planning
• Time management
• Gantt Chart
• Schedule
v. Peer-to-peer training
vi. Workplace
ergonomics practice
vii. Adhere to Graphic
Designer Code Of
Professional Conduct
(COPC) by wREGA
i. Identify digital layout Attitude: 30 hours Observation,
format i. Particulars in Demonstration
ii. Identify digital layout identifying or
guidelines layout concept Group
iii. Define design layout and layout Discussion
template guidelines
iv. Determine required ii. Detail in defining
graphic elements design layout

42
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
v. Define personalised template
layout design job iii. Meticulous in
milestones interpreting
layout design
requirements
iv. Adhere to
Graphic
Designer Code
Of Professional
Conduct
(COPC) by
wREGA

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
2. Prepare layout i. Grid in layout Design 18 hours Lecture i. Grid structure set
design work such as or up
• 2 column Group ii. Layout format
• Asymmetric Discussion produced
column iii. Layout elements
• Mix column produced
ii. Layout format, such iv. Graphic elements
as: applied
• Header v. Image thumbnail
• Sub-header sketches
• Sidebar produced

43
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
• Content
• Footer
iii. Layout elements, such
as:
• Head line
• Logo
• Graphic
• Text
• Signature
iv. Graphic elements,
such as:
• Background
• Banner
• Separator
• Shadow
• Glass
i. Generate grid Attitude: 42 hours Demonstration
structures i. Accuracy in or
ii. Draft layout format setting up grid Project
iii. Apply layout elements structures
iv. Develop graphic ii. Meticulous in
elements interpreting
v. Sketch layout layout format
thumbnail requirements
iii. Creative in
drafting layout
design thumbnail
sketches

44
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
3. Compose layout i. Layout design 54 hours Lecture i. Layout design
Design technique using digital or specification
software Group determined
• Web Discussion ii. Layout design
• Application content selected
• Print based on project
• Mobile App requirements
ii. Layout design iii. Layout design
specification, such as: template produced
• Margin
• Row
• Column Gaps
iii. Layout design content,
such as:
• Graphic
• Text
• Image
• Video
iv. Layout design output
• Resolution
• Size
v. Copyright Act 1987

45
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
i. Create digital layout Attitude: 126 Demonstration
design based on i. Accuracy in hours or
thumbnail sketches determining Project
ii. Apply required layout required layout
elements elements inside
iii. Import required layout the design
design content ii. Systematic in
iv. Prepare layout design exporting
template required element
inside the design
iii. Detail in
preparing layout
design template
iv. Adhere to
Copyright act
1987

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

46
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
4. Carry out layout i. Digital format: 5 hours Lecture i. Checklist on digital
design • File extensions or layout design job
documentation (such as .JPG, Group (job brief)
.PDF, .TIFF) Discussion recorded
ii. Documentation ii. Thumbnail
procedure, such as: sketches
• Indexing categorised,
• Labelling indexed and
• Archiving recorded
- Archiving iii. Digital layout
medium (i.e.: design archived
network iv. Documentation
server, CD/ procedure applied
DVD, cloud
storage)
iii. List of extracted jobs
from job brief
i. Update checklist on Attitude: 10 hours Demonstration
digital layout design i. Systematic in or
job (job brief) compiling and Project
i. Collect and organise organising
layout design sketches layout design
ii. Scan layout design files
sketches and transfer
into digital format for Safety/Environment:
archiving i. Adhere to
iii. Apply documentation workplace
procedure ergonomics
practice

47
Employability Skills

Core Abilities Social Skills

01.01 Identify and gather information 1. Communication skills
01.02 Document information, procedures or processes 2. Conceptual skills
01.07 Utilize database applications to locate and process information 3. Interpersonal skills
01.11 Apply thinking skills and creativity 4. Learning skills
02.01 Interpret and follow manuals, instructions and SOP’s 5. Leadership skills
02.02 Follow telephone/telecommunication procedures 6. Multitasking and prioritizing
02.07 Utilize local area network (LAN) Internet to exchange information 7. Self-discipline
02.08 Prepare pictorial and graphic information. 8. Teamwork
02.09 Prepare flowcharts
02.10 Prepare reports and instructions
02.11 Convey information and ideas to people
03.01 Apply cultural requirements to the workplace
03.02 Demonstrate integrity and apply ethical practices
03.07 Resolve interpersonal conflicts
03.08 Develop and maintain a cooperation within work group
03.13 Develop and maintain team harmony and resolve conflicts
03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achieve identified outcomes
03.16 Identify and assess client / customer needs
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.03 Organize and maintain own workplace
04.04 Apply problem-solving strategies
04.05 Demonstrate initiative and flexibility
04.06 Allocate work
04.07 Negotiate acceptance and support for objectives and strategies
05.01 Implement project / work plans
05.02 Inspect and monitor work done and / or in progress

48
 06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems
06.05 Analyze technical systems

Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Drawing tablet (optional) 1:1
3. Graphic editing software 1:1
4. Printer 1:25
5. Sample of digital layout design job brief 1:5
6. Sample of digital layout design final outcome 1:5
7. Scanner 1:25
8. Vector software 1:1
9. Stationaries 1:1

REFERENCES
1. Fiell, C. (2005). Graphic design for the 21st century (Illustrated). Taschen. ISBN 978-3-822-83878-5, ISBN 3-822-83878-0
2. Graham, L. (2005). Basics of design (2nd ed.). Delmar Cengage Learning. ISBN 978-1-401-87952-5, ISBN 1-401-87952-7
3. Harris, P. & Ambrose, G. (2011). Basics design (2nd ed.). Ava Publishing. ISBN 978-2-940-41149-8, ISBN 2-940-41149-2
4. Lupton, E. & Phillips, J. C. (2008). Graphic design. Princeton Architectural Press. ISBN 978-1-568-98702-6, ISBN 1-568-98702-1
5. McNeil, P. (2013). The web designer’s idea book volume three. Ohio How Book. ISBN 978-1-440-32396-6
6. Samara, T. (2007). Making and breaking the grid. Publishing Private Limited. ISBN 978-9-812-45301-3
7. Tondreau, B. (2011). Layout essentials. Rockport Publisher. ISBN 978-1-592-53707-5, ISBN 1-592-53707-3

49
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN (DIGITAL)
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title GRAPHIC EDITING
The person who is competent in this CU shall be able to provide artwork enhancement services including image
manipulation, colour correction, composition and special effect to ensure final artwork produced according to job
specification and customer requirements. Upon completion of this competency unit, trainees will be able to:
Learning Outcomes • Interpret graphic editing job brief
• Prepare graphic editing work
• Execute graphic editing
• Carry out artwork documentation
Training 350
Competency Unit ID IT-058-3:2014-C05 Level Three (3) Credit Hours 35
Duration Hours
Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
1. Interpret i. Type of editing project, 15 hours Lecture i. Editing job
graphic editing such as: or extracted from job
job brief • Image Group brief
manipulation Discussion ii. Type of editing
• Colour correction project determined
• Composition (i.e.: iii. Project aspect
Text , layout, ratio, dimension
element editing and colour
• Special effect scheme
ii. Type of project determined
technical setting, such iv. Graphic editing
as: hardware and
• Dimension software

50
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
• Aspect ratio described and
• Colour scheme determined
iii. Graphic editing v. Project work flow
software and Gantt Chart
• Open source prepared
• Licenced
iv. Graphic editing tools
(hardware), such as:
• Mouse
• Drawing tablet
• Touch pad
• Input devices
(i.e.: scanner,
camera)
v. Job brief contents,
such as:
• Project information
• Project’s
requirements:
- Graphic editing
outline
• Deadline
• Client’s
information
vi. Personalised graphic
editing job milestones
and planning
• Time management
• Gantt Chart
51
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
• Schedule
vii. Peer-to-peer training
viii. Workplace
ergonomics practice
ix. Adhere to Graphic
Designer Code Of
Professional Conduct
(COPC) by wREGA
i. Identify type of editing Attitude: 35 hours Observation,
project i. Accuracy in Demonstration
ii. Identify project determining or
technical setting project technical Group
iii. Determine graphic setting Discussion
editing software ii. Precise in
iv. Determine graphic identifying
editing hardware related graphic
v. Define personalised editing software
graphic editing job and hardware
milestones iii. Adhere to
Graphic
Designer Code
Of Professional
Conduct
(COPC) by
wREGA

52
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
2. Prepare graphic i. Project file cataloguing 20 hours Lecture i. Graphic images
editing work • Category (i.e.: or for editing
references, file, Group prepared
extension, Discussion ii. Graphic editing
amendments/ tools (hardware)
drafts, final selected
artwork) iii. Graphic editing
• Date stamp tools (software)
(i.e.: yyyy/mm/dd) selected
ii. Graphic elements, iv. Graphic editing
such as: project setting
• Background (software) set up
• Shadow v. Relevant graphic
• Separator elements
• Aggregator organised
i. Organise relevant Attitude: 50 hours Demonstration
graphic images for i. Systematic in or
editing organising Project
ii. Select graphic editing relevant graphic
tools (hardware and images for
software) editing
iii. Prepare project ii. Detail in
setting (software) for selecting
graphic editing graphic editing

53
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
iv. Arrange relevant tools (hardware
graphic elements and software)
iii. Precise in
setting up
technical setting
(software) for
graphic editing
iv. Systematic in
organising
relevant graphic
elements

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
3. Execute graphic i. Graphic manipulation 60 hours Lecture i. Graphic
editing technique manipulation
• Transformation techniques applied
(i.e.: resize, ii. Layer effect
distortion, skew) applied
• Crop iii. Graphic element
• Masking colour correction
ii. Layer effect, such as: and enhancement
• Multiply carried out using
• Burn colour correction
• Overlay techniques
• Intensity

54
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
• Hard light iv. Graphic elements
• Soft light composed
iii. Colour concept v. Final artwork
• Colour scheme produced
(i.e.: warm, cool,
monochrome)
• Colour theme (
i.e.: pastel, vivid,
earth)
• Colour output (i.e.:
RGB, CMYK,
Web)
• Colour adjustment
(i.e.: black and
white, brightness
and contrast,
colour curve)
iv. Graphic composition
• Layering (i.e.:
background,
foreground,
duplicate,
grouping, layer
masking, layer
channel)
• Graphic layout
arrangement (i.e.:
line, perspective,
balance, rule of

55
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
third, white space,
positive and
negative)
v. Copyright Act 1987
i. Manipulate graphics Attitude: 150 Demonstration
and images i. Precise in hours or
ii. Select layer effect manipulating Project
iii. Select colour theme graphics and
iv. Carry out colour images
correction ii. Accuracy in
v. Arrange graphic determining
elements colour theme
vi. Create graphic effect iii. Detail in
vii. Apply graphic composing
composition graphic
techniques elements
viii. Create final artwork iv. Efficient in
applying
graphic
composition
techniques
v. Adhere to
Copyright Act
1987

56
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
4. Carry out i. Digital format: 6 hours Lecture i. Checklist on
artwork • File extensions editing job (job
documentation (i.e.: .JPG, .PDF, brief) recorded
.TIFF) ii. Project artworks
ii. Documentation categorised and
procedure, such as: recorded
• Indexing iii. Project artworks
• Labelling archived
• Archiving iv. Documentation
- Archiving procedure applied
medium (i.e.:
network
server, CD/
DVD, cloud
storage)
iii. List of extracted jobs
from job brief
i. Update checklist on Attitude: 14 hours Demonstration
editing job (job brief) i. Systematic in or
ii. Compile and organise compiling and Project
project design file organising
iii. Archive project file project design
iv. Apply documentation files
procedure

57
 Attitude / Safety / Training Delivery
Work Activities Related Knowledge Related Skills Assessment Criteria
Environment Hours Mode
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

Employability Skills

Core Abilities Social Skills

01.01 Identify and gather information 1. Communication skills
01.04 Analyze information 2. Conceptual skills
01.05 Utilize the internet to locate and gather information 3. Interpersonal skills
01.11 Apply thinking skills and creativity 4. Learning skills
02.01 Interpret and follow manuals, instructions and SOP’s 5. Leadership skills
02.04 Prepare brief reports and checklists using standard forms 6. Multitasking and prioritizing
02.05 Read / interpret flowcharts and pictorial information 7. Self-discipline
02.07 Utilize local area network (LAN) Internet to exchange information 8. Teamwork
02.08 Prepare pictorial and graphic information
02.09 Prepare flowcharts
02.10 Prepare reports and instructions
02.11 Convey information and ideas to people
03.01 Apply cultural requirements to the workplace
03.04 Seek and act constructively upon feedback about performance
03.05 Demonstrate safety skills
03.06 Respond appropriately to people and situations
03.07 Resolve interpersonal conflicts
03.08 Develop and maintain a cooperation within work group
03.12 Provide coaching/on-the job training

58
03.13 Develop and maintain team harmony and resolve conflicts
03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achi.e.ve identified outcomes
03.16 Identify and assess client / customer needs
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.03 Organize and maintain own workplace
04.04 Apply problem-solving strategies
04.05 Demonstrate initiative and flexibility
04.06 Allocate work
04.07 Negotiate acceptance and support for objectives and strategies
05.01 Implement project / work plans
05.02 Inspect and monitor work done and / or in progress
06.01 Understand systems
06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems

59
Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Drawing tablet (optional) 1:1
3. Graphic editing software 1:1
4. Printer 1:25
5. Sample of graphic editing job brief 1:5
6. Sample of graphic editing final outcome 1:5
7. Scanner 1:25
8. Stationaries 1:1

REFERENCES

1. Cheetham, M. (2008). Editing the image. University Of Toronto Pres. ISBN 978-0-802-09248-9, ISBN 0-802-09248-9
2. Element K Journals Creative Team. (2005). Get the image you want. Peachpit Press. ISBN 978-0-321-34896-8
3. Fiell, C. (2005). Graphic design for the 21st century (Illustrated). Taschen. ISBN 978-3-822-83878-5, ISBN 3-822-83878-0
4. Lupton, E. & Phillips, J. C. (2008). Graphic design. Princeton Architectural Press. ISBN 978-1-568-98702-6, ISBN 1-568-98702-1
5. Zuk, D. (2011). Multi-image manipulation. Grin Verlag. ISBN 978-3-640-79369-3, ISBN 3-640-79369-2

60
CURRICULUM of COMPETENCY UNIT (CoCU)

Sub Sector CREATIVE MULTIMEDIA

Job Area GRAPHIC DESIGN (DIGITAL)
NOSS Title GRAPHIC DESIGN (DIGITAL)
Competency Unit Title GRAPHIC ANIMATION
The person who is competent in this CU shall be able to produce basic graphic animation that will be applied to
graphic elements in accordance with job brief specification. Upon completion of this competency unit, trainees will
be able to:
• Determine graphic animation job requirements
Learning Outcomes
• Create graphic animation workspace
• Create graphic animation composition
• Carry out graphic animation
• Carry out graphic animation documentation
Training 300
Competency Unit ID IT-058-3:2014-E01 Level Three (3) Credit Hours 30
Duration Hours
Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
1. Determine i. Animation for graphic 13 hours Lecture i. Graphic
graphic design, trend and style or animation job
animation job • Graphic animation Group extracted from
requirements evolution and trend Discussion job brief
• Graphic animation ii. Type of graphic
style animation
• Graphic animation defined
approach iii. Graphic
ii. Graphic animation animation
types, such as: technical
• Web banner specification for
• Digital advertising mobile

61
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
banner application,
• Slide presentation website, video
iii. Graphic animation and interactive
application and media
technical specification, determined
such as: iv. Digital software
• Mobile and tools
• Website selected
• Video v. Graphic
• Interactive elements
iv. Digital software and requirements
tools identified
v. Job brief contents, vi. Project work
such as: flow and Gantt
• Project information Chart prepared
• Project’s
requirements:
- Graphic editing
outline
• Deadline
• Client’s information
vi. Personalised graphic
animation job
milestones and
planning
• Time management
• Gantt Chart
• Schedule
vii. Peer-to-peer training

62
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
viii. Workplace ergonomics
practice
ix. wREGA Graphic
Designer Code Of
Professional Conduct
(COPC)
i. Determine types of Attitude: 32 hours Observation,
graphic animation i. Detail in Demonstration
ii. Identify graphic determining or
animation technical type of graphic Group
specification animation Discussion
iii. Identify digital ii. Meticulous in
software and tools determining
iv. Identify graphic graphic
elements requirement animation
v. Define personalised technical
graphic animation job specification
milestones iii. Accuracy in
identifying
digital software
and tools
iv. Detail in
identifying
graphic
elements
requirement
v. Adhere to
Graphic
Designer Code

63
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
Of Professional
Conduct
(COPC) by
wREGA

Safety/Environment:
i. Adhere to
workplace
ergonomics
practice
2. Create graphic i. Graphic animation 5 hours Lecture i. Graphic
animation timing or animation
workspace • Frame rate per Group project type
second (FPS) Discussion described
• Space ii. Graphic
• Movement and animation frame
speed rate per second
ii. Graphic animation (FPS) set up
stage specification, iii. Graphic
such as animation stage
• Size (i.e.: web specification set
banner, digital iv. Animation stage
advertising banner, guide lines
slide presentation) prepared
• Aspect ratio v. Animation tools
• Background colour applied based
iii. Graphic animation on animation
layout project
• Guide line requirement

64
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
• Grid vi. Graphic
iv. Digital animation tools, animation
such as: timeline
• Drawing tools (i.e.: established
shape, line, pen)
• Colour tools (i.e.:
colour picker,
gradient colour)
• Selection tools
(i.e.: transform
tools, anchor point)
v. Timeline set-up, such
as:
• Layering
• Frame
• Guide layer
• Mask layer
i. Select graphic Attitude: 10 hours Demonstration
animation project i. Meticulous in or
type selecting graphic Project
ii. Prepare graphic animation project
animation frame rate type
per second (FPS) ii. Accuracy in
iii. Prepare graphic setting up
animation stage size graphic
and aspect ratio animation frame
iv. Produce animation rate (FPS)
stage guide lines iii. Precise in setting
v. Select animation up graphic

65
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
tools animation stage
vi. Set up graphic size and aspect
animation timeline ratio
iv. Detail in creating
animation stage
guide lines
v. Detail in setting
up graphic
animation
timeline

Safety/Environment:
i. Adhere to work
area ergonomics
practice
3. Create graphic i. Type of graphic 20 hours Lecture i. Animation library
animation animation element, or set up
composition such as: Group ii. Multiple layer
• Picture (i.e.: photo, Discussion inside timeline
icon, vector, button) set up
• Sound (i.e.: voice iii. Graphic element
over, background imported to the
music, sound layer
effect, sound format
(.wav, .mp3, .acm,
etc))
• Video format (i.e.:
.mp4, .avi, .mov)
• Text (i.e: title,

66
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
content, paragraph,
heading, footer,
drop-down menu)
ii. Graphic animation
library set up
• Folder
• File (i.e.: Image,
sound, video,
template)
• Graphic animation
composition
• Background
• Foreground
• Layout and
alignment
iii. Copyright Act 1987
i. Prepare animation Attitude: 40 hours Demonstration
library i. Systematic in or
ii. Prepare multiple layer setting up Project
inside timeline animation library
iii. Insert graphic element ii. Be efficient and
to the layer accurate in
iv. Arrange graphic importing
element inside the graphic element
stage to the layer
iii. Detail in
composing
graphic element
inside the

67
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
animation stage
iv. Adhere to
Copyright act
1987

Safety/Environment:
i. Adhere to work
area ergonomics
practice
4. Carry out i. Animation techniques 60 hours Lecture i. Animation
graphic • Keyframe or effects created
animation • Tweening Group ii. Tweening
animation Discussion animation
(i.e.: shape produced
tweening, motion iii. Frame by frame
tweening) animation
• Frame by frame produced
animation iv. Graphic
(i.e.: gif animation, animation
flash animation, published
sprite animation)
ii. Animation effects
• Colour
• Alpha
• Blur
• Brightness and
contrast
iii. Publish setting
• Export format

68
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
(i.e.: video, picture,
sound
• Graphic animation
preview
i. Prepare total Attitude: 120 Demonstration
animation duration i. Accuracy in hours or
inside timeline setting up total Project
ii. Generate keyframe animation
inside individual duration inside
layer timeline
iii. Generate frame by ii. Detail in
frame animation generating
iv. Generate tweening keyframe inside
animation individual layer
v. Apply animation iii. Detail in
effects generating
vi. Test and publish tweening
graphic animation to animation
relevant format iv. Detail in
generating
frame by frame
animation

Safety/Environment:
i. Adhere to work
area
ergonomics
practice

69
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
ii. Adhere to
Copyright act
1987
5. Carry out i. Digital format: i. Checklist on
graphic • File extensions graphic
animation (i.e.: .JPG, .PDF, animation job
documentation .TIFF) (job brief)
ii. Documentation recorded
procedure, such as: ii. Graphic
• Indexing animation
• Labelling artworks
• Archiving categorised and
- Archiving recorded
medium (i.e.: iii. Graphic
network server, animation
CD/ DVD, cloud artworks
storage) archived
iii. List of extracted jobs iv. Documentation
from job brief procedure
i. Update checklist on Attitude: applied
graphic animation job i. Systematic in
(job brief) compiling and
ii. Compile and organise organising
graphic animation file project design
iii. Archive project file files
iv. Apply documentation
procedure

70
 Attitude / Safety / Training Delivery Assessment
Work Activities Related Knowledge Related Skills
Environment Hours Mode Criteria
Safety/Environment:
i. Adhere to
workplace
ergonomics
practice

Employability Skills

Core Abilities Social Skills

01.03 Utilize basic IT applications 1. Communication skills
01.04 Analyze information 2. Conceptual skills
01.05 Utilize the internet to locate and gather information 3. Interpersonal skills
01.09 Utilize business graphic application to process information 4. Learning skills
01.11 Apply thinking skills and creativity 5. Leadership skills
02.03 Communicate clearly 6. Multitasking and prioritizing
02.04 Prepare brief reports and checklists using standard forms 7. Self-discipline
02.05 Read / interpret flowcharts and pictorial information 8. Teamwork
02.07 Utilize local area network (LAN) Internet to exchange information
02.08 Prepare pictorial and graphic information
02.09 Prepare flowcharts
02.11 Convey information and ideas to people
03.03 Accept responsibility for own work and work area.
03.04 Seek and act constructively upon feedback about performance
03.08 Develop and maintain a cooperation within work group
03.13 Develop and maintain team harmony and resolve conflicts

71
 03.14 Facilitate and coordinate teams and ideas
03.15 Liaise to achieve identified outcomes
03.16 Identify and assess client / customer needs
04.01 Organize own work activities
04.02 Set and revise own objectives and goals
04.03 Organize and maintain own workplace
04.04 Apply problem-solving strategies
04.05 Demonstrate initiative and flexibility
04.06 Allocate work
04.07 Negotiate acceptance and support for objectives and strategies
05.01 Implement project / work plans
05.02 Inspect and monitor work done and / or in progress
06.01 Understand systems
06.02 Comply with and follow chain and command
06.03 Identify and highlight problems
06.04 Adapt competencies to new situations / systems

Tools, Equipment and Materials (TEM)

ITEMS RATIO (TEM: Trainees)

1. Computer 1:1
2. Drawing tablet (optional) 1:1
3. 2D animation software 1:1
4. Graphic design software 1:1
5. Printer 1:25
6. Sample of graphic animation job brief 1:5
7. Sample of graphic animation final outcome 1:5
8. Scanner 1:25

72
REFERENCES

1. Davis, G. (2003). Web animation: Start here!: All that you need to create your own fantastic web animation. ILEX. ISBN 978-1-904-70505-5,
ISBN 1566047323, ISBN 978-1566047326
2. Jon, S. K (2004). Motion graphic design and fine art animation. Focal Pres. ISBN 978-0-240-80482-8, ISBN 0-240-80482-1
3. Jones, P. (2006). Animation for advertising and graphic arts. Prentice Hall. ISBN 978-0-130-85105-5, ISBN 0-130-85105-1
4. Milburn, K. (1997). The Flash 2 web animation book: Advanced animation techniques from successful web professionals. Ventana Press.
ISBN 978-1-566-04732-6
5. Society of Publication Designers. (2008). Publication design annual. Rock Port Publishing. ISBN 978-1-592-53586-6

73
GLOSSARY

TERMS DESCRIPTION

.AI Proprietary file format developed by Adobe Systems for representing single-
page vector-based drawings in either the EPS or PDF formats.
The .ai filename extension is used by Adobe Illustrator.

DSC-conforming PostScript document with additional restrictions which is

.EPS
intended to be usable as a graphics file format. In other words, EPS files are
more or less self-contained, reasonably predictable PostScript documents
that describe an image or drawing and can be placed within another
PostScript document.

Abbreviation for Joint Photographic Experts Group. File format for full-color
.JPG
and black-and-white graphic images. JPEG images allow for more colors
than GIF images and are usually smaller in size. Leading/ Line-height.

.PDF Stands for Portable Document Format created by Adobe Systems in its
software program Adobe Acrobat as a universal browser.

A web site or computer software that aggregates a specific type of

Aggregator
information from multiple online sources.

The point that remains stationary when you stretch, scale, mirror, or skew an
Anchor point
object. Anchor points correspond to the eight handles that display when an
object is selected.

Animation The illusion of visual motion created by the rapid projection of still images in
two- or three-dimensional space.

Artwork All illustrated material, ornamentation, photos and charts, etc. that is
prepared for reproduction.

Bitmap Image A graphic image stored as a specific arrangement of screen dots, or pixels
also known as raster graphics. Common types of bitmap graphics are GIF,
JPEG, Photoshop, PCX, TIFF, Macintosh Paint, Microsoft Paint, PNG, FAX
formats, and TGA.

Stands for the colors Cyan-Magenta-Yellow-Black. In print design, colors are

CMYK
defined as a percentage of each of these 4 colors. For example, the CMYK
abbreviation for the color black would be 0-0-0-100. In contrast, display
devices (i.e. computer monitors) typically define colors using RGB.

Collage The combination of several images to a single surface to create a piece of

art. Can be done with original images or in a digital format.

An 8-bit grayscale version of an image. Each channel represents one level of

Color Channel
color in the image; for example, RGB has three color channels, while CMYK

A2
TERMS DESCRIPTION

has four. When all the channels are printed together, they produce the entire
range of colors in the image.

Color The process of creating separate negatives and plates for each color of ink
Separation (cyan, magenta, yellow, and black) that will be used in the publication.

Color Spacing The addition of spaces to congested areas of words or word spacing to
achieve a more pleasing appearance after the line has been set normally.

DPI The unit of measurement used to describe the resolution of printed output.
The most common desktop laser printers output a 300 dpi. Medium-
resolution printers output at 600 dpi. Image setters output at 1270-2540 dpi.

Font Family Also known as family. The collection of faces that were designed together
and intended to be used together. For example, the Garamond font family
consists of roman and italic styles, as well as regular, semi-bold, and bold
weights. Each of the style and weight combinations is called a face.

Frame Rate Frequency (rate) at which an imaging device produces unique consecutive
Per Second images called frames. The term applies equally well to film and
(FPS) video cameras, computer graphics, and motion capture systems. Frame rate
is most often expressed in frames per second (FPS) and is also expressed
in progressive scan monitors as hertz (Hz).

Glyph The word glyph is used differently in different contexts. In the context of
modern computer operating systems, it is often defined as a shape in a font
that is used to represent a character code on screen or paper. The most
common example of a glyph is a letter, but the symbols and shapes in a font
like ITC Zapf Dingbats are also glyphs. Also see character, character
encoding, and keyboard layout.

Kerning The adjustment of horizontal space between individual characters in a line of

text. Adjustments in kerning are especially important in large display and
headline text lines. Without kerning adjustments, many letter combinations
can look awkward. The objective of kerning is to create visually equal spaces
between all letters so that the eye can move smoothly along the text.

Keyframe A drawing that defines the starting and ending points of any smooth
transition. The drawings are called "frames" because their position in time is
measured in frames on a strip of film. A sequence of keyframes
defines which movement the viewer will see, whereas the position of the
keyframes on the film, video or animation defines thetiming of the movement.

Mask A photo negative or positive used in the color separation process to color
correct.

Organic Line A mark with length and direction that forms an irregular shape or one that
might be found in nature, rather than a regular, mechanical shape.

A3
TERMS DESCRIPTION

Overlay A transparent sheet placed over artwork, in register with the work it covers;
this is used to call out other color components of the work, instructions or
corrections.

Resolution Display resolution or screen resolution of a computer display typically refers

to the number of distinct pixels in each dimension that can be displayed.
Image resolution describes the detail an image holds. The term applies
equally to digital images, film images, and other types of images. Higher
resolution means more image detail.

RGB A color mode in which the three colors of light (red, green, and blue) are
combined in varying intensities to produce all other colors. A value between 0
and 255 is assigned to each channel of red, green and blue. Monitors,
scanners, and the human eye use RGB to produce or detect color.

Sidebar In newsletter/magazine layout, a related story or block of information that is

set apart from the main body text, usually boxed and/or screened.

Skew To slant an object vertically, horizontally, or both.

Sprite A technique used to create the illusion of movement using static images. This
Animation article describes how to create animations with libGdx.

Thumbnail Reduced-size versions of pictures, used to make it easier to scan and

recognize them, serving the same role for images as a normal text index
does for words.

Tracking The average space between characters in a block of text. Sometimes also
referred to as letter spacing.

Truncated Something is to shorten it, or cut part of it off. In computer science, the term
is often used in reference to data types or variables, such as floating point
numbers and strings.

Tweening Key process in all types of animation, including computer animation.

Sophisticated animation software enables you to identify specific objects in
an image and define how they should move and change during the tweening
process.

Typeface The letters, numbers, and symbols that make up a design of type. A typeface
is often part of a type family of coordinated designs. The individual typefaces
are named after the family and are also specified with a designation, such as
italic, bold or condensed.

Typography In typography, a typeface is a set of one or more fonts designed with stylistic
unity, each comprising a coordinated set of glyphs. A typeface usually
comprises an alphabet of letters, numerals, and punctuation marks; it may

A4
TERMS DESCRIPTION

also include ideograms and symbols, or consist entirely of them.

Vector An image generated from mathematical descriptions that determine the

Graphics position, length, and direction in which lines are drawn. Vector graphics are
created as collections of lines rather than as patterns of individual dots or
pixels.

A5
 SUMMARY OF TRAINING DURATION FOR GRAPHIC DESIGN (DIGITAL) - IT-058-3:2014

RELATED
COMPETENCY UNIT RELATED SKILLS HOURS
CU ID WORK ACTIVITIES KNOWLEDGE TOTAL (HRS)
TITLE (B) (A) + (B)
(A)

1. Interpret graphic visualisation job brief 15 35 50

2. Generate design/concept idea 40 100 140

IT-058-3:2014- GRAPHIC
350
C01 VISUALISATION
3. Execute idea visualisation 40 100 140

4. Carry out graphic visualisation documentation 6 14 20

1. Interpret vector graphics design job brief 15 30 45

IT-058-3:2014- VECTOR GRAPHICS

2. Execute vector design 72 168 240 300
C02 DESIGN

3. Carry out vector designs documentation 5 10 15

1. Interpret typography design job brief 15 30 45

IT-058-3:2014- TYPOGRAPHY
2. Carry out typography design 72 168 240 300
C03 DESIGN

3. Perform typographic design documentation 5 10 15

1. Interpret layout design job brief 15 30 45

2. Prepare layout design work 18 42 60

IT-058-3:2014- DIGITAL LAYOUT
300
C04 DESIGN
3. Compose layout Design 54 126 180

4. Carry out layout design documentation 5 10 15

1. Interpret graphic editing job brief 15 35 50

2. Prepare graphic editing work 20 50 70

IT-058-3:2014-
GRAPHIC EDITING 350
C05
3. Execute graphic editing 60 150 210

4. Carry out artwork documentation 6 14 20

1. Determine graphic animation job requirements 13 32 45

2. Create graphic animation workspace 5 10 15

IT-058-3:2014-
GRAPHIC ANIMATION 3. Create graphic animation composition 20 40 60 300
E01

4. Carry out graphic animation 50 100 150

5. Carry out graphic animation documentation 10 20 30

TOTAL HOURS (Core Competencies) 576 1324 1900 1900

xii