CBLM

COMPETENCY BASED LEARNING MATERIAL
SECTOR : INFORMATION AND COMMUNICATION TECHNOLOGY

(ICT) SECTOR
QUALIFICATION : VISUAL GRAPHICS DESIGN NCIII
UNIT OF COMPETENCY : CREATE RASTER GRAPHICS USING A GRAPHICS

APPLICATION
MODULE TITLE : CREATING RASTER GRAPHICS USING A GRAPHICS

APPLICATION
PANATA NAMIN TRAINING CENTER, INC.

3rd Floor AMYA1 Bldg., Quimpo Boulevard, Ecoland, Davao City
Telefax No. (082) 285-78-72 Email Add: pntci.davao@gmail.com
HOW TO USE THIS COMPETENCY-BASED LEARNING
MATERIAL
The unit of competency, “Create Raster Graphics Using A Graphics

Application”, is one of the competencies of Visual Graphic Design NC III, a
course which comprises the knowledge, skills, and attitudes required for a
TVET trainee to possess.
The module, Creating Raster Graphics Using A Graphics
Application covers the knowledge and skills required to develop raster
graphics incorporating a range of features for cross-media publishing based
on a client brief. This unit covers the knowledge and skills for manipulating
and editing images, applying special effects as required in the design brief.
This will be applied across a range of roles in a variety of contexts with some
complexity in the extent and choice of options available.
In this module, you are required to go through a series of learning
activities in order to complete each learning outcome. In each learning
outcome are Information Sheets, Self-checks, Operation Sheets,Task Sheets,
and Job Sheets. Follow and perform the activities on your own. If you have
questions, do not hesitate to ask for assistance from your facilitator.
Remember to:
 Read information sheet and complete the self-checks.
 Perform the Task Sheets, Operation Sheets, and Job Sheets until you
are confident that your outputs conform to the Performance Criteria
Checklists that follow the said work sheets.
 Submit outputs of the Task Sheets, Operation Sheets, and Job Sheets
to your facilitator for evaluation and recording in the Achievement
Chart. Outputs shall serve as your portfolio during the Institutional
Competency Evaluation. When you feel confident that you have had
sufficient practice, ask your trainer to evaluate you. The results of
your assessment will be recorded in your Achievement Chart and
Progress Chart.
You must pass the Institutional Competency Evaluation for this
competency before moving to another competency. A Certificate of
Achievement will be awarded to you after passing the evaluation.
Document No. ICCT– VGD – UC01

Visual Graphic Design NC III Date Developed:
Issued by:
June 2017
Create Raster Graphics Developed by: Page 1 of 31
Using A Graphics Arvy M. Gador
Application Revision # 01
PNTCI-QA SYSTEM
VISUAL GRAPHIC DESIGN NC III
LIST OF COMPETENCIES
No. Unit of Competency Module Title Code
1 Develop design Developing design ICT213301

studies studies
2 Create vector Creating vector ICT213302

graphics using a graphics using a
graphics application graphics application
3 Create raster Creating raster ICT213303

graphics using a graphics using a
graphics graphics application
application
4 Develop designs for Developing designs for ICT213304

print media print media

electronic media electronic media

product packaging product packaging
7 Design booth and Designing booth and ICT213307

product/window product/window
display display

Issued by:
June 2017
PNTCI-QA SYSTEM
COMPETENCY SUMMARY
Qualification : VISUAL GRAPHIC DESIGN NC III
Unit of Competency : CREATE RASTER GRAPHICS USING A

GRAPHICS APPLICATION
Module Title : CREATING RASTER GRAPHICS USING A

GRAPHICS APPLICATION
Introduction
This unit covers the knowledge and skills required to

develop raster graphics incorporating a range of features for
cross-media publishing based on a client brief. This unit covers
the knowledge and skills for manipulating and editing images,
applying special effects as required in the design brief. This will
be applied across a range of roles in a variety of contexts with
some complexity in the extent and choice of options available.
Nominal Duration:
Learning Outcomes:
Upon completion of this module, you MUST be able to:
1. Balance image quality and file size

2. Acquire digital images
3. Manipulate objects/images
4. Use/Modify variable templates
5. Create raster graphic for final media

Issued by:
June 2017
PNTCI-QA SYSTEM
Assessment Criteria
 Graphics files are opened and design brief requirements are confirmed
 Graphics are repeated efficiently using a symbol or stamp to reduce
file size
 Slices are created from objects, layers or groups and updated as
