-
Ein Foto vektorisieren und einfärben
17.06.2008 in Inkscape von User hat PSD-Tutorials.de verlassen
- Zum Downloadmanager hinzufügen
- PDF-Datei herunterladen
- Arbeitsmaterialien herunterladen
- Kommentare ansehen (23)
- Kategorie: Inkscape
- Erstellt mit Programmversion: 0.46
- Dateigröße (PDF): 2.2 MB
- Dateigröße (Arbeitsmaterial): 365 KB
- Bisherige Zugriffe: 6133
Lieber Gast …
… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.
Vorteile der kostenlosen Mitgliedschaft
Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:
- PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
- Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
- Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
- Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
Reinschnuppern als Gast
Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Download: Sepia-Vintage-Effekt-Aktion
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
Das Punktesystem
Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.
Illustrator-Workshop-DVD - Basics & Tricks
- 27 Stunden Video-Training - Schritt für Schritt Illustrator ergründen
- 60 Tutorials mit über 1.500 PDF-Seiten Know-how
- Geeignet für Illustrator ab CS3, für MAC und PC
Kommentare
Weitere KommentareTutorial empfehlen
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Starten Sie Inkscape. Wählen Sie Datei > Öffnen, hier zum Beispiel das Bild Schiff.jpg. Das Foto erscheint in einem extra Arbeitsfenster von Inkscape; die Größe des Dokuments passt sich automatisch den Abmessungen des Fotos an. Die zuerst geöffnete Arbeitsoberfläche „Neues Dokument“ können Sie schließen.
Über Pfad > Bitmap vekorisieren legen Sie die einzelnen Objekt-Pfade an, die Sie dann später weiter bearbeiten und einfärben. Wählen Sie die unten gezeigten Einstellungen um sechs Formen in Graustufen zu kreieren, die dann zusammengesetzt das Bild ergeben. Die Vorschau rechts im Dialogfenster erscheint mit einem Klick auf Aktualisieren.

Bestätigen Sie die Vektorisierung mit OK. Über dem Foto befinden sich nun die sechs neu angelegten Formen in Graustufen.

Das unter der Grafik liegende Foto soll nun gelöscht werden. Es gibt zwei Möglichkeiten die zuunterst liegende Grafik zu aktivieren ohne die oberen Elemente verschieben zu müssen:
- Sperren Sie die oberen Elemente: wählen Sie Objekt > Objekteigenschaften und aktivieren Sie dann im Dialog Objekteigenschaften die Option Sperren.

Schließen Sie den Dialog Objekteigenschaften. Mit einem Klick außerhalb der Grafik heben Sie die Auswahl auf. Klicken Sie erneut auf die Grafik; nun ist das Foto gewählt, da die darüber liegende Grafik gesperrt ist. Sie können nun das Foto etwas beiseite ziehen um es letztlich zu löschen.

Zur weiteren Bearbeitung der Grafik wählen Sie Objekt > Alles entsperren.

- Alternativ hierzu legen Sie das Foto in den Vordergrund um es löschen zu können: Wählen Sie die Grafik, dann Objekt > Absenken.

Das Foto ist nun zuoberst und kann selektiert und gelöscht werden. Lösen Sie per Objekt > Gruppierung aufheben die Verbindung der sechs Objekte.

Statt der einzigen Selektionslinie außen erscheinen nun sechs gestrichelte Umrandungen, die die einzelnen Pfade anzeigen:

Sie können nun einzelne Formen mit dem Auswahlwerkzeug selektieren und bearbeiten: öffnen Sie mit einem Klick auf die rot umrandete Schaltfläche den Dialog Füllung und Kontur. Stellen Sie hier eine Farbe ein. Zeichnen Sie zudem Elemente, die im Hintergrund liegen, etwas unscharf.

Auch das zweite, hellere Element im Hintergrund wird eingefärbt und mit einem Wert von 1,0 weichgezeichnet.

Etwas problematisch ist der Pfad, der in einem mittleren Grau gehalten ist: Er umfasst Teile des Wassers unten sowie wichtige Bestandteile des Bootes. Ebenfalls ein kleines Eckchen des Wassers oben links wird von dieser Form abgedeckt. Zur Ansicht ist er hier orange eingefärbt:

