Republic of the Philippines

Department of Education
Region VIII-Eastern Visayas
Schools Division of Northern Samar
PAMBUJAN NATIONAL HIGH SCHOOL
Pambujan, northern Samar

Module 3 :
Imaging and Design for Online Environment
How to manipulate text, graphics, and images to create
Content Standard
ICT content intended for an online environment
At the end of the 2-week period independently apply the
techniques of image manipulation and graphic design to
create original or derivative ICT content from existing
images, text and graphic elements for use in specific
professional tracks.
These may be in the form of, but not limited to:
Performance Standard 1. Team/ athlete/ league recruitment posters (Sports)
2. Logo or crest for a community, school
organization or barkada (Arts)
3. Labeling and manual of operation for tools and
equipment (Tech-Voc)
4. Presentation of cafeteria patronage data (Business/
Academic)
 evaluate existing websites and online resources based
on the principles of layout, graphic, and visual message
design (CS_ICT11/12ICTPT-Ie-f- 6)
 use image manipulation techniques on existing images
Most Essential to change or enhance their current state to
Learning communicate a message for a specific purpose
Competencies (CS_ICT11/12-ICTPT-Ie-f- 7)
 create an original or derivative ICT content to effectively
communicate a visual message in an online environment
related to specific professional tracks… (CS_ICT11/12-
ICTPT-Ie-f- 8)
Lesson 1 Basic Principles of Graphics and Layout

What are the things to be considered in creating an effective presentation? How can you get the
attention of your audience? Is an effective presentation creating a good impression to your audience? Good
graphic design and good layout also make the presentation effective. Therefore, you need to learn the skills
in graphics designing and lay outing.

Graphic design is a sought-after skill that can help produce high-end designs to promote brands at
a national and international scale. Adding graphics to your design can help you showcase your creative skills
and make a good impression on your clients. It equips students with the necessary skills to apply for a
position in the fields of advertising or marketing across all business sectors.

Layout is the process of planning and arranging graphics or text in a page or book. A good layout should
have a balanced make up and alignment of elements.

The Elements of Design

These are the materials or tools to make different designs or Arts.

• LINE – Lines are defined by points moving in space. It can create

a sense of movement or direction in your design. Line is can be
smooth, rough, straight, curve, broken, thick or thin.
Image: "Lines" by Alan R. Martinez

• SHAPE – A shape is an enclosed space, the boundaries of which

are defined by other elements of art like lines, colors, values or
textures. Shapes can be used to create patterns and draw the
viewer’s attention. Image: "Shapes" by Alan R. Martinez

• DIRECTION – Applying motion to create the visual illusion of movement. Use horizontal
direction for calmness, stability and tranquility while vertical direction for emotions of
balance, formality and alertness.

• SIZE (SCALE) – Size is basically the relationship of the area

occupied by one shape to that of another. Large elements
means more significant than the small one.

Image: "Scale" by Alan R. Martinez

• TEXTURE – Texture refers to surface appearance of an object
given by the dimensions, form, thickness, arrangement, and
amount of its basic parts.

• COLOR – Color is light redirected off objects. It is used to

create curiosity and emotions to the viewer’s. It has three main Image: "Texture " by Alan R. Martinez
characteristics: hue (these are red, green, blue, etc.), value
(lightness/ darkness), and intensity (saturation, or amount of
pigment) and temperature (warm and cool).
Image: "Color" by Alan R. Martinez

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Basic Principles of Graphics and Layout
These are the rules that help you organize and place the materials to make arts or
designs.

1. BALANCE – Balance in design is the state of equal relationship. It means equal distribution of
visual weight in a design. It can be achieved by adjusting the visual weight of each element,
in terms of size, color, textures, shapes or contrast. Balance in graphic design provides stability
and structure to a design.

Image: " balance " by Alan R. Martinez

There are different kinds of balance:

• Symmetrical occurs when identical weights are on equal sides of a composition.

- landmark - building -
architecture -135018 /
https://www.pexels.com/photo/light

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

 • Asymmetrical balance occurs when a design have unequal graphic weight on either
