digital graphics

1. Digital Graphics
File Formats
Your name here

2. Raster Graphics
• Raster graphics are also know as bitmap images as raster graphics are made up
of bitmaps . Each bit ,also known as a pixel which is made up of millions of
little squares, records the colour of that section of the image.
• Bitmapped images have a fixed resolution so enlarging bitmapped images can
end up with the image becoming distorted for instance when Photoshop is set
at 300dpi to resize that would end up with the image looking quite blurry or
distorted and the squares can sometimes be seen on top with the image but
they can be scaled down with out losing any of it quality as it is compressing
the file down further to try and keep the quality
• If a digital camera mentions megapixels it mean that it has one million
pixels/bits in the image. Raster graphics are usually tend to be a larger files.
• Bitmap images are highly common in digital publication and with images
found on the internet but don’t work as well in printed as they are low
resolution files so they might be printed looking distorted. Raster graphics are
used with JPEGS or GIFS as they are commonly compressed files used on the
internet like on google images or on social media.

3. Vector Graphics
• Vector graphics are made up of vectors also known as paths and strokes, they
are mainly made up of curves and thin white lines.
• Vectors/paths are defined by a start and an end with points, angles and
curves between them, from this the vector/path can become a triangle, a
square or a curved shape. These paths can make up any simple diagram or
complex drawings, they can even define characters of specific typefaces
• A vector can be enlarged or be made smaller and still lose no definition or not
become distorted so the edges of the image/graphics that gets enlarged will
still have a smooth edge and keep the image looking clean as well as smooth,
this is why they can be used for business cards or logos but also be enlarged
for billboards or posters.
• Many flash animations use vector graphics as they usually will scale better
then bitmap images, and are usually smaller files then bitmap images. Adobe
illustrator is widely known for using vector graphics as wells as any EPS file or
macromedia freehand file as these are professional tools for design.

4. Raster Graphics

5. JPEG
Stands For Joint Photographic Experts Group
Used For/Example A JPEG is mainly used for images to be put
on the internet but they are mainly put on
social media sites like Facebook as they
are compressed files.
Advantage The advantages of using a JPEG image is
that they are great for photographs or
ads/banners. It can compress large files to
make transfer times shorter the a large
file. The colour is also very clear and the
contrast is quite bright so it makes photos
look great.
Disadvantage Every time the file gets compressed the
image loses it quality and become
distorted or it may fall apart into the
individual squares this could make the
smooth colour look harsh.. They aren’t
very suitable for working with text and

6. TIFF
Stands For Tagged Image File Format
Used For/Example Usually used for desktop publishing so it is
used to make digital products or can be
used to design and make magazines, it is
very popular with graphic designers.
Advantage An advantage of a tiff file format is that it
doesn’t get compressed so it loses no
data, which also means that the images
are always in a high quality and stay that
way.
Disadvantage The disadvantages of a tiff file format is
that the files are not always supported on
sites or computers. The images are usually
to big to be put on the internet. Because
the files are usually so big you cant always
email the files across as they are to big to
be attached and also can not be stored on

7. GIF
Stands For Graphic Interchange Format
Used For/Example GIFS are used for short digital animations,
they are commonly found on the internet.
Advantage The advantages of using GIFS would be
that it can support animation effects as it
is only an animation. A gif can compress
the images into a small file. It is better for
images that contain few colours as a Gif
only supports a certain amount of colours.
Disadvantage There are newer types of formats that
have replaced the old type of GIF.

8. BMP
Stands For Bitmap Image File
Used For/Example A BMP is used to define independent
bitmaps.
Advantage The advantages of BMP files are that they
can easily be created from already exiting
pixel data.
Disadvantage The disadvantages of using BMP files are
that the pixels can sometimes be very
large so to compress then could shrink the
pixel data size.

9. Vector Graphics

10. PSD
Stands For Photoshop Document
Used For/Example A PSD is commonly used for image
manipulation or creating images for the
front cover of magazines.
Advantage The advantages of using PSD files are that
it can save loads of layers at the same time
as well as page formatting and effects, it
also saves the original image data. You can
save it and go back to it whenever you
want.
Disadvantage Can only be used by Photoshop software
cant save it and open it on a different
software.

