Grade 11 Communication Technology - TGJ3M

Learning Unit - Digital Graphic Techniques

Software Requirements:

Paint Shop Pro

Outcomes:

Complete:

1 Written test

Create:

Computer-generated sketches
Text in 6 "graphic" styles
Vector cartoon characters
Virtual stained-glass images
Personal collages
Restored photographs
A digital slideshow

(Note - all work must be saved on your"G" drive and backed up on your"A" drive.

To Do:

Print off this document as soon as possible and place it in your binder.
Print off the assessment for this unit soon as possible and place it in your binder.

13 x 75 minute periods.

Bring in some old damaged pictures from home

Day 1 - Check-out the Program

Use the study sheet and try each of the "PSP"tools listed.
Play with the program and just experiment with the features
(Homework) Have a partner quiz you as you prepare for a test on the PSP tools
Try each of the tools - we retain information better when we "do" rather than "read"
Click here to get the study sheet

Day 2 Tools Test and some Simple Art

Ask your teacher for the "tools" test and complete it then hand it in.
Open PSP
Choose File/New and create an image of 880 x 800 pixels make the background white and 16.7 million colours.
Select the "Paint Brush" tool.
Open the "Toggle Tool Options" window.
Experiment with the various Shapes, hardness, opacity, step and densities.
Click on the "Paint Brush Options" (second tab) and experiment with the various paper textures. (Check out woodgrain)
Use the paint brush along with the tools listed below to create a picture of an appropriate topic of your choosing. Envision this as the sort of thing you do when you are describing your holidays with a picture.
The picture must include an obvious use of the following: Clone Brush, Picture Tube, Spray Tool, Flood-Fill, Text (Your Name), Shape Tool& Retouch
Here is an explanation of the various options.

Freehand Painting

To create freehand paint strokes with a brush, use the following method:

1 Click the image where you want the brush stroke to start.

2 Drag the cursor while pressing one of the mouse buttons.

ˇ To apply the foreground color, click the left mouse button.

ˇ To apply the background color, click the right button.

3 Release the mouse button to end the brush stroke.

Creating Straight Lines

To paint a straight line, use the following method:

1 Click the image where you want the line to begin.

2 Press and hold the <Shift> key.

3 Click the image where you want to end the line. Left-click to create a line using the foreground color; right-click to create it using the background color.

4 You can continue adding line segments of either color by clicking with the left or right mouse button. Release the <Shift> key to end the line.

Shape

Shape controls the shape of the brush tip. The choices are round, square, vertical, horizontal, right slash, and left slash. When the brush touches the image, it applies paint in the selected shape. For example, if you click your image once with a square brush, the brush will apply a square-shaped area of paint.

Size

Size is the width of the brush tip in pixels. A brush can be from 1-255 pixels wide.

Opacity

Opacity controls how well the paint covers the image surface. Lowering the opacity is like diluting paint. At 100% opacity, the paint covers everything; at 1%, the paint is almost transparent.

Density

Density controls the amount of paint the brush applies with each stroke. The density can be compared to the number of bristles in a brushž

increasing and decreasing density adds and removes bristles. At 100%, the paint covers the surface completely. As the density decreases, the amount of paint applied with each stroke decreases. At 1%, only a few pixels of paint appear.

Hardness

Hardness controls the sharpness of the brush edges. The harder the brush, the more defined the edges of paint will be. At 100%, the paint stroke has sharply defined edges. As the hardness decreases, the brush edge softens.

Step

Step controls the spacing of the discrete drops of paint, or how frequently the brush tip touches the image during a stroke. It is a percentage of the diameter of the brush tip. At 100%, a size 30 brush tip touches the surface once every 30 pixels, and the brush shape is clearly defined; at 50%, the tip touches in the middle of the previous tip. As the step decreases, the brush tip touches the surface more frequently. Its outline becomes less noticeable, and the strokes appear smoother and more

Paper Texture

Use the Paper Texture drop-down box to paint on a textured surface. The textures simulate a variety of surfaces and make it look as though you were painting on a canvas with that texture.

Build Up Brush Feature

The Build Up Brush feature simulates the effect of repeated brush strokes. Each time you move the brush over the same area of the image (or layer), you apply more paint. When the option is inactive, the brush applies paint once, and repainting an area has no effect. Select the check box to activate this feature. Clear the check box to make it inactive.

Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking
Save your work on your "A" and "G" drives.

Days 3 & 4 - Your Name

Wooden Text

Open PSP and choose File/New and create an image of 500 x 200 pixels and 72 Pixels per inch. Make the background white and 16.7 million colours.
Make the foreground colour medium brown (R:172, G:114, B:68)

The foreground and background colors are the two active colors displayed in the Color palette. When you paint or draw on an image, you apply one of these two colors. Painting or drawing while pressing the left mouse button applies the foreground color; pressing the right mouse button applies the background color.

To chose new foreground and background colors

ˇ Left-click the foreground or background color box to open the Color dialog box or Image palette.

Select the text tool and click in the image
In the text entry dialog box, set the options as follows: Font = Arial Black, Size = 72, Script = Western Make the text white (Click the colour selection)
Create as selection (gives you an outline of your text rather than a specific colour)
Type in your name and select "ok"
Move the text around to where you want.
Select the paint brush tool
Click the Paint Brush Options (second) tab in the Tool Options window and set Paper Texture to Woodgrain
Click the Paint Brush tab (first) tab and set the options as follows:

Shape = round
Brush Options = Normal
Size = 100
Opacity = 100
Hardness = 50
Density = 100
Step = 25

Hold down the left mouse button and sweep over the text. Get a good covering of paint but not to the point where the woodgrain disappears. (If you fill in too much you can undo your actions in layers with the undo button or "Ctrl-Z")
Choose Selections, Modify, Feather then enter a value of 5 for the number of pixels. This setting expands the selection a little and changes the overall effect.
Swap the foreground setting and background colours by clicking the small, bent , two-headed arrow to the lower left of the foreground and background colour swatches. Choose Image, Other , Hot Wax Coating.
Show your teacher for marking
Save as "day 3-01.gif"

Chrome Text

Open PSP and choose File/New and create an image of 500 x 200 pixels and 72 Pixels per inch. Make the background white and 16.7 million colours.
Make the foreground colour to white
Select the text tool and click in the image
In the text entry dialog box, set the options as follows: Font = Arial Black, Size = 72, Script = Western Make the text white (Click the colour selection)
Type in your name and select "ok"
Move the text around to where you want.
Choose Image, Other , Hot Wax Coating
Repeat step # 8 several times to see your image become a light shade of grey
Choose selections. Modify, Feather and enter a value of 8
Click ok
Choose Image, Other , Hot Wax Coating and repeat until it looks like chrome

Drop Shadow Text

Open PSP and choose File/New and create an image of 500 x 200 pixels and 72 Pixels per inch. Make the background white and 16.7 million colours.
Make the foreground colour what ever you want
Select the text tool and click in the image
In the text entry dialog box, set the options as you like:
Type in your name and select "ok"
Move the text around to where you want.
Keep the text selected
Choose Image, Effects, Drop Shadow to open the Drop Shadow dialog box
Set Opacity to 50, Blur to 5 Vertical to 11 and Horizontal to 8
Click colour and choose a good colour for your shadow
Show your teacher for marking
Save as "day 3-03.gif"

X-Files Text

Open a new 500x200 -pixel image with the resolution set to 71 pixels per inch. Set the background colour to black and the image type to 16.7 million colours
Select the Test tool and click in the image to bring in the Text Entry dialog box.
Use the settings fonts from the previous exercise and choose a font that resembles a typewriter font. (Select as floating)
Select a bright green(R:30, G:255, B:45)
Choose Selections, Select None to deselect the text
Choose Image , Blur, Gausian Blur; then set the Radius to 5.00. Click "ok"
Apply the Gaussian Blur one more time with the same settings. The text should now have very soft edges and be blurry
Click the image again to bring up the Add Text dialog box. Change the colour to black and to add the same text just click "ok"
The text comes into the image black this time. All you need to do is position it over the blurry green text.
Choose Selection. Select none to remove the marquee and you should have something that looks like this.
Show your teacher for marking
Save as "day 3-04.gif"

Creating Text to a Path

Open PSP and choose File/New and create an image of 600 x 600 pixels and 72 Pixels per inch. Make the background white and 16.7 million colours.

Make the foreground colour black
Select the Preset Shapes tool. In the Tool Options window, set Shape Type to Circle, Style to Outlines and Line width to 2. Place a checkmark in both the Antialias and Create as Vector check boxes.
Place the cursor near the middle of the image. While holding down the left mouse button, drag the mouse outward to a circle
Select the Text tool and move the mouse pointer over the circle until the cursor changes to a plus sign with an "A" and a small semi-circle.
Click the left mouse button to bring up the Text Entry Dialog box.
In the dialog box, enter your text, Make sure that Floating and Antialias are checked in the Create As option.
Your text should come in around the circle that you drew in step 4.
To remover the circle, click the Layers window and click on the Picture of the glasses to make the Circle layer invisible.
Your text should come in around the circle that you drew in step 3
You can rotate the text by experimenting with the deformation tool.
Save as "day 3-05.gif"
Create your own variations on these techniques and save as "day 3-06" etc.."
Open all images in Paintshop Pro so you can see them all at the same time
Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking
Save your work on your "A" and "G" drives.

Day 5 & 6 - Vectors

Here's the sample from the site

Go to the following site then print and complete the instructions on creating a "vector cat" (work from the computer screen if you can't print right away)
http://ronstoons.com/vector.htm (This person offers a great tutorial)
If this doesn't work, try http://members.tripod.com/rjlacey/basic.htm then http://members.tripod.com/rjlacey/node.htm
If you can't access these site (they are sometime down)try here: vectors.htm

Follow the same steps to create two more vector pets (different animals)

Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking
Save your work on your "A" and "G" drives.

Day 7 Stained Glass

File, new, 500 X 500, Background Colour = "White", Colour = "Black"
Select "Shape Tool" Tool Options = Stroked, Create as a Vector, line with = 5
Create a frames and a few basic varied shapes
Layers, merge, merge all flatten
Select "Draw Tool" Tool Options = Single Line, Filled, Create as a Vector line with = 5
Add to your creation as needed.
Layers, merge, merge all flatten
Increase colours to 16 million
Create a new layer and name the layer "colours"
select "background layer"
Use magic wand (tool options RGB value tolerance ="0", Feather = "0"
Hold "shift" while clicking inside the individual areas
select the "colour" layer
use flood-fill (tool options = solid colour, paper texture = none)
Fill the various areas with different colours.
"Ctrl-A" to select all
Image - effect - texture - plastic wrinkles
Image - sharped - unsharp mask - radius 2 strength 2, strength 100%, Clipping 5
Image - sharpen, sharpen more
Selections - select none
Make background layer active
In the Layer palate, click on glasses to make colour layer invisible
Magic wand - click on black lines to select them
Make a new layer and call it "lead"
click on glasses to make the colour layer visible
Make lead the topmost layer and make it active
selections - modify, expand 2 pixels
select dark gray (64,64,64) as the foreground color
select the paint brush tool and set the size fairly large, I used 55
paint over the selected area
select medium gray (128,128,128) as the foreground color
under paint brush options - select fruit peel and check Build Up Brush
go over all the selected areas again
image - effects - inner bevel - select angled
switch to the color layer
image - effects - drop shadow
(I used color - black, opacity 75%,blur 17,and 2 for both offsets)
image - sharpen - sharpen more
selections - select none
layers - merge - merge all (flatten)

Save as jpg on your "A" and "G" drives.
Complete this process for a second image
Open your assessment printout and circle the appropriate mark for this activity

Day 8- Pencil Sketch Gallery

Take a digital picture of yourself or bring images from home and scan them
Make it grey scale
Create a new layer and food-fill it white
Place the white layer behind the picture layer
Make the picture layer active (use colour -brightness/contrast to show detail)
Erase much of the background using a soft edge
Colours - adjust - brightness/contrast and washout the image (should be very light)
Copy the face layer "ctrl-c"
"edit -paste as new layer
In the layer palate - select the top layer
Image- effects - black pencil - experiment with the opacity and the detail
Selections - select none
Open the layer palate and adjust the opacity of the top layer
It should now look like a pencil sketch
Layers - merge all - flatten
save the image as a .jpg
Repeat this process on two more Images

Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking
Begin thinking about possible careers that you may have been considering

Day 9 - Career Composite

Open a new 800x800 - pixel image with the resolution set to 71 pixels per inch. Set the background colour to white and the image type to 16.7 million colours
Think about any career which you might have been considering, gather images which relate to your choice and insert each as a new layer.
Use the layer and eraser tools to fade the various images into a suitable collage
The composite must contain the following elements: an image of you, text indicating a career choice and your names, a logo from a post secondary institution, images which relate to that career.
Say it with pictures. Be creative!!
Save as Day 9.gif
Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking

Day 10 Restoring an Old Photograph.

Bring in several photographs from home and create a scan, or lownload a damaged picture from Vol M.SS on Q / Comm. Tech/ Damaged Pictures
Save the image as "before.jpg"
Use the clone brush, eyedropper, spray can to repair the photograph.
When you are done, save as "after.jpg"
Repeat this process on a second image
Open your assessment printout and circle the appropriate mark for this activity
Show your teacher for marking

Day 11 Written Test

Here's what you need to know to prepare:

Review each of the tools, know it's name, function and one practical application for each. Also be able to name and describe 5 image effects or deformations.
We will write this test during the last 30 minutes of class.

Day 12 Corel Presentations.

Open Corel Presentations and create a slide-show of all the images you have created in this unit.
Make the first slide the title slide in which you give your name, the date, teacher's name and unit name.

To Begin:

Create "New Presentations Slide Show"

Choose any "Startup Master Gallery"

To Create Slides:

1 Click Insert New Slide.

2 Specify the number of new slides you want to add.

3 Select the layout you want to use for the new slide(s).

You can also add slides in the Slide Outliner by placing the insertion point at the end of a line and pressing Ctrl+Enter.

To Insert a Picture:

1 Choose Insert/Graphic from File

2 Resize and adjust as needed

If you enjoyed this unit, here are some resources to explore:

"Sam's -Teach Yourself PaintShop Pro. 6" by Michael T. Clark. ISBN0-672-31720-6
http://ronstoons.com/vector.htm On-line tutorial for vestor pet in handout
http://www.grafx-design.com/Home.html Graffixdesign
http://www.grafx-design.com/psp_tut.html Various Tutorials
http://www.gif.com/ Free graphics
http://graphicssoft.about.com/cs/psptutsbackgrounds/index.htm Backgrounds
http://graphicssoft.about.com/cs/psptutsimagefx/index.htm Special Effects

Back to Comm. Tech. click here
Back to Grade 11 click here