required
 Type anti-aliasing is applied selectively to keep small text easy to read
 Tasks are automated wherever possible and where necessary scripts
are used for automation
 Images are acquired from digital camera, scanned images or clip arts
and other objects.
 Acquired Bitmaps are modified and/or duplicated depending on
design requirements
 Bitmaps are masked and/or an opacity mask is added
 Layered file is exported to image editing program for editing
 Objects, images and text are manipulated and edited as required
 Elements are defined for repetition, repetition tools are used to create
duplicates and then are manipulated as a group
 Based on the design brief, objects are defined within the template as
variables
 An automated script or an image server is used/ modified using data
stored in any available source/server
 The template variables are tested to ensure correct operation
 Web-safe colors and other applicable color gamut are selected for
cross-media publishing purposes
 File formats are chosen to best represent artwork styles
 Objects/Images are linked to create an image map that meets design
requirements
 Compression options are selected that keep the image quality high and
the file size low
 Export options are set to the best settings for the final media and the
file is saved and exported

Issued by:
June 2017
PNTCI-QA SYSTEM
LEARNING OUTCOME #1 Balance image quality and file size
CONTENTS:
• Graphic Application
 Graphics File
 Batch Processing
ASSESSMENT CRITERIA:
 Graphics files are opened and design brief requirements are

confirmed
 Graphics are repeated efficiently using a symbol or stamp to reduce
file size
 Slices are created from objects, layers or groups and updated as
required
 Type anti-aliasing is applied selectively to keep small text easy to
read
 Tasks are automated wherever possible and where necessary
scripts are used for automation
CONDITIONS:
The following must be provided:
 Relevant hardware and software.
 Design briefs
METHODOLOGY:
 Self-Pace Learning
 Demonstration
ASSESSMENT METHODS:
 Written Test
 Performance Test
 Interview

Issued by:
June 2017
PNTCI-QA SYSTEM
Learning Experiences
Learning Outcome 1
Learning Activities Special Instructions
Read Information Sheet 3.1-1

on “Graphic Application.” This Learning Outcome deals with the
Answer Self-Check 3.1-1 development of the Institutional
Read Information Sheet 3.1-2 Competency Evaluation Tool which
on “Graphics File” trainers use in evaluating their trainees
Answer Self-Check 3.1-2 after finishing a competency of the
qualification.
Read Information Sheet 3.1-3
Go through the learning activities
on “Batch Processing”
outlined for you on the left column to
Answer Self-Check 3.1-3
gain the necessary information or
Refer to Task sheet 3.1-3A on
knowledge before doing the tasks to
“Create Slices”
practice on performing the requirements
Perform Task sheet 3.1-3
of the evaluation tool.
Refer to Task sheet 3.1-3B on
The output of this LO is a complete
“Select Slices”
Institutional Competency Evaluation
Perform Task sheet 3.1-3
Package for one Competency of VISUAL
GRAPHIC DESIGN NC III.
Your output shall serve as one of your
portfolio for your Institutional
Competency Evaluation for Create
raster graphics using a graphics
application.
Feel free to show your outputs to your
trainer as you accomplish them for
guidance and evaluation.
After doing all the activities for this LO –
Balance image quality and file size,
you are ready to proceed to the next LO –
Acquire digital images.

Issued by:
June 2017
PNTCI-QA SYSTEM
INFORMATION SHEET 3.1-1
Graphic Application
Learning Objectives:
After reading this information sheet, you must be able to:

 Identify the different graphic application and its uses
In computer graphics, graphics software refers to a program or collection of

programs that enable a person to manipulate images or models visually on a
computer.
Computer graphics can be classified into distinct categories: raster graphics

and vector graphics, with further 2D and 3d variants. Many graphics
programs focus exclusively on either vector or raster graphics, but there are
a few that combine them in interesting ways. It is simple to convert from
vector graphics to raster graphics, but going the other way is harder. Some
software attempts to do this.
In addition to static graphics, there are animation and video editing

software. Different types of software are often designed to edit different types
of graphics such as video, photos, and drawings. The exact sources of
graphics may vary for different tasks, but most can read and write files.
Most graphics programs have the ability to import and export one or more
graphics file formats, including those formats written for a particular
computer graphics program. Examples of such programs include GIMP,
Adobe Photoshop, Pizap, Microsoft Publisher, Picasa, etc.
The use of a swatch is a palette of active colours that are selected and
rearranged by the preference of the user. A swatch may be used in a
program or be part of the universal palette on an operating system. It is
used to change the colour of a text or image and in video editing. Vector
graphics animation can be described as a series of mathematical
transformations that are applied in sequence to one or more shapes in a
scene. Raster graphics animation works in a similar fashion to film-based
animation, where a series of still images produces the illusion of continuous
movement.