Um die einzelnen Bereiche getrennt voneinander bearbeiten zu können, legen Sie die Form auf eine extra Ebene und sperren den Rest. Wählen Sie Ebene > Ebenen ... um den Ebenendialog zu öffnen ...

... und klicken Sie in der Ebenenpalette zweimal auf das blaue + um zwei neue Ebenen zu erzeugen. Benennen Sie im Dialog Ebene hinzufügen die neuen Ebenen, etwa „Hintergrund“ und „orange Form“. Sinnvoll benannte Ebenen erleichtern das Arbeiten ungemein!

Ziehen Sie eine Auswahl über ALLE (!) Grafiken. Wählen Sie Ebene > Auswahl zur darunterliegenden Ebene verschieben; alle Elemente landen nun auf der Hintergrundebene.

Selektieren Sie nun die, im hier gezeigten Beispiel, orange eingefärbte Form. Wählen Sie Ebene > Auswahl zur darüberliegenden Ebene verschieben; die Form liegt somit alleine auf der obersten Ebene. Blenden Sie die Hintergrund-Ebene aus und sperren Sie diese.

Löschen Sie den kleinen orangen Fleck links oben: Wählen Sie das Knotenwerkzeug und ziehen Sie um diesen Teil der Form von links oben nach rechts unten eine Auswahl. Dass die Knoten dieser Stelle tatsächlich gewählt sind, erkennen Sie an den (leider nur schwer erkennbaren), Steuerlinien der Knoten. Löschen Sie den gewählten Teil des Pfades.

Färben Sie die Ecke rechts unten im Bereich des Wassers mit dem Fülleimer; Inkscape legt eine neue Form mit der gewählten Füllfarbe im angeklickten Bereich an, und legt diese neue Form über die eigentliche (orange) Form.

Löschen Sie die, im Hintergrund liegenden orangen Bereiche der Ursprungsform. Legen Sie hierzu die neue Wasserform auf eine extra Ebene (eine neue Ebene anlegen; dann Ebene > Auswahl zur darüberliegenden Ebene verschieben). Dass die Form tatsächlich auf der neuen Ebene liegt, sehen Sie daran, dass sowohl die Form wie auch die Ebene selektiert sind.

Wählen Sie nun den verdeckten orangen Bereich der Ursprungsform um ihn zu löschen. Ziehen Sie zuerst mit dem Knotenwerkzeug eine rechteckige Auswahl um den größten Bereich der, zu wählenden Fläche. Halten Sie die Hochstell-Taste gedrückt um der Auswahl weitere Bereiche hinzuzufügen. Sperren Sie hierzu die Hintergrund- wie auch die Wasserebene.

Löschen Sie nun die gewählten Knoten. Hängt der gelöschte Bereich mit anderen Teilstücken der Form zusammen, versucht Inkscape das „abgeschnittene“ Teilstück auszugleichen. Es entstehen in der Regel „Beulen“ die Sie wieder in die Form zurückschieben können, indem Sie die gezeigten Steuerlinien in Richtung der Restform schieben.

Die Form ist jetzt einzeln zu bearbeiten. Sind etwa zu viele Knotenpunkte auf dem Pfad, wählen Sie Pfad > Vereinfachen.

Verfahren Sie mit den restlichen Wasserteilen der orangen Form wie beschrieben.

-
Reklame
-
-
- After Effects Ram-Vorschau - Problem mit Cache (aktualisert nicht)
- blender render stürzt ständig ab
- jQuery - Größe von einem Frameset ändern?
- [CS5] "Löschen-Mitteilung"
- Zerissenes Foto
- Biete Programmierung Ihres PSD-Designs
- Fehler beim Platzieren von Bildern
- Zeilenumbruch CS4
- Gestaltung eines Logos
- Kaufberatung Drucker
- Dynamische Auswahlliste: Name und ID übergeben
- Adobe Encore - Probleme Schaltflächen Unterbild
- 2 Fotos mit unterschiedlichem Schlagschatten in einer Datei
- Copyright-Frage - öffentliche Veranstaltung
- Photoshop auf Mini Lappi
- Link auf Anker - Firefox Problem
- Auftrag: Individuelle Flash-Gallerie
- Webseite - Menüproblem sowie Anordnung des Facebook Buttons
- PSD Aktionen om Paint Shop Pro einbinden. Wie geht das?
- Buch-Vorschläge...
-
-
Aktuelles Commag
Anzeige
-
Anzeige


