6 Feb 2012 ... Paint.NET is free image and photo editing software for computers that ..... This
tutorial shows you how to make the best of your photo subject.
Paint.NET is free image and photo editing software for computers that run Windows. It started development as an undergraduate college senior design project mentored by Microsoft, and is currently being maintained by some of the alumni that originally worked on it.
A. Jones G.M.C.S
Page 1
2/6/2012
Lesson 1: Paint Tools
Start Paint.Net – Click Start > Programs > Paint.Net (or look for the icon on your desktop)
Paint.net tools are located on a toolbar (F5 on the keyboard turns the toolbar on and off).
Let’s start by learning the tools.
Presenting Your Work! At the end of this module, you will present your finished files together in a PowerPoint to make the marking process easier for your instructor. Instructions: Place the original photo and the modified photo in a PowerPoint. In the heading section, indicate the Lesson and activity. Make sure the presentation is in order according to the check sheet.
Hey! Did you read this? A. Jones G.M.C.S
Page 2
2/6/2012
Lesson 1: Assignment Tool Icons: On a piece of paper, write the numbers 1 to 22 and put the name of the tool beside the corresponding number. (Hold your pointer over the tool to reveal the name)
Tool Details: Become an expert! There is a website available to help you get used to the tools:
Click on the BBT site to get the Assignment 1 Link Questions: Answers can be found by clicking on the “Read more…” link at the end of each tool description. 1. This shape was made using the curve tool. What is another name for this tool? 2. By holding down the shift key when using the line tool, it will snap to an angle that is a multiple of _____ degrees. 3. What key do you have to hit when you are done drawing a line with the Line/Curve Tool, before you can draw another line that attaches to the first one? 4. What is the pencil tool most useful for? 5. What is an easy way of going from the primary color to the secondary color when using the Paint Bucket Tool? 6. If you use the erase tool to get rid of the background color, a checkerboard pattern remains. What does the checkerboard pattern represent? 7. What is the function of the Nub when using the text tool? 8. After you render text (by hitting enter), the text cannot be changed except by clicking undo. True or False? 9. List the three options when choosing the shape tools such as rectangle or ellipse. 10. Which button do you push to rotate a picture using either of the move tools?
A. Jones G.M.C.S
Page 3
2/6/2012
Lesson 2: Working With Images
Let’s learn a few basic things that we can do with Paint.net.
Activity 1: Rotating: If we rotate the camera to take a vertical photo, we will have to rotate it on our screen so it’s not sideways.
Open the “Crop” photo. (It’s on the site so you can download it)
Click the Image menu and choose Rotate 900 Clockwise
Activity 2: Cropping: Cropping takes away the part of a picture that you don’t want. Good photos have a clear subject that stands out. Extras like the desk and the backpacks in this photo are distracting and they take away from the subject.
Click the Selection tool (use the same photo that you just used) Drag across the part of the picture that you want to keep. Click the Image menu and choose Crop to Selection Save the results as “Crop 1”
A. Jones G.M.C.S
Page 4
2/6/2012
Activity 3: Adjusting Color Settings: Sometimes a dark or washed out picture can be corrected so they are clearer. Let’s spend a few minutes playing with each tool. All the tools are under the “Adjustments” menu. 1. Open the “Slide” photo. Click the ”Adjustments” menu and try each of the following options: a. Auto Level – one click will improve the photo
b. Brightness/Contrast – increase the contrast and then see if the photo needs to be brightened
c. Curves – move the dot around and see the results. The dot slides along the curve and it can move the curve closer or farther from the sloped line.
d. Hue/Saturation – Adjust the saturation point to get the sharpest color, then adjust the lightness.
Washed out photo
A. Jones G.M.C.S
Auto Level Option
Page 5
After using several manual Options 2/6/2012
2. Open the “Dark “ photo. Use the same manual settings that you used in the last part to lighten this picture to give it the highest quality. Save the results as “Dark lightened”
Activity 4: Quality
Open the “Skiff” photo.
Every picture should have a clear subject; people are most important part of a picture. Crop this photo so the clear subject is the guy in the boat. Make sure the viewer can still tell that he is in a boat.
Grain (graininess) or Pixels (pixilated) means that a photo is enlarged too much, or that the original picture was very low resolution. If you can see dots (pixels) instead of a clear photo, the photo is too Pixilated.
Save your results as “Skiff cropped”
Question: This picture didn’t turn out very well (you might need to magnify it a little). Answer on your own paper. 1. What is wrong with the cropped picture? 2. Can you figure out why this happened?
A. Jones G.M.C.S
Page 6
2/6/2012
Lesson 3: Resizing Photos Often our photos are too large to email or to post on a webpage. Even in a PowerPoint presentation with a lot of photos can be more than your computer can handle. It is good etiquette to respect the recipient and not overload their email account, or keep them waiting too long for your webpage to load. Sometimes we look at image size (so we can see it on a single screen: measured in pixels) and other times we look at file size (the space that it takes to store: measured in KB or MB). Here are some good rules-of-thumb to follow: PHOTO TYPE
FILE SIZE 1 to 3 Megabytes - file size (1MB is 1000 KB)
Typical Photos 3648 X 2736 pixels – image size (big enough to create poster size prints) Email Photos
640 X480 pixels – image size
Power Point Presentation Photos
800 X 600 pixels – image size
Web Page Photos
No more than 40KB file size – file size
Photo Size: 1. How do we know how large a photo is? Here are two ways:
Go to the file where any photo is saved. Right click on the photo and choose Properties. Remember: 1MB = 1000KB.
Open any photo using Paint.net. Look in the bottom right corner of the screen. The size on the left (1) is the total size of the photo. The size on the right (2) indicates the distance your point is from the top left corner of the photo. Usually, photos are measured in pixels. If they are in inches, change them on the top toolbar.
A. Jones G.M.C.S
Page 7
1
2
2/6/2012
Lesson 3: Assignment Adjusting Image Size: Questions 1. Open the “Lady” photo and resize it for “the web” (see the lesson on the previous page – what size is website size? After reducing the file size, save it as “web_lady”
What is the file size of the photo now?
2. How large is the original whale tail photo? a. File Size b. Pixels 3. Open the “Whale” photo. Resize the photo to “email” size. Save your results and name it “small_whale”
What is the file size of the photo now?
TIP: Multiple Photos/Files
Lesson 4: Transparent Backgrounds
If you have more than one file open, you can sort thought them in the top left corner of the screen (or click on the down arrow)
A. Jones G.M.C.S
Page 8
2/6/2012
Sometimes we may want to remove the background from an image in order to make the subject stand out more. If the background is relatively uncluttered, it is easy to remove it with the Magic wand tool and the erase tool. Other times, we need to spend a little more time with the erase tool and the magnifying tool. There are three ways of deleting the background.
Magic wand tool – set the tolerance to between 15-30% and click an area you want to erase. This works great for solid color backgrounds but not well for multi shades and different colors.
The Erase Tool – set the brush width to a large size for large areas. For small areas and fine work, use the magnification tool to enlarge the pixels and then use the erase tool.
Selection Tools Magic Wand Tool Erase Tool
The Selection Tools (square, freehand, and ellipse) – use these tools to select large areas of background and then hit the delete key on your keyboard.
Which Tool Works Best?
One color background but skin and background color are very similarZoom in and use the Lasso Select Tool & the delete key
A. Jones G.M.C.S
Multi colored background but good contrast between the background and the subject – use both the Magic Wand Tool and the Eraser Tool
Page 9
One color background and good contrast – Use the Magic Wand Tool & the delete key
2/6/2012
Lesson 4, Activity 1: Assignment From the information you learned so far, pick which pictures edit well with the Magic Wand tool?
Instructions: Number from 1 to 6 on a piece of paper Indicate Yes (Magic wand would work well) or No (Magic want wouldn’t work well) Explain your answer (why it would or wouldn’t work well) 2
1
Remove the background behind the chess pieces
Remove the building behind the truck
4
3
Remove the books & shelves behind the television
Remove everything behind the students 5
6
Remove the wall behind the students – look carefully at the students
A. Jones G.M.C.S
Remove everything behind the laptop
Page 10
2/6/2012
Lesson 4, Activity 2: Cupcake The Cat
Open the picture provided for you called “Cupcake” 1. Click the Magic Wand Tool and remove the blue background. 2. Set the tolerance to between 30%. (lower if the color in the background is similar a color in the subject, or set it higher if there is good contrast in colors between the background and subject) 3. Click part of the background and then hit the delete key on the keyboard (or Edit > Cut) 4. Continue doing step #3 until most of the background is removed 5. Print the finished picture for your teacher to see. 6. Take a look at the next page before saving your picture.
Magic Wand Tool
A. Jones G.M.C.S
Page 11
2/6/2012
Lesson 4, Activity 2: Eraser Tool
Open the picture called “Boat1” When colors in the subject are similar to the background, the Magic Wand Tool won’t work (try it out!). Instead, you can use the Eraser Tool. Zoom in close so you will be accurate. Sometimes I drag the eraser tool back and forth, other times I just click like it was cookie cutter. 1. Choose the Erase tool and remove the building and sky from the background. 2. Adjust the brush width to a good size for what you are doing. 3. Click and drag over the background that you want removed. It is best to enlarge the image with the Zoom Tool (magnifying glass) so you can see the pixels that you want removed. 4. Save the results as “Boat1”
Erase Tool
A. Jones G.M.C.S
Page 12
2/6/2012
Lesson 4, Activity 3: File Types Read this section to learn about the different photo formats:
Saving Your Work – A Comparison of File Types
Original Picture Size: 83 kb
Save as GIF Size: 49 kb
Saved as JPG Size: 38 kb
Saved as PNG Size: 199 kb
Saving Pictures: The file size, the picture quality, and the transparency of the background are the most important considerations for choosing a picture format. You choose the file type right under the spot where you give the picture a name. JPG is a small file size but the background always comes out white rather than transparent. The layers have been flattened. GIF is a small file size and the background takes the color of the background. The layers are flattened. PNG is a higher quality picture (although you can’t really see this here), it has a large file size and the layers stay intact for making further changes. It is not compatible with all software.
Naming Pictures: File Names should be short and they should describe the picture. When you look at the name, you should know what your picture is without seeing it. (Example: cat climbing) If your picture is going to be on a webpage, you can’t have any spaces in the name. Some people just take the spaces out while others put an underscore in place of the space. (Example: catclimbing or cat_climbing) A. Jones G.M.C.S
Page 13
2/6/2012
Lesson 4, Activity 3: Assignment Adjusting Image Size: Questions
(answer on your own paper)
1. Which would be the best choice for saving a picture with a transparent background? 2. What pattern represents the transparent background in an image? 3. If you are editing a photo and you wish to save it so you can make changes to the edits later, what format would you save it in? Things to do: 4. Save the “Cupcake the cat” picture from the last activity for a webpage so that it has a small file size and a transparent background. a. What did you name it? b. Which file format did you use? c. What was the file size?
TIP: Undo Tool To be able to “undo” an error with the click of a button saves a lot of time. There are three ways to “undo”.
Click the back Arrow on the menu bar
Use the CTRL & Z shortcut keys
Click the item in the History Window (hit F6 if the History Box is not already there) and hit the back arrow to remove several changes at once
A. Jones G.M.C.S
Page 14
2/6/2012
Lesson 4: Assignment Fun Characters Take at least 6 good head shots of different friends. (facing the camera, or nearly face on) Cut out their heads and place them on the “Fun Bodies”. Pay attention to detail. You will click new layer on the layers box and then paste the head in. Instructions: 1. Open the picture of the “head” (one of the photos of your frined). 2. Zoom in on the head. Use the Lasso Select Tool to cut around the head and neck. When the head & neck are encircled with the lasso, click the Edit Pull Down Menu and choose copy. 3. Open the “fun body” that you choose from the ones provided. 4. Add a new layer. (that is the Plus sign (+) at the bottom of the layer window) 5. Click the Edit Pull Down menu and choose Paste. 6. Resize the head to fit on the “fun body” (drag the corner anchor point while holding the Shift key to keep it proportional as it is resized) 7. Zoom in and use the erase tool to get rid of any extra parts. Make sure everything fits well.
The result will be a series of 4 of the best characters that you create. Save them so they can be presented to your instructor at the end. T h e Thank you to Ms. Cogswell and her students for creating our characters. (Amy Small, Eric Guptill, r Rachel Bass, and many characters by Holley Sturgeon) e
A. Jones G.M.C.S
Page 15
s u l t w i
2/6/2012
Lesson 4: Challenge Activity Open the “Motorcycle” file. Remove the bushes in the background (above the road) to make this motorcycle stand out more clearly. This is a difficult activity because of the variety of shades. Be sure to use the Zoom Tool to get accurate results. Then, create an advertisement for Harley Davidson Motorcycles by adding a text slogan to the blank background (Make your own slogan). Save your finished work “Motorcycle cutout”! Print your advertisement for marking.
A. Jones G.M.C.S
Page 16
2/6/2012
Lesson 5: Clone Stamp The Clone stamp is a simple tool for making a duplicate of your image on another area of the picture.
1. Open the image “Friends” 2. Select the Clone tool 3. Hold down the CTRL key on your keyboard and click somewhere on the lobster. This creates an anchor point that represents the image that will be copied. 4. Move somewhere in the blank area to click and drag (like you were coloring). The image will start to appear. If the cloning point is too small, then change the Brush Width (below the pull down menus). 5. Repeat steps 3 & 4 until you have either 4 lobsters or 4 cats (your choice) 6. Save the results as “Friend cloned” Clone Tool
Here is an example of the end result:
A. Jones G.M.C.S
Page 17
2/6/2012
Lesson 5: Challenge Activity Open the “Beach” file. Create clones of the three groups of people walking on the beach. The end result will be several people walking in a variety of places on the beach.
Use your clone tool (and Zoom tool) but be careful of how the sand looks next to the clones!
Save the final results as “Beach friends”.
TIP: Undo Tool To be able to “undo” an error with the click of a button saves a lot of time. There are three ways to “undo”.
Click the back Arrow on the menu bar
Use the CTRL & Z shortcut keys
Click the item in the History Window (hit F6 if the History Box is not already there) and hit the back arrow to remove several changes at once
A. Jones G.M.C.S
Page 18
2/6/2012
Lesson 6: Red Eye & Yellow Teeth Two Ways to remove Red-Eye Rectangle Select Tool
Method 1:
1. Zoom in! Use the Rectangle Selection tool to make a box around one eye. 2. Click the Effects pull down menu and choose Photo > Red Eye Removal. 3. You can play with the tolerance and saturation percent but the default (the way it was already set) will usually be fine. 4. Do the same for the other eye.
Method 2:
1. Zoom In! 2. Create a new layer (Windows > Layer and click the plus sign) 3. For difficult pictures, Click the Paint Tool. 4. Set the Color palette to Black (Windows > Colors) 5. Set a small Brush Width 6. Paint over the red. You don’t have to be precise because you are going to zoom out.
Original Photo
Red Eye Corrected
Lesson 6: Assignment 1 1. Open the “Red_eye” photo provided for you. Practice removing the red-eye just like in the lesson. Save the finished photo so you can put it in your final presentation. 2. Open the “Beavers” photo and correct the red eye in all the subjects. (This is difficult – you might need to use method #2) Save the finished photo so you can put it in your final presentation. A. Jones G.M.C.S
Page 19
2/6/2012
Part 2: Whitening Teeth & Eyes (Enrichment/Optional) (credits: https://docs.google.com/Doc?id=dsgjq79_54cwj48qck)
This tutorial shows you how to make the best of your photo subject. You need the feather plug-in installed on your computer.
We want to whiten these teeth: 1. Open the file Teeth in Paint.net 2. Use the “Magic Wand” and start selecting the areas to be whitened. Hold down the Ctrl key on your keyboard so you can select several areas at once. You may also need to adjust the “Tolerance” so you only get teeth and not the gums too. 3. Once you have all the enamel surrounded, make a new layer and name it “whiten”. 4. Select the “Whiten” layer in the layer box, then select the colour white (or very light blue if the teeth are extremely yellow) from the Paint Palette and, fill the selection using the Paint Bucket tool. 5. Deselect by hitting the delete key on your keyboard (or Edit > Deselect) and open Effects > Objects > Feather. Click OK! 6. Press F4, and set the blending mode to “Overlay”. Adjust the “opacity” to the desired level.
Assignment: The same technique can also be used for Whites of the eyes. Open the red_eye1 photo and whiten it.
A. Jones G.M.C.S
Page 20
2/6/2012
Lesson 7: Picture Effects Paint.Net provides some really nice “effects” tools to make out into an artist. Take a look at some of the effects under the Effects pull down menu. Look on the next page to get your assignment. Effects Menu > Distort:
Effects Menu > Artistic:
Water Reflection
Ink Sketch Oil Painting Pencil Sketch
Effects Menu > Stylize:
Water Reflection
Emboss
Effects Menu > Render: Clouds Frames
Ink Sketch
Oil Painting
Pencil Sketch
Original Photo
Emboss Effect
Cloud Effect A. Jones G.M.C.S
Page 21
2/6/2012
Lesson 7: Assignment Get a digital camera from your teacher. You’ll have to think about what kind of photo to shoot to do the best job on this assignment. Take some photos and apply the effect. (Save the results and place them in your final presentation) 1. Compose a photo of 2 or 3 friends that is in Portrait form (a formal photo with well placed subjects). Apply the Ink Sketch Effect. 2. Apply two different Frames around any 2 picture that you choose to use. Click the Effects Menu > Render > Frames. Adjust each setting to get the best effect. 3. Use the “boat” picture and place water around the boat so it looks like it’s in the water (see example below). Use the Water Reflection Effect. 4. Take 8 other well composed pictures and apply interesting effects to them.
A. Jones G.M.C.S
Page 22
2/6/2012
Credit to Tom Jackson for the idea: http://paintdotnet.forumer.com/viewtopic.php?f=31&t=26966
Lesson 7: Fire Effect - Challenge Activity 1. Create a new Paint.net file (File > New) 2. Draw a gradient with the Gradient Tool with white at the bottom and black at the top (click at the top center and pull down) 3. Make a new layer and double-click Layer 2 to edit layer properties. Set the Blending Mode to “Overlay”. Click OK. 4. Click the Effects pull-down menu and choose Render > Clouds. Change the blending mode to “Difference”. Click OK. (Option: Push CTRL+F a few times to change the effect). 5. Click the Image pull-down menu and choose Flatten. This will combine the layers. 6. On the Adjustments pull-down menu, choose Curves. Choose RGB under 'Transfer map', then, uncheck the 'Red' and 'Green' checkboxes so you're only modifying the blue channel. Move the control point (the dot) just like you see in the illustration below. Next, do the same for the green channel. 7. Find a picture that you can use to come out of the fire. You’ll have to remove the background and make the background transparent (save as a GIF). Bring that picture into your fire as a new layer. Set the opacity to 100 (Double click the layer). These are all skills that you have learned already.
Some things to try… Try a different gradient Adjust the curves in a different order (Try Green, Red, Blue (instead of Red, Green, Blue) for a copper flame)
Play with the “scale” and “roughness” setting of Clouds
A. Jones G.M.C.S
Page 23
2/6/2012
Lesson 8: Drawing Tools Activity 1: Smiley You’ll need a little practice to master the drawing tools, so let’s start by drawing Smiley! This video will help you to master the concepts in this lesson. Link http://www.youtube.com/watch?v=2ZoWz_owZX0&feature=PlayList&p=AA560F9E4F5 986A9&index=3
Paint Bucket Tool Brush Tool
Smiley
Pencil Tool Color Picker Tool
Recolor Tool
1. Whenever we create a new drawing we need to add a layer. This is so the background color won’t erase if we use the erase tool.
2. Select the Brush tool and set the Brush Width to 25. When you click the square bracket “[ “, the size will immediately start to reduce so move the mouse in a circular direction fairly quickly. You may need to practice a few times. Remember Ctrl and Z will undo your errors.
A. Jones G.M.C.S
Page 24
2/6/2012
3. Use the Elipse Tool at the bottom of the tool bar to create circles for the eyes. You may have to choose “Draw Filled Shape” on the toolbar.
4. Add a mouth and hair with the Paint Brush Tool. Set the brush width to any number that seems appropriate.
5. Create a New Layer for the face color and change the primary color on your color picker to a light green (Hit the F8 key if your color windows isn’t already open).
6. On the new layer, use the Paint Brush Tool to color the face green (choose any brush width that seems appropriate). If the color is over the eyes, just move the layer down (below the face but above the background).
A. Jones G.M.C.S
Page 25
2/6/2012
Activity 2: Patriot’s Logo This time, we’re going to use an existing logo to learn about some of the drawing tools.
1. Create a new workspace 800 X 370 pixels (You’ll have a better quality product setting your workspace size rather than working off of the small logo size) Draft Deluxe: Mock Draft, 2009 Mock Draft, Internet , May 19, 2009 http://nfldraftdeluxe.com/patriots_logo_small.gif
2. Click the Layers Pull Down and choose Import from File. Choose the Patriot’s Logo (that you downloaded from our site). Stretch the logo so it fits the whole work area.
3. Set the Opacity of the Patriots layer to 175. (Double Click on the layer and a box will appear)
4. Create a new layer. Name it the Drawing layer.
5. Set the Color Window to Black outline and Red fill (as shown in the photo right).
6. Magnify the image so it will be easier to work with (300%).
A. Jones G.M.C.S
Page 26
2/6/2012
7. Select the Line/Curve Tool and draw one line from the end of the red to the other. Grab the 2 nubs in the center of the line and shape your line so it fits background image. Hit enter to complete the line.
8. Continue to do the same until the entire area is boxed in as shown.
9. Let’s color in the red. Choose the Paint Bucket Tool. Right Click in the red area. (If you didn’t right click, the fill would be black)
10. If you did everything in the drawing layer, you can uncheck the Patriots Layer and see just your results.
11. Complete the rest of the logo. 12. When you need the purple color, use the Color Picker Tool to sampel the background purple color. (You have to click on the Patriots layer in order to do this – remember to switch back to the drawing layer afterwards.) 13. Post the final results in your presentation. 14. If you have time, watch this video to get some of the finer points of the Color Picker. Link http://www.youtube.com/watch?v=7nfvU6WFhJg
A. Jones G.M.C.S
Page 27
2/6/2012
Lesson 8, Activity 2: Copyright! We all know that is isn’t right to steal, so taking things that don’t belong to us is not something that we would normally do. Why then do we think that we can take people’s work off the internet? Copyright laws are one reason that we need to be cautious what we do with the internet, also, we have agreed to N.B. Policy 311 when we log into school computers. That policy outlines our agreement to use the computers properly. Maybe most important is the question of our Ethics. It is important to live up to the highest standards of honesty and honour. It is our reputation that we carry around for lifetime! If we are going to use an image or information for a project, we can give the author/artist credit for their work in the form of a reference in our document.
Footnotes: We must give credit for information and pictures that belong to someone else. Here’s how… (check your agendas for other formats)
Internet Reference Format: (example under picture to the right)
Page Name, Web Site Name, Internet, Date Seen, Web Site Address.
CN Tower, City of Toronto Home Page, Internet, January 1, 2009,
www.visittoronto.com
Copyright Assignment: 1. List three reasons listed above why we need to be careful what we do at school regarding copying pictures on the internet. 2. Write a proper footnote, using the example above, for the sports symbol that you used in the last assignment. (or any other image that you recently acquired from the internet)
A. Jones G.M.C.S
Page 28
2/6/2012
Lesson 8, Activity 2: Assignment Find your favorite sports team logo (make sure it is fairly simple) and reproduce it in Paint.net. Give the team new colors in the logo. At the bottom of the logo, write in the proper reference to show me where you found the original logo.
Lesson 8: Challenge Activity Part 1: Make Over Take a close up picture of a friend. Give him/her a makeover: (Idea links don’t require sound – turn it off so it doesn’t disrupt the class!)
Remove any pimples (with the clone tool). Change his/her hair color (new layer) Add Eye Shadow (Idea link) Whiten their teeth (Idea link or look in lesson 6) Fuller eye brows Add lipstick Change the eye color
Part 2: Funny Characters Take two pictures of friends and transform their personality with the drawing tools! Have fun but be kind!! (no photos of teachers unless you get their permission) Here are a few sample pictures:
A. Jones G.M.C.S
Page 29
2/6/2012
Lesson 9: Layers The greatest effects come when we work on a photo with layers. Layers is like having a stack of transparencies one on top of the other. Each layer contains one part of the completed photo. In our first example, we will use layers to make the subject in the photo stand out (Part 1) and then well put a nice matt or border around the picture (Part 2). Part 1: Blurring the Background 1. Open the completed “Red-eye” photo that you worked on in Lesson 5. This photo is pretty good, but we can make it better by bluring the background so the subject stands out more.
2. Use the Oval Select tool to make an oval around the subject. Use the Move Selection tool to move the anchor points in the oval so theyare just exactly where you want them. Hit the Crop tool.
3. In the Layers Box, click the Duplicate Layer icon (Hit F7 if you don’t have the Layers box). 4. Double click on the new layer (the one on top) and a box will appear allowing you to change the name of the layer to “Copy”
A. Jones G.M.C.S
Page 30
2/6/2012
5. Unselect the Copy layer (uncheck the checkbox), then click on the Background layer so that it turns blue. 6. Click the Effects Pull Down Menu and choose Blurs > Gaussian Blur. Set the radius to 25.
7. Check the Copy layer and uncheck the Background layer.
8. Remove the background using one of the methods that you have learned in other lessons. I find the erase tool great to start, then zoom in (300%) and reduce the erase tool size for the fine work.
9. Check both layers and see what it looks like! (The subject should stand out against the blurred background) (You know how to adjust the Hue/Saturation to improve the color)
10. Merge the layers together to make it easier to use later on. Click the top layer and then hit the Merge Layer Button in the Layer box.
11. Save your work! Call it “photo”.
A. Jones G.M.C.S
Page 31
2/6/2012
Part 2: The Frame
1. Create a new image (File > New) Dimensions: 800x600 Save it and name it “Frame”. 2. Click the Effects Menu > Render > Frames.
3. Play with the settings first to see what each of them can do, then, adjust the Frames Menu according to the illustration to the right.
4. Use the Rectangle Selection Tool, and make a selection following the rectangle inside the frame. Hit the delete key to get rid of the white background (which will help us later when we put the photo in). Now, the background is checker like in the illustration on the right.
Rectangle Selection Tool
5. Create another rectangle in the same spot with the Rectangle Select Tool and then go to Edit menu and select Invert.
6. Create a new layer and place it at the bottom. Tip: Hit F7 on the keyboard if the Layers window isn’t on your screen. A. Jones G.M.C.S
Page 32
2/6/2012
7. From the colour bar click the “More>>” button and add the hex value EFDD61.
8. Then with the Paint Bucket tool inside the selected region (The Frame area) on this new layer, then hit Esc on your keyboard to deselect the area. The end result is a gold coloured border.
The end result is a gold colored border Paint Bucket Tool
9. Rename this layer Gold by double clicking on the name layer 2.
10. Follow the same procedure as Steps 7 - 9 to create a new layer named “Matte”. Move the layers to the order shown (to the right). Fill it with Red or your preferred colour using the Paint Bucket tool.
A. Jones G.M.C.S
Page 33
2/6/2012
11. Let’s make the matte a little fancier! Select the Matte layer. Click the Effects Pull Down Menu and choose Noise > Add Noise. Set the Noise as follows:
12. Create a new layer, name it, Inner Line. Select the Rectangle Shape tool, or, the Oval Shape tool. A. Set the brush to “Draw Shape Outline” as indicated in the diagram to the right.
A
B
B. Set the brush thickness to 3 C. Set the colour to hex CBB66A D. Use the ruler as a guide (make sure it is set to pixels) and make a rectangle starting at 100x100 and ending at 700x500.
13. Make sure you are on the Matte Layer, then use the Oval Select tool, or to make an area for our picture to go. Hit the Delete key.
14. If you have a “vertical picture” like we had in this exercise, click o Image > Rotate 90 clockwise. 15. Save Your Work! A. Jones G.M.C.S
Page 34
2/6/2012
Part 3: Putting the Picture in the Frame
1. Open the picture (“photo”) 2. Use the select tool to select the picture of the girl (click and drag across the 3. 4. 5. 6. 7.
picture), then click copy (Edit > Copy) Open the “frame”. Create a new layer and move it to the bottom of the list Paste the picture in (Edit > Paste) Adjust the picture to fit in the frame by using the Move Selection Tool. Hold the shift key as you move it to maintain the proportions. Save your Frame as “Finished Picture” (File > Save As)
Move Selection Tool
Here are some examples of the Frames. See how nicely the subject stands out (one of the 4 picture doesn’t have a blurred background. Can you tell which one?
A. Jones G.M.C.S
Page 35
2/6/2012
Lesson 9: Assignment Use the portrait that you took of your friends in Lesson 6. 1. Blur the background of your portrait and make the subject stand out like in the lesson. 2. Build a custom frame with the techniques that you learned in the lesson. 3. Merge the portrait and the frame together and put it in your presentation. What do you think you’ll get for a mark on this assignment? You can use the rubric below to see how the teacher will assess your work!
A. Jones G.M.C.S
Page 36
2/6/2012
Lesson 9: Challenge Activity Now that you have learned to use many of the tools in Paint. Net, I have a mission for you: Use the “Band” pictures to create a high quality poster for this up-and-coming rock group. They want to get hired so make sure you do a good job! Put your finished product in your final presentation. Download the photos you need: Band, Band1, Band2…. Band7 You might think about…
Creating a larger canvas size (Images > Canvas Size) so you can combine more than one photo. (900 pixels by 600 pixels would be fine)
Creating a background color layer that spans the entire poster
Removing parts of the background in each photo to make the subject stand out
Adding text (give them a name)
Creating special effects
Saving photos as GIF so they are transparent (if you want your background color to show through) Be creative!!!! (don’t just reproduce the sample)
Sample Band Poster:
A. Jones G.M.C.S
Page 37
2/6/2012
Lesson 10: Pop-Out Pictures (Enrichment/Optional) (credit: http://forums.getpaint.net/index.php?/topic/12205popping-out-of-a-picture/)
Pop-out pictures create a very interesting effect. It helps to draw attention to your picture. Instructions: 1. Open the Iguana pictures in Paint.net. 2. Duplicate the layer. Use the Duplicate Layer icon at the bottom of the Layer Box. 3. Create another new layer by clicking the Plus sign icon at the bottom of the layer Box.
4. On this new layer, create a black frame similar to the one in the picture. Use the Line Tool and the Paint Bucket to fill it in black. (Click the shift key to get a straight line) (As long as the lines are together, it will only fill in the shape)
5. Use the Magic Wand Tool to select the black shape, then click the 2nd Layer that you created, and choose Edit > Invert Selection.
Now, uncheck the lower Background layer and the Black Box layer (Layer 3) to see if it worked. It should look like this:
A. Jones G.M.C.S
Page 38
2/6/2012
6. Use the up arrow in the Layer Box to move this layer above the black box layer.
7. Select the Black Box Layer (Layer 3) in the Layer Box and use the Magic Wand Tool again to select the black box, then use the Move Selection Tool on the toolbar to make the selected area larger on each side of the black box. (“larger” means to make it so there is a picture border around it).
8. Choose White from the Color Picker and use the Paint Bucket Tool to make the border white.
9. Click on the top layers and merge it with the second layer by clicking the merge down icon on the Layer Box.
10. Move the background layer to the top in the Layers Box.
11. Select the Background layer in the Layers Box. Click the Layer Properties icon in the Layers Box (or hit F4) and change the opacity to 150. This will allow you to see the framed picture underneath the whole picture to use as a guide.
A. Jones G.M.C.S
Page 39
2/6/2012
12. Hardest part… we want to select the parts of the background that will rise out from the image. Follow these steps carefully:
Zoom in on the head (so that is this all showing). Use the Lasso Tool to select the head right down and including the white boarder. Hold down the CTRL key on your keyboard (too select a second area) and scroll down to the feet. While holding the CTRL key, select the feet right up to and including the white frame. Choose Edit > Inverse Selection and hit Delete on your keyboard. Now the background that we won’t be using is gone. Set the Layer Property back to 255 (see instruction #11). See the results to the right:
13. Merge the remaining layers (remember instruction #9) 14. Use the Paint Bucket Tool to paint the background black. See the finished result below:
A. Jones G.M.C.S
Page 40
2/6/2012
Assignment: (Enrichment/Optional) Find a picture of your own that would make an outstanding Pop-out picture. I’ve included some examples that range from simple to complex. Create a picture of your own.
A. Jones G.M.C.S
Page 41
2/6/2012
Lesson 11: Rotating Images in a Collage (Enrichment)
1. Have two or more photos saved in your network drive. Open one photo in Paint.net – a photo that would make a nice background (the sample photos in picture documents can do for now)
2. Choose the “Move Selected Pixels” icon from the toolbar and resize the picture (make it fit the whole work area). Click anywhere in the photo to bring up the anchor points, then use the shift key as you drag the corner anchor point so the picture will resize proportionally.
3. In the Edit menu, choose “Import From File”. This will allow you to bring in another picture in a new layer. Resize that picture so it appears as a small picture on the background. Take note of the two layers in the layers Window (click F7 if it is not showing).
A. Jones G.M.C.S
Page 42
2/6/2012
4. Click the Properties icon at the bottom right of the Layers window (Make sure the layer with your picture is highlighted in blue on the Layers Window). Change the mode to “color burn”. Click OK.
5. Click the edit menu and choose de-select
6. Select the layer that represents the Click the Layers Menu and choose Rotate/Zoom There are 4 control that you need to try! Set them as you see in the diagram.
7. Repeat instructions #3- 6 for 3 more pictures. Sample below!
Assignment: Use 5 pictures of Grand Manan. (1 background and 4 others) to make an attractive collage of the exciting scenery in our area. Use text to create a title.
A. Jones G.M.C.S
Page 43
2/6/2012
Lesson 12: Tattoo (Enrichment/Optional) (Credit: http://www.youtube.com/watch?v=zQ4C3rtmUSI) This tutorial uses Paint.net and the “Alpha Displacement Mask” plug-in to give the appearance of a tutorial that molds to the curves of your body. Steps: 1. Open the Sample: Tattoo Girl 2. Open the Tattoo sample by selecting Layers > Import From File: Monarch_butterly1 Note: The Butterfly appears in a new layer 3. Use the Magic Wand tool to select the background color (white) and his delete to eliminate it. Note: A solid color background that contrasts with the image color is the easiest to remove. 4. Resize the butterfly so it will fit on the girls chest (like in the illustration). Follow these steps: a. Use the rectangle selection tool to select just the butterfly.
b. Click the pointer tool and handles appear on the selected area. Drag those handles to make the butterfly smaller. c. For the purpose of this tutorial, line the body of the tattoo up with her cleavage and make sure some of the wing is on the bikini.
d. To rotate the picture just click the right mouse button and drag.
A. Jones G.M.C.S
Page 44
2/6/2012
5. We need to use the Alpha Displacement Mask to make the Butterfly conform to the shape of her body. The Alpha Mask is at the very bottom of the Effects Menu. (The butterfly layer should still be selected as the active layer).
Click the Displacement checkbox .
Slide the Y-axis adjustment slightly. The image starts to distort somewhat but it looks like it moves to fit the contours of the body.
6. Tattoo colors are usually a little faded so select the Butterfly Layer Properties icon (at the bottom right corner of the layers palette).
Change the mode to Multiple
Change the opacity to about 130
7. Start to erase the butterfly that is overlapping the bikini. Deselect the butterfly (hit the escape key) and choose the Eraser tool but don’t get too close to the edge of the bikini. The edge should be blended – go to the next step.
A. Jones G.M.C.S
Page 45
2/6/2012
8. Blend the edge by clicking the “More” icon on the Color Palette. More the transparency slider down to about 16. Now erase the remainder of the edge.
9.
Flatten your layers (see icon on the layers box)
Assignment: Choose 3 of the 4 additional pictures provided and give them a tattoo that you have found from the internet. See the sample results below.
Finished Photo! A. Jones G.M.C.S
Page 46
2/6/2012
More Enrichment Activities
Enrichment Activity: (Very Advanced level)
Build a sword: http://paintdotnet.forumer.com/viewtopic.php?f=31&t=29120
Enrichment Activity: (Very Advanced level)
Create a Picture Filmstrip: http://paintdotnet.forumer.com/viewtopic.php?f=15&t=4614
Other Great Tutorials: http://en.wikibooks.org/wiki/Paint.NET/Contents/Tutorials#Digital_Art_.26_Drawings
Presenting Your Work! At the end of this module, you will present your finished files together in a PowerPoint to make the marking process easier for your instructor. Instructions: Place each photo in a PowerPoint. In the heading section, indicate the Lesson and activity. Make sure the presentation is in order according to the check sheet.
A. Jones G.M.C.S
Page 47
2/6/2012
Check Sheet: Use the check sheet to organize your photos to present to the instructor. Lesson 1:
Name Icons: List 1 to 22 10 Questions
Lesson 2:
Activity 1 – Flip Picture Activity 2 – Crop Activity 3 – Adjust light photo Adjust Dark Photo Activity 4 – Crop the Skiff 2 Questions
/2 /5 /5 /2 /4
Lesson 3:
Assignment
/8
Lesson 4:
Activity 1: Assignment Activity 2: Cut out Cupcake the cat Activity 3: Assignment Activity 4: Boat Cutout Assignment: Fun Characters Challenge Activity
/12 /5 /9 /5 /12 /10
Lesson 5:
Clone Friends Challenge – Beach Walkers
/5 /10
Lesson 6:
Red Eye Assignment Whitening Teeth Eye
Lesson 7:
Assignment Challenge – Fire Effect
/16 /5
Lesson 8:
Activity 1: Smiley Activity 2: Team Logo Copyright Questions Assignment Challenge – Makeover & Funny Characters
/5 /10 /10 /10 /30
A. Jones G.M.C.S
/5 /10
/5 /5 /5
Page 48
2/6/2012
Lesson 9:
Lesson 10:
Lesson 11:
Picture in Frame Assignment – Picture in Frame Challenge – Rock Band Poster Pop-Out Pictures: Iguana Picture of your own
/10 /10 /25 /10 /15
Rotating Images in a Collage Grand Manan Collage
/10 /10 /300
A. Jones G.M.C.S
Page 49
2/6/2012