Realistische Papierkante

1 | 0 Kommentare | 6737 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "Realistische Papierkante " mit Ihrem Wissen!

Anzeige Hier werben

Dokument anlegen

Erstellen Sie eine neue Datei mit dem Format 400x150 Pixel (Breite x Höhe). Füllen Sie die Hintergrundebene mit einem tiefen Blauton (#1d5664). Hier können Sie aber auch eine beliebige andere Farbe wählen. Anschließend wird eine neue Ebene in der Ebenenpalette hinzugefügt und mit dem Namen "Papier1" versehen. Auf dieser Ebene erstellen wir unser Papier.

Bild zu Realistische Papierkante
Dokument Grundaufbau

Auswahl erstellen

Wechseln Sie auf Ihre "Papier1" Ebene. Mit dem Lassowerkzeug (Shortcut: l) zeichnen wir nun, etwa mittig in unserem Bild, eine unruhige Auswahl, welche die spätere Kante wird. Diese Auswahl führen Sie oben um das Bild herum zu Ende, so dass die obere Hälfte Ihres Bilder ausgewählt wird. Sollte Sie beim ersten Versuch keine schöne Auswahl erhalten, starten Sie einfach nochmal.

Bild zu Realistische Papierkante
Auswahl

Füllen Sie diese Auswahl jetzt mit einem grauen Papierton wie der Farbe "#cac9c5". Dies können Sie einfach mit dem Füllwerkzeug machen oder per Tastatur, indem Sie die Papierfarbe als Hintergrundfarbe anlegen und mit "Strg + Backspace" die Auswahl füllen.

Da wir diese Auswahl zu einem späteren Zeitpunkt nochmals brauchen werden, speichern wir uns die Auswahl ab. Klicken Sie mit ausgewählten Lassowerkzeug mit der rechten Maustaste in Ihr Bild und wählen Sie "Arbeitspfad erstellen". Die Auswahl wird auf diesem Weg in einem Pfad umgewandelt. Warum wir einen Pfad und keine Auswahl abspeichern wird im nächsten Schritt klar.

Bild zu Realistische Papierkante
Erstellen eines Arbeitspfads

Papierfasern zeichnen

Derzeit schaut unser Papier noch nicht sehr realistisch aus. Das liegt besonders an der sehr sauberen Risskante. Papier besteht jedoch aus einer Faserung, welche beim Abreißen an der Kante deutlich sichtbar wird. Mit Hilfe einer speziellen Pinselspitze stellen wir diese Struktur nach.

Erstellen Sie eine neue Ebene mit dem Namen "Papierfaser" und wählen Sie das Pinselwerkzeug aus (Shortcut: b). In den erweiterten Einstellungen für das Pinselwerkzeug ändern wir die Einstellungen der Form des Pinsel wie folgt.

Bild zu Realistische Papierkante
Auswahl der Pinselart
Bild zu Realistische Papierkante
Einstellung der Pinselform

Für feinere Fasern stellen Sie den Durchmesser hier auf einen kleineren Wert, beispielsweise für hochwertigeres Papier.

Bild zu Realistische Papierkante
Einstellung der Formeigenschaften

Damit haben wir unseren Pinsel korrekt eingestellt. Wählen Sie das "Direkt-Auswahlwerkzeug" (Shortcut: a), der kleine weiße Pfeil in der Werkzeugleiste, aus. Klicken Sie damit mit der rechten Maustaste auf Ihren Pfad und wählen Sie "Pfadkontur füllen". Achten Sie dabei bitte drauf, dass im Drop-Down Menu "Pinsel" ausgewählt ist und der Haken bei "Druck simulieren" nicht gesetzt ist.

Jetzt haben wir die Faserung für unser Papier nachgestellt. Ist Ihnen die Faserung zu stark schieben Sie Ihre Papierfaser-Ebene einfach mit den Pfeiltasten einige Pixel nach oben. Sind sie mit dem Ergebnis zufrieden, fügen Sie die beiden Papierebenen mit "Strg + E" zu einer Ebene zusammen. Anschließend stellen Sie bitte noch die Deckkraft auf "90%" herrunter.

Zweite Papierschicht

Papier und Pappe ist eigentlich immer mehrschichtig. Daher erstellen wir für unser Papier ebenfalls eine zweite Papierschicht, welche wir über die bisherige Ebene legen. Führen Sie die Schritte für die zweite Papierschicht analog durch. Die Farbe für Ihre obere Schicht sollte jedoch weiß sein"#ffffff". Ihre Auswahl sollte etwas oberhalb der ersten Papierschicht verlaufen und von der Form nicht identisch sein.

Bild zu Realistische Papierkante
Zweite Auswahl

Verschieben Sie Ihre Ebenen für die zweite Papierschicht ebenfalls wieder so, dass Sie ein ansprechendes Ergebnis erzielen.

Textur multiplizieren

Besorgen Sie sich eine Papiertextur, die Sie für Ihre Papier verwenden möchten. Wo es gute, freie Fotos von Papiertexturen gibt erfahren Sie unter anderem in unserem Artikel über "Bildersuchmaschinen". Ich habe mich für folgende Textur entschieden, die ich aus mehreren Texturen kombiniert habe.

Bild zu Realistische Papierkante
Textur

Legen Sie die Textur in Ihrer Ebenenpalette ganz nach oben und stellen Sie den Ebenemodus auf "Multiplizieren". Die Deckkraft regeln wir auf rund "70%" runter. Da der untere Teil Ihres Bildes nicht mit der Textur multipliziert werden soll, gehen Sie in der Ebenenpalette auf Ihre erste Papierebene und klicken diese mit gedrückter "Strg-Taste" an. Auf diesem Weg laden Sie eine Auswahl von der entsprechenden Ebene. Wechseln Sie nun wieder zu Ihrer Texturebene und klicken Sie das kleine Symbol für "Vektormaske hinzufügen" in Ihrer Ebenepalette. Die Auswahl wird nun von Ihrer Texturebene abgezogen.

Bild zu Realistische Papierkante
Maske für Textur

Schlagschatten hinzufügen

Als letzten Schritt fügen Sie Ihrer unteresten Papierebene noch einen Schlagschatten über die Ebenepalette hinzu. Stellen Sie den Schlagschatten dabei wir folgt ein.

Bild zu Realistische Papierkante
Schlagschatten

Fertiges Ergebnis

Dies ist unsere fertige Papier/Pappe Kante. Möchten Sie eine feine Struktur für Ihre Papier erreichen, stellen Sie Ihre Pinselspitze feiner ein oder wählen Sie einen anderen Pinseltyp. Zusätzlich kann man weitere Papierschichten für die Kante anlegen, etc. Experimentieren Sie einfach ein wenig, was das für Sie optimalste Ergebnis liefert.

Bild zu Realistische Papierkante
Fertiges Ergebnis

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher hat 1 Person an der Seite "Realistische Papierkante " mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "Realistische Papierkante " hier bearbeiten.

Mitarbeiter
  • Meine Schwerpunkte liegen im Bereich Grafikdesign, SEO und Management. Seit sieben Jahren bin ich als Geschäftsführer der Team23 GbR tätig, die Webdesign in Augsburg anbietet, sowie Webmasterpro.de betreut.

Kommentare: Realistische Papierkante