Fertig
Screenshots
Das Ziel ist, richtige, aussagekräftige Bildschirmfotos zu erstellen, die auch auf anderen Supportseiten verwendet werden können. Enthalten die Screenshots große weiße Flächen und sollen auf weißem Hintergrund platziert werden, müssen sie einen blauen Rahmen haben. In den Handbüchern ist das nicht wichtig, da Bilder automatisch einen leichten Schatten bekommen.
Der Weg zum blauen Rahmen ist nicht wichtig. Wichtig ist, dass er ca. 2px stark ist und die Farbe #306CAE (RGB 48/108/174) hat.
Screenshots mit Windows erstellen
Auf einem PC ist das Windows-Tool Ausschneiden und skizzieren zu verwenden. Vor der Verwendung sind allerdings ein paar Systemeinstellungen vorzunehmen.
Transparenten Hintergrund ausstellen
Die Standardeinstellungen sehen einen halb transparenten Hintergrund vor. Das Problem ist, dass dann in manchen Screenshots Teile eines darunter liegenden Fensters durchscheinen oder ein Schreibtisch-Hintergrundbild.
Unter Einstellungen > Personalisierung > Farben > Transparenzeffekte kann das Aus gestellt werden.
Eigenschaft der Print- bzw. Druck-Taste
Ebenfalls in den Einstellungen lässt sich die Eigenschaft der Druck-Taste festlegen.
Einstellungen > Erleichterte Bedienung > Tastatur > Funktionsweise der Druck-Taste > Ein
Durch die Ein-Stellung öffnet das Drücken der Print-Taste das Tool Ausschneiden und skizzieren
Ausschneiden und Skizzieren
Vor dem Erstellen des ersten Screenshots müssen noch einige Einstellungen im Tool Ausschneiden und skizzieren vorgenommen werden. Das Programm befindet sich im Menü unter a oder kann über die Suche gefunden werden.
Die Einstellungen werden über die 3 Punkte rechts oben im Programm aufgerufen.
Automatisch in die Zwischenablage kopieren sollte ausgestellt werden.
Ausschnitt speichern sollte angestellt werden.
Mehrere Fenster kann ausgestellt bleiben.
Kontur für Ausschnitt muss angestellt sein, wenn ein blauer Rahmen erzeugt werden soll. Ist ein blauer Rahmen notwendig, kann mit Screenshot erstellen fortgefahren werden.
Warnung: Beim ersten Programmstart könnte der Schieber nicht vorhanden sein. In dem Fall muss ein Bildschirmfoto erstellt werden und erst dann können die weiteren Einstellungen vorgenommen werden.
Rahmenfarbe
Durch einen Klick auf das Farbfeld kann die Rahmenfarbe geändert werden. Die Rahmenfarbe soll #306CAE sein, was einem buchner-Blau 80% entspricht. Da sie keine Transparenz hat, muss in diesem Programm #FF306CAE eingegeben werden.
Rahmenstärke
Auf Monitoren mit einer Auflösung von 4K (3840 × 2160 Pixel) oder größer, werden sehr hochauflösende Screenshots erstellt. Deshalb sollte eine Rahmenstärke von 4 Pixeln gewählt werden. Für einen 4 Pixel starken Rahmen, kann der Schieber unter dem Farbfeld etwas nach rechts verschoben werden. Die Zahl darüber zeigt die Stärke an.
Auf Monitoren mit einer kleineren Auflösung als 4K (z.B. Full HD), werden nicht so hochauflösende Screenshots erstellt. Deshalb sollte eine Rahmenstärke von 2 Pixeln gewählt werden. Für einen 2 Pixel starken Rahmen, kann der Schieber unter dem Farbfeld etwas nach rechts verschoben werden. Die Zahl darüber zeigt die Stärke an.
Hinweis: Da die Bilder in der Regel skaliert angezeigt werden, ist es normal und unvermeidbar, dass alle Bilder unterschiedlich dicke Rahmen haben - maximal aber 4 Pixel.
Unter Umständen ist eine andere Rahmenstärke zu wählen, damit die Screenshots etwas einheitlicher aussehen.
Screenshot erstellen
Bevor ein Screenshot erstellt wird, muss der auszuschneidende Inhalt gut auf dem Schreibtisch platziert werden, sodass der Inhalt eine gute Größe hat, nicht zu viele Leerflächen entstehen und das Wesentliche im Fokus ist.
Zum Erstellen eines Screenshots muss die Print-Taste gedrückt werden. Alternativ kann auch die Tastenkombination Windows-Logo-Taste+UMSCHALT+S gewählt werden.
Am oberen Rand des Bildschirms öffnet sich eine Menüleiste und der Bildschirm wird leicht grau. In der Menüleiste gibt es vier Auswahlmöglichkeiten
- Rechteck ausschneiden
- Freies ausschneiden
- Fenster ausschneiden
- Vollbild ausschneiden
In der Regel werden Fenster ausgeschnitten. Nach einem Klick auf Fenster ausschneiden muss die Maus auf das entsprechende Fenster bewegt werden. Dieses Fenster erhält die normale Helligkeit, während der Rest leicht abgedunkelt ist. Ein linker Mausklick auf das Fenster übernimmt den Screenshot in die Zwischenablage.
Für Details eignet sich die Option Rechteck ausschneiden.
Unten links erscheint ein Vorschaubild für etwa 5 Sekunden und verschwindet dann wieder.
Ein Klick auf die Vorschau, öffnet den Screenshot in Ausschneiden und Skizzieren. Mit STRG+S oder einem Klick auf die Diskette, wird er dann gespeichert. Der Name ist bereits vorausgewählt - es kann also direkt losgeschrieben werden.
Notiz: Der Dateiname sollte sprechend sein, wie z.B. screenshot-einstellungen.png. Er darf nur Kleinbuchstaben, Zahlen und Minus enthalten. Leerzeichen sind durch Minus - zu ersetzen. Um die Endung .png muss sich nicht gekümmert werden. Sie wird automatisch eingesetzt.
Screenshots mit MacOS erstellen
Auf dem Mac gibt es zwei Tastenkombinationen, mit denen unterschiedliche Screenshots erzeugt werden können:
- Command + Umschalttaste + 3
- Command + Umschalttaste + 4
- Command + Umschalttaste + 4 und auswählen eines Fensters mit der Leerzeichentaste
Die erste Kombination erstellt einen Screenshot vom kompletten Bildschirm und speichert ihn als PNG auf dem Desktop (wenn nicht anders eingestellt).
Die zweite Kombination erlaubt es einen Ausschnitt mit der Maus zu definieren.
Mit Command + Umschalttaste + 4 wird auch ein einzelnes Fenster aufgenommen, wenn zusätzlich vor dem Mausklick die Space-Taste gedrückt wird. Allerdings speichert MacOS nicht nur das Fenster, sondern auch einen Rahmen mit Schatten, sodass man das Bild trotzdem freistellen muss.
In den meisten Fällen ist es ratsam die 2. Möglichkeit zu wählen (Command + Umschalttaste + 4).
Blauen Rahmen erzeugen
Enthält der Screenshot große weiße Flächen und soll auch für andere Zwecke verwendet werden, kann ein blauer Rahmen notwendig sein. Ihn zu erzeugen ist mit Aufwand verbunden. Am einfachsten geht es mit der ins Betriebssystem integrierten Vorschau. Gimp löst es etwas schicker, Affinity Foto beherrscht Makros und Stapelverarbeitung und macht es am schnellsten, wenn das Makro erstellt wurde.
MacOS Vorschau
Der Screenshot wird per Doppelklick mit Vorschau geöffnet.
Danach durch Klick auf die Buntstiftspitze neben der Suche in den Bearbeiten-Modus gehen und die zweitdickste Rahmenstärke auswählen.
Danach die Rahmenfarbe festlegen. Von den vordefinierten Farben kommt das 4. Himmelblau von unten der vorgegebenen Farbe am nächsten.
Die Farbe kann über die Schaltfläche Farbe einblenden … auch individuell festgelegt werden.
Als nächstes wird ein Quadrat mit blauer Rahmenfarbe, transparenter Füllung und spitzen Ecken vorausgewählt.
Es erscheint sofort in immer der gleiche Größe in der Mitte des Bildes.
Jetzt können die Ecken oder Seiten so verzogen werden, das die runden Angriffspunkte nur noch halb zu sehen ist.
Danach kann das Bild geschlossen werden. Es wird automatisch gespeichert.
Notiz: Der Dateiname sollte sprechend sein, wie z.B. screenshot-einstellungen.png. Er darf nur Kleinbuchstaben, Zahlen und Minus enthalten. Leerzeichen sind durch Minus - zu ersetzen.
GIMP
Mit dem freien Programm GIMP steht jedem ein mächtiges Tool zur Verfügung, welches solche einfachen Aufgaben wie einen Rahmen zu ziehen, sehr genau erledigen kann.
Zuerst das Bild mit Gimp öffnen (Rechtsklick / Öffnen mit / GIMP-2.10.app).
Zuerst muss als Vordergrundfarbe, blau (306CAE) ausgewählt werden. Durch Klick auf das Farbfeld in der Toolleiste links oben, öffnet sich das Fenster Vordergrundfarbe ändern. Hier kann unter HTML-Notation direkt der HEX-Wert (ohne #) eingegeben werden, also 306CAE. Mit OK bestätigen.
Danach die gesamte Arbeitsfläche auswählen (Menüleiste / Auswahl / Alles auswählen) oder cmd + a.
Dann wird die Auswahl farbig nachgezeichnet (Menüleiste / Bearbeiten / Auswahl nachziehen).
Es öffnet sich das Fenster zum festlegen des Nachziehstils. Je nach Größe des Bildes sollte die Linienbreite 8.0px bei großen und 4.0px bei kleinen Bildern verwendet werden. Mit Klick auf Nachziehen bestätigen.
Danach kann das Bild gespeichert werden. Das geht am besten mit Exportieren (Menüleiste / Datei / Export As…)
Im Folgenden kann der Dateiname und der Speicherort festgelegt werden. Mit Exportieren bestätigen.
GIMP bietet auch als nächstes wieder Möglichkeiten mehr Einstellungen vorzunehmen. Die Standardeinstellungen reichen, also erneut die Bestätigung mit Klick auf Exportieren.
Affinity Foto
Affinity kostet Geld, ist aber zu einem Bruchteil des Preises vergleichbar mit Adobe Photoshop. Einen blauen Rahmen damit zu zeichnen, ist wie mit Kanonen nach Spatzen schießen. Allerdings lassen sich Abläufe automatisieren, sodass bei häufiger Nutzung eine Menge Zeit sparen lässt.
Als erstes wird ein Makro erstellt. Das wird dann zur Bibliothek hinzugefügt und steht dann für die Bearbeitung zukünftiger Screenshots zur Verfügung.
Die Fenster Makro und Bibliothek werden unter Menüleiste / Ansicht / Studio / Makro und Menüleiste / Ansicht / Studio / Bibliothek sichtbar gemacht.
Um Makros erstellen zu können, muss ein Dokument geöffnet sein.
Zum Erstellen des Makros oben im Fenster Makro auf den Roten Knopf drücken.
Zuerst soll das komplette Dokument ausgewählt sein (Menüleiste / Auswählen / Alles markieren).
Dann soll eine Umrandung gewählt werden (Menüleiste / Auswählen / Umrandung).
Es öffnet sich das Fenster Umrandungsauswahl. Hier den Radius 4 und die Ausrichtung Innen wählen.
Jetzt muss die Auswahl blau gefüllt werden (Menüleiste / Bearbeiten / Füllung).
Es öffnet sich das Fenster Füllung, hier Selbst definierte Farbe wählen. Mit einem Klick auf das Farbfeld, kann die Farbe definiert werden (306CAE).
Nach dem Bestätigen wird der blaue Rand angezeigt. Jetzt kann die Auswahl aufgehoben werden (Menüleiste / Auswählen / Auswahl aufheben).
Das Makro ist jetzt fertig und kann in die Bibliothek aufgenommen werden. Das geschieht mit einem Klick auf das Icon mit dem + (in der Zeile des roten Punktes).
Dann muss ein Name vergeben werden, z.B. Blauer Rand.
Jetzt taucht das Makro in der Bibliothek auf und kann für zukünftige Screenshots genutzt werden.
Zuerst ein Dokument öffnen, dann auf das Makro Blauer Rand klicken und das Dokument speichern.