Kostenfreier StandardversandKauf auf RechnungOnline-Designer
0351 20 44 444Mo - Fr: 9 - 18 Uhr
Saxoprint
Kundenbereich
Anmelden Hallo ##Anrede## ##Nachname##

Neukunde? Registrieren.

AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
Warenkorb
  • Saxoprint
  • Druckprodukte
    Werbebedarf
    • Aufkleber
    • Broschüren & Kataloge 
    • Bücher
    • Etiketten
    • Flyer 
    • Folder 
    • Grußkarten
    • Haftnotizen
    • Kalender & Werbekalender
    • Karten
    • Lesezeichen
    • Multimedia
    • Plakate & Poster 
    • Postkarten
    • Prospekte
    • Schreibblöcke
    • Tragetaschen
    Geschäftsausstattung
    • Briefpapier 
    • Briefumschläge
    • Durchschreibesätze 
    • Haftnotizen
    • Kalender
    • Loseblattsammlung
    • Notizbücher
    • Ordner
    • Präsentationsmappen
    • Schreibblöcke
    • Schreibtischunterlagen
    • Stempel
    • Versandtaschen
    • Visitenkarten 
    Gastro & Event
    • Beachflags
    • Eintrittskarten
    • Faltzelte
    • Gastronomie-Schreibblöcke
    • Klatschpappen
    • Liegestühle
    • Pappbecher
    • Plakate & Poster 
    • Speisekarten (gebunden)
    • Speisekarten (gefalzt)
    • Tischaufsteller
    • Tischsets
    • Tragetaschen
    Overnight
    • Bonuskarten
    • Briefpapier
    • CD- & DVD-Booklets
    • CD-Cover
    • Flyer
    • Folder
    • Grußkarten
    • Speisekarten
    • Taschenkalender
    • Terminkarten
    • Tischsets
    • Visitenkarten
    Alle Produkte anzeigen Produktmuster bestellen 
  • Bestpreis-Garantie
    Briefpapier
    Broschüren
    Flyer
    Folder
    Grußkarten
    Kalender
    Plakate & Poster
    Postkarten
    Schreibblöcke
    Schreibtischunterlagen
    Gefalzte Speisekarten
    Visitenkarten
    Mehr Informationen Papiermuster bestellen 
  • Verpackungen
    Faltschachteln
    Verpackungen mit Deckel
    Geschenkverpackungen
    Schuber
    Kissen- und Taschenverpackungen
    Offene Verpackungen
    Lebensmittelechte Verpackungen
    Transport- und Versandkarton
    Alle Produkte anzeigen Verpackungsmuster bestellen 
  • Werbetechnik
    Fahnen & Flaggen
    Faltzelte
    Klebefolien
    Leuchtreklame
    Messetheken
    Messewände
    Planen
    Roll Ups
    Schilder
    Stoffbanner
    Textilspannrahmen
    X- / L- Banner
    Alle Produkte anzeigen Produktmuster bestellen 
  • Gesichtsmasken
    Gesichtsmasken
    Gesichtsvisiere
    Alle Produkte anzeigen 
  • Service und Hilfe
    Bestellinformationen
    • Bestellprozess
    • Logosponsoring
    • Reseller
    • Sicherheit
    • Vorteile
    Druckdaten
    • Datencheck
    • Druckdatenanleitung
    • Druckvorlagen
    • Online-Designer
    • SAXOPRINT® pro design
    Produktoptionen
    • Druckveredelungen
    • Produktmuster
    • Sonderfarben
    FAQÜber unsBlog
    Persönlicher KontaktPersönliche Fachberatung
    • 0351 20 44 444
    • Mo - Fr:9 - 18 Uhr
    •  
    • service@saxoprint.de
    • Kontaktformular
  • Anmelden Hallo ##Anrede## ##Nachname##

    Neukunde? Registrieren.

    AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
    2
  • Druckprodukte
  • Gesichtsmasken
  • Verpackungen
  • Werbetechnik
  • Bestpreis-Garantie
  • Service & Hilfe
  • Blog

