German (Deutsch) translation by Valentina (you can also view the original English article)
Hallo allerseits! Dieses Mal habe ich ein lustiges Tutorial für Sie. Wir erstellen ein Müslischachtel-Design von Grund auf neu und verwenden nur Photoshop. Wir werden mit den CS4 Extended 3D-Werkzeugen von Photoshop mehrere Müslischleifen mit Fruchtgeschmack rendern, Texturen auf die Schleifen anwenden, die Oberflächen stoßen und sie zu einem echten 2D-Bild nachbilden. Sind Sie bereit?
Alle paar Wochen besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte der Website. Dieses Tutorial wurde erstmals im September 2009 veröffentlicht.
Bevor Sie beginnen
Ein paar Dinge, bevor Sie anfangen. Für dieses Tutorial benötigen Sie die letzte Version von Photoshop, CS4 Extended. Außerdem benötigen Sie eine gute Grafikkarte, da wir gleichzeitig mit mehreren 3D-Ebenen arbeiten. Wenn Sie keine haben, kann es zu Verzögerungen auf Ihrem Computer kommen. Dies ist kein grundlegendes Tutorial, daher überspringe ich einige grundlegende Erklärungen wie das Erstellen einer Ebenenmaske oder das Erstellen eines Gradientsfüllungsebenen.
Sie müssen dieses Bild einer spritzenden Milchschale herunterladen. Und dieses fantastische Twitter-Icon-Set von meinem Freund Gopal Raju.
Schritt 1 - Einrichten des Dokuments
Erstellen Sie zunächst ein neues Photoshop-Dokument mit 800 x 1120 Pixel und 72 dpi und stellen Sie es auf RGB ein. Erstellen Sie dann ein neues Gradientsfüllungsebene mit dem Namen "Gradient". Ich verwende diese Farben: #F20000 - #8E0000 Sie können sie trotzdem ändern.
Schritt 2 - Extrahieren Sie das Bild aus dem Hintergrund
Fügen Sie die Spritzmilchschale in eine neue Ebene mit dem Namen "Splash" ein. Als nächstes müssen wir den schwarzen Hintergrund entfernen. Gehen Sie dazu zu Auswählen > Farbbereich, probieren Sie den schwarzen Hintergrund aus und setzen Sie den Wert für die Unschärfe auf etwa 85, und klicken Sie dann auf OK, um die Auswahl zu bestätigen. Erweitern Sie nun die resultierende Auswahl um 1 Pixel und erstellen Sie eine Schnellmaske oder eine Ebenenmaske, die den schwarzen Hintergrund verbirgt. Drehen Sie das Bild schließlich horizontal und platzieren Sie es unten rechts im Dokument.
Schritt 3 - Aufhellen der Milch
Auf dem Bild sieht die Milch ein wenig rosa aus. Um sie weiß zu machen, fügen Sie einfach eine Einstellungsebene für Farbton/Sättigung hinzu, wählen Sie in der Farbauswahl Rot aus und stellen Sie den Helligkeitswert auf +100 ein. Stellen Sie sicher, dass die Option Schnittmaske im Einstellungsfeld aktiviert ist um die Einstellung nur auf eine Ebene anzuwenden. In diesem Fall die Ebene "Splash". Wir werden die Schüssel für eine Weile so lassen, wie sie ist. Es ist Zeit, die Müslischleifen zu erstellen. Fügen Sie schließlich beide Ebenen, "Splash" und die Anpassung, in einen Ordner mit dem Namen "Bowl" ein.
Rendern Sie die Müslischleifen
Schritt 4 - Erstellen Sie eine 3D-Form aus einer Ebene
Hier kommt der Spaß, wir werden anfangen, die Müslischleifen mit einigen 3D-Ebenen zu erstellen. Erstellen Sie zunächst eine neue Ebene mit dem Namen "Loop" und füllen Sie sie mit etwas Farbe. Ich verwende das Rechteckige Auswahlwerkzeug und den Farbeimer, um es mit der folgenden Farbe zu füllen: #FF363E.
Gehen Sie zu Fenster > 3D, um das 3D-Bedienfeld anzuzeigen. Gehen Sie nun zu 3D > Neue Form aus Ebene > Donut, um automatisch eine 3D-Ebene mit dem Namen "Schleife" zu erstellen. Lassen Sie es wie es ist und fahren Sie mit dem nächsten Schritt fort.
Schritt 5 - 3D-Panel-Übersicht
Bevor wir fortfahren, müssen Sie sich mit dem 3D-Panel wohl fühlen. Alle 3D-Objekte befinden sich in einem Container mit dem Namen "Szene". Jede Szene kann mehrere 3D-Objekte enthalten, die mit ihren jeweiligen Texturen oder Lichtern vermascht werden können. Sie können beliebig viele Objekte in eine Szene einfügen.
Sie können die Objekte filtern, indem Sie auf eine der vier Schaltflächen oben im Bedienfeld klicken. Unten finden Sie die Szenenoptionen. Dort können Sie die Rendervoreinstellung, das Anti-Aliasing und die globale Umgebungsfarbe ändern (diese ist in diesem Lernprogramm sehr wichtig) und die Textur auswählen, auf die Sie malen möchten (das werden wir sehen) in Kürze). Schließlich können Sie unten im Bedienfeld die Ansicht „Ebene und Lichter“ ein- oder ausschalten oder ein neues Licht und natürlich die Schaltfläche „Löschen“ hinzufügen. Spielen Sie mit diesem Panel, bevor Sie mit dem nächsten Schritt fortfahren.
Schritt 6 - Ändern Sie die Umgebungsfarbe und zeigen Sie die Grundebene an
Unsere Schleife sieht etwas dunkel aus, obwohl wir sie aus einer rosa Ebene erstellen. Dies liegt daran, dass die globale Umgebungsfarbe standardmäßig Schwarz ist. Klicken Sie auf das Farbfeld, um es in eine dunkelrote Farbe zu ändern (#7E0001). Jetzt sieht die Schleife ziemlich gut aus, aber es gibt noch so viel zu tun.
Klicken Sie auf die Schaltfläche Ebene umschalten, um die Ebene als Referenz anzuzeigen. Sie werden feststellen, dass die Ebenenperspektive fast mit der Schüsselperspektive übereinstimmt, was für die Komposition und Beleuchtung sehr praktisch ist, sodass wir alles so lassen, wie es ist.
Schritt 7 - Transformieren Sie die Netzansicht
Klicken Sie anschließend auf die Schaltfläche Mesh, um nur mit dem Objekt "Donut" zu arbeiten (siehe Abbildung 1 unten). Im Optionsfeld gibt es verschiedene Transformationsoptionen für dieses Netz. Zuerst müssen wir die Schleife drehen, indem wir im Bedienfeld „Netzwerkzeuge“ auf die Schaltfläche „Drehen“ klicken. Ziehen Sie einfach den Cursor über das 3D-Objekt, um es zu drehen, wie in Abbildung 2 unten gezeigt.
Rollen Sie anschließend das Netz bei Bedarf ein wenig. Ziehen Sie dann das Netz mit der Schaltfläche Ziehen im Netzbedienfeld (Bild 4) ein wenig nach oben und schieben Sie das Netz schließlich ein wenig in den Raum, indem Sie den Foliencursor wie in Abbildung 5 unten gezeigt ziehen und dann die Ebene ausblenden Aussicht.
An dieser Stelle sollten Sie so etwas wie das letzte Bild unten haben. Dieser Schritt ist wichtig, da wir die 3D-Transformation in Kürze mehrmals wiederholen werden. Fühlen Sie sich frei, mit den Mesh-Optionen zu üben, bevor Sie fortfahren. Denken Sie daran, dass Photoshop keine 3D-Modellierungssoftware ist. Wenn Sie also das Netz selbst bearbeiten möchten, benötigen Sie eine andere Software.
Schritt 8 - Übermalen Sie die Texturebenen
Jetzt ist es Zeit, die Texturen ein wenig zu bearbeiten. Wählen Sie Malen auf: In den 3D-Optionen verteilen, dann das Pinselwerkzeug auswählen und mit dieser Farbe #FFC6CA oder ähnlichem einen 100px-Weichpinsel (Opazität und Fluss 50%) auswählen und direkt über das 3D-Netz malen. Drehen Sie das Netz so weit wie nötig, um die gesamte Oberfläche des Objekts abzudecken.
Beachten Sie, dass sich unter "Texturen - Diffus" im Ebenenbedienfeld eine Ebene mit dem Namen "Schleife" befindet. Doppelklicken Sie darauf, um eine PSB-Datei mit einer einfachen Ansicht der Textur zu öffnen. Wir werden im nächsten Schritt an dieser Ebene arbeiten.
Schritt 9 - Arbeiten an der diffusen Textur
Wählen Sie in der PSB-Datei die Ebene "Loop" aus (dieser Ebenenname kann je nach vorheriger Bearbeitung variieren) und wenden Sie einen Patter-Overlay-Effekt darauf an. Ich habe ein in Photoshop erstelltes Felsmuster mit dem Namen "Granite" ausgewählt, kann mich aber frei fühlen mit verschiedenen Texturen zu versuchen. Um die Ebenenfarbe beizubehalten, stellen Sie den Mischmodus des Effekts auf Weiches Licht. Speichern Sie abschließend die .psb-Datei, schließen Sie sie, kehren Sie zum Hauptdokument zurück und sehen Sie, wie die Textur jetzt aussieht.
Schritt 10 - Stoßen
Jetzt machen wir die Oberfläche etwas unregelmäßig. Wählen Sie im Bedienfeld „3D-Optionen“ Paint On: Bump aus, wählen Sie einen unregelmäßigen schwarzen Pinsel aus und beginnen Sie zu schmerzen.
Da die Bump-Textur noch nicht erstellt wurde, wird eine Warnung angezeigt. Klicken Sie einfach auf OK. Beginnen Sie dann einfach mit dem Übermalen des 3D-Objekts. Wenn Sie Schwarz als Vordergrund verwenden, wird das Objekt geprägt. Andernfalls wird das Objekt durch Weiß als Vordergrund abgeschrägt. Spielen Sie mit beiden Farben, bis Sie mit der Textur zufrieden sind. Es ist sehr wichtig, dass die gesamte Oberfläche texturiert wird und nicht nur die Vorderansicht (wir werden in Kürze sehen, warum).
Wenn es für Sie einfacher ist, doppelklicken Sie im Ebenenbedienfeld auf die Texturebene "Bump" und malen Sie die Bump-Textur über die .psb-Datei, wie unten im Bild unten gezeigt. Zu diesem Zweck können Sie das Klon-Werkzeug verwenden. Wenn Sie mit dem Ergebnis zufrieden sind, schließen Sie die PSB-Datei und kehren Sie zum Hauptdokument zurück.
Schritt 11 - Glanz
Um den Texturierungsprozess abzuschließen, fügen wir eine Glanztexturebene hinzu. Wählen Sie im 3D-Bedienfeld „Malen auf: Glanz“ und verwenden Sie mit einem Pinsel einen kleinen unsichtbaren weißen Fleck irgendwo über der 3D-Ebene. In diesem Schritt ist es wichtig, zur Materialansicht zu wechseln und den Glanzwert von 40% auf 80% zu ändern, um den Glanz weniger intensiv zu machen.
Sie können die Texturebene genauso wie in den vorherigen Schritten übermalen, diesmal jedoch eine helle Farbe verwenden. Weiß ist in Ordnung.
Die Schleife ist noch nicht fertig. Wir müssen sie weiter bearbeiten, damit sie realer aussieht.
Schritt 12 - Duplizieren Sie die Schleife
Jetzt duplizieren wir die Schleife, um mehrere Geschmacksrichtungen zu erstellen. Wählen Sie das Verschieben-Werkzeug (V). Wählen Sie dann bei gedrückter Alt-Taste die 3D-Ebene aus und ziehen Sie sie, um sie zu duplizieren. Blenden Sie die ursprüngliche 3D-Ebene "Loop" aus und wählen Sie die Kopie so aus, wie ich sie "Loop 2" nenne. Zeigen Sie das 3D-Bedienfeld an, wechseln Sie zur Netzansicht und drehen Sie das neue Netz mit dem Drehwerkzeug, damit es anders aussieht.
Schritt 13 - Ändern Sie die Farben der Schleife
Doppelklicken Sie im Ebenenbedienfeld auf die diffuse Textur der Ebene "Loop 2". Die in Schritt 9 erstellte Textur wird angezeigt. Um die Farbe leicht zu ändern, verwenden wir eine Einstellungsebene für Farbton/Sättigung, wie unten gezeigt. Speichern Sie die Änderungen, schließen Sie die PSB-Datei und sehen Sie, wie sie aussieht.
Schritt 14 - Ändern Sie die Glanzfarbe
Doppelklicken Sie anschließend auf die Glanzstruktur der Ebene "Loop 2". Sie sehen die Farbe der Textur so, wie wir sie in Schritt 11 verlassen haben. Wir ändern die Farbe, indem wir eine neue Ebene für die Farbton-/Sättigungsanpassung hinzufügen. Die endgültige Farbe liegt bei Ihnen, aber versuchen Sie, fast den gleichen Farbton wie im vorherigen Schritt zu erhalten. Speichern Sie die Texturdatei und sehen Sie, wie sie im Hauptdokument aussieht.
Schritt 15 - Umgebungslicht ändern
Um den neuen Geschmack zu vervollständigen, ändern Sie das globale Umgebungslicht der neuen 3D-Szene in einen geeigneteren Ton, in diesem Fall in der folgenden Farbe: #01261E.
Schritt 16 - Alles noch einmal machen
Wiederholen Sie die Schritte von 12 bis 15, um verschiedene Geschmacksrichtungen von Müslischleifen zu kreieren. Die Farben liegen ganz bei Ihnen. Denken Sie daran, Ihre Ebenen organisiert zu halten. Ich habe einen Ordner mit dem Namen "3D-Schleifen" und vier Unterordner erstellt, die jeweils die jeweilige Schleife enthalten.
Schritt 17 - Immer mehr Schleifen
Da sich jede Schleife in einem Ordner mit der jeweiligen Farbe befindet, werden wir jede Schleife mehrmals duplizieren und drehen, um viele davon zu erstellen. Dieses Mal erstelle ich vier Kopien für jede Farbe.
Schritt 18 - Rastern Sie die Schleifen
Erstellen Sie eine Kopie des gesamten Ordners "3D-Loops" und blenden Sie das Original aus, falls Sie später 3D-Ebenen verwenden müssen. Rasteren Sie nun jede einzelne 3D-Ebene im Kopierordner "3D-Schleifen". Klicken Sie dazu mit der rechten Maustaste auf eine 3D-Ebene und wählen Sie die Option 3D rastern.
Schritt 19 - Verflüssigen
Da wir alle unsere 3D-Ebenen gerastert haben, werden wir sie ein wenig verzerren, um die Ränder der Schleife unregelmäßig zu machen. Wählen Sie eine der "Loop" -Ebenen aus und gehen Sie zu Filter > Verflüssigen. Wählen Sie im Verflüssigungsfenster das Verkrümmen-Werkzeug aus, stellen Sie 100 als Pinselgröße und 25 als Pinseldichte ein und drücken Sie die Kanten der Schleife nach innen und außen, wie unten gezeigt. Wiederholen Sie diesen Schritt mit jeder einzelnen gerasterten Schleife in Ihrem Dokument.
Schritt 20 - Ändern Sie die Größe und verteilen Sie die Schleifen
Jetzt, wo wir eine Handvoll schöne Müslischleifen haben, werden wir sie in die Milchschüssel geben. Duplizieren Sie zunächst den Ordner mit den gerasterten Schleifen, verstecken Sie das Original (übrigens "3D-Schleifen-Raster groß") und nennen Sie die Kopie "3D-Schleifen-Raster klein". Ändern Sie als Nächstes die Größe des gesamten Ordners, um die Schleifen wirklich klein zu machen. Verwenden Sie nun das Verschieben-Werkzeug, um die Schleifen zufällig zu verteilen.
Schritt 21 - Platzieren der Schleifen
Nehmen Sie eine Schlaufe und legen Sie sie irgendwo über die Schüssel. Versuchen Sie, einen Milchspritzer damit zu bedecken. Wählen Sie dann die erwähnte Schleife aus und fügen Sie eine Ebenenmaske > Alle anzeigen hinzu. Wählen Sie die Maske aus und verstecken Sie mit einem kleinen schwarzen Pinsel einige Bereiche der Schleife mit dem Milchspritzer. Wiederholen Sie diesen Schritt mit allen "Loop" -Ebenen. Dies ist möglicherweise der schwierigste Teil des Prozesses, da Sie die Loops-Distribution mehrmals neu bestellen müssen.
Schritt 22 - Einige Schatten
Erstellen Sie eine neue Ebene mit dem Namen "Shadows" über dem Ordner "3d Loops raster small". Malen Sie dort einige Schatten mit einem kleinen schwarzen Pinsel (verwenden Sie die unten gezeigten Pinseleinstellungen). Außerdem können Sie einen unregelmäßigen Pinsel (wie einen Kreidepinsel) verwenden und einige unregelmäßige Schatten über den Schleifen hinzufügen.
Schritt 23 - Mehr Spritzer!
Führen Sie als letzten Schliff den Ordner "Schüssel" zusammen (siehe Schritt 3) und duplizieren Sie mit dem Klon-Werkzeug einige Bereiche der Spritzmilch in einer neuen Ebene über allen anderen mit dem Namen "Mehr Milch". Dies ist ganz einfach. Nehmen Sie das Klon-Werkzeug, wählen Sie die gerasterte Ebene "Schüssel" aus und halten Sie die Alt-Taste gedrückt. Klicken Sie dann irgendwo über die Milchspritzer als Klonquelle. Stellen Sie sicher, dass der Probenwert im Optionsfeld Aktuelle Ebene ist, wählen Sie dann die Ebene "Mehr Milch" aus und beginnen Sie mit dem Malen an einer beliebigen Stelle. Verwenden Sie zum Schluss einen kleinen Radiergummi, um die zusätzliche Milch zu löschen. Dies ist nur eine Möglichkeit, mehr Milchspritzer zu erzeugen.
Eine andere Möglichkeit (mein persönlicher Favorit) besteht darin, das Auswahlwerkzeug zu greifen, einen Teil der Milchspritzer auszuwählen, die unerwünschten Bereiche zu kopieren, einzufügen und zu löschen. Legen Sie abschließend den Ordner "3D Loops Raster Small" und den Ordne "Bowl" in einen neuen Ordner und nennen Sie ihn "Bowl Final".
Schritt 24 - Fügen Sie es der Szene hinzu
Führen Sie den Ordner "Bowl Final" zusammen (ich dupliziere immer den Ordner, verstecke das Original und füge die Kopie zusammen, falls ich einen Rollback durchführen muss). Dann suchen Sie im Internet nach einem schönen Maskottchen für unsere brandneue Müslischachtel oder zeichnen Sie selbst eines. Ich verwende einen dieser netten Vögel des Twitter-Icon-Sets, da der Autor die PNG-Quelldatei veröffentlicht hat (Sie können sie mit Fireworks öffnen). Ich habe ihre Größe stark erhöht. Fügen Sie es direkt hinter die Milchschüssel ein.
Schritt 25 - Fügen Sie einige Hintergrunddetails hinzu
Im Folgenden werden einige Hintergrunddetails hinzugefügt. In diesem Schritt füge ich ein weißes Oval über dem Maskottchen hinzu. Wählen Sie einen Teil des Flügels des Vogels aus, kopieren Sie ihn und fügen Sie ihn über dem Oval ein. Duplizieren Sie dann den Flügel, verringern Sie seine Leichtigkeit und Opazität und platzieren Sie ihn hinter dem Original, um einen subtilen Schatten zu erzeugen.
Schritt 26 - Einige Ebenenstile
Fahren Sie mit den Hintergrunddetails fort, wählen Sie das weiße Oval aus und fügen Sie eine Verlaufsüberlagerung (Gelbtöne) und einen Stricheffekt hinzu. Wiederholen Sie dies mit einem kleineren Oval, diesmal jedoch mit Rottönen. Denken Sie daran: Halten Sie Ihre Ebenen organisiert.
Schritt 27 - Hellen Sie den Hintergrund auf
Erstellen Sie in Schritt 1 einen weißen Kreis über dem roten Farbverlauf. Wenden Sie eine Gaußsche Unschärfe an und ändern Sie den Mischmodus auf Überlagern und die Deckkraft auf etwa 75%. Jetzt haben Sie einen helleren Hintergrund.
Schritt 28 - Fügen Sie der Milchschale einen Schatten hinzu
Dupliziere die Ebene "Schüssel", nenne sie "Schüsselschatten" und reduziere ihren Beleuchtungswert mithilfe von Farbton-/Sättigungsanpassungen auf -100. Löschen Sie den Schatten außerhalb der Hintergrundovale und verringern Sie die Deckkraft auf 40%.
Schritt 29 - Geben Sie den Namen ein
Geben Sie einen klebrigen Getreidenamen ein und verwenden Sie eine fette und schmale Schrift mit allen Kappen. Die Verwendung der Textumfluss-Optionen verzerrt es ein wenig.
Schritt 30 - Konvertieren Sie den Typ in eine Form und verzerren Sie ihn
Wählen Sie die Ebene "Typ" aus und gehen Sie zu Ebene > Typ > In Form konvertieren, um den Text in eine Vektormaske zu konvertieren. Verwenden Sie dann das Direktauswahl-Werkzeug (A), um die Pfade ein wenig zu verzerren. Auf diese Weise können Sie jeder Art von Typografie einen Comic-Stil hinzufügen.
Schritt 31 - Löschen Sie die O's
Löschen Sie mit dem Pfadauswahl-Werkzeug (A) die Buchstaben "O".
Schritt 33 - Neue O's hinzufügen
Erinnern Sie sich an den Ordner "3D Loops Raster Big" von Schritt 20? Es ist Zeit, es wieder zu verwenden, diesen Ordner sichtbar zu machen, ihn zu duplizieren und über alles andere zu stellen. Wählen Sie dann vier Schleifen aus, löschen Sie den Rest und setzen Sie jede der vier Schleifen als "O" in das Wort.
Schritt 34 - Stylen Sie die O's
Wir werden jeder Schleife im Titel einen einfachen Schlagschattenstil hinzufügen.
Schritt 35 - Gestalten Sie den Text
Ein einfacher Schlagschatten und weiche Abschrägungseffekte reichen aus, um die visuelle Wirkung des Namens zu erhöhen. Wie immer liegt es an Ihnen, erweiterte Effekte zu erstellen oder mit detaillierteren und komplexeren Ebenenstilen zu arbeiten. Legen Sie schließlich alle mit dem Logo verbundenen Ebenen in einem Ordner mit dem Namen "Logo" ab.
Schritt 36 - Weitere Auswirkungen auf das Logo
Duplizieren Sie den Ordner "Logo", rastern Sie ihn und wenden Sie eine Gaußsche Unschärfe auf die Kopie an. Klicken Sie dann bei gedrückter Befehlstaste auf die unscharfe Ebene im Ebenenbedienfeld, um eine Auswahl um den Text herum zu erstellen. Erweitern Sie die Auswahl um 25 Pixel. Nehmen Sie dann das Auswahlrechteck, klicken Sie bei gedrückter Wahltaste auf die Auswahl und wählen Sie Arbeitspfad erstellen..., setzen Sie den Toleranzwert auf 5 Pixel und klicken Sie auf OK. Gehen Sie schließlich zu Ebene > Vektormaske > Aktueller Pfad und füllen Sie die maskierte Ebene mit einer Referenzfarbe wie Rot. Nennen Sie diese Ebene "LogoBG".
Schritt 37 - Weitere Ebenenstile
Ich verwende eine rote Verlaufsüberlagerung, einen gelben Strich und einen schwarzen Schlagschatten für die Ebene "LogoBG". Probieren Sie etwas anderes aus, wenn Sie möchten. Platziere den Ordner "Logo" hinter der Ebene "Maskottchen". Ich habe dem Vogel auch einen Schlagschatten hinzugefügt.
Abschluss
Und wir sind fertig! Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie fanden es nützlich. Probieren Sie es einfach in verschiedenen Farben und Stilen aus und stellen Sie Ihre eigene Müslischachtel zusammen!
By
