Process: FOG
-
Upload
maximillian-piras -
Category
Documents
-
view
218 -
download
0
description
Transcript of Process: FOG
![Page 1: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/1.jpg)
![Page 2: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/2.jpg)
Generated by CamScanner from intsig.com
![Page 3: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/3.jpg)
Process Book:
FOG
![Page 4: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/4.jpg)
Generated by CamScanner from intsig.com
The first element I untertook for FOG’s graphic identity was its logo. I wanted to create something unique that also spoke to the film’s theme.
![Page 5: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/5.jpg)
Generated by CamScanner from intsig.com
Generated by CamScanner from intsig.com
Avoiding any temptation to illustrate fog, I decided to focus on the romance in the storyline.
![Page 6: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/6.jpg)
Generated by CamScanner from intsig.com
The first attempts were too bland, too Disney-esk, and too expected.Generated by CamScanner from intsig.com
![Page 7: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/7.jpg)
Generated by CamScanner from intsig.com
Eventually I decided to remove all personification from the letter forms, concluding that I could speak to the Neo-Noir theme better without it.
![Page 8: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/8.jpg)
Generated by CamScanner from intsig.com
I explored the possibility of designing the type with the mood I saw in the film:comically dark, introspective, and always under a haze of fog & streetlamps.
![Page 9: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/9.jpg)
Generated by CamScanner from intsig.com
I designed off of typical serif font families often used in Noir classics, then warped the terminals to give it a unique but oddly obscure look & feel.
![Page 10: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/10.jpg)
Generated by CamScanner from intsig.com
![Page 11: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/11.jpg)
Generated by CamScanner from intsig.com
![Page 12: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/12.jpg)
Generated by CamScanner from intsig.com
![Page 13: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/13.jpg)
Generated by CamScanner from intsig.comThe result seemed strange enough to work.
![Page 14: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/14.jpg)
Generated by CamScanner from intsig.comI began working the romance back in via vauge illustration.
![Page 15: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/15.jpg)
Generated by CamScanner from intsig.comThen I took the romance to the Red-light Distric.
![Page 16: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/16.jpg)
Generated by CamScanner from intsig.com
![Page 17: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/17.jpg)
Generated by CamScanner from intsig.com
![Page 18: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/18.jpg)
Generated by CamScanner from intsig.com
![Page 19: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/19.jpg)
Generated by CamScanner from intsig.com
![Page 20: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/20.jpg)
![Page 21: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/21.jpg)
The result missed expectations.
![Page 22: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/22.jpg)
Generated by CamScanner from intsig.comAfter my disappointment with the initial illustration,
I decided to go in the opposite direction and explore abstraction.
![Page 23: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/23.jpg)
Generated by CamScanner from intsig.com
![Page 24: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/24.jpg)
Generated by CamScanner from intsig.com
After eliminating everything, I realized the more interesting theme of the film was not the romance itself but what instigated it. That being the psychological effect of living in a world constantly covered in fog.
![Page 25: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/25.jpg)
Generated by CamScanner from intsig.comThis led me to the above image. A nod to the unofficial medical condition called Brain Fog.Essentially it comes to represent an overall clouding of consciouness.
![Page 26: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/26.jpg)
Generated by CamScanner from intsig.com
![Page 27: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/27.jpg)
![Page 28: Process: FOG](https://reader030.fdocuments.us/reader030/viewer/2022020221/568c4c1e1a28ab49169edd95/html5/thumbnails/28.jpg)