Motor City Typeface Process
-
Upload
casey-cole -
Category
Documents
-
view
221 -
download
5
description
Transcript of Motor City Typeface Process
![Page 1: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/1.jpg)
Typeface Design Process Book
MOTOR CITY
![Page 2: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/2.jpg)
INSPIRATION
OK Used Cars | Cannon Fal ls , MN
The letters “U”, “A” and “R” attracted me the most and served as my jumping of f point for init ia l sketches.
I ’ve a lways admired hand letter ing ever s ince I was young. I ’ve made i t a habit to take photographs and document o ld signage and typography that I f ind in the environment, a l though these were found images, I instant ly fe l l in love with the c lumsiness of i ts construction.
![Page 3: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/3.jpg)
OK Used Cars | Cannon Fal ls , MN
![Page 4: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/4.jpg)
![Page 5: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/5.jpg)
SKETCHES
From the photos came rough sketches of the letter forms. As I moved the penci l across the paper, I t r ied staying within the parameters of the surrounding letters to i ts approximate size. I knew that I didn’t want to spend too much t ime messing with the detai l o f the forms since i ts purpose was to serve as guidel ines in the digita l realm.
The next step was to scan them in and careful ly begin creating the letter forms in I l lustrator with the pen tool .
![Page 6: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/6.jpg)
POST MODERN GLYPHS
These glyphs were the fourth part of an assignment during the f i rst hal f of the quarter where we were assigned to develop six “key letters” : O, C, D, E, V and G and create a post-modern typeface.
This was my f i rst attempt at the digita l rendering of the letter forms, which was highly unsuccessful despite the amount of t ime I put into them.
![Page 7: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/7.jpg)
After a l l o f the f rusterat ion and tedious work, I real ized upon closer inspection that the reason I was attracted to the letter ing on the side of this bui lding was because of i ts essense. You could see and feel the l i fe of i t and i ts creation. The physical bui lding facade gave the letters depth and texture, whi le the transit ion points were more spontaneous.
I knew I wanted a more horizontal , a lmost squared look to the “O”. This one is far too vert ical in i ts height.
Terminals are sharp and abruput, counter emphasizes weight towards the bottom of the form.
Same issues as “C”. Stem leaves counter space stuf fy.
Arms and crossbar terminals sharp, a lso leave counters wide open.
![Page 8: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/8.jpg)
![Page 9: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/9.jpg)
This test pr int was to see how the more resolved forms with rounded counters and strokes appeared visual ly at three di f ferent s izes on paper. I was pleased that the forms st i l l fe l t f luid at the smal ler s ize, so f rom here I made cut outs and wedged ‘stenci ls ’ for consistancy throughout the rest of the letter forms.
![Page 10: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/10.jpg)
![Page 11: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/11.jpg)
![Page 12: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/12.jpg)
![Page 13: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/13.jpg)
At this point I fe l t that I had enough glyphs to where I could start constructing other letters f rom parts and pieces f rom the ones I a l ready had.
![Page 14: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/14.jpg)
The ref lection tool in I l lustrator saved hours of work and f rustrat ion, e l iminating the need to draw the second hal f of i ts equivalent s ide.
Creating circ les helped keep consistency in weight throughout the forms on a l l points, rather than using another shape such as a square that would prove uneven and imbalanced results .
![Page 15: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/15.jpg)
![Page 16: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/16.jpg)
![Page 17: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/17.jpg)
![Page 18: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/18.jpg)
![Page 19: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/19.jpg)
![Page 20: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/20.jpg)
![Page 21: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/21.jpg)
![Page 22: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/22.jpg)
![Page 23: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/23.jpg)
![Page 24: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/24.jpg)
![Page 25: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/25.jpg)
![Page 26: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/26.jpg)
Antique Ol ive served as a good reference for the top heavy shoulder form I was trying to obtain.
![Page 27: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/27.jpg)
My professor demonstrated with exaggeration in their forms how my letters need to re late in some aspect to one another with a heavy top shoulder, or at least a hint of the weight transfer.
![Page 28: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/28.jpg)
![Page 29: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/29.jpg)
I t ’s t rue. This screen shot remained the only reference I had three days before the .ot f f i le was due, complete with numerals and punctuation due to an unfortunate technological mishap. And yes, I learned my lesson of the importance of backing up your f i les the hard way.
Also, documenting your process is cr i t ical for this reason upon many others.
![Page 30: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/30.jpg)
![Page 31: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/31.jpg)
![Page 32: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/32.jpg)
![Page 33: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/33.jpg)
![Page 34: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/34.jpg)
![Page 35: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/35.jpg)
![Page 36: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/36.jpg)
![Page 37: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/37.jpg)
![Page 38: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/38.jpg)
![Page 39: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/39.jpg)
![Page 40: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/40.jpg)
![Page 41: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/41.jpg)
![Page 42: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/42.jpg)
![Page 43: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/43.jpg)
![Page 44: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/44.jpg)
![Page 45: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/45.jpg)
![Page 46: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/46.jpg)
![Page 47: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/47.jpg)
![Page 48: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/48.jpg)
![Page 49: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/49.jpg)
![Page 50: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/50.jpg)
SUBCONSCIOUS INSPIRATION
Growing up in the Detroit area, instances of these letter-forms are seen everywhere, being the Motor City capita l where Henry Ford evolved the industr ia l future of America.
Whi le looking for photographs to display and compliment the typeface for presentation, I came across this abondoned bui lding faced with letters holding many simi lar i t ies to my typeface. The symbol ism as wel l as the deminishing words inspired the name, Motor City.
![Page 51: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/51.jpg)
![Page 52: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/52.jpg)
DETROIT
![Page 53: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/53.jpg)
DETROIT
![Page 54: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/54.jpg)
Motor City pays homage to the classic cars’ curvilinear shapes and industrial construction.
![Page 55: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/55.jpg)
![Page 56: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/56.jpg)
![Page 57: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/57.jpg)
![Page 58: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/58.jpg)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
BIKE
BREAK
![Page 59: Motor City Typeface Process](https://reader034.fdocuments.in/reader034/viewer/2022042617/568c37ce1a28ab02359cdd22/html5/thumbnails/59.jpg)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
BIKE
BREAK
THE QUICK BROWNHAMBURGER
PETER PANCAPTAIN HOOK
EX GIRLFRIEND