EMPOWERMENT TECHNOLOGIES

INFORMATION SHEET NO. 3  GIF – Graphic Interchange Format is limited to the

IMAGING AND DESIGN FOR THE ONLINE ENVIRONMENT 8-bit palette with only 256 colors. This format was
popularized in the 1980s as an efficient means to
PRINCIPLES OF GRAPHICS AND DESIGN transmit image across data networks and on the
web since it used the basic form of file
Across disciplines, the following principles are followed
compression. It is best used for diagrams,
to standardize image creation and manipulation using
cartoons, and logos which use few colors and is
any graphic software.
the chosen format for animation effects.
1. Balance – It describes the placement of the  BMP – Bitmap image file or device independent
elements of equal weight on the page. The three bitmap (DIB) file format is the image file used in
types of balance are symmetrical, asymmetrical the Microsoft Windows operating system. It is an
and radial. uncompressed file and is made up of millions of
2. Movement – It describes the flow of elements on dots called ‘pixels’ with different colors and
the page. arrangements. It is also called raster image. It is
3. Unity – It is the sense of oneness of the elements not usually used on the web since it takes up a big
that creates balance and harmony. space in the memory and does not scale well.
4. Repetition – It describes the consistent and  TIFF – Tagged Image File Format is a file format
balanced repetition of a design or element. created originally by Aldus Corporation for
5. Proximity - It describes the organization and desktop publishing. TIFF is supported by many
relationship of elements included in the design. imaging programs and is a good format for
6. Contrast – It is the combination of opposing graphic storage, processing and printing. This
characteristics of an element like color, size, makes TIFF the superior raster image format. By
thickness, etc. It allows emphasis on key elements. the year 2009, its control was transferred to
7. Whitespace – It is the negative space or large Adobe Systems. It is considered as a high-quality
margins that allow your design to breathe within image format, where all color and data
the elements. information are stores. However, it produces a
very large than with lossy JPEG compression. PNG
INFOGRAPHICS doe s best with line art, text, and logos.
Infographics (Information Graphics) also known as data PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
visualization is defined by Oxford Dictionary as a visual MANIPULATION
image such as a chart or diagram that is used to explain
information or data. There are many available programs on the web for
instant image manipulation and other editing
It makes the data easily understood at a glance and techniques.
quickly communicates a message especially to simplify
the presentation of large amounts of data. It is also used 1. Cropping. Process of removing unwanted parts of
to easily compare data patterns and relationships. the image focusing only on the subject. When
cropping, one must always follow the rule of thirds
When searching the net, you can find a lot of principles to organize the image composition.
and guidelines on how to create an infographic. 2. Color Balance. In any image manipulating
1. Thesis / Story – The subject and the main idea of program, this command will allow you to make
your infographic must be clear. changes in the mixture of colors in an image.
2. Data – Data must be well – organized and support 3. Adjusting the Brightness and Contrast. This
the main idea. command is the most basic when adjusting the
3. Simplicity – (color, style, and illustrations). You image tone (highlights, shadows, and
must be able to create your own color palette; mudstones.)
your style must be able to attract readers so as 4. Compression and Resizing. An important aspect
not to make your infographic full of text. Do not in image manipulation. Images to be uploaded
use stock photos. on the web must be of standard resolution of 72
4. Sources – You must cite your sources so as to give dpi (dots per inch) to maintain its image file size
credibility to your data. of 30 – 50 KB. If the image is for printing, set the
5. Branding / Shareability – Your infographic must maximum resolution to 300 dpi and set its physical
be creative and innovative. printing size in inches.
5. Color Blending. Use the different special effects
IMAGE FILE FORMATS buttons available in the different image editing
software. You can combine colors and
The most common file formats are JPEG, GIF, BMP, TIFF
commands that will give you a more dynamic
and PNG.
image result.
 JPEG – Joint Photographic Experts Group is the 6. Combining Multiple Images. Compositions must
