Benutzer:JoKalliauer/WikiConWorkshop

Grafikwerkstatt-Workshop

Der Workshop findet am Freitag den 08.10.2017 um 20:00-20:45 statt, genauere Infos siehe Schedule WikiCon 2017.

Der Workshop dauert 45 Minuten und kann daher nur eine kurzen Einblick in die Software geben. Der Hauptfokus liegt auf einfachen technischen Zeichnungen, die in der WP:Grafikwerkstatt gewünscht wurden, deren Bearbeitungszeit großteils weniger als 5 Minuten beträgt. Viele Punkte kann ich aus zeitlichen Gründen nur vorzeigen, aber einige Bilder kann man das erlernte selbst anwenden. Hierbei habe ich mich auf die beiden Programme GIMP (Download GIMP 2.8.22) und Inkscape (Download Inkscape 0.92.2) beschränkt. Aufgrund beschränkter Rechnerressourcen ist es vorteilhaft einen eigenen Laptop mitzunehmen und diese Software vorzuinstallieren.

GIMP (PNG)

→ Hauptvortrag: Schnupperworkshop GIMP (So. 14:30-15:15) (Fokusiert sich mehr auf Foto-Bearbeitung und JPG-Bearbeitung.)

GIMP ist ein quelloffenes Programm mit dem man Rastergrafiken bearbeiten kann. Rastergrafiken eignen sich beispielsweise gut für Fotos, Screenshots und Scans, dennoch werden häufig auch technische Zeichnungen darin gespeichert, da für die Anzeige/Bearbeitung nur einfache Software genügt, die auf jeden Computer vorhanden ist. Diese Dateien sind insofern einfach, dass jeder Pixel eine Farbe hat und keine weiteren Bildinformationen, (wie Schriftart, Größe, Radius,...) gespeichert werden müssen.

Workshop-Logo für die Wiederholung in Wien

Wünsche aus der Grafikwerkstatt
Anfrage	Alt	Dinge die man lernt
Hintergrund transparent machen überspringen	upload.wikimedia.org (alte Dateiversion)	Zauberstab Alphakanal hinzufügen Nach Farbe auswählen Rechteckige Auswahl
Unterschrift bearbeiten		Alphakanal hinzufügen Nach Farbe auswählen Lasso Magnetische Schere Schwellwert Indizierte Farbe
Übersetzen Aiguille = `Lochdorn` Tube file = `gepresster Strang` Conteneur = `Presszylinder` Billette creuse = `Pressscheibe`		Rechteckige Auswahl Copy & Paste Text Dialog Ebene (kurz)

Inkscape (SVG)

→ Hauptvortrag: Inkscape-Workshop (So. 11:00-12:30) (Geht doch auch schon mehr in die Tiefe und geht beispielsweise auf die Erstellung von Karten ein, was ich hier gar nicht mache.)

Inkscape ist ein quelloffenes Programm mit dem man Vektorgrafiken bearbeiten kann. Vektorgrafiken eignen sich gut zur Darstellung von einfachen geometrischen Formen und Text und lassen nachträglich eine einfache Bearbeitung zu, da nicht die Pixelinformationen, sondern der Quelltext, gespeichert wird. Somit weiß das Programm, ob es ein Text, ein Rechtecke, eine Linie oder ein anderes Objekt ist. Daher ist eine nachträgliche Editierung der Schrift, der Abmessungen oder der Farbe (bzw. Farbverläufe) leicht möglich. Auch wenn die Struktur dieser Daten deutlich komplexer, als bei Rastergrafiken, ist, ist eine Bearbeitung doch leichter möglich.

Wünsche aus der Grafikwerkstatt
Anfrage	Alt	Dinge die man lernt
Estland, Lettland, Litauen auf weiß umfärben		Gruppierung aufheben Füllung und Kontur
Ränder entfernen überspringen	upload.wikimedia.org (alte Dateiversion)	Seitengröße auf Zeichnungs-/ Auswahlgröße
Logo von OSS erstellen	http://www.osssociety.org/ pdfs/OSSJFALL12.pdf	Seitengröße auf Zeichnungs-/ Auswahlgröße
Hintergrund transparent machen überspringen	https://echa.europa.eu/ documents/10162/13556/ echa_general_leaflet_en.pdf	Linearer Farbverlauf Seitengröße auf Zeichnungs-/ Auswahlgröße
Fahren im Uhrzeigersinn		Wiki-SVG-Parser Bugs Text von Pfad trennen Objekt in Pfad umwandeln Objekte drehen
Presse mit dem Wikipedialogo ersetzen		Gruppieren Klonen Verschieben
Vektorisieren		Gitter Hilfslinien
Pfeil ergänzen; dicker roter Pfeil sollte nach oben hin breiter werden	upload.wikimedia.org (alte Dateiversion)	Pfeil erstellen Neue Knoten einfügen
(schwarz-weiß) vektorisieren		Bitmap nachzeichnen [1][2][3][4]

––– Ende des Workshops –––

Tutorials

Inkscape