Freitagstutorial: Digitaler Bokeh-Effekt in Photoshop

Freitagstutorial: Digitaler Bokeh-Effekt in Photoshop
von Thomas Trummer | 18. Februar 2011
0 Kommentare
Tags: Bildbearbeitung, Photoshop-Tutorials, Tutorial

Heute habe ich einen spannenden Effekt, den man mit Adobe Photoshop und GIMP erzeugen kann: den sogenannten Bokeh-Effekt. Damit kann man hübsche Grußkarten, Visitenkarten oder Desktophintergründe erstellen. Der Begriff Bokeh kommt aus dem Japanischen und bedeutet übersetzt so viel wie „unscharf“ oder „verschwommen“. In der Fotografie bezeichnet man damit das Rendering des Unschärfebereiches des Objektivs. Dabei erscheint das Hauptmotiv scharf und der Rest des Bildes ist mehr oder weniger verschwommen. Wie wir nun diesen Effekt digital erzielen kann, zeige ich hier.

Das Tutorial werde ich der Übersicht halber wieder in Photoshop und GIMP trennen – heute gehts los mit Photoshop! Dazu erstellen wir uns zunächst einen Pinsel, dann unseren Hintergrund und danach wenden wir den Pinsel auf dem Hintergrund an. Als Ausgangsform für den Pinsel möchte ich hier ein Blütenblatt erstellen. Es sind natürlich auch einfachere Formen wie Kreise oder Quadrate möglich.

Step 1

Wir öffnen also zunächst ein 400 x 400 px großes Dokument in Photoshop mit transparentem Hintergrund. Dort erstellen wir uns zunächst mit dem Ellipsen-Werkzeug (U) eine schwarze Ellipse.

bokeh_schritt-1

Step 2

Diese bearbeiten wir nun mit dem Punkt-umwandeln-Werkzeug, welches wir beim Pfadwerkzeug (P) finden. Damit klicken wir den unteren Ankerpunkt unserer Ellipse an und konvertieren diesen von einem abgerundeten in einen eckigen Ankerpunkt.

bokeh_schritt-2

Step 3

Im Anschluss daran rastern wir die Ebene mit Rechtsklick auf die Ebene und duplizieren sie dann mit Strg + J. Die duplizierte Ebene drehen wir um 90° im Uhrzeigersinn (Bearbeiten -> Transformieren -> Um 90° im USZ drehen). Mit dem Verschieben-Werkzeug (V) rücken wir die duplizierte Ebene passgenau an die untere Spitze unserer Originalebene.

bokeh_schritt-3

Step 4

Mit gedrückter Umschalt-Taste wählen wir beide Ebenen aus und über Rechtsklick rufen wir „Auf eine Ebene reduzieren“ auf. Danach duplizieren wir die neu entstandene Ebene erneut mit Strg + J, drehen sie um 180° und schieben sie wieder passgenau an die richtige Position. Wichtig ist dabei, dass alle Elemente im roten Kreis zusammenpassen, da es sonst bei der folgenden Verschiebung zu Problemen kommen kann.

bokeh_schritt-4

Step 5

Wir markieren wiederum beide Ebenen und vereinigen sie wieder zu einer, welche wir anschließend wieder über Strg + J duplizieren. Die kopierte Ebene drehen wir um 45° (Eingabe über das markierte Feld) und verkleinern diese dann mit Strg + T und gedrückter Umschalt – Taste, so dass in etwa folgendes Bild entsteht.

bokeh_schritt-5

Step 6

Nun vereinigen wir diese beiden Ebenen wieder und senken anschließend die Füllung der neuen Ebene auf 50 %. Dann rufen wir über Ebene -> Ebenenstil -> Fülloptionen das Bedienfeld „Kontur“ auf und geben unserer Form dort eine 8 px starke, schwarze Kontur.

bokeh_schritt-6

Step 7

