©jaysonijalo 2014 1
How to use
Shutter – Screenshot Tools
Ubuntu Version
©jaysonijalo 2014 2
What is
Shutter – Screenshot Tools ?
©jaysonijalo 2014 3
Shutter is a feature-rich
screenshot program
©jaysonijalo 2014 4
You can take a screenshot
Of a specific area
©jaysonijalo 2014 5
Your whole screen, or even
Of a website
©jaysonijalo 2014 6
©jaysonijalo 2014 7
Shutter is FREE
and Open Source
©jaysonijalo 2014 8
©jaysonijalo 2014 9
Apply different
Effects to it
©jaysonijalo 2014 10
©jaysonijalo 2014 11
Let's begin!
©jaysonijalo 2014 12
In your launcher
locate your browser
©jaysonijalo 2014 13
©jaysonijalo 2014 14
Double-click
Internet browser
©jaysonijalo 2014 15
©jaysonijalo 2014 16
Type
www.shutter-project.org
In address bar
©jaysonijalo 2014 17
©jaysonijalo 2014 18
This what webpage
Look a like
©jaysonijalo 2014 19
©jaysonijalo 2014 20
Let's download Shutter
©jaysonijalo 2014 21
In your launcher locate
Ubuntu Software Center
©jaysonijalo 2014 22
©jaysonijalo 2014 23
Click
Ubuntu Software Center
©jaysonijalo 2014 24
©jaysonijalo 2014 25
This what Ubuntu Software Center
Look a like
©jaysonijalo 2014 26
Type Shutter in search
©jaysonijalo 2014 27
©jaysonijalo 2014 28
To install Shutter
Click install
©jaysonijalo 2014 29
©jaysonijalo 2014 30
Enter password to install
©jaysonijalo 2014 31
©jaysonijalo 2014 32
Click Authenticate
©jaysonijalo 2014 33
©jaysonijalo 2014 34
Shutter installed
©jaysonijalo 2014 35
How to run Shutter?
©jaysonijalo 2014 36
In your launcher locate
Dash Home icon
©jaysonijalo 2014 37
©jaysonijalo 2014 38
Click Dash Home
©jaysonijalo 2014 39
©jaysonijalo 2014 40
In search bar type
Shutter
©jaysonijalo 2014 41
©jaysonijalo 2014 42
Click Shutter
©jaysonijalo 2014 43
©jaysonijalo 2014 44
This is Shutter look like
©jaysonijalo 2014 45
©jaysonijalo 2014 46
Let's explore Shutter
©jaysonijalo 2014 47
Quick look in
Shutter toolbar
©jaysonijalo 2014 48
©jaysonijalo 2014 49
Let's use Selection
©jaysonijalo 2014 50
©jaysonijalo 2014 51
Capture area with your
Mouse to select specified
Screen area
©jaysonijalo 2014 52
Draw a rectangular area
Using mouse
©jaysonijalo 2014 53
©jaysonijalo 2014 54
To take a screenshot
Press Enter key
©jaysonijalo 2014 55
Screenshot using Selection
©jaysonijalo 2014 56
Let's use Desktop button
©jaysonijalo 2014 57
©jaysonijalo 2014 58
Take a screenshot of your
whole desktop
©jaysonijalo 2014 59
Screenshot using Desktop
©jaysonijalo 2014 60
Let's use Window button
©jaysonijalo 2014 61
©jaysonijalo 2014 62
Take a screenshot of a
specific window
©jaysonijalo 2014 63
Capture active browser
©jaysonijalo 2014 64
Capture your Desktop
©jaysonijalo 2014 65
Capture active workspace
©jaysonijalo 2014 66
Take a screenshot of a
website
©jaysonijalo 2014 67
Click Globe icon
©jaysonijalo 2014 68
Click Globe icon
©jaysonijalo 2014 69
Shutter window for website
capture will pop up
©jaysonijalo 2014 70
©jaysonijalo 2014 71
Type the website you
Wish to capture
©jaysonijalo 2014 72
©jaysonijalo 2014 73
Click Capture button
©jaysonijalo 2014 74
©jaysonijalo 2014 75
Successfully captured
website
©jaysonijalo 2014 76
Let's explore the
Edit feature
©jaysonijalo 2014 77
The use of the built-in
Editor
is highlight important
©jaysonijalo 2014 78
...fragments of screenshot
or crop it to desired size
©jaysonijalo 2014 79
Click Edit button
©jaysonijalo 2014 80
©jaysonijalo 2014 81
Edit window look like
©jaysonijalo 2014 82
Side toolbar menu
©jaysonijalo 2014 83
Adjust color, stroke color,
Line width and Font
©jaysonijalo 2014 84
Let's try Freehand tool
©jaysonijalo 2014 85
©jaysonijalo 2014 86
Click Freehand tool
©jaysonijalo 2014 87
Highlight some part of
screenshot using
Freehand tool
©jaysonijalo 2014 88
©jaysonijalo 2014 89
Click Highlighter
©jaysonijalo 2014 90
©jaysonijalo 2014 91
Highlight some part of
Screenshot using
Highlighter tool
©jaysonijalo 2014 92
©jaysonijalo 2014 93
Click Straight Line
©jaysonijalo 2014 94
©jaysonijalo 2014 95
You can draw lines
to screenshot
©jaysonijalo 2014 96
©jaysonijalo 2014 97
Click Arrow
©jaysonijalo 2014 98
©jaysonijalo 2014 99
You can put arrow
to screenshot
©jaysonijalo 2014 100
©jaysonijalo 2014 101
You can add primitives, like
Rectangles, ellipses, etc.
©jaysonijalo 2014 102
©jaysonijalo 2014 103
©jaysonijalo 2014 104
Add some text to
the screenshot
©jaysonijalo 2014 105
Click Text Icon
©jaysonijalo 2014 106
©jaysonijalo 2014 107
Preferences box
will appear
©jaysonijalo 2014 108
©jaysonijalo 2014 109
In Preferences box you
can add text
©jaysonijalo 2014 110
©jaysonijalo 2014 111
You can adjust
font size and style
©jaysonijalo 2014 112
Click Sans button
©jaysonijalo 2014 113
©jaysonijalo 2014 114
Pick a font window appear
©jaysonijalo 2014 115
©jaysonijalo 2014 116
You can change font color
©jaysonijalo 2014 117
Click Font Color button
©jaysonijalo 2014 118
©jaysonijalo 2014 119
Choose font color
Window appear
©jaysonijalo 2014 120
©jaysonijalo 2014 121
Click Censor portion
©jaysonijalo 2014 122
©jaysonijalo 2014 123
Censor portion of the
Screenshot to hide
Private data
©jaysonijalo 2014 124
©jaysonijalo 2014 125
Click Pixelize
©jaysonijalo 2014 126
©jaysonijalo 2014 127
Pixelize selected area of
your screenshot to hide
Private data
©jaysonijalo 2014 128
©jaysonijalo 2014 129
Click auto-increment shape
©jaysonijalo 2014 130
©jaysonijalo 2014 131
Add an auto-increment
Shape to the screenshot
©jaysonijalo 2014 132
©jaysonijalo 2014 133
Last but not least
Click Crop tool
©jaysonijalo 2014 134
©jaysonijalo 2014 135
Choose area in screenshot
to be Crop
©jaysonijalo 2014 136
©jaysonijalo 2014 137
Hit Enter in keyboard
To Crop screenshot
©jaysonijalo 2014 138
©jaysonijalo 2014 139
You can now enjoy using
Shutter screenshot tool
©jaysonijalo 2014 140
You have the power to
achieve any goal you
set your mind on.
- Bo Sanchez
Upcoming SlideShare
Loading in …5
×

