Report

File Formats:

Range of common formats:

A range of common formats/ image formats can be either the

raster/bitmap/vector as shown below. Alternatively, this could be the
.jpg/.jpeg/.bmp/.psd or any other variation of image format. The first
option is all about how the images are made up; vector and bitmap are
both the same thing, all of the descriptions of these are shown in the
sections below.

Raster

Raster images are made up of pixels; these

can be very high detail, very low detail and
everything in-between. The image to the
right shows a pixelated image, this is a raster
image as it is created from of pixels.
The image to the right shows the pixelated
image that is a raster graphic. These images
do not all pixelate as much as this one,
another image example of raster graphics is
the canvas creator window on PhotoShop, this
shows the width, height, resolution and colour
depth on the canvas. The image to the right
shows a fairly small canvas with a very high
resolution and colour depth.
The image to the right shows a 5 inch by 5 inch
canvas, the 5000 pixels per inch means that this
image would be 5K HD, the 32 bit depth would
also mean that there would be a lot of different
shades of each colour. As the images quality is
so high the canvas size (without any assets attached is equivalent to
6.98 GB. This shows that this one blank image is nearly 7 gigabits this is
the equivalent to eight thousand, four hundred and ninety five. This is
because I usually use a fairly low resolution and bit depth so that
compression does not ruin the file. The higher the file size on a raster
image the more quality PhotoShop will drain from the file, as I do not have
a 5K HD monitor it would be pointless to create 5K images and at least
40/50% of the quality would be drained from compression.
The images to the right show the math
behind the 5K image being the equivalent
to eight and a half thousand regular
images.
The images to the right go as followed:
7,000,000 (7GB in bites) / 824 (amount of
bites in a regular image = 8,495.14563
This was rounded down to a whole number.

To conclude, raster (or bitmap alternate name) is an image file type that
is made up of pixels, this file size varies on the aspects of the image (big
images with low resolution can also have a very high file size). Raster
images were the first style of image as vector was developed after raster.

Vector

Vector graphics are made up of mathematical points and

lines, these expand and shirk to stop the image from
pixelating no matter how large the image is expanded or
shrunk. An example of vector images is to the right.
The image to the right shows the vector graphic example
and how it does not pixelate; a use of this is enabling
people to use the same image for small things like business
cards as well as large things like billboards. This shows how
the image could be very small and then expanded
exponentially without any determination in
pixilation or quality.
The image to the right is another example/
elucidated example of how vector graphics can
be stretched/expanded without losing any detail
as they are made up of mathematical equations
and lines instead of pixels so when stretched
lines and points are being pulled to the right
size instead of each pixels expanding to fit the
new size.
To conclude, the vector file type is all about points and lines instead of
pixels so the points and lines are expanded or shrunk to fit the image size
rather than pixels constantly being expanded or shrunk. Vector graphics
are better than raster for the most part, but apart from very high quality
raster images, vector images are usually much higher in file size due to
the amount of data included in them.

Metafiles
The image to the right shows the
Google definition of Meta files is a
piece of graphical information
stored in a format can be exchanged
between different systems or
softwares.
This definition means that Meta files are found on
Adobe software like PhotoShop or Flash or
DreamWeaver or most of the Adobe suite. An
example of this is the image to the right; this is
the export section on PhotoShop.
The image to the right shows the different ways
the .Psd image can be exported into. The ways
you can export on PhotoShop includes:

Quick export as PNG

Export as
Export preference
Artboard to files
Artboard to PDF
Layer comps to file
Layer comps to PDF
Layer to file
Colour look up tables
Data sets as files
Paths to illustrator
Render video
Zoomify

Each of the items listed above show different ways in which people can
export files from PhotoShop, this shows that PhotoShop is a metafile
software as it allow you to change the file type of documents.
This is because once a file is created in PhotoShop it is
labelled as .psd, then it can be changed, however files that
have been created on PhotoShop or edited on PhotoShop
always have a record or being on PhotoShop on their previous
version section. The image to the right shows the previous
version that I found online.

The image above shows the previous file types for a

document, if it was edited by any Adobe or Meta file software
that software would be mentioned here, as it would have saved to the files
information/properties. This is a way people can check to see if any
documents have been edited or altered. PFDd documents would be
protected against photoshopping or altering however by screenshotting
the document and removing the watermarks this can be by-passed.
Another way to by-pass the property system is to fully edit the image then
screen shot it so the file you screen shot is a new file and has no history of
being edited.

To conclude, Meta files are simply software that allows people to edit the
file type on a document; this includes software such as the adobe suite as
shown in the examples above.

File extensions

File extensions are file types, the image to the right

shows four of these. An example from the list is .bmp,
which is the bitmap file extension. This can be found
either at the end of
the name, or in the
properties of the
image. An example of this is to the right.
The image to the right shows the PNG file that is one of the example
images on this document; this is a file extension as it shows the file format
on the image. This is just one example, each image I own includes a file
extension in some variety whether it be as visible as this one or hidden
away in the file properties.
The following bullet points are file extensions:
.jpg
 .jpeg
.tiff
.gif
.psd
.fla
.asf
.au
.bmp
.dat
.cfm
.cgi
.doc
.exe
.pdf
.rtf
.sit
.swf
.txt
.wav
.wmv
These are just some of the file extensions,
for more (and the logos) there are a few on
the image to the right.

Each of the sections on the list above are file

extensions for certain softwares, examples of these include:
The file extension for PhotoShop is .psd
The file extension for Flash is .fla
The file extension for Word is .doc
The file extension for PowerPoint .ppxt
The file extension for Excel .xlsx
The file extension for JPEG .jpeg
The file extension for Internet code .exe
The file extension for a Gif .gif
The file extension for Audio .mp3
The file extension for Audio and visual .mp4
Each of the examples on the list show what each of the file extensions are
used for, an example of this is Microsoft own all of their own section of file
extensions, Adobe own their own file extension etc. A way of
remembering most of the file extension is most of them look like the
softwares name, for example, PhotoShop is .psd, Flash is .fla word is .doc
these are the three most simple and easy to remember. The most difficult
 on this list is excel as this is .xlsx, which is quite difficult to remember, as
it is not really part of the name.
Side note: .jpeg and .png are raster based file extensions for images,
vector graphics have their own separate file extensions called:

Eps
Pdf
Svg
Dxf
The list above shows the most common file extensions for vector graphics.

To conclude this short section, the file extensions are showing what the
file type the document is (this can be an image or document as they both
have many different file types.)
(UPDATE section)
Vector graphic software includes the sections shown below.

The image above shows some of the vector based software, the image
above shows:
Adobe illustrator
Inkscape
CoreIDRAW
Xara Photo and graphic design
SVG edit
Microsoft
Sketch
Skencil
This list of software is all vector-based applications/software, this means
that the softwares entire listed above are used to create vector-based
graphics. The first one on the list is the best as this is from the Adobe
suite, this means that it is a paid app so it has a lot more tools and
support than any free app. These software can be used to create vector
images.
Raster based software shown below:

The image above shows some of the raster based applications including:
Core iDraw, Raster, Microsoft paint, Inkscape, Adobe Fireworks, Pencil 2D
and Potrace.

Applications:

Vector based applications

Vector based applications are software (paid and free) that all are based
on designing vector graphics, an example of this is on the website linked
here: https://www.shutterstock.com/support/article/How-can-I-vectorize-
an-image
The website above shows six steps that help vectorise an image.

The image to the right show the six

steps on the website linked above to
how to vectorise an image.
The image to the right shows steps to
making PhotoShop a vector based
application the steps are simply:

(Illustrations to the right of the bullet

points)

Open Window tab >

Go down to Paths >

 Once clicked on the Paths section the tab
will appear behind the Layers section.

Then draw something with the paint tool (the image you
want to vectorise (can trace but this is just an example
line/squiggle).

UPDATE! NEED TO USE ONE OF

THESE!

Drawing with the pen tool involves points and lines,

this line curves and bends to fit the points that
people click out. This is how to make the vector
graphics as long as it is saved with the vector file
extension.

Side note: Vector graphics are quite high in file size as they cannot be
compressed like raster graphics.

UPDATE:

Vector based applications, as written above are applications that allow

the users to create vector based applications. The image below shows
some of the logos from some vector-based applications.
The images above show the logos for Adobe illustrator, Ink scape, Core
iDraw, Xara Photo and Graphic design, SVG edit, Draw plus, Microsoft
expression, Sketch, Skencil. The image below shows the opened Adobe
Illustrator 2015 cc, this shows the layout and design of the application.

The image to the left shows the loading

screen to Adobe Illustrator 2015 cc,
this shows a colourful graphic with the
Adobe illustrator logo, masthead and
some small print/cover lines.

The image to
the left shows
the application
open, this
shows the
headers/roll
downs at the
top of the
image, the tool
box and some
other assets on
the application.

To conclude, any application that is used to create vector graphics are

vector-based applications, the image to the right is the second (free)
 example for vector-based graphics. This is so that the image is not
saved as a raster graphic as if left to default save it will save as a
raster and dis-regard the vector aspects.

Raster based applications

Raster based applications are just like vector based applications, instead
of applications that make vector images it is applications that create
raster images. These softwares can be both free and
paid for, an example of paid for raster based applications
is PhotoShop (this software as shown in the vector
section can be used to create both vector and raster
images.)
The image to the right shows the pixel grid for PhotoShop
showing that PhotoShop is commonly used to create
raster graphics.
The image to the right shows the pixel grid on PhotoShop
(I drew the black section on as it shows up the pixel grid
a lot better). The image to the right also shows the black blob has
pixilation with means that the image is a raster graphic.
Another example of raster based graphics is free online
software (link: https://paint-net.en.softonic.com/ ) the link is
to the a downloadable raster image application. As this is a
free software it is not going to be as good as PhotoShop or
have as many tools as PhotoShop is a high end editing
software and this is a simple free pain app. The image to
the right is the example image of the app on the website I
linked.
The image above (to the right) shows the tool section on the free
application, this shows that there is only 19 total tools in the tool bar
whereas PhotoShop has 65 different tools, this proves my point of the paid
software being better than the free software.
Side note: Raster images can be compressed through these softwares,
this can be done with both lossy or loss-less compression. Commonly loss-
less compression is used as it compressed the blank spaces on the image
so that on key/valuable data is lost that s why is called Loss-less. Lossy
compression is the older version that compresses data from the entire
image losing valuable data to save on file space. Vector graphics cannot
be compressed, as they are not made up of pixels.

UPDATE:
Raster based applications, as written above are applications that allow the
users to create raster based documents. Raster based documents/images
is described in the raster section at the top of the report, this shows the
definition and alternatives to raster images.
Some of the raster-based applications include the logos in the image
below.

The images above show logos for: Core iDraw, Raster, Microsoft paint,
Inkscape, Adobe Fireworks, Pencil 2D and Potrace. These are some of the
raster based applications I
found online, the image
below shows a screen shot
of Microsoft paint, this
shows what the
application looks like.

The image to the left

shows the raster-based
application open, this
shows the tool bar, scroll
downs, tools, canvas and
other features.
To conclude, the raster based applications, much like the vector-based
application is a software/application that is main purpose is to create
raster images. The difference between the two is that vector based
creates vector images (described in the Vector sections above) and Raster
based creates raster images (explained in the Raster section above).

Use in different media forms (print, moving images, interactive)

Print:
An example of print media forms is the logo I created for this unit, this
image can be used in lots of different ways, this includes:

On the Cd cover
On posters
On DVDs
On band merchandise clothing t-shirts/hoodies etc.
On lanyards
On cards
The list above shows a few of the different
examples for how the log could be used on a
number of different items, an image example of
this is to the right.
The image to the right shows the logo for Coca-
Cola, to expand n how the logo can be used the
image underneath the image to the right shows
some of the Coca-Cola promotional material.
The image to the right shows some of the
promotional material for Coca-Cola, this shows
that their log/symbol is on all of these items.
The image to the right is just an example of
some of the merchandise from Coca Cola, this
shows that their logo is on each of the items in
this image. This also shows how the logo can
be used for brand recognition.
Another example of a company that has their logo on all of their products
is Apple, the image to the right shows some of their products and the logo
is on the back of each of these products.
The image to the right shows Apple and how
they use their logo on everything to show brand
recognition.

Moving images:
Moving images are mainly to do with websites as this includes, video, gifs,
roll overs, banner ads etc. This is anything that moves. Examples of these
includes:
(On the bands, own website)
Video linked in or pasted in.
Banner short animation on the website.
Roll overs (short animations on each button when hovered over or
clicked on)
Gifs (short animations throughout the website.
(On other websites)

Banner ads (pop up adverts with a short animation and a link to the
original website.)
An example of banner ads is the image to the
right, this shows one of the banner ads online,
this shows a deal on banner ad developers. In
this ad the Click Here flashes up to draw
attention, this does not happen here as I had
to save a still frame of the gif. This is an
example of how banner ads loos and act.
As I mentioned above the banner ad often has
a link to the original website, this is shown
under the Click Here this is the
www.bannersmall.com this proves my point
on linking the website to the banner ad.

The image to the right shows a roll

over example, this shows the regular
image then what it looks like once
hovered/rolled over. These animations interact with the mouse/curser.
These are commonly found on the main website.
 Gifs are short animations without any sound; an
example image of this is to the right.
The image to the right shows one of the first Gifs I
found, in the animation the gif pans out to the right
to reveal another tree and hide the first one, this is
then looped continually to make a continual
animated loop. All gifs loop back to the original state
and play over and over again.

Interactive:

Interactive media is still online, this

is mainly just the roll over images,
the image to the right is an example
of a roll over button.
The image above shows the roll over that is white when it is not near the
click and inverts the colours when the curser gets close to the button. This
is interactive, as it does not change until it is interacted with, the small
text on the image to the right shows Normal state on the white button
and Rollover state on the inverted button.
To conclude, this section is short but interactive media is simply assets
online that do not move until they are hovered over or clicked as this is an
interaction. This triggering the movement or sound as this can be rigged
up during the coding process of a website An example of this is having a
white background and randomly creating white boxes that blend in with
the background but when clicked emit a noise or movement.