Wie erstelle ich Highlights auf einem Screenshot?


41

In Chipacas Antwort auf das Verwalten von Dateien und Synchronisierungsszenarien finden Sie einen Screenshot mit bestimmten Highlights. Die Highlights sind die folgenden:

  1. Eine Zeile einer GUI-Liste wird hervorgehoben, wenn die anderen Teile des Screenshots dunkler sind.
  2. Ein Häkchen wird hervorgehoben, indem es von einem (orangefarbenen) Stift umkreist wird.

Wie erstelle ich diese beiden Highlights auf einem Screenshot? Gibt es einen automatisierten Prozess?

Der Screenshot, auf den ich mich beziehe, sieht folgendermaßen aus:

Ubuntu One Control Panel-Registerkarte "Cloud-Ordner", mit einer hervorgehobenen Zeile, um den Punkt im Text zu veranschaulichen


6
Dies sollte eine Plugin-Anfrage für Shutter sein;)
Achu

@Chipaca Entspricht eine der folgenden Antworten der Vorgehensweise?
NN

1
Es tut mir leid, dass ich so lange gebraucht habe, um das zu finden. Aus irgendeinem Grund habe ich keine Benachrichtigungen erhalten (?). Ich habe es manuell gemacht. Die akzeptierte Antwort ist effizienter als die Art und Weise, wie ich sie ausgeführt habe, aber trotzdem dauerte es nur ein paar Minuten, während mein Gehirn ohnehin an der Formulierung der Antwort arbeitete.
Chipaca,

@Chipaca Ich habe dich tatsächlich zweimal benachrichtigt. Vielleicht gibt es eine Panne. Wie auch immer, ich bin froh zu hören, wie Sie vorgegangen sind.
NN

Antworten:


39

Hier ist eine Anleitung für The Gimp Installieren Sie Gimp :

Markiertes Rechteck erstellen

  1. Wählen Sie das Rechteck-Werkzeug :

    • kreuzen Sie Feather Edges an und wählen Sie Radius aus, z. B. 5,0 Pixel für glatte Ränder
    • kreuzen Sie Hervorheben an, um die Auswahl zu markieren

    Bildbeschreibung hier eingeben

  2. Wählen Sie den Bereich aus, den Sie markieren möchten

  3. Wählen Sie -> Keine , um die Auswahl aufzuheben.

Die Auswahl ist jetzt markiert

Effekt hervorheben

Hinweis: In einigen Versionen von GIMP wird die Hervorhebung möglicherweise entfernt, sobald wir ein anderes Werkzeug auswählen oder das Bild speichern. In diesem Fall können wir wie folgt vorgehen, um den Bereich hervorzuheben:

  1. Invertieren Sie die Auswahl ( Auswahl -> Invertieren oder Ctrl+ i).
  2. Fülle den Hintergrund mit einer schwarzen Deckkraft von 30%.

Kreide erstellen

  1. Wählen Sie das Ellipsen-Werkzeug , um den Bereich für den Buntstift auszuwählen
  2. Wählen Sie -> Rand zB mit 8 Pixeln
  3. Pinsel - Werkzeug wählen Pinsel zB Galaxy , wählen Farbe zB gelb
  4. Lackauswahl bis glücklich

Buntstift-Effekt


Können einige dieser Schritte auf irgendeine Weise automatisiert werden?
NN

Sie können den Highlight-Teil einfacher machen - siehe Bearbeiten;)
Takkat

1
Eine andere Möglichkeit zum Zeichnen von Ellipsen besteht darin, dass Sie einen Pfad (den Sie mit Auswahl zu Pfad auf der Registerkarte "Pfade" des Fensters "Ebenen und Pfade" erstellen können) und anschließend mit einem geeigneten Pinsel "Strichpfad" erstellen . (Werde ich genauer sein , aber ich habe kein GIMP praktisch installieren.)
flauschige

