Metainformationen zur Seite
  •  

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
anleitung:3d-druck:imagetoprint:createsvg [28.03.2024 07:29] – angelegt J. Huberanleitung:3d-druck:imagetoprint:createsvg [15.10.2024 18:37] (aktuell) – [Vektorgrafik erstellen] J. Huber
Zeile 1: Zeile 1:
-====== 1. Bitmap -> SVG ====== +====== Vektorgrafik erstellen ====== 
-Arbeitsschritt Erstellen einer Vektor Grafik aus Bitmap +Thema   | Bitmap aufbereiten und daraus eine Vektorgrafik erstellen  | 
-Thema          | Grafiken druckbar machen                  |+Bereich | Grafiken druckbar machen                                   |
  
 Um ein Bitmap (z.B. jpg,png) druckbar zu machen muss daraus erst einmal eine Vektorgrafik erstellt werden um in weiteren Schritten 3D-Objekte daraus zu erstellen.  Um ein Bitmap (z.B. jpg,png) druckbar zu machen muss daraus erst einmal eine Vektorgrafik erstellt werden um in weiteren Schritten 3D-Objekte daraus zu erstellen. 
  
 +<uml>
 +@startuml
 +<style>
 +agent {
 +  BackGroundColor #DarkSlateGray
 +  FontColor #White
 +  'LineThickness 1
 +  'LineColor black
 +}
 +file {
 +  BackGroundColor #Gray
 +  FontColor #White
 +  'LineThickness 1
 +  'LineColor black
 +}
 +artifact {
 +  'BackGroundColor #DarkSlateGray
 +  FontColor #DarkGrey
 +  LineThickness 1
 +  LineColor #DarkGrey
 +}
 +.focus {
 +    BackGroundColor #LightSteelBlue
 +    LineThickness 2
 +    LineColor #Orange
 +}
 +</style>
  
 +rectangle " " <<focus>> {
 +    agent "Bitmap Editor" as bmpeditor
 +    agent "Inkscape" as inkscape
 +    file "Bitmap Grafik" as bitmap
 +    artifact "Clean Bitmap" as cleanbitmap
 +    artifact "Vector Grafik" as svg
 +}
  
-{{:anleitung:3d-druck:feuer.jpg?direct&200|}}+agent "FreeCAD" as freecad 
 +agent "Blender" as blender 
 +agent "Slicer" as slicer 
 +file "Mesh" as mesh
  
