Tuesday, 6 January 2015

Unit 70 Computer Game Story Development

Interactive Story Development

In this unit I am required by a small independent game company to produce my own interactive story concept. The company want the story to be based around a oncoming catastrophe cause by increasing global warming. For me to start building ideas it would be useful to me to create a mind map of the effects of global warming, so that I would have a basic idea of what I could base my story around. The company have also asked for the characters to come from a different background than most western areas, this could allow me to explore ares such as, Russia, Asia, the middle east. Doing this will allow me to become more aware of those locations after a research period.


Existing Game & Interactive Story Research
before creating my own story I must first understand existing products that are currently out on the market or possibly stories that exist before time of civilisation. there are different forms of story telling that have different ways of explaining, such as caveman paintings show a story that you can understand by viewing the portraits that they had created. Looking at this image below you can see what appears to be 5 people and 2 deer, you can see that the humans are trying to hunt the deer, possibly for food or other purposes.

http://apistrat-presentation.herokuapp.com/images/cave.jpg

Other ways of telling a story is through the traditional way of oral conversation where people would tell myths, legends and fable in taverns or local areas where people would meet and talk. such a story as, king Arthur fighting a dragon, could have originated from taverns, as these places were the go to for all the latest news and stories, which led to some historical inaccuracies.
http://upload.wikimedia.org/wikipedia/commons/5/56/Tavern_Scene-1658-David_Teniers_II.jpg

Theatres were also great ways for people to tell stories through acting out plays as characters. This set out to be a commercial success during Shakespeare popularity peak, as people came to see the stories that this man had created and had paved the way for theatre. As time went on, so did technology, which had allowed for new ways for stories to be watched from anywhere with a new device at the time called a television.
http://www.coolplaces.co.uk/system/images/3163/winchester-theatre-royal-winchester-rainy-day-3163-large.jpg

Story through video games genres
There are many different game genres today that people can pick from in order to enjoy different styles of storytelling. These genres include First Person Shooter (FPS), Third Person Shooter (TPS), fighting, adventure, roleplay, Real time Strategy (RTS), Turn Based Strategy (TBS) and Multiplayer Online Battle Arena.