side, but those unequal graphics need to balance each other (un-evenly balanced).

https://pixabay.com/photos/black - and - white - trees - road - path -

692155 /

• Radial balance occurs when the design elements swirl out from a central axis
(emanating from a central point)

https://www.pexels.com/photo/brown-and-black-round-
concretesurface-3602215/

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

2. Text: It should be:
 Legible
 Has appropriate font face
 Left justified, right
justified, or centered
 The flow of text should be
easy to read.

3. Image: The image should be:

• Proportionate
• Sharp in color
• With high resolution
• With appropriate captions.

4. Color and Shape: Use color to create interest by providing variety in the design (color contrast and
shapes).

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

 5. Emphasis: There should be one point of
interest in a page. The elements to be
emphasized should have a different size,
color, shape, or background.

6. Proximity and Harmony: The elements should be close together and scattered and arranged apart
from each other. Elements should not be cluttered and not compete with each other.
Proximity maintains a relationship between items that go together. It helps creates
organization by grouping the same elements together or in close proximity. The elements
should be connected visually.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_c

7. ALIGNMENT – Alignment refers to

lining up the elements of a design
along the top, bottom, center or
sides of the elements. It allows us to
create order and organization in our
design. The whole point of the
alignment is that nothing in your
design should look as if it were
placed there randomly.

https://www.apple.com/mac/
8. REPETITION, PATTERN, AND
RHYTHM – Repetition duplicates the
characteristics of similar elements to
contribute to design consistency. It
strengthens a design by tying
together individual elements;
pattern is a regular arrangement of
alternated or repeated elements like
shapes, lines or colors; rhythm--is a
combination of elements repeated,
but with variations.

https://pixabay.com/illustrations/circle - district - colorful - structure -

2891368 /

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

9. CONTRAST – Contrast refers to the use
of conflicting elements or colors while
still remaining harmonious and unified
when the artwork is viewed as a whole.
It allows you to give emphasis to key
elements in your design.

Fish image from https://pixabay.com/vectors/swordfish-fishmarine-

sea-ocean-311074/modified by: Alan R. Martinez

10. SPACE – It refers to the area that an

object occupies. Both positive and
negative space should be considered in
graphic design. White space gives your
design breathing room.

https:// www.apple.com

11. Consistency: There should be uniformity of theme on each page.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

 Lesson 2 Visual Message Design
We, humans, highly depend in our sense of sight, that’s why it is said that we are ‘visual creatures’. Text
information can be very detailed but to most people it fails to ‘visualize’ the message. Showing a table of
sales in a year will take time to be fully analyzed but can be easily understood with the smart use of graphics.

There are software that can be used in creating Infographics most requires advance knowledge and skills to
make or needs internet connection to use. With the use of a prior application that we discussed earlier,
Microsoft Excel, that is effective, practical and easy to learn.

In this lesson, we will tackle the use of infographics in improving the presentation of information. The
focus will be on what infographics are and how to make them using Microsoft Excel.

The term Information graphic or Infographic is a photographic presentations of data and

information that use the different elements of design to make data easily understandable at a
glance. Infographics can greatly enhance the way you present your information. (see
Figure 2.1). Infographics make complex messages become more visually appealing to the viewers.

Visual Message Design can help with effectiveness of delivery of a message. It can lend
assistance in presenting your ideas clearly.
https://commons.wikimedia.org/wiki/File:Wom

150,000
Year Population
1945 70,024 100,000

1955 80,032 50,000

1965 99,209
0
1995 126,630 1945 1955 1965 1995 2005 2015
2005 123,639
2015 110,095
Figure 2.1: Sample Infographic, a Bar Graph

As seen in Figure 2.1, the graph through the use of shapes and lines, gives the
reader a visual interpretation of the data. The main purpose of an infographic is to engage and to
make understanding easier. Remember that infographics are not used to make documents more
appealing, but the use of graphical elements that will improve how quickly and easily an idea or
information is presented.
Graphs and Charts as Infographics

