Raster graphics are made up of pixels that record color information and have a fixed resolution, so they will look pixelated when resized. Vector graphics use vectors like paths and strokes defined by points that can be resized without losing quality. Common file formats for raster graphics include JPEG, TIFF, GIF, and BMP, while vector graphics file formats are PSD, AI, FLA, and WMF. Images can be captured through scanners, cameras, and graphics tablets and should be optimized and named appropriately before storing in organized folders for easy asset management in projects.
2. Raster Graphics
• Give a definition of Raster Graphics
Raster Graphics are made of bitmaps, which are
graphics made up of individual pixels that record
the information for the colours of a particular
section of the image. Images that are in this
format have a fixed resolution, meaning when
the image gets resized it will look pixelated.
3. Vector Graphics
• Give a definition of Vector Graphics
Vector graphics are made up of 'vectors' which
can also be known as paths or strokes. These
paths are marked by start and end points, and
between these points there can be anything
from different angles to curves or edges.
Because these points aren't completely fixed
pixels it means that if an image that is made in
vector graphics it can be resized without losing
any quality or definition.
5. JPEG
Stands For Joint Photographic Experts Group
Used For/Example This file type is usually used to store
images or website formats. An example of
it being used can be seen in most social
media platforms like Facebook as all
images used are in this format
Advantage It is quite a small format so it doesn't take
up much space and can be easy to move
around
Disadvantage The file will lose quality each time it’s
edited, due to it being compressed and
recompressed each time
6. TIFF
Stands For Tagged Image File Format
Used For/Example Popular format used by Graphic
designerss, often used in desktop
publishing
Advantage You can save multiple paged documents to
a single TIFF file, which means if you were
designing a book or magazine it could all
be kept together
Disadvantage A TIFF file can be extremely large, taking
up 20mb for just a 10 megapixel image,
which means you'd need large storage
space for the file
7. GIF
Stands For Graphics Interchange Format
Used For/Example This formatis used for small animations
made up of multiple images that are
played in a loop, much like a flipbook, to
show a short video
Advantage The file size in this format is quite small,
making it easy to share small, short videos
or animations over the internet, which is
the main use of this file type
Disadvantage The quality is usually quite low due to the
small file sizes not being able to hold lots
of detail, so the animations tend to look
very pixelated if enlarged
8. BMP
Stands For Bitmap Image File
Used For/Example Usually used for printable images
Advantage It has lossless compression, which means
it won't lose quality or detail each time it's
opened or edited
Disadvantage These files have a very large file size,
making it difficult to move from one place
to another
10. PSD
Stands For Photoshop Document
Used For/Example Photoshop is primarily used for image
manipulation, so this file format is
commonly used for magazines for cover
images
Advantage This file format saves all the information of
the image, as well as saving layers and
adjusments added to the image
Disadvantage Usually this file type is only recognised by
Photoshop software or specific
11. AI
Stands For Adobe Illustrator Art
Used For/Example Usually used to save graphics that are
created such as logos for businesses that
need to look high quality
Advantage These file types are lossless so the image
could be reszied and there wouldn't be
any loss in quality or detail
Disadvantage These files are only recognised by Adobe
Illustrator software, so to share these files
they'd need to be changed to a different
format
12. FLA
Stands For Flash File
Used For/Example This type of file format can be used to
create basic animations and games
Advantage Even though the file sizes can be quite
small, the detail and quality in the files can
be quite high. These files can also include
sound and video
Disadvantage There are certain devices that can't read
flash files, which means the files would
have to be converted into HTML to be read
13. WMF
Stands For Windows Metafile
Used For/Example Mostly used for clipart that you would see
in Windows files as basic illustration
Advantage They are lossless so can be resized and
retain quality
Disadvantage The designs for images in this file format
tend to be very basic and wouldn't be
used in a professional environment
15. Compression
Definition Compression refers to when images
become pixelated, due to the reduction of
the file size. The more the file is
compressed the more pixelated the image
becomes
Advantage If an image is saved as a vector then the
image can be changed and resized without
being compressed. This means it's
“lossless” as it won't lose any detail
Disadvantage With Raster files the image will become
pixelated and low quality if edited and
compressed. This is because these files are
known as “lossy” files and will lose data
and detail
16. Image Capture
Method Scanner
How is it used for image capture of
graphics
Scanners are used to scan physical drawings that
can then be accessed on computers to edit or
use in work. This makes it possible for artists to
digitise drawings they'd made previously.
Method Camera
How is it used for image capture of
graphics
You could use a camera to take an image of
what you would like to use in your work, then
remove the SD card from the camera and plug it
into a PC to transfer the images. to where you
want to use them
Method Graphics Tablet
How is it used for image capture of
graphics
A graphics tablet is used by artists to create
drawings that transfer directly onto a PC, as it
allows them to control the mouse like a pen so
they have more control over digital sketches
17. Optimising
Why would you optimise? Images are optimised so that the file size
is smaller, making the image easier to
view when used on websites or when
being shared to others online
How can you optimise? You can optimise images using Photoshop,
by reducing the image size, making sure
the image is no more than 500 pixels wide
Advantage to optimising If an image has been optimised then the
file size is smaller and the image will be
quicker to download
Disadvantage to optimising Optimising an image can reduce the
resolution, making it look lower quality
19. File Size
What could affect a Working Scale
(Photoshop) document file size?
A working scale documents file size could
be altered in various different ways in
Photoshop. For example, the number of
layers and amount of editing in each of
those layers both have an affect on the
file size
How could you reduce the file size of a
Working Scale document without
affecting quality?
One tool you could use could be the crop
tool, which would reduce the image and
file size whilst still keeping the quality of
the image that is left
What is an advantage of scaling up images
before exporting?
An advantage of scaling up images before
exporting them is that the image could
then be resized after being exported
without losing as much quality
What is a disadvantage of scaling up
images before exporting?
A disadvantage could be that the file size
would likely be increased after being
scaled up, making it more difficult to share
or publish the file on the internet
20. File Naming Conventions
What naming conventions could you use
when creating your video game assets?
When naming files the name should be
relevent and appropriate to the content
of the file, so that particular files are
easily identified. For example, a file
containing a graphic of a tree could be
simply named “tree”, and any further
edits made to this file could be saved and
named “tree2” or “tree3” so that all the
different edits are kept seperate and can
be easily distinguished
Why is it a good idea to accurately name
your assets?
Making sure files are accurately named is
extremely important, otherwise it will be
difficult to find important files later on in a
project when it comes to using or editing
them.
21. Asset Management
Why would you use folders when storing
your assets?
Folders are a helpful way of organising
and seperating particular files, so that
assets from a particular section of the
project can be easily found. It also means
that when certain files from one stage of
the project need to be shared you can
select and share the whole file rather
than having to individually select and sent
each file.
What folders would you create and what
would you save within them
I would make sure at first to have one
main folder that would contain all the sub-
folders relating to the same project so that
they aren't misplaced. I would then make
sure I have enough sub-folders for each
task to make sure all the seperate files are
organised accordingly. For example, I could
have a folder named “task 1” and all files
related to task 1 would be kept in that
folder.