Diese Form legen wir nun als Pinselvorgabe fest. Dazu gehen wir auf Bearbeiten -> Pinselvorgabe festlegen und geben dann unserer Vorgabe einen sinnvollen Namen, damit wir sie auch später wieder zuordnen können. Danach können wir dieses Dokument ohne Speichern schließen.

bokeh_schritt-7

Step 8

Nun öffnen wir unser eigentliches Dokument in der gewünschten Größe. Achtung – bei Dokumenten, die später gedruckt werden sollen, den 2 mm – Randanschnitt berücksichtigen.

bokeh_schritt-8

Step 9

Wir fügen dem Hintergrund mit dem Verlaufswerkzeug (G) einen Verlauf von Hell- zu Dunkelblau hinzu. Dazu stellen wir als Vordergrundfarbe #80bce5 und als Hintergrundfarbe #1800fa ein und wählen einen linearen Verlauf in folgender Richtung aus:

bokeh_schritt-9

Step 10

Wir erstellen eine neue Ebene, stellen deren Modus auf „Negativ multiplizieren“ und wählen dann oben aus der Verlaufsvorgabenbox den Verlauf „Violett, Orange“ aus. Dann ziehen wir diesen mit dem Verlaufswerkzeug (G) von links oben nach rechts unten.

bokeh_schritt-10

Step 11

Zwischen die beiden Ebenen fügen wir nun drei neue Ebenen ein (Ebene -> Neu -> Ebene). Nun kommt unser soeben erstellter Pinsel zum Zuge. Dazu als Vordergrundfarbe Weiß auswählen und das Pinselwerkzeug (B) aufrufen. Dann über Fenster -> Pinsel aufrufen und dort folgende Einstellungen treffen:

bokeh_schritt-11

Step 12

Wir beginnen nun in der untersten Ebene mit unserem 1000 px großen, weißen Pinsel zu zeichnen. Für diese Ebene rufen wir über Filter -> Weichzeichnungsfilter -> Gaußscher Weichzeichner einen Weichzeichner mit dem Radius 30 px auf.

bokeh_schritt-12

Step 13

In der zweiten Ebene soll unser Pinsel noch eine Größe von 800 px haben und der Weichzeichner einen Radius von 15 px.

bokeh_schritt-13

Fertig!

In der obersten der drei Ebenen stellen wir als Pinselradius 500 px ein. Nun müssen wir nur noch die Deckkraft der beiden unteren Ebenen senken (auf 40 % und auf 50 %) und eventuell noch die gewünschte Schrift hinzufügen und schon ist unser Bokeh-Effekt in Photoshop erstellt.

bokeh_schritt-14

Natürlich ist es auch möglich, diesen Effekt mit anderen Formen und anderen Hintergründen zu erzielen. Hier eine weitere Anregung:

bokeh_kreise_photoshop

bokeh_luftblasen_photoshop

Der Fantasie sind hier wie immer keine Grenzen gesetzt :-) Nächste Woche schauen wir uns den Bokeh-Effekt dann in GIMP an. Bis dahin allen Lesern ein schönes Wochenende.

Dieser Blogbeitrag wurde von Thomas Trummer verfasst

Hallo, mein Name ist Thomas Trummer und bereits seit 2009 veröffentliche ich in regelmäßigen Abständen innovative Grafik-Tutorials. In diesen erkläre ich Step by Step die Gestaltung von Printmedien, das Erstellen von Effekten oder das Bearbeiten von Fotos. Einsteiger, aber auch Professionals, können mit Hilfe dieser Anleitung Flyer, Visitenkarten oder Poster von Anfang bis Ende optimal gestalten und diese im Anschluss bei SAXOPRINT bestellen.

Durch die Nutzung bekannter Grafikanwendungen wie Photoshop, Illustrator oder auch GIMP möchte ich auf die individuellen Bedürfnisse unserer Leser eingehen und die unterschiedlichen Handhabungen aufzeigen. Selbstverständlich freue ich mich an dieser Stelle über Feedback jeglicher Art.