Graphs and charts are representation of data (mostly numeric) through graphics.
There are many types of charts. Their uses depend on what you want to show or report. The
following are some of the charts and their uses.

Bar graphs – These are primarily used in comparing sets of data. They visualize the difference
between values in a table and show rate of change over time. (Figure 2.1
is an example of a Bar graph)
Line graphs – These are similar with bar graphs in terms of use, with a difference that
line graphs are more suitable in showing trends.
Pie charts – These are circular statistical graphical representation of proportion or percentage.
Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES
Forest graphs – These graphs are used to visually represent values within a group and compare them
to other groups.
Radial graphs – These are similar to a forest graph in many aspects but are presented using a circle.

Figure 2.2: Forest and Radial raph

Creating Infographics using Excel

1. In your desktop, create a document named ‘Sales Data’. (Always remember to save your
progress by pressing Ctrl + S.)

Figure 2.3: Sample Sales Table

2. In your work area, copy the set of data. (see Figure 2.3)
3. Drag select A1 to L2, then in the ribbon press Insert then in the charts
section, click the desired chart. For example, click Insert Column Chart or Area Chart.
(See Figure 2.4)

1
2

Figure 2.4: Inserting a Chart

NOTE: Drag Selection

You drag select by clicking on the first cell then while pressing shift, click the second cell specified.
Particularly in this example, click on A1 then press shift and L2.

4. A dropdown window will appear as seen in Figure

2.5, in the 2-D Column section, select Clustered
Column. It will create a graph as seen in Figure 2.6.

Figure:2.6 Sample Column Chart

Figure 2.5: Line Graph Selection
Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES
 5. To rename, double click the name of the graph then type the “Sale Rending Graph”
6. To resize, click the graph then click and drag any of the eight handles in the edges of the graph.
7. To reposition the graph, click and drag the graph to the desired position.
8. You can copy and paste the graph to other Microsoft Office application. To copy press
Ctrl + C then press Ctrl + V to paste.

Infographic Image and Graphical Formatting

The visual preference of people when it comes to gathering data must not be discounted. When making
an infographic specifically a graph, it is necessary it is tailored to our target audience. In MS excel there are
options in editing, manipulating and formatting visual elements in our graph.

Design Tools

1. To access the Chart Tools where Design and

Format Menu tools can be found you must first
select any Graph that you want to edit. In the
ribbon. The said Menu tools will be available as
seen on figure 2.7
Figure 2.7: Chart Tools

2. Click on Design, In the Chart Styles section click More (as seen on figure 2.8). It will expand and
display multiple Chart Styles options as seen on Figure 2.9.

More

Figure 2.8: More button Figure 2.9: Multiple Chart Styles Option

3. In the Multiple Chart Styles you can

choose different types of styles that
can accommodate different styles
requirements or preference. Click and
explore any of each to see their Style14
differences. For the purpose of
demonstration, click Style 14 as seen
on figure 2.10.

Figure 2.10: Multiple Chart Styles Option

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Creating Infographics Using Piktochart
Piktochart is a web-based infographic application which allows users without intensive experience as
graphic designers to easily create infographics and visuals using themed templates. Let us create an infographics
using piktochart.com
1. In your browser, go to
Piktochart.com and click sign up
found at the upper right corner of
the page to create your
Piktochart account.

2. Fill-up the information on the Sign

Up page. You can use to auto-
signup using your Google+ or
Facebook account.

3. Once you have created your

account and logged in, click
infographics then select a
template.

4. The Piktochart editor will open

(may take a while to load
depending on your internet
connection). You can now edit
the template.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

 5. While editing, you can use the various tools on the left side of the page.

a. Graphics – allows you to insert lines, shapes, icons, and even photos
b. Uploads – allows you to upload images for your infographics
c. Background – changes the background of a selected block
d. Text – allows you to insert text to your infographic with the option to add text frames
e. Styles – allows you to modify the color scheme of your infographic
f. Tools – allows you to create charts, maps, and videos
6. To save your work, click on Save on the top right of the page. To save it in your computer, click on
Download. In the Download options, select the medium-sized and the PNG file type.

Some Tools For Creating Infographics

