What's Due?
Here's what I will be evaluating for your grades in two weeks:
- Week #1: Blog postings with answers to the Internet questions. Research on a building/business/memorial in Northside Williamsburg, saved on your wiki page.
- Week #2: Research on different New York City trees is to be listed on the wiki pages. The in-class activity, recreating a Word document from a printout will be part of the final evaluation.
- Week #3: Research all Internet stores, public spaces, etc. in a 4 city block area. List your findings on the wiki page, and each group need to create 4 PowerPoint slides identifying building numbers, trees marked from the Natural Science Lab walking tour, and locations of these businesses. The PowerPoint file must be uploaded to the wiki page.
- Week #4-5: Each group is responsible for creating several Excel charts, from downloaded data, and pasting the charts into PowerPoint slides. These techniques will be part of the final evaluation. The PowerPoint file must be uploaded to the wiki page.
- Week #5: Each group is responsible for filling out the Word template for the list of trees chosen at the beginning of class.
- Week #6: See below.
Objective
Today we will look into some PowerPoint skills you will need to take the final evaluation
two weeks from today. Not next week. Instead of taking the final next week, we will travel to the
Lifelong Friendship Society to observe a local "digital sweatshop" ;-) In other words, we will see how real people use real computers to make a living making computer animations. Some of LFS's clients include:
This week we will learn some basic graphics skills, including color templates, drawing objects, and slideshow animations. Your homework, listed at the bottom of this posting, will be to prepare for our field trip. Before we leave next week, each student will take a short quiz, to make sure everyone did the homework.
Color Spaces
Working with color requires an understanding of how we "perceive" color. We aren't machines, passively reflecting various wavelengths of the world back and forth across our neural networks. We "process" the colors we see around us, in two basic steps. First, photoreceptors called rods and cones, found in the back of our eyes, are stimulated by specific wavelengths of light that appear red, green, or blue. In turn, the rods and cones release an electrical signal to retinal ganglion cells, whose axons take the information about light, now encoded as electrical signals, to the brain.
UWash.

Hence the most popular kind of "color space," the Red-Green-Blue ("RGB") color space, is where colors are defined by the intensity, or "how much" Red, Green and Blue colors are contained in the specific color. We understand colors to be combinations of reds, greens, and blues, because that's how our eyes process wavelengths of light.
Any time you format the color of an object in Microsoft Office, you generally are working in the RGB color space. For example, let's format the background of a PowerPoint slide. Using the commands,
Format | Background | click on the dropdown window | More Colors
we see a hexagram with Red colors on one side, Green colors on another, and Blue colors on the third side. If we click on the 'Custom' tab, we can see the full spectrum of colors available in this color space.
Enter '0' for each of the RGB parameters. What color do you see? It stands to reason that a color with no red, green, or blue must be black. Now click and hold down on the up button on the red parameter, and see how the 'New' color changes. You are seeing a "color ramp" between black and red. Here is the
entire color ramp.
There's another way colors can be referenced instead of by three RGB numbers. The
Pantone color chart uses ramps to create light and dark colors. You can look for your own using their
search engine (make sure to search by
Name only).
So find a color you would like to use for your PowerPoint background, and specify the RGB values.
There are
Internet names for colors as well (here's
another one). But the three numbers usually aren't decimal numbers, they're hexadecimal, or base sixteen numbers. The 'Color HEX' numbers, show a series of 6 numbers or letters, the first pair characters represents the amount of red, the second pair the amount of green, and the third pair the amount of blue. These "numbers" are how colors are more commonly represented by computers, which have binary brains. Computers don't count in sets of ten, they count in sets of two. Therefore, computers often used "hexadecimal" numbers, or numbers grouped in sixteens--pairs of pairs of pairs of pairs. Here are some hexadecimal numbers:
Decimal Hexadecimal Decimal Hexadecimal
.......0
.............0
............16
............10
.......1
.............1
............17
............11
.......2
.............2
............18
............12
.......3
.............3
............19
............13
.......4
.............4
........... 20
............14
.......5
.............5
............21
............15
.......6
.............6
............22
............16
.......7
.............7
............23
............17
.......8
.............8
............24
............18
.......9
.............9
............25
............19
.....10
.............A
............26
............1A
.....11
.............B
............27
............1B
.....12
.............C
............28
............1C
.....13
.............D
........... 29
............1D
.....14
.............E
............30
............1E
.....15
.............F
............31
............1F
You don't need to know how to convert between decimal and hexadecimal, there are many
online converters available. This converter is especially helpful, because not only does it convert hex to dec and visa versa, it also helps us choose color palettes that mix "complementary" colors. To understand what this means, we need to learn about another color space, the LAB space.
More Sophisticated Color Spaces
Remember the rods and cones? Once the electric signals are sent to the brain, information about color and about intensity of light is sorted into three "channels." Two of these channels carry color or wavelength information, and one carries intensity information-the degree of blackness or whiteness. One of the two color channels responds to red or to green light: here, certain ganglion cells will fire signals if stimulated by red light (messages sent by red cones) and will decrease firing if they get signals from green cones; other ganglion cells do the opposite. In the other channel, blue-yellow ganglion cells work the same way. The "intensity channel" also works in a similar manner: here, the sum of red, green, and blue cone input results in different ganglion cells detecting black, white, or shades of gray. (Remember that if all the colors of the visible spectrum are summed, they appear white.)

