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:
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.
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
Change the text...
With the text still highlighted, let's replace that placeholder text
"A Celebration of Music, Art, and Food"
USE ALL CAPS!
Align Center
To align the text with the center of the path, go to the Properties Panel and click the Center Align button under Paragraph
Options...
Now to select the whole path, press the ESC key (you should now see a bounding box and the Select tool is selected)
Options...
Choose TYPE from the top menus
Type on a Path...Type on a Path Options
TIP: Make sure the preview button is selected!
Now apply an effect on the text to make it look different!
You can also align the text vertically to the path in different ways
Ascender
Descender
Center
Baseline
You can even change the spacing of the letters!
Once you have selected one you like, click OK
Press Ctrl + S to SAVE!!! Do this often!
Curving and warping text are just some of the many ways you can be creative with text in Illustrator!
SHOW ME ON YOUR SCREEN!!
To save computer memory for other students using the computers....
We will CLOSE THE PROGRAM!
Click the X on the top right corner of Illustrator!