1. Biteable https://biteable.com/infographic/
2. BeFunky https://www.befunky.com/features/infographic-maker/
3. Visme https://www.visme.co/make-infographics/
4. Cacoo https://cacoo.com/
5. Snappa https://snappa.com/create/infographics
6. Canva Infographic Maker https://www.canva.com/create/infographics/
7. Google Chart https://developers.google.com/chart/
8. Piktochart http://piktochart.com/
9. Infogram http://infogr.am/
10. Mind the Graph https://mindthegraph.com

Principles of Visual Message Design using Infographics

1. Be unique
• Be creative is one of the most important aspect of designing an effective
infographic.
.
2. Keep it simple
• Make a design easy to understand. Straight to the point and focus more on the
message.
3. Less is more
• Focus on what matters. Keep your text minimal will most likely produce more
impact than a page full of words.
4. Sharing
• Share it with your friends. It is the most important and effective thing to do in
making infographic.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Lesson 3 Online Formats and Images and Texts
When one actually creates a design or artwork specifically an infographic using different graphic design
application available, understanding the different file formats is a necessity. Having an in-depth knowledge of
the different images and text formats will help a user to maximize its us according to need. You may already
know that JPEG is a picture file, but do you know what PNG, TIFF, and PDF are?

A. GRAPHIC FILES
Graphic file storage an image (such as photographs, drawing) and are divided into two (2) Basic Types:

RASTER-BASED FILES VECTOR-BASED FILES

 File type stores the image as a collection of pixels. Type of file store an image as mathematical
 Referred to as bitmapped images. formulas.
 Cannot be scaled without distortion.  Vector image programs use this mathematical
formula to display and scale the image without
distortion.
Joint Photographic Experts Group (JPEG) Drawing Interchange Format (DXF)
- Supports a wide range of color that makes it - Are widely used in computer-aided design
mots popularly used on cameras and scanners. software programs, such as those engineers
- The fomat used in Internet delivery photo and architects.
sharing. Encapsulated PostScript (EPS)
- However, JPEGs are compressed. Some details - The ones widely used in desktop publishing
are affected when producing a smaller file size. software programs.
- A great fomat for maximizing space on camera’s Computer Graphics Metafile (CGM)
memory card, posting online, or sharing via - Widely used in many image oriented
email. software programs (e.g., Photoshop) and
Joint Photographic Experts Group (JPEG2000) offer a high degree of durability.
- Evolving format of JPEG developed with Shapefiles (SHP), ESRI GIS
multiple compression techniques based on - Applications use vector coordinates to store
wavelet technology. non-topological geometry and attribute
Tagged Image File Format (TIFF) information for features.
- Files are usable with many different software
programs and are often the format of choice for
a high-quality master image.
- The quality is always as perfect as the original,
though the file size can be huge.
- Greatly used when sending images to be
included on printed books, brochures, or
magazines.
- Gained popularity as a scanning format.
Graphics Interchange Format (GIF)
- Files were widely used on the Internet for
graphics and logos with areas of solid color.
- Produces a smaller file size with a limited
number of colors and has a transparent
background.
- Due to color limitations, photographers are not
accurately represented this format.
- Also be used for low-resolution animations.
Portable Network Graphic (PNG)

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

- Designed to replace GIF
- Are patent and license free and produce higher
quality files than GIF.
- Preferred for images that contain text or line art,
especially on the Internet.
- “it comes in two forms: PNG-8 and PNG-24”
(Snider, 2016)
Bitmap (BMP)
- are relatively low-quality files used most often
in word processing applications.
Photoshop Document (PSD)
- A native file format of Adobe Photoshop.
- The default format of the layered images that
may be adjusted with graphic elements.
- To save to other format, the layered images
must be flattened first.

B. TEXT FILES
Text files are most often created in word processing software programs.
Proprietary formats
- such as Microsoft Word files
- carry the extension of the software in which they were created.
RTF or Rich Text Format
- supported by a variety of applications
- saved with formatting instructions (such as page layout).
Portable Document Format (PDF)
- files contain an image of the page, including text and graphics.
- widely used for read-only file sharing.
- Adobe acrobat, by far, is the most popular PDF file application, although others are
available.

