Taking Screenshots: Difference between revisions

From KDE Wiki Sandbox
m (→‎Workflow: typo)
mNo edit summary
 
(32 intermediate revisions by 9 users not shown)
Line 1: Line 1:
== Guidelines ==
<languages />
* Set the language to English unless it's a localized screenshot
<translate>
* Save as PNG image
* Preferably, use the default settings (icons, color scheme, style, window decoration, application settings etc.)
* Preferably, use compositing (Desktop Effects module in [[System Settings|System Settings]])
* Preferably, use Liberation Sans, 9pt as font
* If the screenshot shows parts of the desktop, preferably use plasma default background. Include a margin (around 20 pixels) [[media:Screenshot-ksnapshot.png|see the image below]] to ensure that window shadows don't look cropped.


== Workflow ==
== Introduction == <!--T:1-->
In this example [[KSnapshot|'''KSnapshot''']] is used, but other screen capture applications work as well.


[[Image:Taking_Screenshots.png|center|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, screenshots should document common usage of the environment and applications, available to users with a standard hardware configuration.


# Start '''[[KSnapshot]]'''
== Guidelines == <!--T:3-->
# Choose a '''Capture mode''' (1)
#* ''Current Screen'': Everything on the screen is captured, usually used for ''desktop screenshots''. (Use ''Full Screen'' mode to capture all screens in a multiscreen environment.)
#* ''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 '''New Snapshot''' (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 click on '''Enter''' or double click in the region to take the snapshot.
# Click on '''Save As...''' (4).
# 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-->
* The '''Snapshot delay''' option (5) makes '''[[KSnapshot]]''' 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
* Set the interface language to English, unless it's a localized screenshot.
* It's often useful to create a separate user for taking screenshots, to ensure a standard look with the default settings. An alternative is to create an Activity with the settings required for screenshots
* Preferably, use the default Plasma settings (icons, color scheme, style, window decoration, application settings etc.).
* Use '''Type: Color''' in the wallpaper settings to get a white background
* 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.
* By default, pressing <keycap>Shift</keycap> + <keycap>Print Screen</keycap> will directly take a screenshot, without Spectacle popping out.
== See Also == <!--T:11-->
<!--T:12-->
* [[Special:myLanguage/Spectacle|Spectacle]]
<!--T:13-->
[[Category:Contributing]]
[[Category:Contributing]]
[[Category:Needs work]]
</translate>

Latest revision as of 17:25, 6 June 2021

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, screenshots 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.
  • By default, pressing Shift + Print Screen will directly take a screenshot, without Spectacle popping out.

See Also