most popular image format used on the web be planned and conceptualized first so you will
JPEG Files are very ‘lossy’ where much of the be able to render the best image and message
information about the image is lost from the possible.
original state to keep the image file size small. It is
ONLINE GRAPHIC SOFTWARE
mostly used by photographers, artists, graphic
designers, medical imaging specialists, art There are various image editing sites that also offer
historians and other groups because image basic and advanced techniques that we can do with
quality and color fidelity is important in the field. other professional software.
EMPOWERMENT TECHNOLOGIES

1. Picasa. It is Google’s free desktop image editing Joseph Arrington in his article “The Advantages and
program. It can be downloaded and help you Disadvantages of Digital Art,” there are several notes
manage your photos and upload them to an that can b seen in this field.
online album.
2. Fotor. A multiplatform photo editing website. It  It never changes. Digital arts is not threatened by
offers a wide range of effects and tools for editing the physical environment; however, it can also be
images. destroyed in one key press.
3. Pixlr. It is also multiplatform image editing  It can be replicated with precision. For digital art,
program. You can choose between the editor for what you see is what you get. Its replication is not
editing images or creating an original image right a copy; it is a clone of the original.
through the browser. The tools are almost similar  Almost limitless possibilities. There is a wide range
to Photoshop that makes it easier for you to of colors that can be chosen from by a digital
manipulate. artist; however, a photographic precision is
required.
Other image editing suit that can be  Tools of dreams are used. There are lot of tools
downloaded for free: that represent real world instruments in every
software that allow the artist to make the most of
1. Photoscape his imagination.
2. Serif Photoplus Starter Edition
3. GIMP SEATWORK.
4. Paint.net
A. Write TRUE on the line if the statement is correct and
IMAGE HOSTING SITES FALSE if it is incorrect.
Image also can be shared online through the different _______ 1. For image composition to be effective, it
web hosting sites that are free. You just need to create must have its elements in equal weight across the
free account, and you will be able to post, organize frame.
and share your photos. _______ 2. You can use any color combination when
1. Imgur. It is a free image hosting site wherein you composing your design.
can upload images from your computer. You can _______ 3. Reliable sources must be included in your
also edit your images before posting it online. infographic.
2. Flickr. It is an image social networking site. You _______ 4. JPEG is considered to produce a high quality
can save and manage your photos for it offers a image and does not remove any information from the
1TB storage capacity in your account. image.
3. Photobucket. It has almost similar features with _______ 5. It is best to use GIF format for cartoonish
Flickr as you can upload and share your images images.
over the internet through your account. _______ 6. When cropping an image, one must follow
4. SlickPic. It is an online image hosting service that the rule of thirds.
also allows you to upload and store an unlimited _______ 7. Accurate compression of an image will help
number of photos online. You can create as you save memory space.
many albums, and it also offers professional _______ 8. Picasa, Pixlr, and Photobucket are examples
editing of images. of image hosting sites.
5. Zenfolio. It is an online image-hosting site that _______ 9. One must follow the rules that govern a
does not only allow you to upload image but also website when uploading an image.
lets you create an online image website for your _______ 10. People who work on computer graphics
images. and image manipulation are called multimedia artists.

3D GRAPHICS AND PRINTING B. Respond to the following situations. Write your

response on a separate sheet of paper.
Images that appear on the screen like a computer is 1. Having explored the different examples of
said to be two-dimensional since it has length and infographic over the internet, what do you think are the
width. But if you watch the movie Toy Story and play a limitations of using infographic to disseminate
computer game, there is another perspective that you information?
can see. Game developers and animators have
developed the perspective of depth as 3-D or three- 2. Since images are publicly shared online, what do you
dimensional. think are the ways to protect your images from
This innovation did not halt on the screens of our unauthorized copying?
computers because today, we have the 3-D printing
that allows images come to life using a 3-D printer.

DIGITAL ARTS

Since its breakthrough in the 1970s, computer graphics

and imaging have paved the way for the most popular
programs that we have today. Whether it is applied in
astronomy, medicine, education, entertainment, and
military, computer graphics have been very beneficial
in the history of computing. However, there are also
disadvantages that it goes along with. According to