C. VIDEO AND AUDIO FILES

These files contain moving images (e.g., digitized video, animation) and sound data.
They are most often created and viewed in proprietary software programs and stored in proprietary
formats.
QuickTime (.MOV)
Windows Media Video (.WMV)
Motion Picture Experts Group (.MPEG)
.MP3
.AVI
.WAV

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Lesson 4 Principles and Basic Techniques of
Image Manipulation
Image Manipulation involves making changes to the appearance of a photo for various purposes, such
as advertisements, magazines, book and music packaging, and gallery artwork. Photos are also retouched in
the modeling and acting industries, where professionals submit portfolios or photos for auditions.

Photo manipulation is not easy to master. It is one of the disciplines where experimentation in the
application of techniques is allowable. It is also possible that application of two different techniques can yield
similar effects. This being so, you may consider the following points:

 Picking Stock Images

 Consider first the file format of the image that you will be using.
 Consider the size and quality of the image to use.

 Rendering
 Concerned with manipulation or putting together different images into one cohesive image (Image
Synthesis)
 Consider that there are some images that may prove to be difficult to manipulate such as images with
rugged edges, parts having old or damaged background, or with too many minute details.

 Shadow
 Adding shadow to the image is to add realism.
 Shadows make the image appear real and alive.

 Proportion
 The proper placement of your images so that it will appear realistic.
 Example is, no human is bigger than any house or no dog is bigger than a tree.

 Color Blending
 All images to be used should blend perfectly with each other and should form a nice clear work which
is pleasing to the eyes.
 White, yellow, orange, and pink colors blend together easily.

 Emphasis on details
 Focusing attention on the most vibrant, colorful, or sharp area in the design.
 An area of main focus that will draw the viewer’s eyes as he or she takes a look at the image.

 Combining multiple images.

 Carefully choose the images you will combine and use to create a work of art,
 Each image should complement to each other.
 You may need to look for multiple stock images before choosing the right ones for your composition.

 Enhancing a stock image

 Stock images are often plain, it is you job to turn them into something more attractive to the eyes.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Open Source Applications used for Image Manipulation
1. Pixelmator (best for Mac)
- Handles even the largest photos ease
- replicates as many Photoshop tools as are generally required, as well as Photoshop file support
- has an excellent heal tool that can interpret what’s around it and fill in detail.
- Excellent for quick touching up of photos to detailed manipulation for novices and pros like.

2. Paint.net (best for Windows)

- Simple replacement for MS Paint, evolved with new features such as multiple layers and more
advanced photo editing tools.
- One of the fastest free photo editor for Windows, with a capable feature set.
- Excellent for quick edits, crops, and the majority of daily photo editing.
- Best of all, its FREE!

3. Adobe Lightroom (best for bulk-managing photos)

- Has enough tools, even for professionals, to avoid having to open up a separate image editor,
including some of Photoshop’s healing and manipulation tools.
- Has a solid collection of batch processing and automated correction tools based on lighting, lens,
and camera models, which makes it fast for most jobs.

4. Aviary Photo Editor (best for mobile)

- Solid image with very capable image touch-up and resizing tools, now owned by Adobe.
- Its straightforward interface makes it easy to use and has more to offer than most mobile obsessed
with Instagram-style filters.

5. Autodesk Pixlr (best in the browser)

- A free jack of all trades photo editor with a solid set for almost any project.
- The web app is one of the most fully featured
- Its mobile and desktop apps are also solid

6. PaintShop Pro
- Photoshop’s long standing viral.
- Cheaper than its judgement of a rival but similarly capable.
- Lacks some Photoshop’s most advanced features
- Bettered by some of its newer often-free competitors
- But, nonetheless, a capable editor.

7. Serif PhotoPlus X7
- A solid all-round image editor for Windows from the company that created Affinity Photo for OS X.
- Has a decent set of tools, including lens correction tools and other favorites of photographers.
- The only downside, many of the advanced tools require more manual manipulation than some other
programs and therefore it is not as beginner friendly software.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

