Exercise 2 - A Collage with Annotation
Using the MS Paint Application
In this exercise we will work with pictures in the jpg
format. We will review the usage of multiple copies of Paint to create a
collage of horse faces. We will then annotate and save the completed
composite image.
Learning Objectives:
a. Working with jpg formats.
b. Use of Multiple Drawings.
c. Copy, Paste, and Resize.
d. Text tool for Annotations.
Opening jpg Files
a. Working with jpg formats.
1. This step involves the opening of two jpg files
from the folder titled "horses" on the CD. Notice that when
you go to this folder using Paint to open a file, it shows that no images
exists. This is because the default file type for Paint is bmp.
You must change this type to jpg in order to select an image.
2. Try it now; start a paint application, go to file
and open, select look-in the CD, and select the folder titled
"horses". You must now change the file type to jpg. Now
you have the ability to select from 5 images. Select the image named
p0111.jpg this will be our background for our collage.
3. Before continuing it would be good to see the
desired result. It is shown below...
Horse Collage
b. Use of Multiple Drawings.
1. We will now open another Paint application to
be used in sizing and copying our information to the clipboard.
2. Open another jpg file from the horses
folder. This time open p0108.jpg. Be sure to select the jpg format
type. This horse face will be selected and used in the lower left part
of the collage. Select it using the rectangular select tool. Copy
it to the clip board.
3. Select p0111.jpg from the task bar.
Select edit and paste the face into the lower left corner. Is the any
difference between pasting opaque or transparent? Why?
4. Use the task bar to select the Application
Copy with the p0108.jpg image. We will now open the p0109.jpg image from
the horses folder.
5. Select the horse's face and copy it to the
clip board. Switch back to p0111.jpg by clicking it on the task
bar. Paste this face into the upper right portion of the collage.
6. Switch back to the p0109.jpg image using the
task bar. Now open the image p0110.jpg from the horses folder.
Select and copy the horse's face to the clipboard.
7. Switch back to p0111.jpg by clicking it on
the task bar. Paste this face into the lower right portion of the
collage. We now only have one face left to transfer. We will learn
how to resize this face during the transfer process.
c. Copy, Paste, and Resize.
1. Switch back to the application containing the
p0110.jpg picture. Use this application to open p0112.jpg from the
horses folder. Notice that this face is too large to fit into our
collage. We must resize it before we copy it to the clip board.
2. Select Image, Stretch/Skew command. In
the "Stretch and Skew" dialog box set both the horizontal and vertical
stretch sizes to 50%. Select OK and notice how the picture shrinks
to 1/2 its size. How use the select tool and select the horse's
face. Copy it to the clipboard.
3. Switch back to the collage graphic which is
p0111.jpg on the task bar. Paste the face from the clipboard into the
upper left corner of the collage. The collage should now look similar to
the one above. One last step is to annotate the collage.
d. Text tool for Annotations.
1. Switch back to the application
containing the p0112.jpg picture. Notice how we are using only two Paint
Applications for this exercise. Could you use more than two? Why
would you want to do this?
2. Now using this application we will open a
"new" file without saving the changed p0112.jpg image.
This leaves the full sized image of p0112.jpg available for other uses.
We will use this untitled paint drawing to construct our annotation.
3. Select the text tool from the tool bar and
then click and drag on the blank drawing to create a text box. (This is
a review of the creation of the word "STOP" in exercise 1.)
4. Note: If the text toolbar does not
appear you must go to the View menu and turn on the text toolbar. This
is an option which you must control. Like most items it is a toggle
switch, i.e. either on or off.
5. Now using the text toolbar you can select
your desires for the text font, size, and attributes. The color will be
the selected foreground color on the color swatches.
6. Click in the text box on the drawing to get
the typing cursor located there. Type your annotation, in this case
"My Friend". If the text box is not large enough to accommodate
your chosen size and verbiage you must either increase the size of your text
box (also maybe the size of your drawing) and or decrease the size selected
for the font.
7. These size changes are made by carefully
placing the mouse cursor over one of the 8 little black squares on the border,
when the pointer changes to a double arrow hear you merely click and drag in
one of the two indicated directions to change the size. Try it.
8. When you have the text the way you want it
you must click outside of the text box on the drawing to make the text a
permanent part of the drawing. You then change to the select tool and
enclose the text such that you can copy it to the clipboard.
9. Switch back to the collage (p0111.jpg) and
paste the text onto the picture. Be sure that the paste transparent has
been selected. Move the text to the desired position on the
drawing. Note: If the appearance does not suit you, you can now
use the edit and undo feature to remove the annotation. If it appears as
you desire you then click outside of the selection box and the annotation
becomes a permanent part of the collage.
10. At this time you can now save your collage
to the file you set up during exercise 1. Save it an rename it as
follows. "c:\My
Documents\Graphics\Exercise 2\horses.jpg"
11. This exercise should have been a review of the
ideas learned in exercises 1 and 2. If also introduced the process of
adding text to a photograph in the jpg format. Can you see any uses of
this for your personal photographs. Second party commercial
applications make this process easier and faster, this is how they sell their
products. We will look at some of these applications during the
remainder of this course.
In addition to gaining more experience with
Paint did this exercise fulfill it's learning objectives? They were...
Learning Objectives:
a. Working with jpg formats.
b. Use of Multiple Drawings.
c. Copy, Paste, and Resize.
d. Text tool for Annotations.
It is recommended that you repeat this exercise several
times. Also be creative and make other collages of your own graphics. Practice is the only way to retain the
learned concepts.
Navigation Bar
Course Contents
Imaging or Graphics
Exercise 3
Prepared 12/18/01
Revised 12/31/02
For Class Members use.
By: Dean Christensen