@ Ruffy: Ich hätte das wissen sollen: D. Ich hatte begonnen, den gleichen Vorgang in GIMP durchzuführen, bin jedoch eher daran gewöhnt, pfadbezogene Aufgaben in Inkscape: P auszuführen.
RolandiXor

Sobald ich auf das Ellipsen-Werkzeug klicke, verschwindet die Hervorhebung. Gibt es eine Möglichkeit, die Hervorhebung beizubehalten?
Exeleration-G

18

Sie können dies in Editoren wie Pinta, Shutter *, dem GIMP usw. tun.

Der Prozess kann variieren, aber eine Möglichkeit, dies zu tun, besteht darin, ein durchscheinendes Quadrat / Rechteck in einer zweiten Ebene über dem Bild zu platzieren und dann den zu leuchtenden Teil auszuschneiden.

Beispiel Workflow:

Bildbeschreibung hier eingeben

  • Öffne deinen Screenshot in Pinta.
    1. Erstelle eine neue Ebene.
    2. Wählen Sie die neue Ebene aus
    3. Wählen Sie das Farbeimer-Werkzeug.
    4. Ändern Sie die Farbe in Schwarz, setzen Sie die Deckkraft jedoch auf 150.
    5. Verwenden Sie nun das Rechteckauswahlwerkzeug, um den Bereich auszuwählen, den Sie hervorheben möchten.
    6. Fülle die Ebene mit dieser Farbe.
    7. Hit löschen.
  • Das Bild sollte jetzt hervorgehoben sein.

Beispiel


* Shutter ist mehr für den umgekehrten Effekt.


Sie haben die zweite von mir erwähnte Hervorhebungstechnik nicht berücksichtigt.
NN

2
Deshalb frage ich mich, ob Chipaca einige Schritte automatisiert hat. Scheint etwas zu anstrengend, um für jeden Screenshot eine erweiterte Bildbearbeitung durchzuführen.
NN

@NN: Ich wollte es hinzufügen, aber es ist zu viel Arbeit mit Standardmethoden. Also werde ich meine Antwort so lassen, wie sie ist.
RolandiXor

7. Hit delete.Was müssen wir genau löschen?
Anmol Singh Jaggi

@AnmolSinghJaggi Wenn Sie auf "Löschen" klicken, werden die ausgewählten Pixel gelöscht.
RolandiXor

4
  1. Mach ein Bildschirmfoto

    Ich benutze shutterund gnome-screenshotum einen Screenshot zu machen, kannst du einen von ihnen benutzen. Um sie zu installieren, benutze die Befehle.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Installierengimp
    Wir benötigen dies für die Bearbeitung. Installieren Sie es mit

    sudo apt-get install gimp
    
  3. Holen Sie sich den Screenshot in gimp Ich habe das Bild in gimpgezogen. Sie können Datei verwenden -> öffnen

  4. Der Spaß beginnt

    • Wir wählen zuerst das Teil aus, das wir weiß wollen. Wir können halten Shift, um mehrere Bereiche auszuwählen. Dann invertieren wir die Auswahl mit Ctrl+I Bildbeschreibung hier eingeben
    • Dann wählen wir das Pinselwerkzeug . Bildbeschreibung hier eingeben
    • Jetzt ändern wir die Deckkraft und vergrößern sie.
      Bildbeschreibung hier eingeben
    • Malen Sie alles. Wenn es dunkler ist, ändern Sie die Deckkraft und versuchen Sie es erneut. Für mich waren 50% in Ordnung. Und das Endergebnis ist.
      Bildbeschreibung hier eingeben

HINWEIS: Die Optionen für Gimp waren für mich einfach verfügbar, da ich sie sehr angepasst habe. Verwenden Sie ein gimpTutorial, um zu lernen, wie man es benutzt.



0

