-
Regal im iBook-Style erstellen
30.04.2012 in Adobe Photoshop von Hookler
- Kategorie: Adobe Photoshop
- Erstellt mit Programmversion: CS4
- Kompatibel ab Programmversion: 7,0
- Dateigröße (PDF): 7.3 MB
- Bisherige Zugriffe: 511
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 3.000 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 1.900 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 2.200 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.
-
Registriere dich bei uns und du erhältst die Selection-DVD mit über 24 Stunden Video-Trainings zu Photoshop, InDesign uvm. als Download gratis (sofern Newsletter aktiviert).
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: Screenguide-Magazin als PDF zum Download
- Download: Vektor-Logo (Eidechse)
- Download: Sepia-Vintage-Effekt-Aktion
- Tutorial: Ballons aus einer Schublade
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Tutorial: Linien zum Glühen bringen
- Videotraining: Lichtscheinkontureneffekt mit Animation
- 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
Passend zum Inhalt empfehlen wir:
Photoshop CS6-Video-Training - Basics & Tricks
- 17 Stunden Video-Training - Schritt für Schritt Photoshop ergründen
- Geeignet für Photoshop ab CS6 (90% aller Video-Trainings auch ab CS5), für MAC und PC
Kommentare
Weitere KommentareAchtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
1. Erstellen eines neuen Dokuments
Wir starten mit dem Erstellen eines neuen Dokuments mit den Maßen 768 x 1030 Pixel und einer Auflösung von 300 Pixel/Zoll (für Druck; im Webdesign reicht hier auch 72 Pixel/Zoll). Als Farbeinstellung wählen wir RGB.
2. Erstellen der Holzstruktur
Erstelle eine Ebene mit dem Namen „Hintergrund“. Setze nun die Vordergrundfarbe auf #e0ad5e ...3. Transformieren der Holzstruktur
Im folgenden Schritt drücke Strg+T (cmd+T) und wähle zunächst den linken Punkt an und anschließend als Breite 50%.4. Holzstruktur verfeinern
Verwende nun den Filter>Verflüssigen mit dem Turbulenz-Werkzeug und den dazugehörigen Einstellungen: Pinselgröße: 60, Pinseldichte: 100, Pinseldruck: 70, Pinselgeschwindigkeit: 100 und Turbulenzwert: 100. Bewege die Maus dann abwärts und mit leichten waagerechten Bewegungen (Abwärts-Zickzack).5. Abdunkeln
Klicke doppelt auf „Hintergrund“, öffne dadurch den Ebenenstil-Dialog und wähle Schatten nach innen aus. Füllmethode: Lineares Licht, Farbe: Schwarz, Deckkraft: 70%, Abstand: 0 und Größe: 2506. Hilfslinien setzen
Wähle das Auswahlrechteck-Werkzeug und setzte die Art auf „Feste Größe“, als Höhe und Breite einen Wert von 60px. Setzte die Auswahl nun an den oberen Rand des Bildes und ziehe eine Hilfslinie an die untere Auswahlkante.7. Erstellen des Regal-Tops
Wir werden nun eine weitere Rechteckauswahl machen mit den Werten: Breite 128px und Höhe 768px.8. Vertiefungen im Top erstellen
Erstelle eine neue Ebene über der „Top“-Ebene. Benutze das Linienzeichner-Werkzeug mit der Methode Pixel füllen und einer Stärke von 1px.Wähle für die Vordergrundfarbe den Wert #c9984d.
Ziehe bei gedrückter Shift-Taste 14 horizontale Linien wie im Bild gezeigt. Gehe anschließend zu Filter>Verflüssigen.
9. Top bearbeiten
Gehe zu Filter>Rauschfilter>Rauschen hinzufügen. Setze die Einstellung Stärke auf 2%. Bestätige mit OK und drücke anschließend Strg+T (cmd+T), um die Ebene „Top“ wie im Bild zu skalieren. Wähle als Nächstes die Ebenenstilpalette aus und benutze die Verlaufsüberlagerung mit folgenden Einstellungen: Füllmethode: Weiches Licht, Deckkraft: 50%, Verlauf: Schwarz zu Weiß, Art: Linear und einen Winkel von 90°:10. Schatten hinzufügen
Klicke bei gedrückter Strg-/(cmd-) Taste auf die Ebene „Top“, um eine Auswahl zu laden. Erstelle nun eine neue Ebene unter der Ebene „Top“ und benenne diese „Top Schatten“.11. Hilfslinien für Seiten anlegen
Wähle das Rechteckauswahl-Werkzeug und benutze erneut die Art Feste Größe und die Einstellungen: Breite: 20px, Höhe: 177px. Platziere eine Auswahl am linken Rand der Arbeitsfläche wie im Bild gezeigt. Ziehe eine horizontale Hilfslinie ans Ende der Auswahl und eine vertikale Hilfslinie und platziere diese am vertikalen Auswahlende, sodass ein dünner Rand von Hilfslinien abgetrennt ist.Wiederhole die Arbeitsschritte auf der rechten Seite und wähle abschließend alle Auswahlen mit Strg+D (cmd+D) ab.
12. Erstellen der Seitenflächen
Erstelle eine neue Ebene über der Ebene „Hintergrund“ und benenne diese „Seiten“. Jetzt brauchen wir erneut das Rechteckauswahl-Werkzeug mit den Einstellungen Breite: 20px und Höhe: 1030px und setzen die Auswahl an den rechten und linken Rand. Fülle anschließend die Fläche mit der Farbe #552200. Wähle die Ebenenfüllmethode: Multiplizieren und eine Deckkraft von 70%.13. Erstellen der Seitenkanten
Erstelle eine neue Ebene über der Ebene „Seiten“ und nenne diese „Seitenkanten“. Verwende nun das Linienzeichner-Werkzeug mit der Methode Pixel füllen und einer Stärke von 2px. Ziehe nun jeweils rechts und links entlang der vertikalen Hilfslinien eine Linie in Schwarz. Benutze anschließend den Gaußschen Weichzeichner mit einem Radius von 1,5 Pixel.14. Erstellen der Regalböden
Verwende das Rechteckauswahl-Werkzeug mit der Einstellung: Feste Größe, Breite: 768px, Höhe: 14px.Wähle einen Bereich wie im Bild gezeigt aus. Aktiviere dazu die Ebene „Top“ und drücke Strg+C (cmd+C), um die Auswahl zu kopieren. Drücke Strg+V (cmd+V), um die Auswahl in einer neuen Ebene namens „Boden 1“ einzufügen. Benutze Transformieren, um das Element nach unten zu ziehen. Richte die Ebene abschließend an den Hilfslinien aus.
15. Erstellen der Regalbodenschatten
Wähle die Ebene „Top Schatten“ in der Ebenenpalette an. Aktiviere das Rechteckauswahl-Werkzeug mit der Art Normal ...... und wähle eine Auswahl wie im Bild gezeigt. Kopiere zunächst die Auswahl mit Strg+C (cmd+C) und füge diese mit Strg+V (cmd+V) in einer neuen Ebene ein. Benenne diese „Boden Schatten“ und platziere diese unter der Ebene „Boden 1“. Ziehe den Inhalt der Ebene ebenfalls unter den Boden in der Arbeitsfläche.
16. Vorbereitung für Regalbodenoberfläche
Verwende das Rechteckauswahl-Werkzeug mit der Art: Feste Größe und einer Höhe von 10px.Klicke in die Arbeitsfläche, um eine Auswahl zu aktivieren, und bewege diese dann auf die obere Kante des Regalbodens. Ziehe eine Hilfslinie auf die obere Auswahlkante. Wähle nun die Art: Normal und aktiviere eine neue Auswahl in Benutzung der Ebene „Top“ wie im Bild gezeigt.
Ziehe dazu eine Auswahl, die in der Höhe ca. die Hälfte der Top-Ebene einnimmt.
17. Regaloberfläche
Drücke Strg+L (cmd+L), um die Tonwertkorrektur aufzurufen, setze die Schatten-Tonwertspreizung auf 50 und bestätige die Eingabe mit OK. Drücke Strg+U (cmd+U), um Farbton/Sättigung anzuzeigen und wähle folgende Werte: Sättigung: -15, Helligkeit: - 5.Verwende im Anschluss den Ebenenstil Verlaufsüberlagerung mit den Einstellungen: Füllmethode: Lineares Licht, Deckkraft: 10%, Verlauf: Schwarz zu Weiß, Umkehren: check, Art: Linear, Winkel: 90°.
18. Weitere Regalböden (Hilfslinien)
Wähle erneut die Einstellung Feste Größe unter Verwendung des Rechteckauswahl-Werkeugs. Stell diesmal für die Höhe 194px ein.Erstelle eine Auswahl wie im Bild, ziehe eine Hilfslinie an das untere Ende der Auswahl und wähle die Auswahl ab. Aktiviere in der Ebenenpalette die Ebenen „Boden 1“, „Bodenoberfläche“ und „Boden Schatten“ und verbinde die Ebenen zu einer neuen.
19. Weitere Regalböden
Dupliziere „Boden 1“ und benenne die Kopie in „Boden 2“ um. Bewege „Boden 2“ wie im Bild gezeigt an die untere Hilfslinie.20. Regalwandschatten
Erstelle eine neue Ebene und nenne diese „Bodenoberflächenschatten“. Verwende für den Schatten das Linienzeichner-Werkzeug mit einer Stärke von 1px. Ziehe über jeden Regalboden an der Oberkante eine schwarze Linie und klicke dann auf Filter>Weichzeichnungsfilter>Gaußscher Weichzeichnungsfilter mit einem Radius von 2 Pixel.21. Regalwandschatten in den Seiten löschen
Um die Schatten-Linien aus der Seite zu löschen, wähle in der Ebenenpalette die Ebene „Seite“ an, lade die Auswahl durch Klicken der Strg- (cmd-) Taste und klicke auf die Ebene. Wähle bei gedrückter Strg- (cmd)+Alt-Taste und linker Maustaste jede einzelne „Boden-Ebene“ wieder ab und lösche die überstehenden Linien durch Drücken der Backspace-Taste.22. Hinzufügen von Detail
Erzeuge eine neue Ebene über der Ebene „Hintergrund“ und benenne diese in „Teile“ um. Drücke D, um die Farbeinstellung auf Schwarz-Weiß zurückzustellen. Wähle Filter>Renderfilter>Wolken. Gehe erneut in die Filterpalette, nun zu Vergröberungsfilter>Mosaikeffekt und wähle als Größe 100. Anschließend erneutes Aufrufen der Filter; diesmal befinden wir uns im Weichzeichnungsfilter>Bewegungsunschärfe mit der Einstellung: Winkel: 90° und Abstand: 999px.23. Detail aus den Seiten löschen
Verwende die Ebenenfüllmethode: Ineinanderkopieren, drücke mit Strg (cmd) auf die Ebene „Seiten“ und lösche so die Seiten aus der Ebene „Teile“.24. Arbeitsfläche erweitern
Klicke auf Bild>Arbeitsfläche ..., wähle Relativ aus, benutze den Wert 28 Pixel bei Weite und bestätige die Eingabe mit OK. Die Arbeitsfläche wird dadurch links und rechts um 14 Pixel vergrößert.25. Erstellen der Regalseiten
Wähle die Ebene „Top“ aus der Ebenenpalette. Verwende das Rechteckauswahl-Werkzeug mit der Einstellung Normal und erstelle so eine Auswahl wie im Bild. Kopiere die Auswahl und füge diese in einer neuen Ebene ein. Wähle die Auswahl ab und rotiere die Ebene mit Strg+T (cmd+T) um 90°, platziere den Inhalt in den leeren Raum am linken Rand und skaliere ihn so, dass er unten und oben mit der Arbeitsfläche abschließt. Dupliziere die Ebene und platziere sie am rechten Rand.26. Befüllen
Das Regal ist nun fertig und muss noch gefüllt werden mit Büchern oder Referenzen ... Dazu füge in einer neuen Ebene das Objekt ein und platziere es auf dem 1. Regalboden. Erstelle unter dieser Objekt-/Referenz-Ebene eine weitere und benenne diese „Referenzschatten“. Um den Schatten zu erstellen, benutze das Polygon-Lasso-Werkzeug und erstelle eine Auswahl wie im Bild. Fülle die Auswahl mit Schwarz und wähle dann die Auswahl ab. Benutze den Gaußschen Weichzeichner mit einem Radius von 4 Pixel. Verwende weiterhin eine Ebenendeckkraft von 70%.27. Das fertige Regal
(Verwendete Bilder beim Befüllen sind aus eigenem Referenzen-Archiv genommen und unterliegen dem Urheberrecht).-
Reklame
-
-
- Wer wird Webinär?
- einzelne Klone unterschiedlich deformieren
- Nik-Complete-Collection kostenlos...
- Hintergrund einfügen
- Cache ohne externe Installation gesucht
- Kaufempfehlung: Monitor für Bildbearbeitung/DTP
- Firepro oder Quadro
- Traum Silhoueten
- Tipps zum Kauf einer Kamera
- Welcher tragbare LCD Monitor an Canon 6D?
- gibt es Sättigungspinsel?
- Alte "CSxx" Programme deinstallieren
- Ebeneneigenschaften "auslesen"
- Photoshop Dokument 125x245cm ein paar fragen
- Probleme mit dem "include" Befehl
- Partner für komplette Betreuung unseres Webshops gesucht
- Creative Cloud deinstalliert, nun nicht mehr installierbar
- Gif Animation für Avatar
- Gelbes Band dunkelrot einfärben
- Fehler "Hugin" Panorama erstellen
-
-
Aktuelles Commag
Anzeige
-
Anzeige
Torito49
17.05.2013 - 17:15
Einfach super Tutorial!
Der große Aufwand lohnt sich auf jedenfalls, vor allem leicht zu nachvollziehen...
Schimida
16.05.2013 - 14:14
Einfach genial :) Dank der guten Beschriebung einfach nachzubasteln.
greezy
29.04.2013 - 07:45
super tolles tutorial
onlyskyy
27.12.2012 - 03:12
Sehr gutes Tutorial! Das Endresultat sieht sehr schön und realistisch aus :)
sharma
06.12.2012 - 16:50
prima beschrieben.
ich schau jetzt mal welche tutorial du noch anbietest.
Hookler
07.12.2012 - 09:06
hallo, vielen dank für das Lob.
Leider habe ich es noch nicht geschafft die anderen Tute hochzuladen bzw für psd aufzuarbeiten...Wenn ich die Zeit dazu hab, dann erscheinen die hier auf alle Fälle
franky26
05.10.2012 - 18:10
Superklasse, genau soetwas hab ich gesucht!
DANKE
lG
Franky
mustografie
06.08.2012 - 22:39
sehr cool, nun kann ich auch endlich mal meine Fotos im Regal ablegen ;)
fcbf97
26.07.2012 - 12:21
COOL :D Genau das wo nach ich gesucht habe :D
Xige
25.07.2012 - 21:50
Sehr gutes Tut! Vielen Dank dafür :)
Tanumia
24.07.2012 - 20:56
super sehr hilfreich :)
tokyodrift
14.06.2012 - 10:51
So genail!!
Sieht fantastisch aus!!
ackerratte
07.06.2012 - 12:01
Super Idee, genau das was ich gesucht habe. So spart man sich die Kohle für irgendwelche Hintergrundbilder ;-)
iri83
05.06.2012 - 12:38
danke für das Tut, werde ich gleich mal umsetzen
Dabel
29.05.2012 - 16:15
Sehr gut und leicht verständlich. Vielen Dank!
ddi7i4d
26.05.2012 - 14:20
Sehr schön, danke! Eine Frage aber, bei mir werden die Ränder beim Perspektivenverzerren nicht antialiased, wie stell ich das ein?
Profil20
22.05.2012 - 21:04
Auch mal eine sehr gute Idee, wie man eine Holzstruktur erstellt.
aliasis
08.05.2012 - 20:37
ich hab´s probiert und es funktioniert! danke für die gute erklärung.
TDS95
05.05.2012 - 16:32
Sehr gutes Tutorial.
Gut nachzuvollziehen und sehr ausführlich erklärt.
Danke dafür.
dobermann2007
05.05.2012 - 13:10
Bedanke mich für das tolle tut.Sehr gut beschrieben.