-===== In Paint.NET ===== +bitmap -> bmpeditor 
-[[https://www.heise.de/download/product/paint.net-27767|Paint.NET]]+bmpeditor -> cleanbitmap 
 +cleanbitmap --> inkscape 
 +inkscape --> svg 
 +svg --> freecad 
 +svg --> blender 
 +freecad --> mesh 
 +blender --> mesh 
 +mesh --> slicer
  
-  Objekt ausschneiden +url of bmpeditor is [[#bild-bearbeitung]] 
-  - Hintergrund entfernen (bzw. weiss einfärben)+url of inkscape is [[#vektorisierung]] 
 +url of blender is [[https://dev.evenhausen.de/doku.php?id=anleitung:3d-druck:imagetoprint:create3dobj]] 
 +url of freecad is [[https://dev.evenhausen.de/doku.php?id=anleitung:3d-druck:imagetoprint:create3dobj]] 
 + 
 +@enduml 
 +</uml> 
 + 
 +===== Programme ===== 
 +  * [[https://www.heise.de/download/product/paint.net-27767|Paint.NET (Windows)]] 
 +  * [[https://www.pinta-project.com/|Pinta (Windows/Linux/Mac)]] 
 +  * [[https://www.heise.de/download/product/inkscape-24698|Inkscape]] 
 + 
 + 
 +===== Bild-Bearbeitung ===== 
 + 
 +Ur-Bild:\\ {{:anleitung:3d-druck:feuer.jpg?direct&200|}} 
 + 
 +Nicht jedes Bild ist dazu geeignet; zu detaillierte Bilder werden sich schwer als 3D-Objekte mit dem 3D-Drucker drucken lassen. 
 + 
 +Bevor ein Bitmap vektorisiert werden kann muss es aufbereitet werden und in ein //Schwarz-Weiß//-Bild konvertiert werden.\\ 
 + ⇒ Alles was mit interessiert wird **Schwarz**\\ 
 + ⇒ Alles andere **Weiß** 
 + 
 +  - Hintergrund entfernen bzw. Weiß einfärben
   - Objekt schwarz einfärben   - Objekt schwarz einfärben
   - Eventuelle Unterbrechungen und andere Fehler korrigieren   - Eventuelle Unterbrechungen und andere Fehler korrigieren
     - es dürfen keine offenen Linien vorhanden sein, da sonst eine 3D Umwandlung nicht möglich ist     - es dürfen keine offenen Linien vorhanden sein, da sonst eine 3D Umwandlung nicht möglich ist
   - Zu Schwarz-Weiß-Bild (bzw. Graustufen) konvertieren   - Zu Schwarz-Weiß-Bild (bzw. Graustufen) konvertieren
-  - Zielgröße: Am besten schon jetzt in die richtige Größe bringen+  - **Zielgröße**: Am besten schon jetzt in die richtige Größe bringen
   - Als .png abspeichern   - Als .png abspeichern
  
-{{:anleitung:3d-druck:feuer.png?direct&200|}}+Vorbereitetes Bild:\\ {{:anleitung:3d-druck:feuer.png?direct&200|}} 
 + 
 + 
 +===== Vektorisierung ===== 
 +In ''Inkscape'' kann aus dem [[#Bild-Bearbeitung|vorbereiteten Bild]] dann eine Vektorgrafik erstellt werden.
  
-===== In Inkscape ===== +Hierbei darauf achten, dass das Ergebnis nur die Ränder als Vektoren beinhaltet und keine Flächen. \\ 
-[[https://www.heise.de/download/product/inkscape-24698|Inkscape]]+''FreeCAD'' kann damit gar nicht umgehen, bzw da stören sie uns, und in ''Blender'' entstehen in der weiteren Verarbeitung damit auch FehlerDa wir in ''Blender'' dann aber die Flächen wieder brauchen, werden wir diese in ''Blender'' dann wieder "hinzufügen".
  
   - Vorbereitetes Bild in Inkscape öffnen   - Vorbereitetes Bild in Inkscape öffnen
     - Datei -> Öffnen     - Datei -> Öffnen
-    - Einbetten+    - Einbetten\\ {{:anleitung:3d-druck:imagetoprint:anleitung:3d-druck:imagetoprint:createsvg:20240328-134622.png?direct&400}}
   - Bild in Vektorgraphik konvertieren   - Bild in Vektorgraphik konvertieren
     - Bild auswählen     - Bild auswählen
-    - Pfad -> Bitmap nachzeichnen +    - Pfad -> Bitmap nachzeichnen -> Anwenden \\ {{:anleitung:3d-druck:imagetoprint:anleitung:3d-druck:imagetoprint:createsvg:20240328-135416.png?direct&400}} 
-    - Originabild (Bitmap) entfernen+    - Anschließend das Ausgangsbild (Bitmap) entfernen 
 +    - Nun haben wir eine Vektorgrafik
   - Kontur erstellen   - Kontur erstellen
     - Objekt -> Füllung und Kontur     - Objekt -> Füllung und Kontur
     - Füllung -> Keine Füllung (x)     - Füllung -> Keine Füllung (x)
-    - Kontur -> Einfache Farbe -> schwarz +    - Kontur -> Einfache Farbe -> schwarz \\ {{:anleitung:3d-druck:imagetoprint:anleitung:3d-druck:imagetoprint:createsvg:20240328-140029.png?direct&400}} {{:anleitung:3d-druck:imagetoprint:anleitung:3d-druck:imagetoprint:createsvg:20240328-140153.png?direct&400}} 
-    - Auch hier könnte die Grafik noch(malsnachbearbeitet werden \\ //Vorsicht beim 'malenden' löschen//+    - Muster der Kontur: Durchgezogene Linie, 0.1 mm Dicke (für leichteres bearbeiten in Inkscape) 
 +    - Sollten hier noch Fehler sein (z.B. unterbrochene oder überschneidende Linienjetzt Korrekturen vornehmen 
 +    - Evtl. Weitere mögliche Bearbeitungen vornehmen 
 +      - Pfade vereinigen, Vereinfachen, Dynamischer Versatz, Erweitern, ...
   - Grafik als .svg speichern   - Grafik als .svg speichern
     - Datei -> Speichern unter... -> .svg     - Datei -> Speichern unter... -> .svg
  
-{{:anleitung:3d-druck:feuer.svg?direct&200}}+Fertige Vektorgrafik: {{:anleitung:3d-druck:feuer.svg?direct&200}}
  
 ---- struct data ---- ---- struct data ----
 artikelinfo.name     : Erstellen einer Vektor Grafik aus Bitmap artikelinfo.name     : Erstellen einer Vektor Grafik aus Bitmap
 artikelinfo.beschreibung : Erstellen einer Vektor Grafik aus Bitmap artikelinfo.beschreibung : Erstellen einer Vektor Grafik aus Bitmap
-artikelinfo.status   : In Arbeit +artikelinfo.status   : Fertig 
-artikelinfo.statuslink : In Arbeit|In Arbeit+artikelinfo.statuslink : Fertig|Fertig
 artikelinfo.version  : 2024-03-28 artikelinfo.version  : 2024-03-28
 artikelinfo.cats     : Anleitung, CAD, FDM-Druck, SLA-Druck artikelinfo.cats     : Anleitung, CAD, FDM-Druck, SLA-Druck