Wednesday, June 5 :: Click Link for assignment >

Monday, October 16 :: Text Tools, Typefaces & Fonts!

Adobe Illustrator

Expectations:

C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)

H: Ask your team, elbow partner or raise hand

A: Work on the assignment

M: Stay in your assigned seat

P: Work till assignment is completed

S: Finishing your work

CELL PHONES IN YOUR BACKPACKS!

ANY cellphone out will be taken for guardian pick up...no exceptions!

Typing.com ASSIGNMENT!

Beginner: Period and Comma :: Due Friday, October 20

typing.com

Typing:

Log in to typing.com
Click Lessons
On Beginner Tab, Click Period and Comma
Due Friday, October 20
10 Pts.

CHECK ATLAS!

Take a moment to check Atlas for grades!!!!

Finish the Robot assignment that was due Friday!!

If you are finished or waiting, work on Clever!

Students click on the Clever icon on the desktop
Sign in using the username & password (same as logging into computer)
Click on the square that says iReady
Continue until time is up!

Lessons have been assigned to them based on their diagnostic test results both in Math and Reading. Within each lesson are brain break games. The district is pushing a goal of 45 minutes per week on Online Lessons in ELA and 45 minutes per week in Math to close the gaps found in the diagnostic. Math and ELA are providing some of that time during the week, but not all.

Clever/iReady

WHAT IS ILLUSTRATOR?

What you NEED to know!!!!

WHAT ARE WE LEARNING: Adobe Illustrator

WHY IS IT IMPORTANT: Adobe Illustrator is a vector graphics editor and design program developed and marketed by Adobe Inc. Originally designed for the Apple Macintosh, development of Adobe Illustrator began in 1985.

HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will practice different tools and techniques and gradually show your success!

Beginning Graphic Design Typography-1080p.mp4

ILLUSTRATOR TOOL BAR

When you open a document in Illustrator, the default toolbar appears at the left of the screen. It includes a set of tools that you frequently need while working in Illustrator.

Adobe Illustrator

Text Tools

Text tools help you to add and edit text (type) in your artwork. Apart from plain text, you can also add text on a path or in an area, and apply the desired text effects

Text tools...

Let's try these!

tools-in-illustrator-text-tools-ai.mp4

Watch this animation to see some of the Text tools in action.

Create a NEW Illustrator Document

Let's practice!

Access the New Document dialog

Launch Illustrator.
Do one of the following:

Select File > New.
Click New or Start New in the Start workspace.
Use the following keyboard shortcut:
(Windows) Ctrl+N
Right-click the tab for an open document and choose New Document from the in-context menu.

Select Print:

8.5x11 (this is a standard sheet of paper)

Click CREATE

SAVE YOUR DOCUMENT!

Shortcut: Ctrl + S

Save to YOUR COMPUTER!

Click the Save on Your Computer button

On the left click THIS PC

Select Desktop

Select Arts and Media Folder

Name the document:

"First Name Last Name Text Tools"

Click SAVE

Illustrator OPTIONS...

Version: Illustrator 2020

click OK

Type Tool

The Type tool lets you add text to your designs.

Click the Type tool or press T.
Point type: To add text at a point, click where you want the line to begin and start typing.
Paragraph type: To create a rectangular container for longer text like paragraphs, drag to make a bounding box.
Area type: To use a closed object's shape as a type area, click its path with the Type tool selected.
To add a line break, press Return (macOS) or Enter (Windows).

On you document, select T on the keyboard.

Try typing your Name!

Type On A Path Tool

The Type on a Path tool lets you enter type that follows a shape or path.

To create horizontal text along a path, select the Type on a Path tool .
To create vertical text along a path, select the Vertical Type tool or the Vertical Type on a Path tool.
Position the pointer on the path and click.
Enter your text and then click the Selection tool to select the type object. Alternatively, Cmd - Click (macOS) or Ctrl ‑ Click (Windows) the text.

Using the ellipse tool, draw a circle on your document.

Select the Type on a Path Tool.

Click on the circle and type!

Try typing your Name!

Vertical Type Tool

The Vertical Type tool lets you add vertical text to your designs.

Select the Vertical Type tool .
To add text at a point, click where you want the line to begin and type.
To add text to a container, drag to create a bounding box and type to fill it.
To add a line break, press Enter (Windows) or Return (macOS).

