Inkscape Tutorial Hervorhebungen erstellen
Einfügen einer Hervorhebung in einem Screenshot für die AdLer Dokumentation mit Inkscape
- 🏁
Sie erstellen eine in der AdLer Dokumentation nutzbare .png Datei und exportieren diese. Zusätzlich speichern Sie die offenen Daten der Datei als .svg Datei im AdLer Dokumentationsrepository ab.
Öffnen der Datei in Inkscape
Öffnen Sie Inkscape.
Klicken Sie auf Datei > Öffnen oder drücken Sie die Tastenkombination STRG + O (Windows)
Wählen Sie im folgenden Betriebssystemdialog Ihre gewünschte Datei aus und bestätigen Sie ihre Auswahl mit dem Öffnen-Button
Wählen Sie die Optionen im nun geöffneten Inkscape-Dialogfenster, wie auf dem folgenden Screenshot dargestellt.
Einfügen der Hervorhebung
Klicken Sie auf das rote Rechtecksymbol, in der Werkzeugleiste, im linken Teil der Programmoberfläche
Ziehen Sie ein Rechteck, welches in allen Richtungen etwas größer ist, als ihr eingefügtes Bild.
Tippen Sie die benötigte Farbe in das Farbauswahlfeld im Reiter Füllung im rechten Teil der Programmoberfläche ein. Der benötigte Farbcode lautet: #172d4d
Tippen Sie die benötigte Transparenz von 60 % in das Transparenzeingabefeld (A) im Reiter Füllung im rechten Teil der Programmoberfläche ein.
Fügen Sie ein zweites Rechteck, an der hervorzuhebenden Stelle ein.
Geben Sie einen Eckenradius von 10px für das kleinere Rechteck ein.
Wählen Sie das Auswahlwerkzeug in der Werkzeugleiste im linken Teil der Programmoberfläche aus.
Halten Sie die SHIFT-Taste gedrückt und wählen Sie mit der linken Maustaste die beiden erstellten Rechtecke aus.
Klicken Sie auf Pfad > Differenz oder betätigen Sie die Tastenkombination STRG + -, um das kleinere vom größeren Rechteck abzuziehen.
Wählen Sie im rechten Bereich der Arbeitsfläche, im Reiter Füllung und Kontur den Reiter Farbe der Kontur.
Wählen Sie dort nun die Schaltfläche Keine-Farbe-Button.
Öffnen Sie in ihrem Betriebssystem ihren Datei-Explorer und navigieren Sie in das AdLer Dokumentationsrepository. Öffnen Sie dort den Pfad AdLerDokumentation/Writerside/images. Dort befindet sich die Datei imageManualArrow.svg. Klicken Sie mit der linken Maustaste auf diese Datei und ziehen Sie sie mit gedrückter linker Maustaste in den Arbeitsbereich von Inkscape. Lassen Sie nun die linke Maustaste los.
Treffen Sie die im folgenden Bild sichtbaren Einstellungen und klicken anschließend auf den OK-Button.
Klicken Sie auf den Button mit dem Schlosssymbol zwischen den Eingabefeldern zu B (Breite) und H (Höhe) des Pfeils im oberen Bereich der Programmoberfläche.
Geben Sie nun eine Höhe von 250px in das Eingabefeld H (Höhe) ein.
Positionieren Sie den Pfeil nun so, dass die Pfeilspitze auf das zuvor ausgeschnittene, abgerundete Rechteck zeigt.
Exportieren der Grafik
Klicken Sie auf den Reiter Datei im oberen Menüband der Anwendung. Im aufgeklappten Menü klicken Sie auf Exportieren....
Klicken Sie auf den Button Seite, um den Export auf die Seite zu begrenzen.
Überprüfen Sie nun, dass die Einstellungen, denen im folgenden Bild entsprechen. Klicken Sie danach auf den Exportieren-Button
Speichern der offenen Daten
Klicken Sie auf den Reiter Datei im oberen Menüband der Anwendung. Klicken Sie dann auf Speichern unter ...
Wählen Sie im nun erschienenen Systemdialog folgenden Speicherort aus: IhrAdLerDokumentationsrepository/AdLerDokumentation/Writerside/images.
Vergeben Sie nun einen Dateinamen nach der Dateinamenkonvention der AdLer Dokumentation.
Wählen Sie nun den Dateityp Inkscape-SVG(*.svg) aus.
Speichern Sie die Datei nun mit einem Klick auf den Speichern-Button ab.