First Person Shooter games generally consist of the player having to go through a series of obstacles and opponents in order to get a objective. An example of game that is part of the FPS genre is Halo, as the player is tasked out to protect a 'AI' chip named cortana, but the character is put through a series of enemies to attempt to escape, but lands on this ring called halo, as the story develops, the player finds out more about the story.
(http://mruploader23.webs.com/photos/Halo-anniversarry/halo%201%20graphics.jpg)

Command and conquer is a real time strategy game that attempts to tell its story through the use of live action and CGI cutscenes that usually sets up your next course of action against the enemy faction. With command and conquer you have the choice of playing either faction in order to see how the story would play out if that faction had won the war against the other, giving you details you would miss if you only played one side of the story.
(http://onlyfullgame.com/wp-content/uploads/2014/12/Command-Conquer-download-full-version.jpg)

Video games like Gears of War are considered Third-Person games due to where the camera is placed on the characters, generally it is behind the shoulder of the main character to give off more immersion that you are that important character. Most Third person games consist of shooter type objectives. 'Gears of War's story is based on Marcus Fenix's side of the war against the locust horde. At the start of the game not much is explained about what is going on around the world, there are only hints that are given to show things are not right. These hints then intrigue the player into playing more to find out what it going on into the story. During this game Marcus is seen as the heroic character through his thoughts and actions against the locust. This is aided further through the use of cut-scenes to show action packed events which could change the viewers look on a certain character or characters.

(http://www.thebuzzmedia.com/wp-content/uploads/2008/09/gears-of-war-2-explosive-canisters.jpg)

Approaches to a game story
There are many ways to set up a video game story, such as three arc story, episodic and Hero's journey. Episodic stories are very popular at the moment, with such releases like, the walking dead video game, Bioshock infinite DLC and Half life 2 episode 1 & 2. Games like these allow for artist to create quick and fun stories that require smaller effort to release to the public, than it would from a full game, and will keep them wanting more from them.

(http://upload.wikimedia.org/wikipedia/en/f/f3/TWD-game-cover.jpg)

Three arc stories are featured in most game that have a Progressive story behind it. These type of stories generally consist of a start, middle and end setting. This type of structure would start of with slow information that would tell you the underline basis of what is going on in the universe of the story and as you progress through it, things become more intense and dramatic to hook the viewer into continuing the story. This usually happens between the middle and the end of the story, usually in the middle, where something drastic would happen and cause for a sudden change of events. Usually the main character would be able to solve and correct the drastic events, which would come to a resolution and ease the tension that the player feels. A story that uses this arc type would be Halo 1 as the game starts off with master chief, the main character, sleeping inside of a cryo-tube when he has to be awakened due to the ship he is on, being tailed by an alien race, as master chief gets to the pilot area he is told about this 'Halo' world that has appeared in front of them. He lands on this 'halo' only to find out what it is used for, expanding the story to a whole new level. The story gets to a mid point when 'the flood' get released and start killing both humans and covenant and the master chief finds a index which he is almost tricked into using on which he thinks will get rid of the flood, but it would rather destroy all life in the universe.Nearing the closure of the game, master chief has turned the 'Pillar of Autumn' into a bomb that would blow up 'Halo' and save the galaxy from the flood threat. Master chief has a certain amount of time to get off 'Halo' before it explodes putting the game at it's highest tension point before the ending. during the ending of the game, it uses soft and slow music to lower the tension level.

(http://upload.wikimedia.org/wikipedia/en/8/80/Halo_-_Combat_Evolved_(XBox_version_-_box_art).jpg)

Hero's journey, or 12 point structure, I have noticed to be used a lot of Japanese anime, such as, Dragon Ball Z, Sword art Online, 'Shigenki no kyojin' and it appears to be a very common structure to be used, as well as, most Level based Role playing games, such as Fable, 'Kingdoms of Amalur' and 'Two worlds'. Hero's journeys 12 points are; The ordinary world, the call for adventure, refusal of the call, meeting with a mentor, crossing the threshold, tests allies and enemies, Approach, The ordeal, The reward, The road back, The resurrection and return to normal life, or to continue on the adventure. These types of games have long story lines with in depth information that might be useful to the games setting, which can be fun to read and learn about.


http://upload.wikimedia.org/wikipedia/en/b/b4/Kingdoms_of_Amalur_Reckoning_cover.png

Mind Map containing story ideas and character design


8 points of story timeline
1.Stasis
The story is set in 'Kami-Koshiki' island where the character is stuck in the city 'Sononaka' underneath a broken building.
2.Trigger
The protagonist Yukimura is stuck due to a recent tsunami that destroyed the entire island, knocking him out cold, which had lasted several days. In a miracle Yukimura survives, but is heavily injured.
3.The quest
Yukimura must find his way out of the broken building and see what remains of his once loved city, driven by sadness, Yukimura is focused on finding out what happened to his loved one whilst trying to survive the new dangers that await him.
4.Surprise
Yukimura must build a boat out of salvage in order to get across the sea to the mainland in order to get some information, as the mainland was hopefully not affected by the tsunami, Yukimura hopes for news on his wife when he gets there, but as he begins to sail out towards inland Kagoshima, Toshi appears chasing after Yukimura and begins swimming towards the shaft. Yukimura must decide where to abandon the shaft and face Toshi or sail towards land and face him on land, which if chosen to face on land then Yukimura and Toshi will settle their differences and work together in order to get inland.
5.Critical choice
After arriving in Kagoshima, Yukimura learns of an even bigger threat that dooms his chances of finding his wife and must decide whether or not he will take to the lawful right of way and ask the government on the location of his wife, which may lead to him not getting answers, or accepting Toshi's unlawful offer from the Yakuza to allow them to do some investigation in order to find Saori.
6.Climax
Following the Yakuza's one time deal allows for Yukimura to find Saori still alive in time for the incoming catastrophe is about to set course and change history forever. After the tsunami happened scientists had found that is was now regular earthquake and that this one had opened a whole in the sea, which will boil the water in the area effectively melt the ice caps at a substantial rate. This will cause increase in flooded areas and will resort in people having to flea to higher altitudes.

Following the governments help on the other hand will have the character at a dead end with no results, but the protagonist will only come across Saori purely by accident as she was moving to higher altitude in order to survive the incoming catastrophe. This option will have the story told in a faster speed than if they picked the other due to the amount of time spent by the protagonist.
7.Reversal
Saori will be angry towards the character for not being with them when the tsunami did happen, leaving her to get away from it alone. The protagonist will then get the choice of two options to explain himself, or not, effecting the relationship between these two characters.
8.Resolution
Saori will learn to forgive the character as time goes on, but will take time in order to do so. Whilst this is happening, the duo will be heading toward the best place to go, which is picked by the character, whilst they wait for the catastrophe to happen.

(https://www.youtube.com/watch?v=KVCLXZ99rps For use of later)

Storyboard






Computer Game story

Twilight sunrise

Intro
Today marks a day that the world would never forget. An oncoming tsunami had hit the local island of Kami-koshiki causing mass destruction for all those who live there. The story follows a young man, Yukimura, who had been well known within the society, had met an unfortunate series of events that brings him here, underneath rubble. Alone with only memories of a siren and his wife.

Beginning
Yukimura wakes up, bleeding from the leg, in the debris of a broken building, the floor is flooded and the walls have deteriorated.
“Where am I?” Yukimura mumbles to himself, as he tries to come to grips with what happened.
He attempts to get up, but groans in pain as he realizes the damage to his body, falling back down into a puddle. After looking around the room for some time, he spots a first aid kit in which he will be able to use to wrap his wound.

Yukimura surveys the room he currently is in and attempts to break out the only door in the room. Upon doing so Yukimura comes across “Toshi” who is in an aggravated state.

“Stay away from me you little sh*t” Toshi shouts with disbelief in his face. Toshi stumbles across the floor pushing at Yukimura with the little strength he had left.

Toshi and Yukimura fight, with Yukimura only managing to get away.
Toshi shouts “I’ll find you, the yakuza will not forget!” as Yukimura runs off.

The surrounding area no longer looks familiar to Yukimura. Washed up houses, destroyed crops, over turned vehicles and death, mostly inaccessible from continued flooding that has not been drained yet.

These are scenes that no man should have to endure. After searching for several hours, Yukimura comes across a small part of the island that was unaffected by the flooding, which had a gorgeous beach that would make you forget that the disaster has ever happened. Yukimura builds a water shaft in order to swim inland towards Kagoshima. As Yukimura begins to push the shaft out to sea, Toshi appears, recovered from the clash earlier.

“Where do you think you’re going?” Demanded Toshi as he ran faster towards Yukimura.
Conflict breaks out between the two characters, which results with dialogue between them.
“Why are you doing this? Even in this time of despair?” Asked Yukimura
“Because there’s not much I have left, my friends, my family, all I had is gone because of this. I need that shaft to get out of here and I will take any means necessary to get it” Toshi says frantically.
“Then why are you being aggressive in this time of need, you are not the only one with problems and concerns as well” Yukimura replies.
“My needs are more important than anyone else” Toshi said
“Why, because you are concerned that someone may be alive that you care for, or do you just wish to rejoin with your ‘Yakuza’ buddies” Yukimura replied

“You know nothing about my life, you don’t even know me” Toshi says in an angry fury.

An awkward silence leaves these two characters pausing for a moment.
"Look, I know you're going through a hard time, but it would benefit us both to work together to get inland" Yukimura replies
"Okay" Toshi nods in confirmation
Adjustments are made to the shaft in order to allow the weight of both of them.
Both characters push the shaft out into the sea and climb on, during the way to Sonaka. dialogue is exchanged between both characters.

"So, what brought you to kami-koshiki?" Yukimura asks
"Some of my friends and I were going on vacation here for a good few weeks when we had had a few drinks at a bar and got into a fight to where I woke up stuck in a broken building, I had no idea what was going on." Toshi replies.
"That sounds unfortunate for you, I had family and friends here who evacuated early, but I had been pressed by my boss to continue working as he assured that I would be safe, that was not the case unfortunately, I am unsure whether my family got out alive or not, even so I do not know where they have gone to. They're probably worrying about me more now" Yukimura responds
"I see, I might be able to help you with finding your family, I can put in a word to my friends inland to look for them. Do not fret, I will not ask for favours back for helping you, in a sense you saved my life allowing me to board this shaft with you." Toshi says.

*AT THIS POINT THE PLAYER GETS TO CHOOSE TWO OPTIONS IN WHICH EFFECTS THE COURSE OF THE STORY TO A DEGREE, OPTION A, HAS THE CHARACTER ACCEPTING HELP FROM TOSHI WHICH IS ALONG THE TRUE STORYLINE OR THEN CAN PICK OPTION B, WHICH THE CHARACTER DECIDES TO ASK GOVERNMENT FOR HELP TO FIND SAORI, IN WHICH, COMES BACK WITH NO RESULTS AND ALTERS THE STORY.*

Option A
"So you have decided to take my help then. It should not be that hard to find her using the matching description you gave us." Toshi Responds

Option B
"I understand, good luck finding her. it's a tough time out there." Toshi responds

Main story
"We are almost inland." Yukimura notes
"I know, I'm glad that I've gotten through this, but they say more trouble is on the way." Toshi says
"What do you mean?" Yukimura questions
"Didn't you hear? Due to that last earthquake water levels have been rising at an extremely fast rate. They say the caps have melted to an irreversible point. It caused something to shift and change the world faster than I've ever seen." Toshi responds
"This is troubling news." Yukimura says
"You bet." Toshi pauses
"They're telling everyone to head inland towards the mountains in order to stay clear from the oncoming disaster. My best bet would be to listen to that advice"
"Ah, we're here." Toshi adds on.

Both characters disembark the shaft and step onto land.
"So what now?" Yukimura asks
"I'll see if I can get us a ride" Toshi responds
Toshi pulls out his phone.
"Lucky this thing still works... Ah a signal!"
Toshi then calls friends of his that is in the area.
"They should be here soon." 
The van arrives and both characters get into it. If the player had chosen option A then the next scene would take them to Toshi's workplace. If the player had chosen option B then Yukimura is dropped off outside of a government building.

Option A
Toshi and Yukimura are dropped off outside Toshi's work place and head inside. Toshi sits down in his luxury office chair and puts his feet up on the table on front of him. Yukimura. on the other hand, nervously looks out the window into the distance, worried of what might have happened to his loved one.

"Look, since you helped me I'm going to help you"
Toshi pushes a bag of items across the desk
"This should help you for the next few days, it's the least I can do." Toshi says
A huge man opens the door violently whilst he is out of breath. The man is panting as he is bent around the door.
"Sir, we found her" He says
Yukimura turns round immediately with open eyes with interest in the news.
"Where to?!" Yukimura demanded.
The man looks at Yukimura and then back at Toshi for confirmation.
"Go on." Toshi says
"Our men report that she is currently at the Sonaka aid camp and that they're all preparing to move inland." The man says
"I need to go" Yukimura responds
"Come with me I'll give you a lift" Toshi replies

Toshi and Yukimura get into the car and drive to the destination.
Once arrived, Yukimura gets out the car.
"Hey" Toshi shouts
Yukimura turns to looks at Toshi
"Good luck out there" Toshi says
"You too" Yukimura responds
Toshi pulls away and drives off

Option B
Toshi is dropped off outside of the local government building, he waves off and begins to walk inside.
"Hello I am here to find a missing person" Yukimura asks
"I'm sorry but we're not able to help you, due to the recent news of the increased water level we've had to evacuate most of the staff, we apologise for the inconvenience. You could check at the aid camp just a few blocks from here though." The receptionist responds
"Thanks." Yukimura responds, disappointed as he looks around and then leaves.
Yukimura heads towards the aid camp.

Main story
 Yukimura walks throughout the aid camp only just managing to find Saori
"Saori!" Yukimura shouts
Soari turns around with a face of shock turning into happiness. The two character have a tight hug.
"I thought you were dead!" Saori cries
"I was so worried about you too" Yukimura replies
"Where have you been?" Saori questions
"I was forced to do over-time by my boss, I was lucky that the building did not collapse fully" Yukimura replies
"Typical."
"It's always like you to never say no to anything, you need to grow up, it's going to kill you like it almost did." Saori responds in anger
"But.. I am so glad to se-" Saori gets interrupted
"ATTENTION! CAN ALL CITIZENS MAKE THEIR WAY INLAND IMMEDIATELY! 20 MINUTES IS ALL THAT REMAINS" The speaker blurts out
"We should move" Yukimura says concerning
"Yeah.." Saori replies


At this point the user has a choice of 3 altitudes to pick from low, medium and high. each one result in a different events which link together.

Low altitude
Yukimura and saori arrive at a location at low altitude but immediately it is not safe to stay.
"We should move to higher ground." Saori says
"Yeah." Yukimura agree
The two characters move towards higher ground.
Medium altitude
The two characters arrive at higher altitude and are given some time to rest before the water level starts to almost catch up to them.
"It is not safe here either." Saori says worryingly
"Let's hope the water level stops soon. Come on let's get to higher ground." Yukimura replies
The two characters move towards higher ground.
High altitude
It is seemingly crowded at higher elevation, Yukimura and Saori have little space to maintain.
As the two characters rest a figure is immersing from the distance. To Yukimura's eyes, he sees Toshi who is happy to see him. Smiles are on both characters faces as they know that they both made it alive.

The story is left at this point for users to question what could happen next, as things do not seem to get any better, but infact worse.

Creating the story via HTML + CSS
For me to be able create my story I first had to learn a way to bring it to life, so I had chosen to learn HTML and CSS coding on code academy. This would take me several weeks to learn as the process was very long, but in the end I had learned some very useful skills. which would help me in the future if I needed to use HTML and CSS again.

When I began creating the story I had come up with a name for what the story could be. I created a logo for it so that people could recognise and easily remember it. People suggested to me that the title was too simple and had no effect to it, so I had found a new font on www.Dafont.com called 'Orchidee' and edited the background with a powder texture to give it more feeling towards it.


This is my CSS file that I used for my entire website design. I had made several changes to this file which had allowed me to change the entire outlook of the website. "#text" for example went through many changes in order to use a correct font-size and font style.

This is what the main look for the page would look like with every page featuring this similar code.
As you can see in this image, small parts of the code feature small lines of code that say "id="text"" for example. This is what links it to the CSS file and changes it for all HTML pages if I went to change the CSS file.

Here is another look from a different page I worked on to show how the button links work. each button is a <Div> box with it's own id which would allow me to create how they look right now. to make them buttons that link to other pages I had to put <A> hyperlinks around each <Div> box stating where to take the user.

This image is a screencap of me working on a page image within photoshop. This image would be put into the folder of the website and then linked up with code inside of the HTML file that it was made for.


Alpha test play of my game accompanied by Rui and Marios.


Find my game at:
www.twilightsunrise.co.uk

Backup download the game at:
https://drive.google.com/file/d/0B2HrTGt9DLh4bW11VjhJdGc2WVk/view?usp=sharing


Tuesday, 18 November 2014

Unit 04 Communication Through Art and Design

Type Patterns
During this lesson we were shown different examples of type patterns, as shown below, that might inspire and help me create my own style of type patterns.

Example - https://c1.staticflickr.com/5/4066/5096986261_17959b0a88.jpg
Below is a series of designs that I had created, with my best being on the second image. I had liked using 'I' with the typography I had found, as it created many interesting shapes for example the design that look similar to a pair of scissors. 'M' and 'T' also came out with some interesting designs, which had allowed me to come up with similar ideas and create more patterns.



Expressive Typography
After creating different types of type patterns I then looked onto expressive typography, which I did not know much about so I created a mood board with my research on it, upon looking at it I could see that people create some expressive typography based on what the word is. As you can see from the word "Delete", you can see the the letter "L" is missing, which means that it has been deleted.


I began designing my own expressive typography based on 5 words, which were given to me at random by another student in the classroom. This allowed me to try words I was no familiar with or words that I need to take time on to think how I could turn it into expressive typography. The words I had been given were "Pizza", "Speed", "Spooky", "Dystopia" and "Time". Below are my ideas for how I could represent them in an expressive way. Picking one design from the 25 designs I have created from each word would allow me to have 5 final designs to work on and attempt to make them expressive.




In this design I had attempted to create a clock design with the word "Time" having each letter pointing at each 15 minutes to create the clock style.  To do this I had just created a text box for each letter and placed them correctly using a grid on the clock hours: 12, 3, 6 and 9. Out of all my designs I like this one the most as I think it effectively shows off time being displayed. Other designs had used shadows or the efficiency of human life to display time passing.





This design was an attempt to show off speed through moving letters. To do this I had written the word and then used an envelop warp changing the horizontal distortion of the word in order to get a italic style. This style gives off the feeling the the words are possibly moving as the height in the letters are different the further along the word. I felt that this was my most effective design, as my other designs consisted of; the letters having a race, falling letters and "speed" in the shape of vehicles. I felt that these other designs would not be as effective as this one as they may not give of the feeling of motion.







With dystopia, I attempted to make it look like a city within a bubble, as dystopia's are usually known as broken civilisations that do not know about their outside world. I had tried two different font type on this word to see which would work better and I believe that 'Helvetica' version came out better than the 'Greenwood' version.


With this word I had attempted in making the "OO" in "Spooky" look like a face, by doing that I would make the "O" look scared, which would support my expressive typography. I had used the letter "Ö", which comes from latin in order to create my faces. In my opinion I like the 'Greenwood' version rather than the 'Helvetica' version.


For the expressive version of pizza I had come up with two different ideas, which I believed to be very good. For my first one I had created the word "Pizza" in the slice shape of an actual Pizza and as for the second I wanted to create an almost full pizza with a slice missing to make it look like someone had eaten it.


Graphic concept
After creating several designs I then moved onto creating a graphical concept, which has some life meaning to it, possibly from a famous celebrity or something important that needs to be remembered. Like the expressive typography I had created 25 different concepts for a final design for 5 pictures.



This quote I had based off of a saying within a game called "Metal Gear Solid". The message behind the sentence is that strong men make their own future come true by doing what they believe rather than attempt to predict the future and possibly fail. The design on the left is not expressive like the one created to the right. I attempted to make the design on the right look like text within a book, as for the left design I made the most important words in bold for people to understand the meaning.



For this design I had used another quote from the same source, as this game has a lot of life inspiring messages hidden within. The meaning behind this is that, the past and future work together as a single entity, as humans learn from their mistakes they can progress into the future. For this design I attempted to make the past look like it was behind so I had put it on the left side as the the future on the right side having them connect together by being "One in the same thing". As for my design on the left I had attempted to create the same thing but in a different shape.


For this design I had an idea to use MLK's speech, as it is a speech that is extremely famous around the world and still fights for racial equality even to this day. For this design I had chosen to use images of Martin Luther King and of the location where his speech was set to show what my sentence was related to. I had change the colour of dream to brown to represent MLK's dream of equality around the world.


In this design I had used a quote from "Metal Gear Solid 2", which means that there is more to life than passing on DNA, with the birth of the digital age, leaving history through books, speech and the internet is easier than it used to be since everyone has access to it. For my first design I attempted to create a DNA Structure to be able to get the message across and for my second design I chosen to put life at the top in green, because life is a precious thing, and DNA in blue, because DNA is often referred to being blue, at the bottom to simulate that the DNA you have doesn't hold you down. I put a lot of emphasis onto the word "Just" so that the viewer can understand the message behind the sentence.

(Source to idea)









For this idea I had created the sentence myself after being inspired by the other designs that I had created. I had tried to express the broken expression into this design by having the sentence broken off and also the word too. I've change the colour in both of the designs to white to indicate the message behind the sentence, so that people can understand it.
Visual Recipes
After finishing the Graphic concept assignment I then moved onwards to visual recipes where I had to think of a recipe that was not too easy or too hard to make and make a digital art design out of it. I had chosen to do 'Strawberry cake' for my design idea, mainly due to the way they look and the colours within them. Below I have created a mood board of strawberry cakes for research purposes and so I can refer back to the mood board if I need to.

I got a recipe for a strawberry cake on the internet and began finding pictures of all the ingredients  and put them into a mood board so that I will be able to recreate them graphically later.

I had also done the same for the equipment needed to make the strawberry cake.


I then created a mood board for everything associated with strawberry cake, which comes from the united kingdom. Things that are most commonly know about the UK is, Tea, crumpets, the Queen, castles, Great British flag, fish and chips and many more.


After doing research about how strawberry cake is made I went onto "Dafont" to find appropriate fonts for my design. For my design I wanted it to be quite Gothic for text alongside background colours that match the colour scheme, which will be pink, red, white.
After choosing my specific font I started to create some digital designs for the main poster on how to create Strawberry cake. Below are item that were from the ingredient and equipment mood board that I had used for research in order to create these designs.

This is how the design looked before adding a background into it. I had put in the instructions on how to make a Strawberry cake from the top-left to the bottom-right. These instructions match the instructions from the mood board that I had created, but to a more visual level.

This is my finished design with the background that I wanted to add. I believe it makes the design look a lot more appreciated by the viewer rather than a plain background, or a image of a strawberry cake.


Alternative designs
Here are some alternative end designs that I had created so that I was able to  play around with how the design worked and if it was better, then replace it from the original. I had tried different styles and seperation methods on the design to see if it would look better. I had also attempted to use type patterns to make the design look better by creating them as background designs.


Festival poster assignment

General Visual posters


General Typographic posters

Posters related to my festival

Past posters in Bristol

Festival name idea generation
Before creating my own design I had to first think of a name that would fit the festival type. I combined possible words that relate to both Japanese anime and festivals and had come up with three names; Japanime, mangafest and my chosen title Genki-DesuFest. Although "Genki" in japanese means being healthy/ feeling well, I hope to deter it away from the meaning and make it its own branding name for a potential festival as most western viewers think of anime when they think of Japanese language, which could help persuade the viewer better.

Handmade typography
I began creating some handmade typography designs for the poster, I had followed some designs that I had found online for inspiration, but had changed them so they were not the same. The best one of these is the first one, as I believe it follows closely to the anime style. Other designs came out quite well, but had not met my expectations for what I believed fit the style.


Related typography

1. This is my favourite out of the 12 different styles that I have picked for potential use in my final designs. I like this one as it closely represents the Japanese anime typography that is used within manga and Japanese anime, which most viewer would recognise if they were to see it on my poster.

2. This typography is very similar to the first, but it is much sharper and less bold. This could potentially be used alongside the first typography for smaller less important information listed, because of their similarities.

3. This typography simulates closely to the past two, but features a calligraphy like style to it, which is stereotyped to Asian culture, so it would be useful to use it, but I feel is too thick to be used on a poster. This type of text may be useful for small forum headers or on business cards as it is quite small text.

4. This typography follows a similar style to the fourth typography in its calligraphy style, but offers a lighter brush, which attempts to make the text look more realistic to how calligraphy would look if it were drawn lightly.

5. This style follows closely to that of calligraphy, but also has some tradition western elements to it as well, as you can see on the 'D' letter it has that flick on the end of the letter, which is stereotypically found in western history shows based around the time of the Tudors or possibly further back.

6. This typography features a Japanese language type of style as the 'E' is replace with that of 'Mo (モ)' in Japanese Katakana alphabet. This typography could be useful to those who know Japanese, as they would recognise it and become nostalgic with their Japanese learning, which would intrigue them into reading. Unfortunately the letters in typeface are of different sizes, which I believe makes it less effective.

7. This typography is similar to that of sixth, but the height of the text has been fixed in place so that different parts will not big bigger than the others. This style also uses katakana alphabet to make it seem more Japanese and have that sense of nostalgia.

8. This typography seems to be more modernized than previous typographies, this style features sharp edges on certain letters in order to make itself look more important. This typography has no connection to any Asian stereotype or similarities to Japan, but offers a professional look to it that could be useful, but more likely to possibly a music poster.

9. This typography appears to look like calligraphy as well as also being sharp like a blade, which I believe the creator was trying to get across, as this typography was called 'Hara-kiri', which is to do with Ancient Japanese culture where one would commit hara-kiri with a blade if they were dishonourable or captured by enemy clans. This typeface would work well with a ninja or samurai graphics placed closely to it, so that it would be recognisable to the reason I chose the typeface.

10. This typeface has large thin font, which each letter bends into a shape that only a brush could make. Making this font closely resembling calligraphy, but is different to the other styles I have mentioned due to the way this one has been created with it's wavy lines.

11.This typography tries to combine east with west, as the name 'Samurai in the UK', implies, by attempting to combine calligraphy style with London metro style. Unfortunately I have some doubt about this font working well on my posters, as I feel it is not attracting enough to pull the attention of the audience.

12.This typography is very similar to the other calligraphy fonts I have spoke about, but features differences in it's edges, length and style.

Poster prototypes
I had designed six different poster prototypes that could work as my potential final design. In these designs I had tried to incorporate slanted titles, as I feel that it would follow some previous anime titles and I believe it would be found cooler to people who like this style than not. I had attempted to use some of these prototypes in the final design, but some did not work as well as I thought.



Final poster Development
For my first poster design I had chosen to use a spiral design for my background, so first I had to open a new photoshop file of 75x75 pixels and create two different colour that would work well against each other. For this poster I have chosen to make it's colour scheme red, white and black, due to the idea I had thought of. I had to rasterize the two colours and then turn it into a pattern from where I would use it in my poster file.

In the poster file I had to select the entire canvas using the marquee tool, right click onto it and then click the fill button in order to use my pattern.

 After applying the pattern I then wanted to create a spiral, so I first used the polar coordinates filter to make the pattern point towards the middle. I did this so that when I use the twirl feature it would create a spiral that points towards the middle, which would make the viewer of the end design look towards the middle first.

Using filter, distort again I was able to use the spiral feature, which would allow me to twist the current design into a spiral.

I began creating characters for the posters, as I did not want to use copyrighted characters because this could have lots of technical implications further down the line after creating the posters. I believe it would be a lot easier for me to create original characters on the front of my poster than using pre-made ones, as this could show originality and possibly inspire others into creating art.

After deciding on what text font to use, I have chosen to use 'Anime Ace 2.0' for the title and 'Anime inept' for the slogan, as I believe that they suit the genre and give off an anime like feel to it. Using back shadows and outer glows I had managed to make the title stand out a lot more compared to the other text.

I had started adding shapes, shadowing, images and information onto the poster, but after sometime of designing and reviewing I had found these shapes to take up too much space and may be too much for the viewer to take in all at once, so I scrapped this design and had gone back a few steps to see how I could improve it. With this design I wanted it to use visual images to try to persuade the viewer to come to this event, by letting them see what the event looks like and also allowing them to see what special guest were going to attend the event.

Returning to this design I had thought of ways on how I could improve it to possibly make it better for the viewer. I had come up with the idea to put important information about the event into the swirls. Doing this will make it more viewer friendly or more lightweight to read. I had started again with shadowing by  putting it in the corners and also on the edges, so that it will bring the viewers eyes towards the middle.

For the date, I had wanted to make sure that it would be on a weekend in the summer season, so I had checked my google calendar to see what days would be useful to put down. I had chosen to June 19th to June 21st 2015 for my event date as that date would be most people's day off, so that the event will have a higher visitor count, boosting profits for the event if it were real.

After completing the final design for the first poster I had then run it through several colours so that I could see which colour works best with this design. I could also do a questionnaire finding out what people think is the best one. Using this data would allow me to choose which of the design I should promote in order to get the maximum amount of viewers having a look at this poster.


After finishing my first poster and was overall pleased with it's presentation, I moved onto the second poster. For this poster I wanted to use a different design than spirals as I want the posters to offer an experience to a variety of people. Instead of spirals, this time I had used a gradient background in hopes the would attract a different group of people than the first poster. I had tried several colours for backgrounds, but I had not been happy with how they merge with each other and had finally agreed with a white and blue background.

Using the character I made earlier, I had applied it to the background alongside the title, date and location.
I wanted to add important information to this poster in the form of the background, but I had found this text too bright and felt that it would attract the attention of the viewer first before they see the character design and title, so I had changed the opacity of the text to quite low, so you would see it after reading for some time. I had then added Japanese text so that viewers would associate it with something Japanese. The japanese text reads "Genki Desu Fuesuto(fest)".

I had then began moving about the layers, as I had felt that there was too much free space where I could potentially move parts to look better. I then made changes to the colour of the word "Desu" for it to stand out more to the viewer.

After finishing the final design to this poster I had ran it through different colours just like I did for the first poster, so I could see which look better in other colours. Looking at these six I do feel like some work better than others and they have a lot of viewing potential. Doing a questionnaire to find out which one is the most popular to the general public in order to maximise viewing potential.


Final design before error
After creating these two designs I had realised that I had made a spelling mistake on the location, for where the event would be. This had effected my entire design cycle, this is where I would have to start the cycle again and start from the start. I had also make slight change to the placement of the date on the second one to match the first so that there is a slight similarity to them, which will help the viewer recognise the branding.

Final Design After Error



Design Evaluation

Unit 04 – Communication through Art and Design
Liam Norman
http://liam6478.blogspot.co.uk/


For my poster design I had chosen to make them based on anime festivals as they are really popular within the western world, having my own experiences of going to one, I know what to expect when arriving. This allows me to have a grasp on how anime festivals are meant to look like and how they are advertised to the audience. Also liking the types of festivals allowed me to keep motivated whilst creating my own designs and doing research.

During my research I had identified the following visual aspects about Japanese anime posters: Most use bright colours or colours based on the characters displayed on the front of them, they provide information about certain events that are going to happen within the festival, some posters show important special guests in order to persuade people to come to the festival or display popular characters from new anime depending on how old the anime is. These are several points that can be considered when creating a poster. I had researched several companies who produced posters of anime, such as; BCE (Bristol Comic Expo), MCM (London Anime exhibition) and ‘AnimeExpo’. To make an effective anime poster, I have to consider the following; use of colour, use of characters, white space, the spacing of font and objects to make sure that the poster is not overwhelming.

I produced my poster using Photoshop and Illustrator, I used Illustrator to create my own original characters that I could use for the poster, which would have to match the colour scheme. After, I used Photoshop to create the posters designs using the tools within the program and effectively use layers in order to display my poster into the way it is. Using these programs, I was able to improve my use of technique when drawing Japanese Anime type characters.  When creating my posters I used a technique that I am familiar with, which is, shadowing and lighting, as I use it a lot on my work that requires Photoshop.  I had learnt new techniques, such as, polar coordinates and twirl in order to create my spiral background. Without these tools I don’t believe that I could not recreate the efficient posters as I did. Also without my research into existing anime festival posters, I would not have the same ideas generated as I created, as I had took into account what other professional Japanese Anime posters used, such as, bright colours that match their characters, if they use a character on the front of the poster, Multi-coloured typeface, use of real life imagery and overlaying.

I believe that my final design is effective because I have managed to follow the design style that is similar to the other anime posters currently existing. I have made sure that the posters do follow these styles by referring back to my research when I was unsure. I have also asked several people if they believe that my two posters are effective and they have said that they “do look effective” to the viewer. I have also had a person ask me about the event because they believed that it was a real thing and that it looked interesting. Unfortunately I had made a spelling mistake on my final design, which had cost me my entire research cycle, so I had to start again with it to show the end design.

If I was given the chance to work on this unit again I believe I would work on my time management, as I believe that I could have done a lot more to improve the quality and technicality of my work, as I could of spent some time doing some questionnaires to find out how effective my different colour posters were to the general public, which would of improved my overall work and could of allowed me to make some changes to how it looked to suit the audience more efficiently. I would also spend more hours working on this unit, as I had not been committed to annotation work until near the ending of the unit where I had starting coming on during my free time in order to make sure that I would meet deadlines, which may have affected the quality of my work in the unit. Although there are some negatives to how I have handled the unit, I am really pleased with how my two posters came out, as I see them to be of a professional standard. If I were to mark my work, I would give myself a merit or higher due to the amount of precision and research I have put into my work giving the end result of my posters.