Issued by:
June 2017
PNTCI-QA SYSTEM
Adobe Photoshop
Adobe Photoshop is a raster

graphics editor developed and
published by Adobe Systems for
macOS and Windows.
Photoshop was created in 1988 by

Thomas and John Knoll. Since
then, it has become the de facto
industry standard in raster
graphics editing, such that the word "photoshop" has become a verb as in
"to Photoshop an image," "photoshopping" and "photoshop contest", though
Adobe discourages such use.[7] It can edit and compose raster images in
multiple layers and supports masks, alpha compositing and several color
models including RGB, CMYK, CIELAB, spot color and duotone. Photoshop
has vast support for graphic file formats but also uses its own PSD and PSB
file formats which support all the aforementioned features. In addition to
raster graphics, it has limited abilities to edit or render text, vector graphics
(especially through clipping path), 3D graphics and video. Photoshop's
feature set can be expanded by Photoshop plug-ins, programs developed and
distributed independently of Photoshop that can run inside it and offer new
or enhanced features.
Photoshop's naming scheme was initially based on version numbers.

However, in October 2002, following the introduction of Creative Suite
branding, each new version of Photoshop was designated with "CS" plus a
number; e.g., the eighth major version of Photoshop was Photoshop CS and
the ninth major version was Photoshop CS2. Photoshop CS3 through CS6
were also distributed in two different editions: Standard and Extended. In
June 2013, with the introduction of Creative Cloud branding, Photoshop's
licensing scheme was changed to that of software as a service rental model
and the "CS" suffixes were replaced with "CC". Historically, Photoshop was
bundled with additional software such as Adobe ImageReady, Adobe
Fireworks, Adobe Bridge, Adobe Device Central and Adobe Camera RAW.
Alongside Photoshop, Adobe also develops and publishes Photoshop
Elements, Photoshop Lightroom, Photoshop Express and Photoshop Touch.
Collectively, they are branded as "The Adobe Photoshop Family". It is
currently a licensed software.

Issued by:
June 2017
PNTCI-QA SYSTEM
CorelDraw
CorelDraw (styled CorelDRAW) is a vector

graphics editor developed and marketed
by Corel Corporation. It is also the name
of Corel's Graphics Suite, which bundles
CorelDraw with bitmap-image editor
Corel Photo-Paint as well as other
graphics-related programs (see below).
The latest version is designated X8
(equivalent to version 18), and was released in March 2016.[5] CorelDraw is
designed to edit two-dimensional images such as logos and posters.
GIMP
GIMP ( /ɡɪmp/ GHIMP) (GNU

Image Manipulation Program) is a
free and open-source raster
graphics editor[7] used for image
retouching and editing, free-form
drawing, converting between
different image formats, and more
specialized tasks.
GIMP is released under GPLv3+

licenses and is available for Linux, macOS, and Microsoft Windows.
QuarkXPress
QuarkXPress is a computer
application for creating and
editing complex page layouts in a
WYSIWYG (What You See Is What
You Get) environment. It runs on
macOS and Windows. It was first
released by Quark, Inc. in 1987
and is still owned and published
by them.
The most recent version, QuarkXPress 2016 (internal version number 12.0),
allows publishing in English ("International and U.S."[1]) and 36 other

Issued by:
June 2017
PNTCI-QA SYSTEM
languages, including Arabic, Chinese, Japanese, Portuguese, German,
Korean, Russian, French, and Spanish.[2]
QuarkXPress is used by individual designers and large publishing houses to

produce a variety of layouts, from single-page flyers to the multi-media
projects required for magazines, newspapers, catalogs, and the like.
QuarkXPress once dominated the market for page layout software, with over
95% market share among professional users. As of 2010, one publisher
estimated that US market share has fallen to below 25% and Adobe
InDesign has become the market leader, although QuarkXPress still had
significant market share.

Issued by:
June 2017
PNTCI-QA SYSTEM
Self-Check 3.1-1:
Multiple Choice: In a separate sheet of paper write the letter of the
correct answer.
1. Adobe Photoshop is a raster graphics editor developed and published by

Adobe Systems for macOS and Windows.
a) Adobe Photoshop
b) CorelDraw (styled CorelDRAW)
c) GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program)
d) QuarkXPress
2. CorelDraw (styled CorelDRAW) is a vector graphics editor developed and

