Difference between revisions of "Taking Screenshots"

Jump to: navigation, search
(Workflow)
(Marked this version for translation)
 
(40 intermediate revisions by 9 users not shown)
Line 1: Line 1:
== Guidelines ==
+
<languages />
* When taking screenshots of single a application/window, use a white background and include a margin (around 20 pixels) of the white wallpaper (this is to ensure that window shadows don't look cropped)
+
<translate>
* Set the language to English unless it's a localized screenshot
 
* Save as PNG image
 
* Preferably, use the default settings (icons, color scheme, style, window decoration, application settings etc.)
 
* Preferably, use compositing (see Desktop Effects module in [[System Settings|System Settings]])
 
* Preferably, use Liberation Sans, 9pt as font
 
  
== Workflow ==
+
== Introduction == <!--T:1-->
In this example [[KSnapshot|KSnapshot]] is used, but other screen capture applications work as well.
 
  
[[Image:Screenshot-ksnapshot.png|center|300px|thumb|Capturing a shot of KSnapshot using ''Region'']]
+
<!--T:2-->
 +
The purpose of publishing software screenshots is to introduce prospective users to the look and feel and to give them an idea of what to expect from the product once they have got it running. Therefore, screen shots should document common usage of the environment and applications, available to users with a standard hardware configuration.
  
* Open KSnapshot
+
== Guidelines == <!--T:3-->
* Choose a '''Capture mode'''
 
** ''Full Screen'': Everything on the screen is captured, usually used for ''desktop screenshots''
 
** ''Region'': Only a region defined by the user is captured, usually used for ''application screenshots''
 
* Click on '''New Snapshot'''
 
** ''Full Screen'': Click anywhere on the screen to take the snapshot
 
** ''Region'': Use the mouse to draw a rectangle around the region to be captured (for example around a window). Click on '''Enter''' or double click in the region to take the snapshot
 
:{|
 
|[[Image:help-hint.png]]||'''Tip'''||||||||||||||
 
The region can be resized and moved after it's been drawn
 
|}
 
* Click on '''Save As...'''
 
* Browse to the location you want to save the image, give it a name ('''''name'''.png'') and click on '''Save'''
 
  
== Hints and Tips ==
+
<!--T:4-->
 +
* Set the interface language to English, unless it's a localized screenshot.
 +
* Preferably, use the default Plasma settings (icons, color scheme, style, window decoration, application settings etc.).
 +
* Preferably, use <menuchoice>compositing</menuchoice> (Desktop Effects module in [[Special:myLanguage/System Settings|System Settings]]), but don't worry if your graphics card does not support compositing.
 +
* Preferably, use font "Liberation Sans" at 9pt.
 +
* If the screenshot shows parts of the desktop, preferably use the default background of Plasma. Include a margin (around 20 pixels) if possible, to ensure that window shadows don't look cropped.
 +
* Save as a PNG image.
 +
* If you are preparing a localized screenshot, use the same name as the original English one, with the language-code (the same as you will see on the page address) appended. Fx, a Spanish version of <tt>dolphin_open.png</tt> should get the name <tt>dolphin_open_es.png</tt>
 +
* If the screenshot is to update an existing one, use exactly the same name so that the update happens automatically (see [[Special:myLanguage/Update_an_Image|Update an Image]]).
  
== See Also ==
+
== Workflow == <!--T:5-->
* [[KSnapshot|KSnapshot]]
+
 
 +
<!--T:6-->
 +
In this example [[Special:myLanguage/Spectacle|Spectacle]] is used, but other screen capture applications work as well.
 +
 
 +
<!--T:7-->
 +
[[Image:Taking_Screenshots.png|thumb|500px|center|Capturing a shot of [https://www.kde.org/applications/graphics/spectacle/ Spectacle] using ''Window under cursor'']]
 +
 
 +
<!--T:8-->
 +
# Start [[Special:myLanguage/Spectacle|Spectacle]]
 +
# Choose a Capture mode (1) from the following:
 +
#;Current Screen (only visible on a multi-screen environment)
 +
#: Everything on the single screen is captured, usually used for ''desktop screenshots''.
 +
#;Full Screen
 +
#:This works differently, depending on whether you have a single screen or a multi-screen environment.  For single screen users it captures everything currently on the screen.  Multi-screen users will see it capture all screens into a single window.
 +
#;Window Under Cursor
 +
#: The content of an applications or dialog window is captured. usually used for ''application screenshots''. Preferably, check the '''Include window decorations''' option (2).
 +
#;Region
 +
#: Only a region to be defined later is captured.
 +
# Click on <menuchoice>New Snapshot</menuchoice> (3).
 +
#;Full Screen
 +
#;Current Screen
 +
#;Window Under Cursor
 +
#: Click anywhere on the screen to take the snapshot.
 +
#;Region:
 +
#:# Use the mouse to draw a rectangle around the region to be captured (for example around a window).
 +
#:# Strike the <keycap>Enter</keycap> key or double click in the region to take the snapshot.
 +
# Click on <menuchoice>Save As...</menuchoice> (4).
 +
# Browse to the location you want to save the image, give it a name ('''''name.png''''') and click on <menuchoice>Save</menuchoice>
 +
 
 +
<!--T:14-->
 +
To upload the image:
 +
 
 +
<!--T:15-->
 +
* If you are making a new version of an existing image, see [[Special:myLanguage/Update_an_Image|Update an Image]]
 +
* If you are making a new image go to [[Special:Upload|Upload File]] under '''Tools''' in the right margin. That brings you to a page, where you can upload the image file.
 +
 
 +
== Hints and Tips == <!--T:9-->
 +
 
 +
<!--T:10-->
 +
* The <menuchoice>Snapshot delay</menuchoice> option (5) makes [[Special:myLanguage/Spectacle|Spectacle]] wait a given amount of time (given in seconds) before taking the snapshot. This can be useful in many situations, for example when taking screenshots of drop-down menus
 +
* It's often useful to create a separate user for taking screenshots to ensure a standard look with the default settings.
 +
* Use <menuchoice>Type: Color</menuchoice> in the wallpaper settings to get a white background.
 +
 
 +
== See Also == <!--T:11-->
 +
 
 +
<!--T:12-->
 +
* [[Special:myLanguage/Spectacle|Spectacle]]
 +
 
 +
<!--T:13-->
 +
[[Category:Contributing]]
 +
[[Category:Needs work]]
 +
</translate>

Latest revision as of 12:22, 7 February 2018

Other languages:
Deutsch • ‎English • ‎català • ‎dansk • ‎français • ‎italiano • ‎русский • ‎українська • ‎中文(中国大陆)‎

Introduction

The purpose of publishing software screenshots is to introduce prospective users to the look and feel and to give them an idea of what to expect from the product once they have got it running. Therefore, screen shots should document common usage of the environment and applications, available to users with a standard hardware configuration.

Guidelines

  • Set the interface language to English, unless it's a localized screenshot.
  • Preferably, use the default Plasma settings (icons, color scheme, style, window decoration, application settings etc.).
  • Preferably, use compositing (Desktop Effects module in System Settings), but don't worry if your graphics card does not support compositing.
  • Preferably, use font "Liberation Sans" at 9pt.
  • If the screenshot shows parts of the desktop, preferably use the default background of Plasma. Include a margin (around 20 pixels) if possible, to ensure that window shadows don't look cropped.
  • Save as a PNG image.
  • If you are preparing a localized screenshot, use the same name as the original English one, with the language-code (the same as you will see on the page address) appended. Fx, a Spanish version of dolphin_open.png should get the name dolphin_open_es.png
  • If the screenshot is to update an existing one, use exactly the same name so that the update happens automatically (see Update an Image).

Workflow

In this example Spectacle is used, but other screen capture applications work as well.

Capturing a shot of Spectacle using Window under cursor
  1. Start Spectacle
  2. Choose a Capture mode (1) from the following:
    Current Screen (only visible on a multi-screen environment)
    Everything on the single screen is captured, usually used for desktop screenshots.
    Full Screen
    This works differently, depending on whether you have a single screen or a multi-screen environment. For single screen users it captures everything currently on the screen. Multi-screen users will see it capture all screens into a single window.
    Window Under Cursor
    The content of an applications or dialog window is captured. usually used for application screenshots. Preferably, check the Include window decorations option (2).
    Region
    Only a region to be defined later is captured.
  3. Click on New Snapshot (3).
    Full Screen
    Current Screen
    Window Under Cursor
    Click anywhere on the screen to take the snapshot.
    Region
    1. Use the mouse to draw a rectangle around the region to be captured (for example around a window).
    2. Strike the Enter key or double click in the region to take the snapshot.
  4. Click on Save As... (4).
  5. Browse to the location you want to save the image, give it a name (name.png) and click on Save

To upload the image:

  • If you are making a new version of an existing image, see Update an Image
  • If you are making a new image go to Upload File under Tools in the right margin. That brings you to a page, where you can upload the image file.

Hints and Tips

  • The Snapshot delay option (5) makes Spectacle wait a given amount of time (given in seconds) before taking the snapshot. This can be useful in many situations, for example when taking screenshots of drop-down menus
  • It's often useful to create a separate user for taking screenshots to ensure a standard look with the default settings.
  • Use Type: Color in the wallpaper settings to get a white background.

See Also


This page was last edited on 7 February 2018, at 12:22. Content is available under Creative Commons License SA 4.0 unless otherwise noted.