Parrot2602
28.09.2010 - 13:21
Ergebnis des Tutorials überzeugt nicht. Hätte besser sein können.
tweety_dw
19.08.2010 - 13:43
Gut erklärt. Allerdings find ich es mit Fotos sehr unpraktisch. Zumindest das Ergebniss, is überhaupt nicht mein Geschmack.
Vielleicht wäre es besser gewesen ein Bild eines Comic zu nehmen, mit nicht ganz so vielen Farben / Linien und Deteils.
GIROSOFT
10.07.2010 - 09:47
Würde dieses Tutorial zur Löschung vorschlagen. Ist eigentlich nicht mal 1 Punkt wert und schon gar keine Punkte vom Punktekonto
Greenhorn79
06.09.2009 - 10:38
gut erklärt, als Grundlage für Anfänger gut, wenn man nicht erwartet, dass man in wenigen Schritten, das supertolle Ergebnis erwartet. Aber zum Lernen der vorhandenen Werkzeuge und zum Erfahren wie sie eingesetzt werden können sehr hilfreich
Ivi0407
22.05.2009 - 07:15
Hier gibt es sicher gute Verwendungsmöglichkeiten! Da Inkscape bei mir noch nicht so ganz erwacht ist, werde ich es sicher zum Üben ausprobieren!
User hat PSD-Tutorials.de verlassen
10.05.2009 - 00:16
Ja gut das Ergebnis is halt Geschmakssache, aber muss mann halt mal mit anderen Dingen/Fotos usw. ausprobieren. Kommen bestimmt bessere Sachen bei raus.
TuningFan
05.10.2008 - 21:09
Naja ich finde es geht.Ist halt geschmacks sache !!!
ahnungslos
16.08.2008 - 08:11
Schönes Tut, auch wenn das Bildmaterial ungünstig gewählt war. Mal sehen, wofür man die Methode noch so gebrauchen kann. Ich finde es gut.
Paccoo
24.06.2008 - 21:28
sorry, aber ich würde auch sagen, diese methode ist nichts. da zeichne ich es lieber mit dem pfadwerkzeug ab.
elli1410
18.06.2008 - 22:39
geht so. aber geschmäcker sind halt verschieden.
NeoPhoenix
18.06.2008 - 15:11
also ich finds sehr fragwürdig...
FBdesign
18.06.2008 - 14:02
S/W mehr Kontrast speicher dann den Nachzeichner von Illustrator benutzen bisschen nachfeilen und tada super dingens ... ah ja einfärben noch ;)
baowser
18.06.2008 - 12:49
nja das ergebnis is nich der knaller hat abba irgendwas. un das es n boot is erkennt man eigl au noch ;)....2-3 STERNE mehr nich
User hat PSD-Tutorials.de verlassen
18.06.2008 - 12:14
In der Tat ist das Bildmaterial etwas ungünstig und das Ergebnis ist auch nicht so Pralle, aber dennoch ein super Tutorial! Schade das hier nicht anerkannt wird, das hier ein pixelbild "automatisch" vektorisiert wird und nicht einfach abstrahiert. 4 Sterne.
Illford
18.06.2008 - 11:04
Das geht sogar noch schneller - Bild/Anpassen/Schwellenwert und dann einfärben - ist das gleich miese Ergebnis. Tut mir leid aber ich verstehe nicht wiso man so etwas überhaupt freischaltet
AdinaT
18.06.2008 - 10:19
Schwache Tutorial, was anderes ausdenken!!!!!
siousu
17.06.2008 - 20:36
schön bebilder, und erklärt. Leider nicht so tolles Ergebnis.
Aber die Arbeit ist 4Punkte wert :)
gruss
sfischer
17.06.2008 - 15:45
dein bildmaterial ist sehr schlecht gewählt! hättest es lieber an einer grafik gezeigt. gruß sfischer
Wi3ner
17.06.2008 - 13:09
crap!!!!!!!!!!111eins
Foos
17.06.2008 - 13:08
:( Also ich würd da kein Boot erkennen