Editing images using Microsoft Photo Editor and Paint Monica Berger NYC College of Technology Fall 2002 EIS workshop Nov. 6, 2002 mberger@citytech.cuny.edu short version of tutorial

Microsoft Photo Editor and Paint are image-editing software applications that come bundled into Microsoft Office Both have very little of the capability of Adobe Photoshop But they are “free” with Office and easy to learn.

I will cover: Image file formats How to resize an image How to crop How to add type

Image file formats .gif non-photographic graphics .jpg generally best for photographs .bmp Microsoft proprietary format: not useful for anything except creating wallpaper for your Windows desktop. Paint will default to saving files in .bmp This webpage has more information about the difference between .gif and .jpg

Resizing images Always “constrain” the dimensions of your image “Constrain” means keeping the dimensions in the same ratio If your software doesn’t automatically provide resizing, note the exact dimensions of your image Photo Editor defaults to a constrained sizing but width and height need to be changed to the same percentage

Resizing images The duck picture as an original: It is 500 pixels wide and 546 pixels high

Resizing images Select from the menu: Image Resize Resize defaults to not allow distortion Reduce the image in half by selecting a 250 pixel width. Photo Editor automatically ratios the height.

Cropping images First define what part of the photo you are saving by using “define” Use your mouse to change width and height

Cropping images I have selected only the duck’s head for cropping Select “image” Select “crop” Use the defaults on the menu

Cropping images The duck’s head only

Add type Photo Editor doesn’t let the user add type BUT Paint does have this function Close your image in Photo Editor and then open your image in Paint

Add type Here is the original image in Paint

Add type Click on the icon of the letter ‘A’: this lets you add type Do NOT select the first default option for the text box below the basic palette. Pick the second option. This will make the text box invisible.

Add type A cross with a dot in the middle will appear on your image. Use it to create a text box by dragging it across and up and down to size the box.

Add type Control the font size and type using the fonts menu (1) Add the text in the text box (2) Control the color of the font using the color palette (3)

Add type Paint doesn’t let us center the type or position it flush right

Thanks and help Thanks for visiting this tutorial. This is the shorter version. There is also a longer version. If you would like to contact me, my email address is: Monica Berger mberger@citytech.cuny.edu