Difference between revisions of "How to Create Annotated Screenshots Using Windows Paint"
Jump to navigation
Jump to search
(→Steps: Corrected) |
m (→Steps: Corrected) |
||
Line 7: | Line 7: | ||
# Take screenshot of the desired images on your monitor as described in wikiHow article [[Take a Screenshot in Microsoft Windows|How to Take a Screenshot in Microsoft Windows]]. | # Take screenshot of the desired images on your monitor as described in wikiHow article [[Take a Screenshot in Microsoft Windows|How to Take a Screenshot in Microsoft Windows]]. | ||
# Do '''not''' use the sniping tool's pen or highlighter at all. | # Do '''not''' use the sniping tool's pen or highlighter at all. | ||
# [[Image:WikiHowSnap11.PNG|center| | # [[Image:WikiHowSnap11.PNG|center|300px|thumb|Save Your Shot]]Save your work in an ''ongoing task folder'' that you create. | ||
# [[Image:WikiHowSnap12.PNG|center| | # [[Image:WikiHowSnap12.PNG|center|450px|thumb|Edit your Image]]Right click on the image file and select "Edit" from the menu. Microsoft Windows Paint opens your screen shot for editing. | ||
# [[Image:WikiHowSnap13.PNG|center|403px|thumb|Select Colour]]Select the color of text from the palette. Next to it there is the drop-down menu for hickness of lines for drawing shapes. | # [[Image:WikiHowSnap13.PNG|center|403px|thumb|Select Colour]]Select the color of text from the palette. Next to it there is the drop-down menu for hickness of lines for drawing shapes. | ||
# Insert text. At last, click on Text Tool button (shown as '''A''') to insert text on the desired place. | # Insert text. At last, click on Text Tool button (shown as '''A''') to insert text on the desired place. | ||
# [[Image:WikiHowSnap14.PNG|center| | # [[Image:WikiHowSnap14.PNG|center|450px|thumb|Select Fonts]]Select fonts. First click on the desired point for inserting the text to open the Text Insertion Box (box means that dotted rectangle). When the text insertion rectangle opened decide for the font size, style and face. | ||
# [[Image:WikiHowSnap15.PNG|center| | # [[Image:WikiHowSnap15.PNG|center|450px|thumb|Move and Resize Text Box]]Use "Move" cross handle to move the text box around. Use "Resize" double head arrows to resize the text box. | ||
# [[Image:WikiHowSnap16.png|center| | # [[Image:WikiHowSnap16.png|center|450px|thumb|Decide for Transparency or Opaqueness]]Decide if your text should hide part of the background image (opaque text box) or show it (transparent text box). | ||
# Write your text. After deciding on font, transparency and finished your typing, '''before you click out of the text box,''' You can resize the box, move it around, change fonts, color, new line feed just any like a text editor. Once you clicked out of the box the format of the box will be frozen and can't be changed. You can "undo" it if you are not happy by pressing "Ctrl + z" on your keyboard or at the top of the Paint's GUI. | # Write your text. After deciding on font, transparency and finished your typing, '''before you click out of the text box,''' You can resize the box, move it around, change fonts, color, new line feed just any like a text editor. Once you clicked out of the box the format of the box will be frozen and can't be changed. You can "undo" it if you are not happy by pressing "Ctrl + z" on your keyboard or at the top of the Paint's GUI. | ||
# Surround the texts by shapes. You can use different shapes, arrows, and speech bubbles to surround your text. | # Surround the texts by shapes. You can use different shapes, arrows, and speech bubbles to surround your text. | ||
#* Decide for the color and thickness for your desired shapes. | #* Decide for the color and thickness for your desired shapes. | ||
# Move or resize shapes to desired location and size. | # Move or resize shapes to desired location and size. | ||
# [[Image:WikiHowSnap17.png|center| | # [[Image:WikiHowSnap17.png|center|450px|thumb|Use shapes and Speech Bubbles]]Rotate or flip shapes to point to the right directions. | ||
#* Before clicking out of the shape box, right click inside the box and select desired orientation, outline and fill. | #* Before clicking out of the shape box, right click inside the box and select desired orientation, outline and fill. | ||
Line 24: | Line 24: | ||
# Use your artistic talent and practice to discover and improve the finished job. For example frame your snapshot to contrast it with the background. | # Use your artistic talent and practice to discover and improve the finished job. For example frame your snapshot to contrast it with the background. | ||
# [[Image:WikiHowSnap18.PNG|center|thumb|Open Your Shot]]Open your Shot in the Windows Paint. | # [[Image:WikiHowSnap18.PNG|center|thumb|Open Your Shot]]Open your Shot in the Windows Paint. | ||
# [[Image:WikiHowSnap19.png|center| | # [[Image:WikiHowSnap19.png|center|450px|thumb|Select All]]Select All from the drop-down menu. | ||
# [[Image:WikiHowSnap20.PNG|center| | # [[Image:WikiHowSnap20.PNG|center|550px|thumb|Cut Snapshot and Resize the Background]]Click on "Cut" from menu or "Ctrl + X" from your keyboard. Make the blank background larger using "Resize" arrow. | ||
# [[Image:WikiHowSnap21.png|center| | # [[Image:WikiHowSnap21.png|center|550px|thumb|Select Colour]]Select a colour of your choice (here red) and take the "bucket" from the menu and click it on the white are to be filled with red. | ||
# [[Image:WikiHowSnap22.png|center| | # [[Image:WikiHowSnap22.png|center|550px|thumb|Paste the Shot Back and Adjust the Frame]]Click on Paste to put your snapshot back on the frame. Move the snapshot and resize the red frame for a desired frame size. | ||
=== Use Rulers and Gridlines === | === Use Rulers and Gridlines === | ||
# Use "View" menu to put rulers and gridlines on your work. If you like to meticulously position your annotation on the prepared screenshots you might be interested to add coordinates to facilitate and achieve that goal. | # Use "View" menu to put rulers and gridlines on your work. If you like to meticulously position your annotation on the prepared screenshots you might be interested to add coordinates to facilitate and achieve that goal. | ||
# [[Image:WikiHowSnap25.png|center| | # [[Image:WikiHowSnap25.png|center|550px|thumb|Put Rulers and Gridlines]]Click on "View" and check the required option boxes. | ||
# [[Image:WikiHowSnap26.png|center|557px|thumb|Draw Polygon and Circle]]Draw polygons (here a regular octagon) and circles considering their geometric properties. | # [[Image:WikiHowSnap26.png|center|557px|thumb|Draw Polygon and Circle]]Draw polygons (here a regular octagon) and circles considering their geometric properties. | ||
#* To draw a circle put the curse in corner of one of the subdivisions. Read its coordinates from the horizontal and vertical rulers. Then move the cursor horizontally straight without changing its height, as much as you want its diameter. Next, move it vertically downwards equal to the value of the diameter. Then release the mouse cursor. | #* To draw a circle put the curse in corner of one of the subdivisions. Read its coordinates from the horizontal and vertical rulers. Then move the cursor horizontally straight without changing its height, as much as you want its diameter. Next, move it vertically downwards equal to the value of the diameter. Then release the mouse cursor. |
Revision as of 23:34, 22 February 2014
Frequently you need to create screenshots of your desktop for different usages as demonstration for your job or for educational utilisation. You need to annotate them and highlight the important parts to emphasise further and attract the attention of the audience to certain parts of the demonstration. This is "How to" use the Microsoft Windows Paint facility to achieve this goal.
Steps
- Take screenshot of the desired images on your monitor as described in wikiHow article How to Take a Screenshot in Microsoft Windows.
- Do not use the sniping tool's pen or highlighter at all.
- Save your work in an ongoing task folder that you create.
- Right click on the image file and select "Edit" from the menu. Microsoft Windows Paint opens your screen shot for editing.
- Select the color of text from the palette. Next to it there is the drop-down menu for hickness of lines for drawing shapes.
- Insert text. At last, click on Text Tool button (shown as A) to insert text on the desired place.
- Select fonts. First click on the desired point for inserting the text to open the Text Insertion Box (box means that dotted rectangle). When the text insertion rectangle opened decide for the font size, style and face.
- Use "Move" cross handle to move the text box around. Use "Resize" double head arrows to resize the text box.
- Decide if your text should hide part of the background image (opaque text box) or show it (transparent text box).
- Write your text. After deciding on font, transparency and finished your typing, before you click out of the text box, You can resize the box, move it around, change fonts, color, new line feed just any like a text editor. Once you clicked out of the box the format of the box will be frozen and can't be changed. You can "undo" it if you are not happy by pressing "Ctrl + z" on your keyboard or at the top of the Paint's GUI.
- Surround the texts by shapes. You can use different shapes, arrows, and speech bubbles to surround your text.
- Decide for the color and thickness for your desired shapes.
- Move or resize shapes to desired location and size.
- Rotate or flip shapes to point to the right directions.
- Before clicking out of the shape box, right click inside the box and select desired orientation, outline and fill.
Make a Frame for Snapshots
- Use your artistic talent and practice to discover and improve the finished job. For example frame your snapshot to contrast it with the background.
- Open your Shot in the Windows Paint.
- Select All from the drop-down menu.
- Click on "Cut" from menu or "Ctrl + X" from your keyboard. Make the blank background larger using "Resize" arrow.
- Select a colour of your choice (here red) and take the "bucket" from the menu and click it on the white are to be filled with red.
- Click on Paste to put your snapshot back on the frame. Move the snapshot and resize the red frame for a desired frame size.
Use Rulers and Gridlines
- Use "View" menu to put rulers and gridlines on your work. If you like to meticulously position your annotation on the prepared screenshots you might be interested to add coordinates to facilitate and achieve that goal.
- Click on "View" and check the required option boxes.
- Draw polygons (here a regular octagon) and circles considering their geometric properties.
- To draw a circle put the curse in corner of one of the subdivisions. Read its coordinates from the horizontal and vertical rulers. Then move the cursor horizontally straight without changing its height, as much as you want its diameter. Next, move it vertically downwards equal to the value of the diameter. Then release the mouse cursor.
- Know that the free "Paint" application that comes with your Windows has versatile capabilities that with some patience and practice could be used as a professional tool.