Wenn Sie einen Workflow haben, der dem in den anderen Antworten für GIMP entspricht , können Sie ihn zumindest teilweise (mit den Einschränkungen, die Skripte gegenüber Plugins haben) leicht automatisieren, indem Sie ein Skript-Fu (so, Schema) oder schreiben Python . Wenn das Skript so geschrieben ist, dass Rückgängig / Wiederherstellen berücksichtigt wird, erleichtert dies auch das Experimentieren mit den Werten ein wenig, da nur ein Tastendruck entfernt wird, um alle Spuren des Effekts wieder zu entfernen.

Hier ist ein Skript, das das Hervorheben automatisiert, da ich es möglicherweise selbst verwenden kann.

Skripte gehen in ~/.config/GIMP/2.10/scripts(bzw. ~/.gimp-2.8/scriptsandere Versionsnummern), dann müssen Sie das Programm nur noch starten oder über Filter> Script-Fu> Skripte aktualisieren, wenn die Datei hinzugefügt wurde, als sie bereits lief.

Wählen Sie anschließend etwas aus und verwenden Sie Filter> Licht und Schatten> Hervorhebungsbereich ..., um eine neue Hervorhebungsebene (also wirklich Schatten) zu erstellen:

Beispiel für die Hervorhebung der Verwendung

Dies ist auch, wie die Highlights mit 5px Feder angewendet aussehen würden.

Das Versehen mit Federn ist optional. Immerhin können Sie denselben Effekt erzielen, indem Sie die Option „Versehen mit Federn“ des Auswahlwerkzeugs verwenden. Durch die Verwendung der Deckkraft der Ebene kann das Fummeln mit der Farbe etwas vereinfacht werden. Wenn Sie jedoch darüber malen möchten, ist es einfacher, eine Alpha-Füllung zu verwenden (alternativ müsste eine weitere Ebene hinzugefügt werden).


0

Verwenden des Auslösers

Ich denke, es ist tatsächlich einfacher, shuttersowohl für den Screenshot als auch für das Highlight zu verwenden. Shutter ist ein fantastisches GUI-Screenshot- und Bildbearbeitungstool.

1. Installieren Sie den Verschluss

Wenn Sie keinen Shutter installiert haben, können Sie diesen schnell über das Terminal installieren:
sudo apt install shutter

2. Shutter starten

Starten Sie den Verschluss mit Ihrer bevorzugten Methode. Dies ist auf Ubuntu 16.04.

Bildbeschreibung hier eingeben

3. Machen Sie Ihren Screenshot.

Lass uns Googles Homepage benutzen:

Bildbeschreibung hier eingeben

4. Öffnen Sie das Hauptfenster des Shutters erneut

Sie werden von einem Bildschirm wie diesem begrüßt, der Ihren letzten Screenshot zeigt. Klicken Sie Editoben rechts auf die Schaltfläche.

Bildbeschreibung hier eingeben

5. Das Bearbeitungsfenster

Dies öffnet ein solches Fenster mit den Bearbeitungswerkzeugen und Schaltflächen auf der linken Seite.

Bildbeschreibung hier eingeben

Zu den Tools, die Sie verwenden können, gehören:

  • Markieren Sie einige Teile des Screenshots mit dem Farbmarker
  • Fügen Sie mit dem Textwerkzeug benutzerdefinierten Text hinzu
  • Fügen Sie Formen wie Linien, Pfeile, Rechtecke, Ellipsen usw. Hinzu
  • Zensieren Sie Teile des Screenshots mit einem Wisch- oder Pixel-Werkzeug.
  • Sie können auch einige Teile zuschneiden

Bearbeiten Sie den Screenshot nach Bedarf und klicken Sie auf die Schaltfläche Speichern in der oberen linken Ecke, um die Änderungen zu speichern.

Der folgende Screenshot zeigt die Auswirkungen einiger dieser Tools:

Bildbeschreibung hier eingeben

Viel Spaß beim Bearbeiten.


Bearbeiten-Button am Shutter funktioniert nicht
Sabrina

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.