How To Use Shutter-Screenshot Tool

140
©jaysonijalo 2014 1 How to use Shutter – Screenshot Tools Ubuntu Version

description

Beginner-friendly tutorial on how to use.

Transcript of How To Use Shutter-Screenshot Tool

Page 1: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 1

How to useShutter – Screenshot Tools

Ubuntu Version

Page 2: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 2

What is Shutter – Screenshot Tools ?

Page 3: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 3

Shutter is a feature-richscreenshot program

Page 4: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 4

You can take a screenshotOf a specific area

Page 5: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 5

Your whole screen, or evenOf a website

Page 6: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 6

Page 7: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 7

Shutter is FREE and Open Source

Page 8: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 8

Page 9: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 9

Apply different Effects to it

Page 10: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 10

Page 11: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 11

Let's begin!

Page 12: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 12

In your launcherlocate your browser

Page 13: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 13

Page 14: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 14

Double-clickInternet browser

Page 15: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 15

Page 16: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 16

Type www.shutter-project.org

In address bar

Page 17: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 17

Page 18: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 18

This what webpageLook a like

Page 19: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 19

Page 20: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 20

Let's download Shutter

Page 21: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 21

In your launcher locateUbuntu Software Center

Page 22: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 22

Page 23: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 23

ClickUbuntu Software Center

Page 24: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 24

Page 25: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 25

This what Ubuntu Software CenterLook a like

Page 26: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 26

Type Shutter in search

Page 27: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 27

Page 28: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 28

To install ShutterClick install

Page 29: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 29

Page 30: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 30

Enter password to install

Page 31: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 31

Page 32: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 32

Click Authenticate

Page 33: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 33

Page 34: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 34

Shutter installed

Page 35: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 35

How to run Shutter?

Page 36: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 36

In your launcher locateDash Home icon

Page 37: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 37

Page 38: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 38

Click Dash Home

Page 39: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 39

Page 40: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 40

In search bar typeShutter

Page 41: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 41

Page 42: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 42

Click Shutter

Page 43: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 43

Page 44: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 44

This is Shutter look like

Page 45: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 45

Page 46: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 46

Let's explore Shutter

Page 47: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 47

Quick look in Shutter toolbar

Page 48: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 48

Page 49: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 49

Let's use Selection

Page 50: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 50

Page 51: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 51

Capture area with your Mouse to select specified

Screen area

Page 52: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 52

Draw a rectangular areaUsing mouse

Page 53: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 53

Page 54: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 54

To take a screenshotPress Enter key

Page 55: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 55

Screenshot using Selection

Page 56: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 56

Let's use Desktop button

Page 57: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 57

Page 58: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 58

Take a screenshot of yourwhole desktop

Page 59: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 59

Screenshot using Desktop

Page 60: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 60

Let's use Window button

Page 61: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 61

Page 62: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 62

Take a screenshot of aspecific window

Page 63: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 63

Capture active browser

Page 64: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 64

Capture your Desktop

Page 65: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 65

Capture active workspace

Page 66: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 66

Take a screenshot of awebsite

Page 67: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 67

Click Globe icon

Page 68: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 68

Click Globe icon

Page 69: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 69

Shutter window for websitecapture will pop up

Page 70: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 70

Page 71: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 71

Type the website youWish to capture

Page 72: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 72

Page 73: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 73

Click Capture button

Page 74: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 74

Page 75: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 75

Successfully capturedwebsite

Page 76: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 76

Let's explore the Edit feature

Page 77: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 77

The use of the built-in Editor

is highlight important

Page 78: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 78

...fragments of screenshot or crop it to desired size

Page 79: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 79

Click Edit button

Page 80: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 80

Page 81: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 81

Edit window look like

Page 82: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 82

Side toolbar menu

Page 83: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 83

Adjust color, stroke color,Line width and Font

Page 84: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 84

Let's try Freehand tool

Page 85: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 85

Page 86: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 86

Click Freehand tool

Page 87: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 87

Highlight some part of screenshot using

Freehand tool

Page 88: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 88

Page 89: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 89

Click Highlighter

Page 90: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 90

Page 91: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 91

Highlight some part ofScreenshot usingHighlighter tool

Page 92: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 92

Page 93: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 93

Click Straight Line

Page 94: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 94

Page 95: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 95

You can draw lines to screenshot

Page 96: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 96

Page 97: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 97

Click Arrow

Page 98: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 98

Page 99: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 99

You can put arrowto screenshot

Page 100: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 100

Page 101: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 101

You can add primitives, likeRectangles, ellipses, etc.

Page 102: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 102

Page 103: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 103

Page 104: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 104

Add some text to the screenshot

Page 105: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 105

Click Text Icon

Page 106: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 106

Page 107: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 107

Preferences box will appear

Page 108: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 108

Page 109: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 109

In Preferences box youcan add text

Page 110: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 110

Page 111: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 111

You can adjust font size and style

Page 112: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 112

Click Sans button

Page 113: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 113

Page 114: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 114

Pick a font window appear

Page 115: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 115

Page 116: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 116

You can change font color

Page 117: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 117

Click Font Color button

Page 118: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 118

Page 119: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 119

Choose font colorWindow appear

Page 120: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 120

Page 121: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 121

Click Censor portion

Page 122: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 122

Page 123: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 123

Censor portion of the Screenshot to hide

Private data

Page 124: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 124

Page 125: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 125

Click Pixelize

Page 126: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 126

Page 127: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 127

Pixelize selected area ofyour screenshot to hide

Private data

Page 128: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 128

Page 129: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 129

Click auto-increment shape

Page 130: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 130

Page 131: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 131

Add an auto-increment Shape to the screenshot

Page 132: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 132

Page 133: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 133

Last but not leastClick Crop tool

Page 134: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 134

Page 135: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 135

Choose area in screenshotto be Crop

Page 136: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 136

Page 137: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 137

Hit Enter in keyboardTo Crop screenshot

Page 138: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 138

Page 139: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 139

You can now enjoy usingShutter screenshot tool

Page 140: How To Use Shutter-Screenshot Tool

©jaysonijalo 2014 140

You have the power to achieve any goal you

set your mind on.- Bo Sanchez