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	Wunsch	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	Wunsch	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

1. Youtube Deutsch(habe ich mir angeschaut, finde ich gut)
   1. https://www.youtube.com/watch?v=GEA9vqXD4V0
   2. https://www.youtube.com/watch?v=67_gCkBMH_Q
   3. https://www.youtube.com/watch?v=hOfAbPdLwxs
   4. https://www.youtube.com/watch?v=67_gCkBMH_Q
2. 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

• c:Commons:Graphic Lab#Software
• en:Wikipedia:Graphics Lab/Resources/Software
• de:Wikipedia:Grafiktipps/Programme

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.