marketed by Corel Corporation.
a) CorelDraw (styled CorelDRAW)
b) GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program)
c) QuarkXPress
d) Adobe Photoshop
3. GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program) is a free and

open-source raster graphics editor[7] used for image retouching and
editing, free-form drawing, converting between different image formats,
and more specialized tasks.
a) QuarkXPress
b) Adobe Photoshop
c) CorelDraw (styled CorelDRAW)
d) GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program)
4. QuarkXPress is a computer application for creating and editing complex

page layouts in a WYSIWYG (What You See Is What You Get)
environment. It runs on macOS and Windows.
a) Adobe Photoshop
b) CorelDraw (styled CorelDRAW)
c) QuarkXPress
d) GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program)

Issued by:
June 2017
PNTCI-QA SYSTEM
5. Photoshop was created in 1988 by Thomas and John Knoll.
a. Thomas and John Knoll.
b. Thomas and Peter Knoll
c. Peter and John Knoll
d. Thomas and Tom Knoll

Issued by:
June 2017
PNTCI-QA SYSTEM
Answer to Self-Check 3.1-1
1. A-Adobe Photoshop
2. A.-Corel Draw
3. D- GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program)
4. C – QuarkXPress
5. A- Thomas and John Knoll.

Issued by:
June 2017
PNTCI-QA SYSTEM
Graphics File

 Identify and explain the following:
o Graphic File Format
o Image file sizes
o Image file compression
o Major graphic file format
o Raster graphics
Graphics file formats are standardized means of organizing and storing

digital images. Image files are composed of digital data in one of these
formats that can be rasterized for use on a computer display or printer. An
image file format may store data in uncompressed, compressed, or vector
formats. Once rasterized, an image becomes a grid of pixels, each of which
has a number of bits to designate its color equal to the color depth of the
device displaying it.
Image file sizes
The size of raster image files is positively correlated with the resolution and
images size (number of pixels) and the color depth (bits per pixel). Images
can be compressed in various ways, however. A compression algorithm
stores either an exact representation or an approximation of the original
image in a smaller number of bytes that can be expanded back to its
uncompressed form with a corresponding decompression algorithm. Images
with the same number of pixels and color depth can have very different
compressed file size. Considering exactly the same compression, number of
pixels, and color depth for two images, different graphical complexity of the
original images may also result in very different file sizes after compression
due to the nature of compression algorithms. With some compression
formats, images that are less complex may result in smaller compressed file
sizes. This characteristic sometimes results in a smaller file size for some
lossless formats than lossy formats. For example, graphically simple images
(i.e. images with large continuous regions like line art or animation
sequences) may be losslessly compressed into a GIF or PNG format and
result in a smaller file size than a lossy JPEG format.
Vector images, unlike raster images, can be any dimension independent of

file size. File size increases only with the addition of more vectors.
Issued by:
June 2017
PNTCI-QA SYSTEM
For example, a 640 * 480 pixel image with 24-bit color would occupy almost
a megabyte of space:
640 * 480 * 24 = 7,372,800 bits = 921,600 bytes = 900 kB
Image file compression
There are two types of image file compression algorithms: lossless and lossy.
Lossless compression algorithms reduce file size while preserving a perfect
copy of the original uncompressed image. Lossless compression generally,
but not always, results in larger files than lossy compression. Lossless
compression should be used to avoid accumulating stages of re-compression
when editing images.
Lossy compression algorithms preserve a representation of the original

uncompressed image that may appear to be a perfect copy, but it is not a
perfect copy. Often lossy compression is able to achieve smaller file sizes
than lossless compression. Most lossy compression algorithms allow for
variable compression that trades image quality for file size.
Major graphic file formats

Including proprietary types, there are hundreds of image file types. The
PNG, JPEG, and GIF formats are most often used to display images on the
Internet. These graphic formats are listed and briefly described below,
separated into the two main families of graphics: raster and vector.
In addition to straight image formats, Metafile formats are portable formats

which can include both raster and vector information. Examples are
application-independent formats such as WMF and EMF. The metafile
format is an intermediate format. Most applications open metafiles and then
save them in their own native format. Page description language refers to
formats used to describe the layout of a printed page containing text, objects
and images. Examples are PostScript, PDF and PCL.

Issued by:
June 2017
PNTCI-QA SYSTEM
Raster graphics
In computer graphics, a raster graphics or
bitmap image is a dot matrix data
structure, representing a generally
rectangular grid of pixels, or points of
color, viewable via a monitor, paper, or
other display medium. Raster images are
stored in image files with varying formats.
A bitmap, a single-bit raster,[2]

