Summative: Display FonT & Poster
Project Brief
Design your own display font. Remember, for a font to be a display font, it must be decorative/illustrative and so detailed that it is hard to read at small sizes (AKA: not your handwriting font). Take a look at the examples above and below to get ideas. Drawing your characters should take you at least 2 full class days.
You must also use the 4 lines correctly so that your cap height and baseline are consistent.
Think of a Theme or Style
Think of a theme or style to tie your display font together and make it unique.
Display font: illustrative and complex, so much so that it can't be read at small sizes.
Save the Template & Open Fresco
Open Adobe Fresco
Start a new document: tap "+ Create new"
Tap "Letter"
Save the template photo on the right to your photos
Upload the photo to Fresco.
Draw your Characters
This step should take you around 2 class days.
Draw each character in each individual box according to the theme or style that you chose.
Make sure to keep a consistent cap height, x-height, baseline, and descender line.
Only black will appear on your font.
Quick Export
Click the export icon
Click "Quick export"
Click "AirDrop"
On IMac: Turn on AirDrop
On your iMac open Finder
Go to "AirDrop"
Make sure it says "Everyone" (click "No One" to change)
Find iMac Name & Airdrop
Look for the sticker on the bottom right of your iMac that says "AirDrop Name"
If there is no sticker:
From the Launchpad, open System Settings and go to "Bluetooth"
Find "Now discoverable as: _______"
iPad: Look for that name on your iPad's AirDrop and tap to send.
Accept File on iMac
iMac: Click "Accept" on your iMac
Your photo will be saved to your "Downloads" folder in Finder
Log in to your Calligraphr Account
On your iMac:
Go to: https://www.calligraphr.com
Log in. (You should already have an account from the Handwriting Font assignment)
Delete Your Handwriting Font
In Calligraphr click "MY FONTS" in the top left purple menu bar
Click the three dots in the gray menu bar and click "Delete Font" (you can only have one font at a time).
Upload Template Photos
Click "Upload Template" in gray menu bar
Click "Choose File" and locate the template photos.
Uncheck "Automatically clean templates"
Click "UPLOAD TEMPLATE"
Once it is finished processing, click "ADD CHARACTERS TO YOUR FONT"
Adjust Baseline/Size
If you drew your letters correctly, you might not have to do this step. Just double-check that your cap height and baseline are consistent.
Click on a character and then click "ADJUST BASELINE/SIZE"
Adjust the baseline and size so that your letters are consistent across the cap-height, x-height, baseline and descender lines.
Click "SAVE ADJUSTMENTS"
Repeat as needed with other characters.
Download Font
Click "Build Font"
Rename: Choose a name for your font based on the theme.
Click "BUILD"
Click on the file ending with ".otf" to download.
Add .OFT File to Google Drive
Set Up Finder
Go to your Finder in your dock.
Select the "Columns" icon or choose "as Columns" in the dropdown list.
Select "Kind" the next dropdown to the right.
Open "3 - Typography" & Move .otf File
Open up "My Drive" and navigate to your "Graphic Design" > "3 - Typography"
Right-click on "Downloads" and click "Open in New Tab"
Drag the .otf file to the "3 - Typgoraphy" tab.
Install Font
Double-click on the .otf file and click "Install Font"
Copy the Illustrator Template
Go to the Display Font Poster Template: https://assets.adobe.com/id/urn:aaid:sc:VA6C2:f81339db-7744-4d25-addd-b7f08abb6598?view=difile
Click "Sign in" (unless already signed in)
Click "Copy to Files"
Open the Creative Cloud desktop app from your dock.
Right-click and click "Open"
Add Your Font & Words
Select the "WORD word WORD" text box.
In the right-side panel under "Properties" change the font to your created font.
Think of three words, related to your font's theme/style, to replace the "WORD Word WORD".
Select the text box with the punctuation, numbers, upper case, and lowercase characters.
In the right-side panel under "Properties" change the font to your created font.
Adjust the Leading & Tracking
Select your text.
In the right-side "Properties" panel under "Character" adjust the leading to your liking.
Illustrator automatically defaults to 120%. (You will need to type the size and leading size in your reflection)
In the same area, adjust the tracking to your liking.
Illustrator automatically defaults to 0 (You will need to type the tracking # in your reflection)
Find a Text Font & Fill in the Paragraph
The bottom paragraph should not be in your font.
Select the text box with the written paragraph.
Choose a text font that you think works well with your created display font.
Remember a text font is easily readable at 8-12 pt. font and therefore is usually fairly simple and boring.
Replace the blanks with your own words to complete the paragraph.
In the "Layers" window, click the empty square next to the "Text" layer to lock it.
Choose a Color
In the "Layers" window, click the lock next to the "Color" layer to unlock it.
Click on the gray rectangle.
Double-click the gray square on the bottom of the left toolbar to open the "Color Picker"
Save as a PDF File
Go to "File" > "Save As..."
Click "Save on your computer"
Click the down arrow to the right of "Where"
Choose "My Drive" > "Graphic Design" > "3 - Typography"
Change the Format to "Adobe PDF (pdf)"
Click "Save"
Click "Save PDF"
reflection Questions
Create a Google Doc in your Portfolio
Open Google Drive on your iPad
Navigate to your "Graphic Design" folder then "3 - Typography"
Click the "+" in the bottom right and click Google Docs.
Respond to The Reflection Questions
Copy and paste these questions into your Google Doc and answer them.
What is your font size for your 3-words text box?
What is your leading size for your 3-words text box?
What is the tracking of your 3-words text box?
Copy Link & Submit to Canvas
Copy your link to your overall "Graphic Design" Google Drive folder.
Go to Canvas
Click "Submit Assignment"
Click in the text entry area.
On your keyboard, click "cmd" + "V" to paste the link.
Click "enter" or the spacebar to make the link a clickable blue underlined hyperlink.
Click "Submit Assignment"
