Wednesday, October 4 :: Color and Strokes!

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: O, B, and A Keys :: Due THURSDAY, October 5

Typing:

If you are finished or waiting, work on Clever!

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 Changing Colors

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

What you will learn: Color artwork

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

ILLUSTRATOR: Changing color and strokes!

Learn the basics of working with colors in Adobe Illustrator, including how to change color, create swatches, recolor artwork, and more.

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

Adobe Illustrator

Let's open Adobe Illustrator now

On your desktop...you can double click (click click) the Illustrator icon (shown left) or

Click the windows icon on the bottom left of your screen and a list of programs will appear 

Click on Adobe Illustrator


With Illustrator open, you can open a file by choosing file in the menus above and then OPEN or OPEN on the Left hand side!

This is also where you can start a new file but we'll do that later!

_____________________________________

Let's open the file we downloaded!

Click OPEN

On the left of the screen that pops up, click Downloads

If DESKTOP does not show up, click (on the left) THIS PC...then on the right look for DESKTOP and (left) Double click (click click!)

Let's SAVE (as) YOUR DOCUMENT!

Shortcut: Shift + Ctrl + S

Save to the YOUR COMPUTER!!!



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

Click SAVE

Illustrator OPTIONS...

Version: Illustrator 2020

click OK

With the document open...

Click on VIEW (on the top menu) and select Fit Artboard in Window!

Select the Selection tool (V)

Select the large GREEN shape 

Shapes and other vector artwork as well as text in Illustrator can have a fill and a stroke.

For this green shape, the green color is the FILL and the red color is the STROKE or border surrounding the fill.

You can apply a solid (like the green or red) or a gradient which is basically a blend from one color to another, or a pattern to the fill or stroke. (we'll talk more about these later)

Properties Panel

Look at the properties panel to the right of the document.

TIP: If you don't see the Properties panel, click window from the top menu and select PROPERTIES and the panel should pop up

With the green shape selected, you should see in the properties panel the fill color and stroke colors that are applied




Click the FILL COLOR

Click the Fill color (in the Properties panel

You should see an option for showing a series of default saved colors called SWATCHES

There is also an option to mixing or creating your own color.

Make sure the SWATCHES option is selected

Changing colors...

Each new document you create, comes with a number of default swatches

With the green shape still selected, try clicking a few of the colors to see how they look in the document.

Notice there are some PATTERN and GRADIENT swatches as well.

SELECT THE RED COLOR to continue

Stroke colors...

This time we are going to REMOVE the stroke color.

Click the Stroke color in the Properties panel

Select the color NONE to remove the red stroke.

Press ESC to hide the panel (top left on keyboard)


One box represents the FILL the other the stroke. The arrow on the right will toggle them to select fill or stroke.

Custom colors...

What if you want to make your own color?

Next, we'll make a new color for the red shape on the right image (the tail of the owl)

With the selection tool, select the red shape

Look at the bottom of the Tools panel.

Double left click the Fill (solid red) box to open the Color picker.

You can create a color in quite a few ways.

Let's create a color visually

Drag the the color spectrum bar in the center, pick a light blue color.

To pick an exact color, come to the color field and click in the area of the desired color.

To apply the color...simply click OK

Eyedropper tool! (i)

Now you have created a color, but that color isn't automatically saved (to use again)

Click to select the red shape on the first image

Click on the Eyedropper tool (or press i on your keyboard)

Click on the blue color on the other shape to apply the same fill and stoke color on the selected shape!

You are essentially sampling the color!

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


Creating SWATCHES

Now that we have created a custom color, let's save it as a swatch!

With the Blue shape selected, click the fill color in the Properties panel.

Make sure the Swatches option is selected

To save this NEW color as a swatch, click the New Swatch button at the bottom of the panel. (Its the little + )

In the New Swatch dialog box that opens, you'll notice the color name is the Mixture of with CMYK or RGB to make the color.

You can give the color a name (like Bird Blue) or anything that makes sense to you now...but will also make sense to you later.

Consider that you might use this color for something different later.

Notice the GLOBAL option in the New Swatch dialog box.

With Global selected (default), this means if you later change the color of this swatch everything with that color applied will update!

Click OK (you should now see it as a swatch in the panel.

NOTE: Swatches you create are ONLY saved in the open document!

Changing the swatches view!

Currently, swatches are in "thumbnail" view. This means you can just see a small square of the color.

Click the fill color in the Properties panel

On the top right, click the small menu on the top right corner

Select SMALL LIST VIEW

Now you can easily find the new swatch you created!


Editing a Global swatch...

Click on the small blue tail we made Bird Blue earlier.

In the properties panel, click fill and double click the swatch we created.

Adjust the color to be pink or green (use the sliders and click Preview to see the changes)...click OK

Both the large blue box and the tail should change to the new color...this is a GLOBAL color

NOTE: Global colors have a small white triangle on the corner of their swatch in the swatches panel!

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


To save computer memory for other students using the computers....

We will CLOSE THE PROGRAM!