11. AI
Stands For Adobe Illustrator
Used For/Example Adobe Illustrator is commonly used for
logo design or art work and is mainly used
by designers
Advantage The advantages of using AI files are that
the work can be scaled from big to small
or the other way as the vectors don’t lose
definition, it gives the user more felexibity
with customisation and editing.
Disadvantage The design software is quite hard to use so
you would need some skill to work it. If
the user want to create a realistic
photo/drawing they would have to have a
good eye for detail

12. FLA
Stands For Flash File
Used For/Example A Flash File is mainly used for creating
animations or games.
Advantage The advantages of using a FLA file is that it
can produce high quality files and include
sound and video. If the users have a slow
internet they have the option to disable
Disadvantage The disadvantages are that the program
isn’t supported on the internet.

13. WMF
Stands For Windows Metafile
Used For/Example This is commonly used for creating logos
and designs, it isn’t used professionally.
Advantage The advantages of using a WMF file would
be that it can contain bot vector and
bitmap components, which means it can
also be scaled without losing definition.
Disadvantage There isn't much software that can open
this type of file. The files wont be
compatible with apple mac’s and other
computers that don’t have windows
systems.

14. File Format Capture
and Optimising

15. Compression
Definition Compression is the way files are reduced
by reducing the amount of information
saved.
Advantage The compression of some files would
mean that they could fit on the web or
would be compressed to the right size for
an email.
Disadvantage The images would become more pixelated
with every time the file gets compressed
making the squares more visible and the
image will look more distorted.

16. Image Capture
Method Scanner
How is it used for image capture of
graphics
A scanner can digitise the physical image
like sketches or hand drawn animations
that can be saved or uploaded to the
internet.
Method Camera
How is it used for image capture of
graphics
It can take pictures and save them they
can be stored on computers as well.
Method Graphics Tablet
How is it used for image capture of
graphics
Enhanced technology that can be used to
draw straight onto the computer with a
mouse like pen, that can be uploaded
straight to the web.

17. Optimising
Why would you optimise? You would optimise images to make them
easy to view on the internet, it would lead
to a slower downloading time.
How can you optimise? You can optimise by reducing the image
size, you can also optimise by reducing the
bit depth or you can reduce the resolution
by reducing the amount of pixels in the
image.
Advantage to optimising The advantages of optimising an image are
that it would make it easier to download
an image from the web, it would also have
a shorter file size after optimising.
Disadvantage to optimising The disadvantages of optimising an image
It might ruin the quality of the images.

18. Storage

19. File Size
What could affect a Working Scale
(Photoshop) document file size?
The thing that could affect the PSD size
would be the pixel resolution size, the
pixel dimensions could affect the file size.
You could also hide the layers that are in
the PSD file to reduce the size.
How could you reduce the file size of a
Working Scale document without
affecting quality?
you could reduce the file size of the
document by optimising but if the file is a
PSD file it wont lose quality as it is vector
graphic.
What is an advantage of scaling up images
before exporting?
The advantages of scaling up before
exporting the images are that it would
make image appear soft if the edges are
jagged, it also makes smaller images fit
onto bigger screens and fit onto full
screens.
What is a disadvantage of scaling up
images before exporting?
The image quality may decrease with
every time the image is scaled up. The
image will not change it will just get bigger.

20. File Naming Conventions
What naming conventions could you use
when creating your video game assets?
• The name best naming convention to
use would be to save the work under a
suitable name so that anyone can find
and access it easily.
Why is it a good idea to accurately name
your assets?
It will make the work easy to find and it
will help anyone find it if its accurately
named.

21. Asset Management
Why would you use folders when storing
your assets?
To keep all the assets in one place instead
of being scattered across the system.
What folders would you create and what
would you save within them
• The folders you would create would be
liked to the name of the project and
under the main folder named video
games to make the assets easy to find
for anyone looking.