Lesson 5 Uploading, and Sharing Images Online

Uploading and sharing images and other file types over the internet can be considered as a content
sharing. Using Web 2.0 in content sharing has grown tremendously with the emergence of social media. Purposes
of content sharing ranges from promoting business to target clients, gaining recognition in particular areas, and
sharing their experiences with friends in social communities. Whatever you reason for sharing any form of
information over the Internet, it is expected that you remember to keep your privacy settings right for your
intention. Thinking twice before clicking should be one’s personal commitment to responsible netizenship.

There are many ways to upload and share images using numerous online platforms like Facebook and
Instagram. Many photo sharing sites offer photo hosting, which means that photo on their site can be displayed
on your blog or website without needing to move them on your server. This means savings in storage space
which you can allot for other uses.

Things to Consider When Choosing a Photo Sharing Site

There are several things to consider in choosing the best places to upload or share videos and images.
The following are some of them:
 Storage Space – does the photo sharing site have enough storage space for your photo uploads?
 Cost of Storage – does the photo sharing site change you for storage or maintenance?
 Quality – when uploading photos, quality must not be sacrificed, high resolution should be
preserved and not compressed.
 Ease of Use – is the uploading process quick and easy? Does the site have editing features?
 Ease of Access – is it easy finding uploading photos by date, tags, and other means without any
barrier?
 Share Ability – can photos be easily shared to other sites such as Facebook, Instagram, and
Twitter?
 Printability – are you able to print or download photos effortlessly?
 Privacy – is it must be fully controlled by the user and should be password protected?

List of Photo Sharing Sites

500PX
- Popular social network for photographers looking to share their best photos.
- Offers an image-focused design that puts your photos front and center, providing a clean and
elegant way to display your best images.
- Users can upload 20 photos per week for free membership

Flicker (Great for Large Photo Collection)

- “a website that allows users to upload photos and videos” (Cambridge Dictionary, 2016)
- The oldest and most widely known photo sharing social networking site to date.
- Offers 1 TB (terabyte) of storage for free (which can hold from 500,000 to 2 million photos) with
no limit on picture resolution.
- Users can upload 1080p high-definition video clips, with playback up to three (3) minutes long.
- A free hosting site which has editing tools to make your picture as perfect looking as you want.
- You can configure your privacy settings such as if you want to share your photos to a selected
audience only.
- Offers a great selection of tools, extensive tagging features and support for both viewing and
downloading photos at a variety of resolutions (including the original size)

Photobucket
- Best for uploading and storing photos in their original sizes, editing them, organizing them,
hosting animated GIFs and printing photos on products.
- Free versions of Photobucket offer 2GB of space – enough for many thousands of photos, though
it comes with ads.

Q1_MODULE 3: Imaging and Design for Online Environment | EMPOWERMENT TECHNOLOGIES

 - Has generous collections of editing tools offered through a simple, easy-to-use interface such as
red-eye removal, sharpening, and cropping.

Shutterfly
- Offers a creative range of photo gifts, including metal prints, wooden wall art, and battery cases for
smartphones.
- There is also the usual lineup of personalized stationary, crockery, blankets, and cushions, as well
as kiddy-oriented products like lunch bags, puzzles, and books customized with your little one’s
face throughout their pages.
- Has free unlimited storage for albums which are set as private by default. Share sites though are
limited to their members.

Google+
- Allows the user to do a lot of tweaking right in the Web interface.
- Includes auto-enhance, crops and rotations, and filters such as Vintage, which add a faded and
scratched photo look.
- The Tune feature offers a lot of power to fix things like white balance and overexposure, with alive
preview that is surprisingly fast for an online service.
- Free for unlimited photos at Google’s downsized “standard” size, which is sufficient for web
sharing, or 15GB of full-size pictures (storage shared using Google Drive and Gmail Accounts)

Q1_MODULE 3: IMAGING AND DESIGN FOR ONLINE ENVIRONMENT | EMPOWERMENT TECHNOLOGIES