corresponds bit-for-bit with an image
displayed on a screen, generally in the
same format used for storage in the
display's video memory, or maybe as a
device-independent bitmap. A raster is
technically characterized by the width and height of the image in pixels and
by the number of bits per pixel (or color depth, which determines the
number of colors it can represent).
The printing and prepress industries know raster graphics as contones

(from "continuous tones"). The opposite to contones is "line work", usually
implemented as vector graphics in digital systems
Etymology
The word "raster" has its origins in the Latin rastrum (a rake), which is
derived from radere (to scrape). It originates from the raster scan of cathode
ray tube (CRT) video monitors, which paint the image line by line by
magnetically steering a focused electron beam.[5] By association, it can also
refer to a rectangular grid of pixels. The word rastrum is now used to refer to
a device for drawing musical staff lines.
Applications
Computer displays
Most modern computers have bitmapped displays, where each on-screen
pixel directly corresponds to a small number of bits in memory.[6] The screen
is refreshed simply by scanning through pixels and coloring them according
to each set of bits. The refresh procedure, being speed critical, is often
implemented by dedicated circuitry, often as a part of a graphics processing
Issued by:
June 2017
PNTCI-QA SYSTEM
unit. An early scanned display with raster computer graphics was invented
in the late 1960s by A. Michael Noll at Bell Labs,[7] but its patent application
filed February 5, 1970 was abandoned at the Supreme Court in 1977 over
the issue of the patentability of computer software.[8]
Image storage
Most computer images are stored in raster graphics formats or compressed
variations, including GIF, JPEG, and PNG, which are popular on the World
Wide Web.
Three-dimensional voxel raster graphics are employed in video games and
are also used in medical imaging such as MRI scanners.[9]
Geographic information systems

GIS programs commonly use rasters that encode geographic data in the
pixel values as well as the pixel locations.
Resolution
Raster graphics are resolution dependent, meaning they cannot scale up to
an arbitrary resolution without loss of apparent quality. This property
contrasts with the capabilities of vector graphics, which easily scale up to
the quality of the device rendering them. Raster graphics deal more
practically than vector graphics with photographs and photo-realistic
images, while vector graphics often serve better for typesetting or for graphic
design. Modern computer-monitors typically display about 72 to 130 pixels
per inch (PPI), and some modern consumer printers can resolve 2400 dots
per inch (DPI) or more; determining the most appropriate image resolution
for a given printer-resolution can pose difficulties, since printed output may
have a greater level of detail than a viewer can discern on a monitor.
Typically, a resolution of 150 to 300 PPI works well for 4-color process
(CMYK) printing.
However, for printing technologies that perform color mixing through

dithering (halftone) rather than through overprinting (virtually all
home/office inkjet and laser printers), printer DPI and image PPI have a very
different meaning, and this can be misleading. Because, through the
dithering process, the printer builds a single image pixel out of several
printer dots to increase color depth, the printer's DPI setting must be set far
higher than the desired PPI to ensure sufficient color depth without

Issued by:
June 2017
PNTCI-QA SYSTEM
sacrificing image resolution. Thus, for instance, printing an image at 250
PPI may actually require a printer setting of 1200 DPI.
Raster-based image editors

Raster-based image editors, such as Painter, Photoshop, Paint.NET, MS
Paint, and GIMP, revolve around editing pixels, unlike vector-based image
editors, such as Xfig, CorelDRAW, Adobe Illustrator, or Inkscape, which
revolve around editing lines and shapes (vectors). When an image is
rendered in a raster-based image editor, the image is composed of millions
of pixels. At its core, a raster image editor works by manipulating each
individual pixel. Most pixel-based image editors work using the RGB color
model, but some also allow the use of other color models such as the CMYK
color model.

Issued by:
June 2017
PNTCI-QA SYSTEM
Self-Check 3.1-2:
Identification: Identify the given phrase. Write your answer in a
separate sheet of paper
1. In computer graphics, is a dot matrix data structure, representing a
generally rectangular grid of pixels, or points of color, viewable via a
monitor, paper, or other display medium. Raster images are stored in
image files with varying formats
2. A single-bit raster,[2] corresponds bit-for-bit with an image displayed
on a screen, generally in the same format used for storage in the
display's video memory
3. Are standardized means of organizing and storing digital images.
4. Two types of image file compression algorithms
5. A compression algorithms preserve a representation of the original
uncompressed image that may appear to be a perfect copy, but it is
not a perfect copy.

