PhotoshopTutorials.de empfiehlt:









Partner

     
Konturenbildeffekte für Designs für Flyer und Wallpaper
Geschrieben von Matthias am Sonntag, 22. Februar 2009

Schattenrisse und Konturenbilder eignen sich immer wieder als Designelemente für Flyer und Wallpaper. Ein Konturenbildeffekt kann schnell über die Tontrennung erzeugt werden.


Für dieses Tutorial wurde ein Foto von Fotolia.de verwendet (Bildquelle: Mikael Damkier @ Fotolia.com).

Der Konturenbildeffekt soll sich von einer klassischen Kontur insofern abgrenzen, als dass die Kontur keine einheitliche Stärke hat. Stattdessen soll die Kontur im Vektorstil erscheinen – mag sie auch auf Pixeln basieren.




 
Das Foto konvertiere ich als Erstes in ein Smart-Objekt. Das hat den Sinn, dass alle Filter weiter variierbar bleiben ohne Qualitätsverluste.




 
Anschließend wähle ich im Menü Filter>Weichzeichnungsfilter>Gaußscher Weichzeichner. Ein Radius um die 5 Px wird das Bild etwas weichzeichnen.




 
Ich wähle die Einstellungsebene/Korrektur Tontrennung und wähle einen Wert zwischen 4 und 7. Mit diesem Wert – ich wähle 5 – begrenze ich die Anzahl der Tonwertstufen für jeden Kanal.




 
Wähle ich 5, so hat das Bild noch 15 Farben, fünf im Rotkanal, fünf im Grünkanal und fünf im Blaukanal. Optimale Ergebnisse erzielt die Tontrennung im Graustufenmodus. Aber in diesem Beispiel kann ich den Effekt auch im RGB-Modus gut erreichen.

Es zeigen sich im Bild die Tonwertstufen als Farbflächen. Ich orientiere mich an der Fläche, die das Motiv am besten begrenzt und später die Effektkontur bilden wird.




 
Nun gehe ich in das Menü auf Auswahl>Farbbereich. Mit der Pipette klicke ich in den entsprechenden Bildbereich und bestätige mit OK.




 
In der Auswahl sieht der ausgewählte Bereich so aus:




 
Bei aktiviertem Auswahlwerkzeug kann ich die Kante verbessern. Damit kann ich die Zacken in der Auswahl glätten und den ausgewählten Bereich noch ein wenig erweitern.




 
Nun erstelle ich aus der Auswahl eine eigene Ebene aus dem kopierten Bildbereich mit Kopieren (Strg+C) und Einfügen (Strg+V).




 
In einer neuen Ebene ziehe ich einen rot-dunkelroten Verlauf, um die Wirkung des Effekts zu erhöhen.




 
Mit Klick rechter Maustaste auf die Ebene mit dem zuvor ausgewählten Bereich wähle ich in den Fülloptionen eine Farbüberlagerung mit weißer Farbe. Dank des Verlaufs hebt sich nun die weiße Fläche gut ab.



 
 
Anschließend kann ich die Ebene ein Stück nach unten verschieben, damit oben Platz für die Textbotschaft bleibt.




 
Hinweis: Wenn mit einer Auswahl nicht alle Bereiche optimal erfasst werden, wird einfach eine weitere Auswahl erstellt und als Ebene mit weißer Farbüberlagerung gesetzt. Die weißen Bereiche, die dann zu viel sind im Bild, werden in einer Ebenenmaske wieder ausgeblendet.

Im letzten Schritt füge ich oben im Bild in einer neuen Ebene Text hinzu. Der Text der ersten Zeile hat den Font Swatch it und der der zweiten Zeile Myriad Pro.




 
Tipp: Wer die dabei entstehenden Motive gelegentlich benötigt, kann diese aus der Auswahl heraus als Eigene Form festlegen. Das geht über das Pfadfenster. Die Auswahl wird in einen Arbeitspfad konvertiert und anschließend als eigene Form festgelegt über das Menü Bearbeiten>Eigene Form festlegen.

Und fertig ist das Endbild:






Rechtschreibung geprüft und für PDF optimiert von stellamarina

mehr... (3362 mehr Zeichen)Druckoptimierte VersionDiesen Artikel an einen Freund sendenKommentare (7)19260 mal gelesen


Unsere DVD-Empfehlung: Photoshop-Workshop-DVD 

Photoshop-DVD

Die besten Tutorials und Videotrainings von PSD-Tutorials.de gepresst auf einer einzigartigen DVD.

- 312 Tutorials in Bild und Text als HTML & PDFs
- 28 Stunden Video-Training
- insgesamt 8 GB sämtliche Erfahrungen und bestes Know-how der Community

Kundenmeinung von H. Hoffmann - für weitere Meinungen siehe über 100 positive Bewertungen auf Amazon:
Ich beschäftige mich nun schon seit einigen Jahren mit Photoshop und wähnte mich in den Reihen der alten Hasen, die das Programm weitgehend beherrschen. Daher sollte die DVD mir eigentlich nur die Veränderungen von CS3 auf CS4 näher bringen. Nach kurzer Zeit wurde mir aber klar, wie viele Funktionen und Vereinfachungen Photoshop bereits in der vorigen Version zu bieten hatte, die mir schlicht unbekannt waren. Ein Video-Training, das die Bezeichnung "Meisterstück" wirklich verdient!

Preis: 29,95 Euro (inkl. MwSt.) oder mit 5 Euro Rabatt als Download

Zum Videotrailer - unbedingt anschauen!



HIER KLICKEN für alle Infos zur Workshop-DVD


Konturenbildeffekte für Designs für Flyer und Wallpaper

Für den Inhalt der Kommentare sind die Verfasser verantwortlich.


  1. Tobias *  schreibt am 20.01.2010 15:37
    + Perfekt erklärt
    <div>+ Perfekt bebildert
    </div>
    <div>+ Perfekt nachvollziehbar
    </div>
    <div>+ Gut für den Anfänger geeignet
    </div>
    <div>+ sehr hilfreiches Tutorial 
    </div>
    <div>+ Perfekt für Flyer
    </div>
  2. *  schreibt am 19.07.2009 10:33
    andere Variante wäre in Illustrator die Abpausoption.
    Gefällt mir aber auch sehr und geht schnell.
  3. Black_Clown *  schreibt am 06.07.2009 16:31
    Sehr schön!! so was hab ich gesucht
  4. dietmarschmid *  schreibt am 16.04.2009 23:03
    Echt toll, kommt man auf einem schnellen weg zu einem klassen Flyer! Hab sogar ich als Anfänger gleich hinbekommen! Supa Erklärung
  5. Patrick *  schreibt am 22.03.2009 14:59
    Guter Effekt! Gute Erklärung!
  6. fable *  schreibt am 02.03.2009 14:18
    echt klasse! sieht gut aus!
  7. Ciko *  schreibt am 25.02.2009 08:48
    na super erklärt , ganz einfach zu verstehen. danke!