Youtube Deutsch(habe ich mir angeschaut, finde ich gut)
Youtube English (kenne ich nicht, wirken aber auf den ersten Blick gut)
1. Inkscape Lesson 1 - Interface and Basic Drawing https://www.youtube.com/watch?v=8f011wdiW7g
2. Inkscape Lesson 2 - Shape Tools and Options https://www.youtube.com/watch?v=LEjlKhVnJgU
3. Inkscape Lesson 3 - Fill and Stroke Settings https://www.youtube.com/watch?v=o86MLSQHtMg
4. Inkscape Lesson 4 - Groups, Levels, and Object Selection https://www.youtube.com/watch?v=D_53Cb9aR0c
5. Inkscape Lesson 5 - Document Properties and Exporting PNG Images https://www.youtube.com/watch?v=67-UDoYZG8U
6. Inkscape Lesson 6 - Text and Fonts https://www.youtube.com/watch?v=W9y_D90L8Jo
7. Inkscape Lesson 7 - Drawing Lines and Paths vs Objects https://www.youtube.com/watch?v=p67XVtX07eM
8. Inkscape Lesson 8 - Free Hand Drawing Tool https://www.youtube.com/watch?v=O9IeQLlqIL0
9. Inkscape Lesson 9 - Bezier Tool and Nodes https://www.youtube.com/watch?v=4dI4lD3ievI
10. https://www.youtube.com/watch?v=sagrkdmC_BI
11. https://www.youtube.com/watch?v=E7HwLTQu2FI
12. https://www.youtube.com/watch?v=jxhR9aT6crU
13. https://www.youtube.com/watch?v=MNgjZDkQW1w
14. https://www.youtube.com/watch?v=6ETWqg6Cvag
15. https://www.youtube.com/watch?v=d2MO25zNYW8
16. https://www.youtube.com/watch?v=ufB-mOSfPow
17. https://www.youtube.com/watch?v=Rd7gRdocJ6A
18. https://www.youtube.com/watch?v=m5uh_hBfmCk
19. https://www.youtube.com/watch?v=2J0RuQ_ZUSg
20. https://www.youtube.com/watch?v=TN0V0BYJJzQ
21. https://www.youtube.com/watch?v=VBfuBdJHl1Y
22. https://www.youtube.com/watch?v=7M09gTMb3G4
23. https://www.youtube.com/watch?v=frwRLBUVAg0

Dateiformate (nicht vorgetragen)

JPG

JPG ist ein verlustbehaftetes Bildformat um die Dateigröße von Fotos zu verringern, daher eignet es sich gut für Fotographien, teilweise auch für Scans, jedoch ist es für Technische Zeichnungen, Screenshots im Allgemeinen nicht zu gebrauchen, da hier das Nachbearbeiten deutlich schwerer wird, die Qualität oft deutlich reduziert wird und im PNG-Format ohne Informationsfluss deutlich kleiner gespeichert werden könnte. Bei jeder JPG-speicherung (auch bei höchster Qualitätseinstellung), treten c:Category:JPEG artifacts auf, welche das Nachbearbeiten deutlich schwerer machen.

SVG

Wie schaut die Struktur einer Validen SVG beispielsweise aus

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"></svg>

Kontrollieren ob die SVG valid ist: https://validator.w3.org/
Kontrollieren ob der Wiki-SVG-Parser Probleme hat: https://commons.wikimedia.org/wiki/Commons:Commons SVG Checker
Kontrollieren wie der Wiki-SVG-Parser die Datei darstellt: http://tools.wmflabs.org/svgcheck/
Wie macht man eine SVG valide: Benutzer:JoKalliauer/Inkscape-SVG-Speichern
Probleme mit SVGs: Wikipedia:Probleme mit SVGs
Dateigröße verringern: B:Inkscape/ Dateigrößen optimieren, insbesondere https://jakearchibald.github.io/svgomg/

Quelldaten

Dateiformate die nicht auf auf Commons geladen werden können (z.B. RAW,DXF), können auf https://commonsarchive.wmflabs.org hochgeladen werden.

Weitere Programme in der Grafikbearbeitung (nicht vorgetragen)

Dies ist eine unvollständige Liste von Software, dies stellt die Software dar die ich regelmäßig verwende, weitere empfehswerte Software findest du hier

Notepad++ (SVG)

SVG-Editieren im Editor. Erzeugt übersichtliche Dateien und da erklärt sich auch oft worin der Hund drinnen liegt. Geht sich Zeitlich Gründen nicht im Workshop vorgetragen.

Wünsche aus der Grafikwerkstatt
Anfrage	Alt	Wunsch
Bug des Wikirenderes umgehen	upload.wikimedia.org (alte Dateiversion)

Fotobearbeitung (JPG)

Werde ich nicht behandeln, mag mich mehr auf das technische Editieren fokussieren, da dies in meinen Augen mehr enzyklopädische Relevanz hat.

Hugin (Software), Image Composite Editor (JPG)

Vl. eine kurze Einführung wie man Panorama zusammenfügt.
Wird nicht vorgetragen.

vergrößern und Informationen zum Bild anzeigen

Panoramabild aus meinen Auslandssemester aus 9 Fotos zusammengesetzt.

matplotlib (SVG,PNG)

Werde ich nicht durchnehmen, ist recht einfach, wenn man ein bestehendes Skript hat von dem was bearbeitet.

Wünsche aus der Grafikwerkstatt
Anfrage	Alt	Wunsch
Animiertes GIF in Teilbilder auflösen

Animierte Bilder (GIF)

Eine Anleitung wie man animierte Bilder macht findet man z.B. unter: http://praxistipps.chip.de/gimp-animiertes-gif-erstellen_11867

Wünsche aus der Grafikwerkstatt
Anfrage	Alt	Wunsch
einen Datenpunkt entfernen

AutoCAD (DXF)

Meine Lieblingssoftware zum erstellen von komplexeren Vektorgrafiken/Plänen. Kenne mich sehr gut aus. Würde ich gerne Vortragen, falls gewünscht. Wird aber (wenn nicht anders gewünscht) wegfallen, weil die Wikipedia-Autoren oftmals einen anderen Schwerpunkt haben.