Select the Vertical Type tool.

Click and type your name.

This is called "Cafe" style!

Fonts, Fonts, Fonts!!!!

Adding fonts to your computer...and using them!

What are fonts?

A font is the design of letters and contains their style details.

When you buy a font online you are buying a digital file that you must install on your computer. You can see it best as a small piece of software that will tell you how the letters should look and print.

What is a Font Family?

A lot of times you will an offering a complete family! Sounds great, but what is it? When you are using regular fonts such as Myriad on your computer, you are actually using a font family. If you type in Microsoft Word some text you can easily change it into:

Italic
Bold
Bold Italic

All these variations are different fonts and together they make up a font family.

Typeface vs. Fonts

A typeface refers to what you see, a font refers to what you use. You may have heard the analogy that if a typeface is a song, the font is the mp3. The font is the digital file with a very specific set of values, including weight, style, and width used to create text in a certain style, while the typeface is the design or look that is shared by these fonts!

Understanding the Nuances of Typeface

Possibly with the exception of color, the typeface styles used in a design have a greater impact on the way a user perceives that design than virtually any other individual design element.

First things first: What’s a typeface?

A typeface is a set of designed glyphs that represent letters, numbers, and symbols. (This is not to be confused with a font, which refers to its medium, such as software or metal type.) There are hundreds of thousands of typefaces out there in the world, but here are a few main classifications that can help you to navigate it all.

Typography Basics

There are five basic classifications of typefaces: serif, sans serif, script, monospaced, and display.

Serif Typeface

Serif typefaces include a slight projection finishing off the strokes of its letterforms (called serifs).

Examples: Times, Palatino, Slab Serif, Bodoni, Typewriter

Sans Serif Typeface

Sans serif (sans means without) typefaced do not include any projections at the end of the strokes of its letterforms.

Examples: Helvetica, Myriad, Arial, Open Sans

Script Typeface

Script typefaces are based on the fluid strokes of handwriting, and can range from formal to very casual. They are suitable for display use.

Types of Script Typefaces:

Formal (Flowing loops and flourishes)
Casual (brush like appearance)
Calligraphic (Emulates hand-lettering)
Blackletter (Formal, strong contrast strokes)
Handwriting (Casual, mimics modern handwriting)

Monospaced Typeface

Monospaced typefaces are non-proportional...every letter takes up the same amount of horizontal space on the page or screen. There are serif and sans serif varieties.

Example: Courier New

Display Typeface

Display typefaces vary widely in their appearance, and include both practical and novelty fonts suitable for headlines and titles.

Characters and Glyphs

The basic building block in typesetting is a glyph—a letter, numeral, or symbol. Now, let’s look at the structural anatomy of each character, and the nuances that make up each character and glyph.

SIZE: POINT and PICA

There are a few ways to measure and specify the size of type, depending on where it’s being used and viewed.

Point and Pica are common measures of unit for typography.

ALIGNMENT

Alignment refers to the positioning of text within the page, whether print or digital. Unjustified alignment styles include flush left, flush right, centered; justified alignment refers to a block text that’s been spaced to align along both left and right margins.

SPACING

At the sentence level, spacing gets more detailed. The placement of words and individual characters can affect legibility, syntax, and overall clarity to the text and the reader experience.

Does it matter?

Yep! Good typography can help your reader devote less attention to the mechanics of reading and more attention to your message. Conversely, bad typography can distract your reader and undermine your message.

Adobe Fonts!

Select your text

On the PROPERTIES TAB...

Under CHARACTER
Click the Small arrow to the right of the search box
Click Find More

Scroll to look at fonts

Click on the font you want
Click the Activate button (cloud)
Click OK to activate!

Now...find 3 Adobe Serif fonts and 3 Adobe Sans Serif fonts!

Using the Type Tool

Click and pull to draw a large text box (see right)
Type Serif Font 3 times
Type Sans Serif Font 3 times

Still Using the Type Tool

Select ALL (Ctrl + A)
In the Properties Panel, change the font size to 45 pt and the leading to 92 pt

Now try different fonts!

Highlight (select) the text in the first line ("Serif Font")
In the Properties Panel, towards the bottom click the small arrow to the right of the font and choose a SERIF font
Charge the other lines accordingly (sans serif choose a sans serif font etc)
Add your name to the Artboard and change the color of the font!