This document discusses different types of digital file formats for graphics, including raster graphics (JPEG, TIFF, GIF, BMP), vector graphics (PSD, AI, FLA, WMF) and how they are used. It also covers topics like compression, image capture methods, optimizing files for smaller size and faster loading, file size considerations, naming conventions and asset management folders.
3. Vector Graphics
• Vector graphics is the use of points, lines,
squares, triangle or a curvy shape. All of which
are based on a start and an end point. Which
represent images in computer graphics.
5. JPEG
Stands For Joint Photographic Experts Group.
Used For/Example Photographs and web formats. For
example photos on Facebook.
Advantage You can use JPEG pretty much anywhere
without being restricted.
Disadvantage It loses quality with multiple edits due to
compression and recompression each time
it is edited.
6. TIFF
Stands For Tagged Image File Format.
Used For/Example Desktop publishing. Could be used for
magazine layout.
Advantage No quality lost from compression.
Disadvantage Not as universal as JPEG.
7. GIF
Stands For Graphics Interchange Format.
Used For/Example Short digital animation. An example of
where it is used is on the internet and
things like Facebook. Gifs are used as a
quick download/viewing for
entertainment using a number of images
played in a loop to create the appearance
of a video.
Advantage It is a quick download.
Disadvantage they only have a maximum colour palette
of 256 colours so therefore can sometimes
look of a poorer quality than other types
of file or image. This can lead to the
images having more ‘blocky’ colours and
also looking slightly pixelated.
8. BMP
Stands For Bitmap Image File
Used For/Example Bitmap graphics are used for photographs,
graphics with a wide range of colours and
graphics with effects e.g. buttons with
drop shadows.
Advantage No loss in compression, large file size.
Disadvantage One of the disadvantages associated with
a bitmap image is that it does not tend to
resize very well. It is not easy to enlarge
the image without the image becoming
pixelated.
10. PSD
Stands For Photoshop Document.
Used For/Example Image manipulation/ Front cover images
for magazines.
Advantage Saves layers page formatting information,
swatches etc. and supports transparency.
Disadvantage You cant view it everywhere, good for
small bits of text but not like an article,
and it also has no spellcheck.
11. AI
Stands For Adobe Illustrator Art
Used For/Example Logo creation. From any size Logo from a
photo stamp to a billboard.
Advantage Scaled big and small as vectors have no
loss in definition.
Disadvantage Any AI file requires specialist software to
open which limits where it can be viewed.
12. FLA
Stands For Flash File
Used For/Example Animation and games.
Advantage High quality files with a small size and can
include sound and video.
Disadvantage Flash Websites require installing the Flash
player plugin. If the player is not installed
or if it is not the correct version then the
user will be required to download or
upgrade the Flash player.
13. WMF
Stands For
Windows Metafile
Used For/Example Logos / billboards
Advantage Scaled big and small with no loss in
definition. Also can contain both vector
and bitmap components.
Disadvantage Big files meaning slow download from the
internet.
15. Compression
Definition Lossy compression is the way in which file
sizes are reduced by reducing the amount
of information that is saved.
Advantage It reduces the file size and the amount of
memory in which the file requires.
Disadvantage Images become more pixelated as they are
compressed as they save smaller amounts
of colours squares each time.
16. Image Capture
Method Scanner
How is it used for image capture of
graphics
An image scanner is able to scan and
capture text, imagery and objects and
then turn them into a digital image.
Method Camera
How is it used for image capture of
graphics
A digital camera is a camera that takes
video or/and photographs digitally by
recording images by using an electronic
image sensor. A camera creates an original
copy of an image.
Method Graphics Tablet
How is it used for image capture of
graphics
A piece of technology that allows you to
control the mouse, allowing for advance
control of drawing/selection and digital
handwriting.
17. Optimising
Why would you optimise? Because when you optimise you get the
picture to its best possible standard.
How can you optimise? • Reducing image size
• Reducing bit depth
• Reducing resolution
• Compressing images
Advantage to optimising Optimised files are smaller meaning a
quick download. Whereas an un-optimised
file is large meaning a long download.
Disadvantage to optimising They are no more than 500 pixels wide.
19. File Size
What could affect a Working Scale
(Photoshop) document file size?
The amount saved in the file, as it easily
becomes large meaning it may need to be
compressed meaning possible loss in
quality.
How could you reduce the file size of a
Working Scale document without
affecting quality?
Use Adobe Illustrator Art.
What is an advantage of scaling up images
before exporting?
What is a disadvantage of scaling up
images before exporting?
20. File Naming Conventions
What naming conventions could you use
when creating your video game assets?
• Using different files can benefit when
creating different copies and layers for
your work as it is easy to recognise
what each file is.
Why is it a good idea to accurately name
your assets?
So that work is easily found and not lost.
21. Asset Management
Why would you use folders when storing
your assets?
So your files are organised into different
categories and easily found.
What folders would you create and what
would you save within them
• Photoshop
• Digital graphic narrative
• Paired projects