Das könnte dich auch interessieren



Freitagstutorial: Digitaler Bokeh-Effekt im GIMP

Freitagstutorial: Movie-Effekt im Photoshop

Freitagstutorial: Der Glaskugel-Effekt im Photoshop

Kommentar hinterlassen

Mit dem Absenden des Kommentars bestätigst Du, dass Du unsere Datenschutzerklärung zur Kenntnis genommen hast.

  Abbrechen


  • THEMEN AUF DEM SAXOPRINT BLOG

    • Druck & Gestaltung
    • Tutorials
    • Gut zu wissen
    • Die Drucklotsin
    • Aus der Fertigung
    • Presse & Sponsoring
    • Gewinnspiele
    • Unsere Blogredaktion
  • Nichts mehr verpassen

    • 68231likes
    • 1819followers
    • 1420followers
    • 1130subscribers
  • 20 Jahre SAXOPRINT

  • Neueste Artikel

    • Prozessfreie Plattenbelichtung revolutioniert die Druckvorstufe
    • Messeziele: Optimieren Sie Ihre Messeinvestition
    • Ein Messegespräch führen: Die Top 5 Dos & Don’ts
    • Messe & Marketing: Synergien durch crossmediale Strategie
    • Die Messestand Konzeption: Auf Ihre Ziele kommt es an
  • Neueste Kommentare

    • Der Offsetdruck – Definition und VerfahrensweiseUmweltschutz mit prozessfreier Plattenbelichtung bei SAXOPRINT kommentierte
      Der Offsetdruck – Definition und Verfahrensweise
      […] Bildpunkten (die druckbaren Stellen) gehärtet. Diese Stellen der Negativplatte nehmen im Druckprozess dann die Farbe auf...

    • Kurisu kommentierte
      Der Unterschied zwischen Pixel- und Vektorgrafiken
      In dem Artikel findet sich folgenden Überschrift: „Vektorgrafiken – die Bildraster“ Handelt es sich hierbei um einen F...

    • Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT (Teaser)Robert Block kommentierte
      Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT
      Hallo, danke für das Interesse an unserem Unternehmen. Ich würde Sie bitten, unsere Karriereplattform SAXOJOBS zu besuchen. Dort f...

    • Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT (Teaser)Noureddin zand kommentierte
      Die Ausbildung zum Medientechnologen Druck bei SAXOPRINT
      Sehr geehrte Damen und Herren, ich suche eine Ausbildungsplatz. Ich habe eine Erfahrung bei Montage /Logistik/Kommissionieren/Ver...

    • Floyd kommentierte
      InDesign-Tutorial: Ein modernes Buchcover selbst gestalten
      Ich erstelle meist 2-3 mögliche Coverdesigns und erstelle daraus jeweilige Mockups, die ziemlich real aussehen (https://www.chris-...

  • Wonach suchst Du?



© SAXOPRINT 2019 Impressum & Datenschutz & Cookie-Einstellungen

Produkte
  • Flyer drucken
  • Aufkleber drucken
  • Broschüren drucken
  • Kalender & Werbekalender drucken
  • Visitenkarten drucken
Informationen
  • Über uns
  • Karriere
  • Druckdatenanleitung
  • Druckvorlagen
  • FAQ
Newsletter

Jetzt zum Newsletter anmelden und 5 Euro Willkommensgutschein für die nächste Bestellung sichern.

Kontakt

Persönliche Fachberatung

0351 20 44 444
Mo - Fr:
9 - 18 Uhr


Kontaktformular
service@saxoprint.de
700
engagierte Druckexperten
20
Jahre Druckerfahrung
3,3
Fussballfelder große Produktionsfläche
Kauf auf Rechnung
Vorkasse
Deutschland
  • Österreich
  • Schweiz
  • Großbritannien
  • Frankreich
  • Spanien
  • Italien
  • Niederlande
  • Belgien
AGB |  Datenschutz |  Impressum |  Karriere |  Kontakt |  Cookie-Einstellungen