Wednesday, June 5 :: Click Link for assignment >

Friday, October 27 :: Warp, Warp!

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: Review 2 :: Due Friday, October 27

typing.com

Typing:

Log in to typing.com
Click Lessons
On Beginner Tab, Review 2
Due Friday, October 27
10 Pts.

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 Warping!

WHY IS IT IMPORTANT: Adobe Illustrator is a vector graphics editor and design program developed and marketed by Adobe Inc.

What you will learn: Warp and Curve Text using different !

Warping text is the process of reshaping text using an envelope. An envelope can be a preset shape, a shape you create, or a mesh of editable anchor points.

HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will finish a poster by adding text to a shape called "warping." As well as adding text along a path.

WARPING TEXT

Warp and curve text using different methods

Adobe Illustrator

We need to grab a file first!

Click the Ai Image on the left!

Left click the DOWNLOAD button on the top right

This will save the file to your Arts & Media folder!

Quick Tip! After you click the download button, notice on the top right corner the download should appear...simply click the file to open!

If Missing fonts box appears...click activate fonts to sync the Adobe font to your computer. Click Close after they are activated.

Adobe Font: Boucherie Block Bold

SAVE (as) YOUR DOCUMENT!

Shortcut: Shift + Ctrl + S

(or File: SAVE AS)

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 WARP"

Click SAVE

Illustrator OPTIONS...

Version: Illustrator 2020

click OK

With the document open...

Click on VIEW (on the top menu) and select Fit All in Window! Ctrl + 0

Turn on SMART GUIDES

Click VIEW

Click SMART GUIDES (Check mark should be next to smart guides)

Smart guides will help to easily align the letters with each other as we modify them. (They will show up as Magenta lines)

Warping the headline

With the Selection Tool selected

Select the text "FOLK ARTS" with the selection tool (you should see a text bounding box)

To warp it...

Choose OBJECT...ENVELOPE DISTORT...

You will see that there are 3 options in this menu:

Make with Warp (we'll use this one!)
Make with Mesh (Applies a mesh on top of the text so that you can edit parts of the text)
Make with Top Object (uses a shape you create on top of the text to warp the text into)

Choose Make with Warp

Warp Dialog box

In the dialog box that opens, you've got a lot of creative options and shapes to choose from.

To see how they work, make sure Preview is selected.

Tip: You can experiment by choosing a different style from the pull down menu.

Choose Arc Lower to go for this particular effect we are doing

Arc Lower

You can choose to bend it in either a horizontal or vertical orientation

For this poster, select HORIZONTAL

You can also choose how much the shape is bent by sliding the individual sliders. Try it!

Set Bend to -20 (pull the slider to the left)

Distortion make sure they are both set to 0

Click OK

Envelope Warp

After you click OK, the text is put into a shape that Illustrator creates. Together they are called an ENVELOPE WARP. When selected, you can see that in the Properties Panel.

When selected, you can edit the shape the text is in using transform tools.

For instance, pull the bottom center anchor down to make the text taller. When you release the text is now in the form of the taller shape.

EDIT CONTENTS BUTTON:

Editing the text

You can still edit the text...

With the text selected, go to the Properties panel and click the EDIT CONTENTS button

You can now see the text box instead of the work shape.

To edit the text, select the TYPE TOOL

You can then change the text or formatting/font

Change the word "ARTS" to "FEST"

EDIT ENVELOPE BUTTON:

To STOP editing the text

To stop editing the text, select the selection tool

To edit the shape again, click the EDIT ENVELOPE button in the Properties Panel

Now Drag it into place

The Magenta Smart Guides should help you center it

Curing text on a path

We want the curve of the path that the text will follow to closely match the curve of the bottom of Headline text

Select the CURVATURE TOOL

Press Ctrl + S to SAVE!!! Do this often!

Creating the path...

Start your path on the bottom left near the F in FOLK by clicking and releasing (Do not pull!)

Now to make sure the curve follows the bottom of the text, click and release at the bottom center of the text. (It doesn't have to be perfect!)

And to finish the path, click and release near the bottom right by the T

You should again see the magenta Smart Guides helping guide you!

Click ESC to end the path

Move the path...

Select the Selection Tool and drag the path down

The text will sit above the path, so you are giving it some room.

Add Text to the path...

Select the Text Tool

Place the Text cursor at the beginning (left) of the path. Wait to see the cursor change (see image)

Click once!

Text should now follow the path and the path itself should disappear!

Change the text...

To make the text something that we can see, in the Properties Panel change the font size to something bigger (try 54 pt). Then change the fill color (use an Orange Global color)

TIP: Make sure the text is still highlighted!

Press the ESC key to hide the colors pallet