Shining Film Facts: Development + Production

I drew out some preliminary sketches of how I would want the app to work, the layout of the app's structure and how it would flow if It was to be a real product, I wanted that be the first idea I had laid down so the rest could follow on from it. The ideas I had here involved film-reels and film negatives been the slides that would scroll along but I deemed them irrelevant. 

I had the idea from watching it again that I could structure it to be a long corridor, inspired by the corridor scene with Danny on his trike, I really liked the idea of using the doors (which play a big part/role in the film) to be part of this corridor where you could open a door to find a fact behind. Something in that relation. This then meant that there would be two layers to the slides, slides and facts along with a splash page as the introduction. I thought I'd go with the best 10 facts as my set amount to work too as that'd be 10 facts too, plus the splash.

For the splash I took a look into Saul Bass' ideas for The Shining movie posters, they were concepts I really liked that Kubrick discarded but I finally decided to use the Carpet pattern as the main feature pattern. I choose It because of just how iconic it is to the film how heavily featured it is when it comes to the film. The pattern is just as famous as the film because of it, you know shining when you see the pattern.

I thought up a few concepts for the corridor and the doors that could possibly feature in it, I decided to go with a flat 2D scrolling design as It would the best when it comes to translating to 2D and would allow me to involve more details without involving perspective into it. I also started to design out different parts, the arrows the handles, door frames. I used screenshots from the film for reference for the different doors involved. I then decided to draw out my fact pages.

I setup a layout for the fact page so it was in a tight column  I then thought I'd be best to have the door too in this way so when the door opens it doesn't disrupt the viewer and keeps a very clean and logical layout to it.

I did attempt to try and trace the logo from the Original film poster but It didn't really work, I found a imitation of the typeface online that I then used from Dafont. I thought it worked really well in hindsight, it did the job I wanted.

The first thing I created was the carpet, the hardest part I think, It was a awkward pattern to get right but I got it right eventually using the pen tool and expanding the line.

I attempted to try and imitate the carpet exactly as it is in the film, but i really hated it, it just felt too expected. I chose instead to use the lines from it, as above, and go with these instead. I choose the yellow from the shining poster to then use in contrast as the background. I created a tonne of manipulations of these to try and see what would work best. I used Futura for the typefaces involved for everything else because it was Kubrick's favorite font and was used throughout his work too. I then found it to work incredibly well with the design.

I started then to create the doors as well, using Futura bold for the door numbers worked nicely too so I kept with that. For the floor I used the perspective tool to apply the carpet to the same perspective to act as the carpet it is.I was really happy with the result of that, I created the famed room 237 door first including a reference to the door key Danny sees when he's on his trike.

For the door Jack chops down I tried to get the peeling of the wood right but It was hard to achieve because   of just how wood splinters it was hard to appear realistic, but I suppose it doesn't help that it's a vector and not a photograph. I got to a result I was satisfied with and left it with that because I thought it was convincing enough after spending to long on it. I created the door from the previous to match for these ones.

Also including the axe afterwards as an afterthought to act as a reference. For the fact page I used a screenshot I took of when Danny is in the storage room as it was one of the only ones of him standing I could find of him in the film awkwardly enough.

I tried to create detail for the elevator using the pattern that features on the top and creating the dial as I thought It was essentially when it didn't have them it looked really odd so I needed them details to create a distinction from the rest. Getting the blood right coming out of the door was difficult because I didn't want to include so much detail you'd never see in the rest and keeping this to a minimum was hard because of this. It just looked drapery instead of been blood pouring out. I took a screen shot of Shelley running up the stairs from the scene the fact page mentions to then use her as part of the info-graphic.

I wanted to add in some plain doors as well so I numbered them from 201-246 (201 been a 2001: A space odyssey reference), I took a picture of a AT-AT walker because they're the ones featured in the Hoth battle so I'd have that link connected. It took awhile to get the snow right because the snow flakes looked like flowers.

Here I used the picture from the maze they had setup to film in to use for my fact page, I thought this was effective, I didn't have many ideas how to show this fact outside of this.

I used Google maps to and using London as a start, I choose cities that were far enough away, surprising found out that Middlesbrough Is very to 246 miles! I found a different picture of the UK to use and then applied the line the road followed on-top to create the image.

I used the perspective here to get the x50 to the right angle with the arrow the same, I made the tennis balls have the same perspective by changing their sizes which worked really effectively.

I drew out Redrum with the line tool and then applied the brush tool to it to create the same effect that would have with crayons, I really liked how it turned out when it was sized down tool. 

I drew out the guy, I didn't want him to be perfectly sausage like ---  like how the ones for toilets are. I didn't use the same image of Danny here because I the people who auditioned weren't him, so I wouldn't make sense. I wanted them to be all anonymous. Danny been the red one, this visual clue hints to that and I believe it worked.

For the pie chart I roughed in my sketches I found difficult to incorporate into the design here because you need alot of information for a pie chart I tried to simplify it down as much as I could to work and I think the idea is got across, You see the biggest amount top and you see the biggest amount on the pie chart so I believe it to have.