Skip to main content

Personal Project - Opening Film Titles (WIP)



Opening Title sequences set the mood of an entire movie. With my personal project, I'll replicate styles used by graphic artists in films (mainly focused on war films.) And also study some of the artists creating these pieces that can draw people in or out of a feature film.




Dunkirk (2017) Directed by Christopher Nolan










In May 1940, Germany advanced into France, trapping Allied troops on the beaches of Dunkirk. Under air and ground cover from British and French forces, troops were slowly and methodically evacuated from the beach using every serviceable naval and civilian vessel that could be found. At the end of this heroic mission, 330,000 French, British, Belgian and Dutch soldiers were safely evacuated.





The graphic designer for the title is unknown (cannot seem to find them) but none the less, the opening title for Dunkirk tells a story. In my version (above to the left) I used the font style Franklin Gothic Heavy and overlayed a layer of the sea within it. With this simple text on a black background, we still get the sense of the movie and where it takes place. The sea divides these men from freedom, being a major role in the film and in history.





Fury (2014) Directed by David Ayer
Designer: Amanda Koh




In April 1945, the Allies are making their final push in the European theater. A battle-hardened Army sergeant named Don "Wardaddy" Collier (Brad Pitt), leading a Sherman tank and a five-man crew, undertakes a deadly mission behind enemy lines. Hopelessly outnumbered, outgunned and saddled with an inexperienced soldier (Logan Lerman) in their midst, Wardaddy and his men face overwhelming odds as they move to strike at the heart of Nazi Germany.

The blood-red sequence at the tail-end of Fury, David Ayer’s 2014 war potboiler, offers a brief respite from the gruesome bloodletting before plunging back into the fray. The film eschews an opening title sequence in favour of the one-two punch of a simple title card at the fore and an evocative main title sequence at the close. (mine above)

title references: http://www.artofthetitle.com/

steps for Dunkirk image

1.) Open photoshop

2. ) create a 2622 x 1212 black image/canvas

3.) Place your text with the 'Franklin Gothic Heavy' style and space each letter in between with 4 spaces.

4.) Drag an image of a beach into the same window (make sure the layer of the beach is above the text layer) 

5.) right click the beach image and choose the option 'create clipping mask' and move the image to your desired area so the beach and ocean are

half way in between the text.

6.) go to 'adjustments' and click 'levels' depending on your preference, you can change it to what you like. I set mine to 66 , 0.80 , 255.

7.) you're done!

steps for Fury image


1.) Open photoshop

2.) create a 2622 x 1212 image/canvas

3.) drag a photo of a WW2 image to the blank canvas and adjust it so it fits the dimensions of the background.

4.) create a 'gradient map' layer above the image, make sure black is to the left and red is set to the right (#ff0909) I also blurred the image using motion blur and added a second gradient on top to darken the already existing one.

5.) Add your text with a 'Franklin Gothic Heavy' style (size 100) with a drop shadow

6.) drag a second WW2 image above the text layer 

7.) right click the image and select 'create clipping mask' and move the image to your desired placement. 

8.) add a second 'gradient map' and right click to create another 'clipping mask'

9.) go to 'adjustments' and choose brightness/contrast and lighten the image font (brightness = 150 and contrast = -36)

10.) You're done!





Movie posters replicating Saul Bass




Saul Bass worked on many movie posters and designs for directors in the early stages of film ( 50s, 60s ) he used bright colours for a background and usually a black silhouette subject to counteract the brightness. He uses sharp/uneven lines to outline his subjects an gives little detail to viewers. 

Comments

Popular posts from this blog

Ted Talk: Rory Sutherland

The shreddies branding is genius (diamond shape) people actually believed this marketing technique. Phones are possibly the most innovative piece of modern technology (with location etc)  You knew perception was a huge part of marketing and an equally significant factor in generating sales. proven fact that cheap, undervalued products can be completely revamped through developing a new perception around it.  all value is subjective, BUT an intangible change can be just as satisfying as a physical change.  Frederick realized the farmers would rather be jailed than forced to grow potatoes. So he took a new approach, and decided to re brand the potato – changing its perceived value. He declared that potatoes were only for the royal grew them in his garden, protected around the clock by his guards.  “When you place a value on things like health and love and learn to place a material value on what you’ve previously discounted for being merely intang...

Final Design challenge project

Link to project : https://drive.google.com/open?id=10NIxK2jaSpRHvWIdBsN-DjuPGU2B5b77 ( Fury ending credit remake ) The quality is not as great since I didn't save it to the highest quality due to time. process: ( it's hard to show progress through film editing, I thought it would be easier to show a tutorial at the end. )  I first began this project with making a separate font in Photoshop (the tutorial is in my other reflection) After uploading WWII footage from youtube (downloading through mp3 converter) I added a red and black colour gradient using a sequence, allowing all of the footage to be edited at once. I then did some fine tuning with certain clips, reversing, speeding them up etc by right clicking on each specific clip and personally changing each. Then, I added title cards. I referenced the Fury title sequence using http://www.artofthetitle.com/title/fury/ ( 10/10 useful for reference and describing the sequence.) Soon, i then dragged my Photoshop 'FUR...

Semester Review

How was your progress?:  I thought my progress was good, I had a good understanding of design before this class because i wanted to be a graphic designer beforehand. I learned a lot about more of the technical side and ways of conveying different designs.  What are your strengths? What did you struggle with?:  I believe my strength mainly is executing clean designs that do looks nice, however, I know i do worth fast but this has never been a problem for me. I still am satisfied with my worth even when I'm working with speed, I'm just like that but that can been seen as a struggle. Also linking HTML pages through computer links, that made me give up a bit since I'm used to linking real webpages from websites. I struggled with recording my progress too. What project was your favorite and why?:  I really liked and enjoyed the final project. It really gave me free roam to do anything I wanted and work on my future career within this class but with a different ...