This is why if we mix red and green together, we don't see a reddish-green, we see yellow, because that's the way the occipital and temporal lobes of our brains process the retinal stimuli from our eyes.
Certain pairs of colors, like blue and yellow, and red and green, stand out well against each other, it is easier for us to distinguish these pairs of colors than say, red and orange. LAB color space, then, uses three number to define a color as well, the first represents the color's "luminosity," or how bright it is, the second how green or red the color is, and the third how blue or yellow the color is.
So go back to the
Color Schemer, and choose a completely blue color (R=0, G=0, B=255). What are the other colors in the palette? The colors in the center (besides blue) are yellow, corresponding to the LAB color space just described. Red and purples complement green.
When you are creating a PowerPoint slide show, you should first think about four or five colors you would like to use for the text, graphics, etc. and
stick with them. Nothing is more annoying than seeing blues in the first slide, then a bunch of reds in the second slide, and so on. A uniform "look and feel" is what you should be going for when you start designing color presentations.
So, based upon the color you chose for your background, find two or three complementary colors that will stand out against your background color.
A quick note to consider when choosing colors in PowerPoint Even primitive graphics programs, like PowerPoint, offer an alternative color space. In the 'Custom' tab of the Colors dialog box, click on the drop down 'Color Model' menu, and select 'HSL'. This color space uses Hue, Saturation and Luminosity to define a color.
Color Wheels are often used to describe hues of colors. A wheel, or circle circumscribes 36oº, where 0º means red, 120º means green, and 240º means blue. A high saturation is very grey, and a low luminosity is very black. Here luminosity is similar to LAB color space, but the only control for color is the hue.
Here's a
color wheel that connects RGB, HSB (similar to HSL) and LAB to a specific color.
Creating PowerPoint Templates
We have spent a lot of time looking at colors, for what? As Fernando Lamas once
famously said, "it is better to look good, than to feel good." Let's face it, you can't communicate a lot of information through PowerPoint unless your presentation consists of more than fifty slides, and I can assure you, there are few things more painful than sitting through several dozen PowerPoint slides. Keep them simple and eye-catching. And most importantly, keep them uniform.
Make sure you use the command Tools | AutoCorrect Options | 'AutoFormat As You Type' to uncheck the last four checkboxes.
Create a new PowerPoint file (Ctrl-n), insert three Title and Text Slides (Ctrl-m), and paste the following text into the boxes:
Boricua CollegePedagogy
Individualized Instruction
Colloquia
Modules
Degrees
A.B.
B.A.
M.S.
PedagogyIndividualized Instruction – each student meets individually with a Faculty Facilitator for one hour each week.
Colloquium – 8-10 students meet each week with their Faculty Facilitator to exchange, share, discuss and evaluate issues related to their learning program.
Modules –
DegreesGeneric
The CORE Curriculum
The Associate of Arts Degree
Human Services
Bachelor of Science in Human Services
Master of Science in Human Services
Education
Bachelor of Science in Childhood Education (1-6)
Bilingual Education Extension Certificate (1-6)
Master of Science in TESOL Education (K-12)
Bilingual Education Extension Certificate (K-12)
The slides look ugly and boring, so let's punch them up a bit. First, apply your background color to the slide show.
The Slide Master
The slide you should spend the most time on is the 'Slide Master.' To access it, click on the menu command View | Master | Slide Master. The reason this slide is the most important one is that however you format this slide,
all of slides you subsequently create will hold this formatting. In other words, whatever edits you make to the Slide Master are called "global edits," because the edits will appear on all of your slides.
There is nothing uglier than an Ariel font, so select the title box, and change the font to another sans-serif font. Don't choose a 'cute' font, like Palace Script, because cute fonts are usually unreadable. Once you have selected a nicer font, click on the 'Close Master View' button, and see what sort of global edit you made. You didn't have to change the title boxes for each and every slide, only once, in the Slide Master slide. Do the same thing for the text box, in the Slide Master (make sure you only have one font type on the slide!).
Observe that there is an outline format, that is, the first line has a larger, bolder font, the second line a smaller, less emphasized font, and so on. Click on the line that says, 'Click to edit Master text styles' once, and make the font a smaller size, but no less than 20 points.
What is a good complementary color to your background color? Make all of the text that color, and Close out of the Master View. Are your slides looking better?
Go back to the Master Slide View, and paste this graphic into the lower righthand corner.