Issued by:
June 2017
PNTCI-QA SYSTEM
1. a raster graphics or bitmap image

2. A bitmap,
3. Graphics file formats
4. lossless and lossy
5. Lossy

Issued by:
June 2017
PNTCI-QA SYSTEM
Batch Processing

 Identify and explain the importance of batch processing
Batch processing is the execution of a series of jobs in a program on a

computer without manual intervention (non-interactive). Strictly speaking, it
is a processing mode: the execution of a series of programs each on a set or
"batch" of inputs, rather than a single input (which would instead be a
custom job). However, this distinction has largely been lost, and the series of
steps in a batch process are often called a "job" or "batch job"
Batch applications are still critical in most organizations in large part

because many common business processes are amenable to batch
processing. While online systems can also function when manual
intervention is not desired, they are not typically optimized to perform high-
volume, repetitive tasks. Therefore, even new systems usually contain one or
more batch applications for updating information at the end of the day,
generating reports, printing documents, and other non-interactive tasks that
must complete reliably within certain business deadlines.
Some applications are amenable to flow processing, namely those that only
need data from a single input at once (not totals, for instance): start the next
step for each input as it completes the previous step. In this case flow
processing lowers latency for individual inputs, allowing them to be
completed without waiting for the entire batch to finish. However, many
applications require data from all records, notably computations such as
totals. In this case the entire batch must be completed before one has a
usable result: partial results are not usable.
Modern batch applications make use of modern batch frameworks such as

Jem The Bee, Spring Batch or implementations of JSR 352[3] written for
Java, and other frameworks for other programming languages, to provide
the fault tolerance and scalability required for high-volume processing. In
order to ensure high-speed processing, batch applications are often

Issued by:
June 2017
PNTCI-QA SYSTEM
integrated with grid computing solutions to partition a batch job over a large
number of processors, although there are significant programming
challenges in doing so. High volume batch processing places particularly
heavy demands on system and application architectures as well.
Architectures that feature strong input/output performance and vertical
scalability, including modern mainframe computers, tend to provide better
batch performance than alternatives.
Scripting languages became popular as they evolved along with batch

processing.
Batch window
A batch window is "a period of less-intensive online activity",[4] when the
computer system is able to run batch jobs without interference from online
systems.
Many early computer systems offered only batch processing, so jobs could
be run any time within a 24-hour day. With the advent of transaction
processing the online applications might only be required from 9:00 a.m. to
5:00 p.m., leaving two shifts available for batch work, in this case the batch
window would be sixteen hours. The problem is not usually that the
computer system is incapable of supporting concurrent online and batch
work, but that the batch systems usually require access to data in a
consistent state, free from online updates until the batch processing is
complete.
In a bank, for example, so-called end-of-day (EOD) jobs include interest

