Taking Screenshots: Difference between revisions

From KDE Wiki Sandbox
(→‎Hints and Tips: Remove red-link sentence)
mNo edit summary
 
(23 intermediate revisions by 7 users not shown)
Line 1: Line 1:
== Introduction ==
<languages />
The purpose of publishing software screenshots is to introduce prospective customers 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.
<translate>


== Guidelines ==
== Introduction == <!--T:1-->
* Set the language to English, unless it's a localized screenshot.
 
<!--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.
 
== Guidelines == <!--T:3-->
 
<!--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.
* Save as a PNG image.
* Preferably, use the default settings (icons, color scheme, style, window decoration, application settings etc.).
* 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>
* Preferably, use compositing (Desktop Effects module in [[System Settings|System Settings]]), but don't worry if your graphics card does not support compositing.
* 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]]).
* 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.
== Workflow == <!--T:5-->


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


[[Image:Taking_Screenshots.png|center|Capturing a shot of '''[[KSnapshot]]''' using ''Region'']]
<!--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'']]


# Start '''[[KSnapshot]]'''
<!--T:8-->
# Choose a '''Capture mode''' (1)
# Start [[Special:myLanguage/Spectacle|Spectacle]]
#;Current Screen
# Choose a Capture mode (1) from the following:
#: Everything on the screen is captured, usually used for ''desktop screenshots''. (Use ''Full Screen'' mode to capture all screens in a multiscreen environment.)
#;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
#;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).
#: The content of an applications or dialog window is captured. usually used for ''application screenshots''. Preferably, check the '''Include window decorations''' option (2).
#;Region
#;Region
#: Only a region to be defined later is captured.  
#: Only a region to be defined later is captured.  
# Click on '''New Snapshot''' (3).
# Click on <menuchoice>New Snapshot</menuchoice> (3).
#;Full Screen
#;Full Screen
#;Current Screen
#;Current Screen
Line 30: Line 45:
#;Region:  
#;Region:  
#:# Use the mouse to draw a rectangle around the region to be captured (for example around a window).  
#:# 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.
#:# Strike the <keycap>Enter</keycap> key or double click in the region to take the snapshot.
# Click on '''Save As...''' (4).
# Click on <menuchoice>Save As...</menuchoice> (4).
# Browse to the location you want to save the image, give it a name (<var >name</var >.png'') and click on '''Save'''
# 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 ==
== Hints and Tips == <!--T:9-->
* 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
 
<!--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.
* 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.
* 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-->


== See Also ==
<!--T:12-->
* [[KSnapshot|'''KSnapshot''']]
* [[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