You are on page 1of 10

Victoria Holt

Diary for Unit 78 Assignment 3

12/12/16 Session 1
Login and check emails, start a sources document, collect an ILP. Create my game graphics
on Photoshop whilst completing a diary and checklist at the same time.
Firstly, I am going to start by setting all my documents that I will need to complete for this
assignment, including my sources document, ILP, timeline, diary and checklist. To do this I
will open up word and type in all my headings and save the document.

I will now begin to create my game graphics starting with my character using the Photoshop
software. To start off with I will open up Photoshop and create a new document which has a
transparent background and is set at a size of 2480 x 3508 pixels. I will then use the rotation
tool to swap the view of my canvas so that it is landscape.

To begin to create my character graphic I will open up an image that I

have found of a tiger animal on the internet, as my idea in the last
assignment. As this image had a white background I used the magic
wand tool to get rid of the background and the in-between parts that
were still white. So my image has gone from what it looks like in the
top right mini image to the one on my canvas.

Victoria Holt

I am then going to use the black paintbrush tool to go over the outline of my character. I
used the eyedropper tool to get the same shade of black to draw my outline. I will now use
the paint bucket tool to colour my tiger in orange as well as blue for the eyes. The last thing
I will need to do for my graphic is save it as a PNG file so that it keeps the transparent

In this lesson I have learnt how to colour in using the paint bucket tool.
12/12/16 Session 2
Login and check emails and carry on creating my game graphics on Photoshop whilst
completing a diary and checklist at the same time.
Next I will make my head display graphic that shows the pony character on my storyboard
however Im going replace this with the tiger character I have just created. I created my
graphic in the same way as I did with my character setting up the size as the same, and
change the canvas so that its landscape. I will start off by creating the background using the
paint bucket tool and paint brush to make a sense of a blue night sky. I will then use the line
tool to create my path way in which the player will run and coloured the middle section in a
darker blue. I made sure that each thing I created was on a separate layer so that I could
edit it easier. I then used the paint brush tool to draw stars, shooting star and planets. When
drawing the coins with the shape tool, I firstly had to merge the two layers together so that I
could draw on top of the middle section of the path. I then used the rectangle shape tool to
create my boost bar at the side of the head up display.

Victoria Holt

I duplicated my layers for the coins so they are all the same size.

The next stage of my head up display graphic is to add the character that I have just
designed onto the background image. To do this I will open up the Png character in
Photoshop and drag it onto the background image. I then resized the tiger image so it fitted
on the path by using show transform options.

I am now going to add the text onto the graphic which says swipe to jump in capital letters.
To do this I will simply use the text tool to add the text onto the pathway on my graphic. As
well as this text I will also add the number along the side of the boost bar using the text tool.

Once I finished this graphic so it looks like the image below I saved it as Photoshop and Png
file in case I wanted to come back and edit it again.

Victoria Holt

Now I am going to create my poster graphic so that it looks like my paper based design. To
start off with I will create a new canvas that is the size of an A3 piece of paper. For the
background I decided to choose a background image from the internet which has an effect
on which I cant create, that it where the middle is lighter than the edges.

For my poster I need all 4 graphics of the characters. As I had spare time at the end of the
last assignment I decided to create some of my characters then, however I didnt create
them with a diary. This made my life easier when it comes to creating the poster on the
computer. I will open all my character graphics up in Photoshop and drag them onto my
poster canvas.

In this session I learnt how to save my images as different formats.
13/12/16 Session 3 + 4
Login and check emails and carry on creating my game graphics on Photoshop whilst
completing a diary and checklist at the same time.
The next stage of creating my poster graphic is to add the text boxes with information at the
top and bottom of my graphic. I will firstly have to open up the poster Photoshop file that I
started yesterday. When adding the text, the coming soon text will be turquoise and will
be in capital letters. To add the text, I will select the text box tool on the left hand side,
which is shown below with a red circle. I selected the text and changed the size of my text,
which is around 48 - 60 in point size so that it stands out and you can see it. I then selected

Victoria Holt

the turquoise colour from the colour palette on the right. Lastly I used the select tool so that
I could move my text boxes into the correct space.

I will go through the same stages to add the rest of my text onto the poster graphic. I would
have used the Xbox logo but it wasnt planned on my storyboards that way.

The last part of my poster is to add the world runner text however I have decided to use
the logo that I originally created in the last assignment as it looks better and keeps the
continuality of my graphics the same. To add my logo all I did was open the logo graphic up
and drag and drop it onto my poster graphic so its in the centre of my screen and use show
transform options to change the size of it.