calculation, generation of reports and data sets to other systems, printing
statements, and payment processing. This coincides with the concept of
Cutover, where transaction and data are cut off for a particular day's batch
activity and any further data is contributed to the next following day's batch
activity (this is the reason for messages like "deposits after 3 PM will be
processed the next day").
The batch window is further complicated by the actual run-time of a

particular batch activity. Some batches in banking can take between 5-9
hours of run time, coupled with global constraints some batch activity is
broken up or even stalled to allow periodic use of databases mid batch
(usually in read-only) to support automated testing scripts that may run in
Issued by:
June 2017
PNTCI-QA SYSTEM
the evening hours or outsourced\contract testing and development
resources abroad. More complex problems arise when institutions both have
batch activities that may be dependent meaning both batches have to
complete in the same batch window.
As requirements for online systems uptime expanded to support

globalization, the Internet, and other business requirements the batch
window shrank and increasing emphasis was placed on techniques that
would require online data to be available for a maximum amount of time.
Common batch processing usage
Batch processing is also used for efficient bulk database updates and
automated transaction processing, as contrasted to interactive online
transaction processing (OLTP) applications. The extract, transform,
load (ETL) step in populating data warehouses is inherently a batch process
in most implementations.
Images
Batch processing is often used to perform various operations with digital
images such as resize, convert, watermark, or otherwise edit image files.
Conversions
Batch processing may also be used for converting computer files from one
format to another. For example, a batch job may convert proprietary and
legacy files to common standard formats for end-user queries and display.
Notable batch scheduling and execution environments

The Unix programs cron, at, and batch (today batch is a variant of at) allow
for complex scheduling of jobs. Windows has a job scheduler. Most high-
performance computing clusters use batch processing to maximize cluster
usage.
The IBM mainframe z/OS operating system or platform has arguably the
most highly refined and evolved set of batch processing facilities owing to its
origins, long history, and continuing evolution. Today such systems
commonly support hundreds or even thousands of concurrent online and
batch tasks within a single operating system image. Technologies that aid
concurrent batch and online processing include Job Control Language
(JCL), scripting languages such as REXX, Job Entry Subsystem (JES2 and

Issued by:
June 2017
PNTCI-QA SYSTEM
JES3), Workload Manager (WLM), Automatic Restart Manager (ARM),
Resource Recovery Services (RRS), DB2 data sharing, Parallel Sysplex,
unique performance optimizations such as HiperDispatch, I/O channel
architecture, and several others.

Issued by:
June 2017
PNTCI-QA SYSTEM
Self-Check 3.1-3
True or False. Write T. if the statement are correct and F if it is in correct.

Use a separate sheet of paper
1. Batch processing may also be used for converting computer files from
one format to another.
2. A batch processing is "a period of less-intensive online activity",[4]
when the computer system is able to run batch jobs without
interference from online systems.
3. Batch applications are still critical in most organizations in large part
because many common business processes are amenable to batch
processing.
4. While online systems can also function when manual intervention is
not desired, they are not typically optimized to perform high-volume,
repetitive tasks.
5. Batch processing is often used to perform various operations
with digital images such as resize, convert, watermark, or otherwise
edit image files.

Issued by:
June 2017
PNTCI-QA SYSTEM
1. T
2. F
3. T
4. T
5. T

Issued by:
June 2017
PNTCI-QA SYSTEM
Task Sheet 3.1-3A
Title: Create Slices
Performance Objective:
Given the materials and equipment, using the illustrator application you are
ask to creat a slice within 1 hour and 30 minutes
Supplies/materials:
 Paper (Optional)
 Computer / Laptop with internet connection
 Application Software (illustrator)
Steps/Procedure:
1. Select one or more objects on the artboard, and choose Object > Slice
> Make.
2. Select the Slice tool and drag over the area where you want to create
a slice. Shift-drag to constrain the slice to a square. Alt‑drag
(Windows) or Option-drag (Mac OS) to draw from the center.
3. Select one or more objects on the artboard, and choose Object > Slice
> Create From Selection.
4. Place guides where you want to slice the artwork, and choose Object >
Slice > Create From Guides.
5. Select an existing slice, and choose Object > Slice > Duplicate Slice.
Assessment Method:
Demonstration

Issued by:
June 2017
PNTCI-QA SYSTEM
Performance Criteria Checklist for Task Sheet 3.1-3
Did I. . . YES NO
 Select one or more objects on the artboard, and
choose Object > Slice > Make.
 Select the Slice tool and drag over the area where
you want to create a slice. Shift-drag to constrain the
slice to a square. Alt‑drag (Windows) or Option-drag
(Mac OS) to draw from the center.

choose Object > Slice > Create From Selection.
 Place guides where you want to slice the artwork,

and choose Object > Slice > Create From Guides.
 Select an existing slice, and choose Object > Slice >

Duplicate Slice.

choose Object > Slice > Make.

Issued by:
June 2017
PNTCI-QA SYSTEM
Task Sheet 3.1-3B
Title: Select Slices
Performance Objective:
Given the materials and equipment, using the illustrator application you are
ask to select a slice within 1 hour and 30 minutes
Supplies/materials:
 Paper (Optional)
 Computer / Laptop with internet connection
 Application Software (illustrator)
Steps/Procedure:
Use the Slice Select tool to select a slice in the illustration window or the
Save For Web & Devices dialog box.
1. To select a slice, click it.

2. To select multiple slices, Shift-click. (In the SaveFor Web & Devices
dialog box, you can also Shift-drag.)
3. To select an underlying slice when working with overlapping slices,
click the visible section of it.
4. In addition, you can select slices in the illustration window by doing
one of the following:
5. To select a slice that was created using the Object > Slice > Make
command, select the corresponding artwork on the artboard. If the
slice is tied to a group or layer, select the target icon adjacent to the
group or layer in the Layers panel.
6. To select a slice that was created using the Slice tool, the Create From
Selection command, or the Create From Guides command, target the
slice in the Layers panel.
7. Click on the slice path with the Selection tool .
8. To select a slice path segment or slice anchor point, click on either
item with the Direct Selection tool.
note: You cannot select auto slices. These slices are dimmed.

Issued by:
June 2017
PNTCI-QA SYSTEM
Assessment Method:
Demonstration

Issued by:
June 2017
PNTCI-QA SYSTEM
Performance Criteria Checklist for Task Sheet 3.1-3B
Did I. . . YES NO
 To select a slice, click it.
 To select multiple slices, Shift-click. (In the SaveFor

Web & Devices dialog box, you can also Shift-drag.)
 To select an underlying slice when working with

overlapping slices, click the visible section of it.
 In addition, you can select slices in the illustration

window by doing one of the following:
 To select a slice that was created using the Object >

Slice > Make command, select the corresponding
artwork on the artboard. If the slice is tied to a group
or layer, select the target icon adjacent to the group
or layer in the Layers panel.
 To select a slice that was created using the Slice tool,

the Create From Selection command, or the Create
From Guides command, target the slice in the Layers
panel.
 Click on the slice path with the Selection tool .
 To select a slice path segment or slice anchor point,

click on either item with the Direct Selection tool.
 To select a slice, click it.

Issued by:
June 2017
PNTCI-QA SYSTEM

CBLM

Încărcat de

Informații document

Descriere originală:

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

CBLM

Încărcat de

Drepturi de autor:

Formate disponibile

COMPETENCY BASED LEARNING MATERIAL

SECTOR : INFORMATION AND COMMUNICATION TECHNOLOGY

QUALIFICATION : VISUAL GRAPHICS DESIGN NCIII

UNIT OF COMPETENCY : CREATE RASTER GRAPHICS USING A GRAPHICS

MODULE TITLE : CREATING RASTER GRAPHICS USING A GRAPHICS

PANATA NAMIN TRAINING CENTER, INC.

The unit of competency, “Create Raster Graphics Using A Graphics

Document No. ICCT– VGD – UC01

No. Unit of Competency Module Title Code

1 Develop design Developing design ICT213301

2 Create vector Creating vector ICT213302

3 Create raster Creating raster ICT213303

4 Develop designs for Developing designs for ICT213304

5 Develop designs for Developing designs for ICT213305

6 Develop designs for Developing designs for ICT213306

7 Design booth and Designing booth and ICT213307

Document No. ICCT– VGD – UC01

Qualification : VISUAL GRAPHIC DESIGN NC III

Unit of Competency : CREATE RASTER GRAPHICS USING A

Module Title : CREATING RASTER GRAPHICS USING A

This unit covers the knowledge and skills required to

Upon completion of this module, you MUST be able to:

1. Balance image quality and file size

Document No. ICCT– VGD – UC01

Document No. ICCT– VGD – UC01

 Graphics files are opened and design brief requirements are

Document No. ICCT– VGD – UC01

Learning Activities Special Instructions

Read Information Sheet 3.1-1

Document No. ICCT– VGD – UC01

After reading this information sheet, you must be able to:

In computer graphics, graphics software refers to a program or collection of

Computer graphics can be classified into distinct categories: raster graphics

In addition to static graphics, there are animation and video editing

Document No. ICCT– VGD – UC01

Adobe Photoshop is a raster

Photoshop was created in 1988 by

Photoshop's naming scheme was initially based on version numbers.

Document No. ICCT– VGD – UC01

CorelDraw (styled CorelDRAW) is a vector

GIMP ( /ɡɪmp/ GHIMP) (GNU

GIMP is released under GPLv3+

Document No. ICCT– VGD – UC01

QuarkXPress is used by individual designers and large publishing houses to

Document No. ICCT– VGD – UC01

1. Adobe Photoshop is a raster graphics editor developed and published by

2. CorelDraw (styled CorelDRAW) is a vector graphics editor developed and

3. GIMP ( /ɡɪmp/ GHIMP) (GNU Image Manipulation Program) is a free and

4. QuarkXPress is a computer application for creating and editing complex

Document No. ICCT– VGD – UC01

Document No. ICCT– VGD – UC01

Document No. ICCT– VGD – UC01

After reading this information sheet, you must be able to:

Graphics file formats are standardized means of organizing and storing

Image file sizes

Vector images, unlike raster images, can be any dimension independent of

Image file compression

Lossy compression algorithms preserve a representation of the original

Major graphic file formats

In addition to straight image formats, Metafile formats are portable formats

Document No. ICCT– VGD – UC01

A bitmap, a single-bit raster,[2]

The printing and prepress industries know raster graphics as contones