How To Use Shutter-Screenshot Tool

327 views

Published on

Beginner-friendly tutorial on how to use.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
327
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

How To Use Shutter-Screenshot Tool

  1. 1. ©jaysonijalo 2014 1 How to use Shutter – Screenshot Tools Ubuntu Version
  2. 2. ©jaysonijalo 2014 2 What is Shutter – Screenshot Tools ?
  3. 3. ©jaysonijalo 2014 3 Shutter is a feature-rich screenshot program
  4. 4. ©jaysonijalo 2014 4 You can take a screenshot Of a specific area
  5. 5. ©jaysonijalo 2014 5 Your whole screen, or even Of a website
  6. 6. ©jaysonijalo 2014 6
  7. 7. ©jaysonijalo 2014 7 Shutter is FREE and Open Source
  8. 8. ©jaysonijalo 2014 8
  9. 9. ©jaysonijalo 2014 9 Apply different Effects to it
  10. 10. ©jaysonijalo 2014 10
  11. 11. ©jaysonijalo 2014 11 Let's begin!
  12. 12. ©jaysonijalo 2014 12 In your launcher locate your browser
  13. 13. ©jaysonijalo 2014 13
  14. 14. ©jaysonijalo 2014 14 Double-click Internet browser
  15. 15. ©jaysonijalo 2014 15
  16. 16. ©jaysonijalo 2014 16 Type www.shutter-project.org In address bar
  17. 17. ©jaysonijalo 2014 17
  18. 18. ©jaysonijalo 2014 18 This what webpage Look a like
  19. 19. ©jaysonijalo 2014 19
  20. 20. ©jaysonijalo 2014 20 Let's download Shutter
  21. 21. ©jaysonijalo 2014 21 In your launcher locate Ubuntu Software Center
  22. 22. ©jaysonijalo 2014 22
  23. 23. ©jaysonijalo 2014 23 Click Ubuntu Software Center
  24. 24. ©jaysonijalo 2014 24
  25. 25. ©jaysonijalo 2014 25 This what Ubuntu Software Center Look a like
  26. 26. ©jaysonijalo 2014 26 Type Shutter in search
  27. 27. ©jaysonijalo 2014 27
  28. 28. ©jaysonijalo 2014 28 To install Shutter Click install
  29. 29. ©jaysonijalo 2014 29
  30. 30. ©jaysonijalo 2014 30 Enter password to install
  31. 31. ©jaysonijalo 2014 31
  32. 32. ©jaysonijalo 2014 32 Click Authenticate
  33. 33. ©jaysonijalo 2014 33
  34. 34. ©jaysonijalo 2014 34 Shutter installed
  35. 35. ©jaysonijalo 2014 35 How to run Shutter?
  36. 36. ©jaysonijalo 2014 36 In your launcher locate Dash Home icon
  37. 37. ©jaysonijalo 2014 37
  38. 38. ©jaysonijalo 2014 38 Click Dash Home
  39. 39. ©jaysonijalo 2014 39
  40. 40. ©jaysonijalo 2014 40 In search bar type Shutter
  41. 41. ©jaysonijalo 2014 41
  42. 42. ©jaysonijalo 2014 42 Click Shutter
  43. 43. ©jaysonijalo 2014 43
  44. 44. ©jaysonijalo 2014 44 This is Shutter look like
  45. 45. ©jaysonijalo 2014 45
  46. 46. ©jaysonijalo 2014 46 Let's explore Shutter
  47. 47. ©jaysonijalo 2014 47 Quick look in Shutter toolbar
  48. 48. ©jaysonijalo 2014 48
  49. 49. ©jaysonijalo 2014 49 Let's use Selection
  50. 50. ©jaysonijalo 2014 50
  51. 51. ©jaysonijalo 2014 51 Capture area with your Mouse to select specified Screen area
  52. 52. ©jaysonijalo 2014 52 Draw a rectangular area Using mouse
  53. 53. ©jaysonijalo 2014 53
  54. 54. ©jaysonijalo 2014 54 To take a screenshot Press Enter key
  55. 55. ©jaysonijalo 2014 55 Screenshot using Selection
  56. 56. ©jaysonijalo 2014 56 Let's use Desktop button
  57. 57. ©jaysonijalo 2014 57
  58. 58. ©jaysonijalo 2014 58 Take a screenshot of your whole desktop
  59. 59. ©jaysonijalo 2014 59 Screenshot using Desktop
  60. 60. ©jaysonijalo 2014 60 Let's use Window button
  61. 61. ©jaysonijalo 2014 61
  62. 62. ©jaysonijalo 2014 62 Take a screenshot of a specific window
  63. 63. ©jaysonijalo 2014 63 Capture active browser
  64. 64. ©jaysonijalo 2014 64 Capture your Desktop
  65. 65. ©jaysonijalo 2014 65 Capture active workspace
  66. 66. ©jaysonijalo 2014 66 Take a screenshot of a website
  67. 67. ©jaysonijalo 2014 67 Click Globe icon
  68. 68. ©jaysonijalo 2014 68 Click Globe icon
  69. 69. ©jaysonijalo 2014 69 Shutter window for website capture will pop up
  70. 70. ©jaysonijalo 2014 70
  71. 71. ©jaysonijalo 2014 71 Type the website you Wish to capture
  72. 72. ©jaysonijalo 2014 72
  73. 73. ©jaysonijalo 2014 73 Click Capture button
  74. 74. ©jaysonijalo 2014 74
  75. 75. ©jaysonijalo 2014 75 Successfully captured website
  76. 76. ©jaysonijalo 2014 76 Let's explore the Edit feature
  77. 77. ©jaysonijalo 2014 77 The use of the built-in Editor is highlight important
  78. 78. ©jaysonijalo 2014 78 ...fragments of screenshot or crop it to desired size
  79. 79. ©jaysonijalo 2014 79 Click Edit button
  80. 80. ©jaysonijalo 2014 80
  81. 81. ©jaysonijalo 2014 81 Edit window look like
  82. 82. ©jaysonijalo 2014 82 Side toolbar menu
  83. 83. ©jaysonijalo 2014 83 Adjust color, stroke color, Line width and Font
  84. 84. ©jaysonijalo 2014 84 Let's try Freehand tool
  85. 85. ©jaysonijalo 2014 85
  86. 86. ©jaysonijalo 2014 86 Click Freehand tool
  87. 87. ©jaysonijalo 2014 87 Highlight some part of screenshot using Freehand tool
  88. 88. ©jaysonijalo 2014 88
  89. 89. ©jaysonijalo 2014 89 Click Highlighter
  90. 90. ©jaysonijalo 2014 90
  91. 91. ©jaysonijalo 2014 91 Highlight some part of Screenshot using Highlighter tool
  92. 92. ©jaysonijalo 2014 92
  93. 93. ©jaysonijalo 2014 93 Click Straight Line
  94. 94. ©jaysonijalo 2014 94
  95. 95. ©jaysonijalo 2014 95 You can draw lines to screenshot
  96. 96. ©jaysonijalo 2014 96
  97. 97. ©jaysonijalo 2014 97 Click Arrow
  98. 98. ©jaysonijalo 2014 98
  99. 99. ©jaysonijalo 2014 99 You can put arrow to screenshot
  100. 100. ©jaysonijalo 2014 100
  101. 101. ©jaysonijalo 2014 101 You can add primitives, like Rectangles, ellipses, etc.
  102. 102. ©jaysonijalo 2014 102
  103. 103. ©jaysonijalo 2014 103
  104. 104. ©jaysonijalo 2014 104 Add some text to the screenshot
  105. 105. ©jaysonijalo 2014 105 Click Text Icon
  106. 106. ©jaysonijalo 2014 106
  107. 107. ©jaysonijalo 2014 107 Preferences box will appear
  108. 108. ©jaysonijalo 2014 108
  109. 109. ©jaysonijalo 2014 109 In Preferences box you can add text
  110. 110. ©jaysonijalo 2014 110
  111. 111. ©jaysonijalo 2014 111 You can adjust font size and style
  112. 112. ©jaysonijalo 2014 112 Click Sans button
  113. 113. ©jaysonijalo 2014 113
  114. 114. ©jaysonijalo 2014 114 Pick a font window appear
  115. 115. ©jaysonijalo 2014 115
  116. 116. ©jaysonijalo 2014 116 You can change font color
  117. 117. ©jaysonijalo 2014 117 Click Font Color button
  118. 118. ©jaysonijalo 2014 118
  119. 119. ©jaysonijalo 2014 119 Choose font color Window appear
  120. 120. ©jaysonijalo 2014 120
  121. 121. ©jaysonijalo 2014 121 Click Censor portion
  122. 122. ©jaysonijalo 2014 122
  123. 123. ©jaysonijalo 2014 123 Censor portion of the Screenshot to hide Private data
  124. 124. ©jaysonijalo 2014 124
  125. 125. ©jaysonijalo 2014 125 Click Pixelize
  126. 126. ©jaysonijalo 2014 126
  127. 127. ©jaysonijalo 2014 127 Pixelize selected area of your screenshot to hide Private data
  128. 128. ©jaysonijalo 2014 128
  129. 129. ©jaysonijalo 2014 129 Click auto-increment shape
  130. 130. ©jaysonijalo 2014 130
  131. 131. ©jaysonijalo 2014 131 Add an auto-increment Shape to the screenshot
  132. 132. ©jaysonijalo 2014 132
  133. 133. ©jaysonijalo 2014 133 Last but not least Click Crop tool
  134. 134. ©jaysonijalo 2014 134
  135. 135. ©jaysonijalo 2014 135 Choose area in screenshot to be Crop
  136. 136. ©jaysonijalo 2014 136
  137. 137. ©jaysonijalo 2014 137 Hit Enter in keyboard To Crop screenshot
  138. 138. ©jaysonijalo 2014 138
  139. 139. ©jaysonijalo 2014 139 You can now enjoy using Shutter screenshot tool
  140. 140. ©jaysonijalo 2014 140 You have the power to achieve any goal you set your mind on. - Bo Sanchez

×