Victoria Holt

I then decided to make my character graphics slightly opaque so that they didnt stand out
as much as my title. This made the main eye catcher the name of my game. To do this I went
to the layers menu and double clicked the character layers I then changed the opacity from
100% to 75-80%. The finished poster graphic is shown below right.

I am now going to create my final graphic which is the game cover and I think its the most
complex of them all to make. I will set up a new canvas called game cover which is 27.4 by
18.3cm in size. The first stage of my making my game cover is by adding the same
background image as I used on my poster. I opened up the graphic from my folder and drag
and dropped it onto my game cover canvas, changing the size so that it shows the light part
of the image as the background of my cover. This means all my other text and assets will
show up better.

I am now going to divide my canvas so that it has a spine like on a game cover. To do this I
will create two lines in the middle of the canvas. I duplicated my line layer, making sure it
appeared on top of my background, so that it was the same length and width.

Victoria Holt

I am now going to add my logo in the same way as I did on my poster, which is by opening it
and dragging it on my cover design. The next stage is to create the tunnel, in which is shown
on my front part of the cover. To create this, I used the circle tool to create a rounded edge
shape. I then selected a colour, which is similar to my storyboard designs. I then used
another circle to create the inner part of my tunnel. I then used the paint brush to create my
bricks in between the two circles. I then created another layer below them to colour in the
tunnel grey.

I am now going to add all my character graphics onto my cover to match my storyboard
design to do this I will go through the same process as adding my logo. I will then add some
text using the text tool and change the colour to turquoise. Next I will add the names lava,
water and rocks and create text in Photoshop with the first letter being a darker colour. I
will rotate the text slightly so its on a slant. At the same time, I will add the Xbox logo and
temple run icon at the top of the front cover. I will add a rounded rectangle that the icon
will go on.

I am now going to add text in the same way as I have above for my spine. The text will say
World runner and again I will use the text tool. I will also add the Ubisoft and EA logos to
the spine by copying and pasting them from the internet. I will then add the game world
titles that are shown on the back of my cover. On the EA logo I changed the colour of it
using the paint bucket tool to match my designs.

Victoria Holt

I will now add my characters onto the back page of my cover by dragging and dropping
them from the open Photoshop tabs. I will then use show transform options to resize them
so they fit on the page to my storyboard design.

I am now going to add text boxes and the small images that go at the bottom of the back
page on my game cover. As well as add text that shows my one line sales pitch, which is Fun
for enthusiastic kids. To do this I will copy and paste them from the internet such as the
barcode, Dolby sound icon and then I will create text boxes using the text tool. I also created
a rounded edge rectangle shape for the text to go into to match my designs.

In this session I managed to create most of my cover and I learnt how to change the
thickness of a shape.
14/12/16 Session 2
Login and check emails and carry on creating my game graphics on Photoshop whilst
completing a diary and checklist at the same time.

Victoria Holt

I am going to continue to add the little bits of text and images to the back half of my cover.
To do this I will copy and paste images from the internet and create text boxes. For my
warning text box, I decided to colour the warning part red, to do this I highlighted the word
and selected red from the colour palette. As there is more space that what I designed for my
game cover graphic I have decided that I will add a text box with information about my
game below the characters. To do this I will copy and paste some information from my
treatment about the game. I then changed the colour so that it stands out from the blue
that used throughout the cover.

The last thing that I have to do on my game design cover is to add the screenshots of my
game in three different worlds. I will create each one individually and to do it I will first
create three rectangle shapes. I will also create lines to make the pathways. I used the zoom
in tool to make sure I could work properly on the small square image. I also coloured the
squares in blue but made the transparency less than 80%.

When I looked at the final design of my cover graphic I decided that I didnt like
the colour of the bricks and I couldnt change the colour, so instead I decided to
add a pattern overlay on top and change the opacity to 35%. To get to the
bricks layer blending options all I did was double click.

Below is all my finished graphics:

Victoria Holt

Lastly I arranged my graphics into a separate folder with both the PNG and Photoshop files.
To do this is created a new folder and named it My Graphics. As you can see I only made
two versions for my tiger character as one is slightly more edited than the other. You can
also see that I made sure all the asset names are relevant to what they are, for example my
character graphic is called Tiger Character. I didnt need to save any graphics from the
internet as I copy and pasted them straight onto my graphics in Photoshop.

Learnt: In this lesson I learnt how to add an overlay pattern effect onto an image and
change the opacity of it.