Finally, using the 'Draw' toolbar, draw a horizontal line under the title box, holding down the 'Shift' button to make sure the line is straight. Select the line, and use 'Format Autoshape' to make the line 2.25 points. You can make your text slides even nicer by using the bold, italic and underline text formats to make specific words jump out.
The Draw Toolbar
You can use this toolbar to draw and color to your heart's desire. Let's start by drawing a circle.
- Create a blank slide.
- Click on the oval button next to the box button, and click and drag, holding the 'Shift' button down.
- Right click on the circle, and select 'Format AutoShape'.
- Click on the Color dropdown menu, and select 'Fill Effects'.
- Click on the 'Two colors' radio button.
- Choose two complementary colors
- Click on the 'From center' radio button.
- Hit 'OK' on each dialog box until they're all gone.
You have created a "gradient" object. This is like a color ramp, where one color slowly changes into another as you go left to right, top to bottom, or, in this case, center to rim. You could also change the outline color by Formatting the AutoShape and clickling on the Line color drop down menu to change the color.
Let's look at another fill feature.
- Click on the rectangle button next to the circle button, and click and drag, holding the 'Shift' button down.
- Right click on the square, and select 'Format AutoShape'.
- Click on the Color dropdown menu, and select 'Textures'.
- Click on the 'Woven Mat' swatch, and click on all of the 'OK' buttons.
Let's say you don't want a square, but a rectangle. Click on the square, roll over the right middle handle, and click and drag it until you have a long rectangle. Click and drag the top middle handle to make the rectangle thinner.
The
'Draw' button has some good actions on it. Keep the rectangle selected, and click on the 'Draw' button. Select the 'Rotate or Flip' command, and select 'Free Rotate.' The handles turn green, and if you click and drag on any of them, you will rotate the rectangle.
Drag the rectangle over the circle. Because you created the circle first, it will be under the rectangle. To bring it on top of the rectangle, click on it, then the 'Draw' button. Click on the 'Order' command and select 'Bring to Front'. Now the circle is on top.
The
'AutoShapes' button allows you to choose more complicated shapes, like moons and arrows. You can allow make line drawings using the following procedure:
- Click on the 'AutoShapes' button.
- Select 'Lines'.
- If you want to draw like a crayon, select the 'Scribble' button, and hold the left mouse button down while you draw.
- If you want to "connect the dots," select the 'Freeform' button, and click the left mouse from point to point until you're done.
- If you want to draw a curve, select the 'Curve' button, and click the left mouse from point to point until you're done. Each time you click a point, the curve will reshape itself to make as smooth a curve as possible.
Once you're finished drawing, you can move a specific point in the following way:
- Select the drawn object.
- Click on the 'Edit Points' button.
- All of the points will be highlighted with a small black box, and the cursor will change to a four arrows cursor when you roll over the point you want to move.
- Click and drag the point to the new position.
- You can also change the shape of the curve adjacent to the point by moving the Bezier points.
Animation
The best part of PowerPoint is making things move across the slide, so let's look at some simple animation techniques.
- Click on the object you want to move.
- Select Slide Show | Custom Animation.
- In the window that appears to the right, click on the 'Add Effect' button.
- Choose Entrance, Emphasis, or Exit for a standard motion.
- If you want the object to move in a particular, unusual way, click on 'Motion Path,' and draw a curve to the the path you desire.
- Click the 'Play' button to see how the animation will work.
You can also create actions when moving from slide to slide. Follow this procedure to do so:
- Make sure you are in 'Slide Sorter' view.
- Select Slide Show | Slide Transition.
- Click on the slide you are interested in, and choose a slide transition action from the list on the right side of the screen. I generally use a 'Slow' speed so I can see the motion
- Click the 'Play' button to see how the animation will work.
Homework
Expect to answer questions similar to the following for the quiz you will be taking at the beginning of next week's class.
What do each of these softwares do? (Click on the Play buttons to get a better understanding of the first four)
How would LFS apply the following animation techniques to produce the products listed at the top of this posting?
Finally, what is the difference between 2D 2 1/2D and 3D animation?