3D-Design & Composing: Cinema 4D meets Photoshop

Wenn zwei Meister ihres Fachs mit zwei der beliebtesten Programme für ein Projekt zusammenkommen, entsteht am Ende etwas ganz Besonderes. Erlebe mit Composing-Profi Uli Staiger und Digital Artist Christian Gerth, wie in Cinema 4D das 3D Design einer futuristischen Stadt entsteht, die dann mit Photoshop zum Leben erweckt wird.

7 Stunden Video-Training effektives Know-how in sympathischer Weise lernen
Zur optimalen Nachvollziehbarkeit inkl. Arbeitsmaterialien
Maximales Kreativtraining: Nachbau des Covermotivs

Hole das Beste aus beiden Programmen heraus - Uli Staiger und Christian Gerth weisen dir den Weg!

Details

Verwendbar mit:
Inhalt: 7 h Video-Training (Kompatibilitätshinweise)
Lizenz: private und kommerzielle Nutzungsrechte
Bonus: inklusive Arbeitsmaterial

Kategorien

3D & Animation, Composing & Artwork

Mit Liebe erstellt von:

Uli Staiger

Christian Gerth

Anwendungsbeispiele

Galerie öffnen

Werde zum Erschaffer der "Greebler City".
Galerie öffnen

Diese futuristische Stadt wirst du in Cinema 4D kreieren und in Photoshop weiter verfeinern.

Cinema 4D

kostenlos

Cinema 4D meets Photoshop: I - 1.1. Greebler erklären: Greebler bestellen, installieren

Das Plug-In "Greebler" ist ein zentrales Element dieses Video-Trainings. Hier seht ihr, was das Ding prinzipiell kann und woher man es beziehen kann.

Cinema 4D meets Photoshop: I - 1.2. Greebler erklären: Funktionsprinzip

In diesem Video-Training erfahrt ihr, wie der Greebler funktioniert und vor allem, warum er funktioniert. Außerdem wird der Zusammenhang zwischen der Anzahl der Segmente eines Objektes und der Anzahl der Greebles dargestellt.

Cinema 4D meets Photoshop: I - 1.3. Greebler erklären: Objektreiter

Viele grundsätzliche Einstellungen werden unter dem Reiter "Objekt" gesteuert. Dort legt ihr den Startwert fest und bestimmt, ob die Greebles auf der Innen- oder der Außenseite eines Objektes entstehen.

Cinema 4D meets Photoshop: I - 1.4. Greebler erklären: Bevels der Polygone/Unterteilungen

Die "Base" ist quasi die Grundlage der Greebles. Sie trägt wesentlich zum komplexen Aussehen der Gesamtansicht bei, weil sie die Polygone des gegreebelten Objektes unterschiedlich stark extrudiert. Auch was man mit eingefrorenen Selektionen anfangen kann, lernt ihr hier.

Cinema 4D meets Photoshop: I - 1.5. Greebler erklären: Wie funktionieren Stock Greebles

Die Stock Greebles sind die bereits vorhandenen Greeble-Objekte, die ihr in der Szene verteilen könnt. Über den Reiter "Stock" legt ihr Position, Größe, Abstand zum Objekt und viele andere Dinge fest.

Cinema 4D meets Photoshop: I - 1.6. Greebler erklären: Formen der Stock Greebles beeinflussen

"Shapes" sind Formen. Diese lassen sich über eine Wahrscheinlichkeitsangabe steuern, die zwischen 0 und 100% liegt. Auch die Zusammenstellung der sogenannten "Bars" legt ihr hier im "Grouping"-Menü fest.

Cinema 4D meets Photoshop: I - 1.7. Greebler erklären: Eigene Objekte verwenden

"Nurnies" sind Objekte, die ihr selbst der Szene zufügen könnt. Damit habt ihr die Möglichkeit, eigene Objekte als Greebles auf ein Objekt aufzubringen. Da das Ganze auch mit Renderinstanzen funktioniert, lässt sich die Szene sehr großzügig ausstatten.

Cinema 4D meets Photoshop: I - 1.8. Greebler erklären: Mehrere Nurnies einfügen

Die Library ist eure Datenbank, in die ihr beliebig viele Nurnies, also eigene Objekte, einfügen könnt. Wenn sie erst mal in die Szene integriert sind, lassen sie sich genauso steuern wie die Stock Greebles. Hier seht ihr, wie man ganz flott mehrere Objekte in die Szene bringen kann.

Cinema 4D meets Photoshop: I - 2.01. Szene modellieren: Zentralbasis anlegen

Die Zentralbasis ist quasi der Grundstock, auf dem die gesamte Stadtszene aufgebaut ist. Gleich zu Beginn legen wir eine Kamera an, damit die Perspektive festgelegt wird und die Position der einzelnen Stadt-Bauteile möglichst wirkungs- und eindrucksvoll verteilt werden kann.

Cinema 4D meets Photoshop: I - 2.02. Szene modellieren: Ansicht der Szene anpassen

Das Seitenverhältnis hat einen wichtigen Anteil bei der Bildwirkung. So wirken Panoramaformate im allgemeinen dynamischer als ein Quadrat. In diesem Video-Training stellen wir das Seitenverhältnis für die neu angelegte 3D-Kamera ein.

Cinema 4D meets Photoshop: I - 2.03. Szene modellieren: Zentralbasis greebeln

Das Basiselement wird zunächst über verschiedene Extrusionswerkzeuge bearbeitet und anschließend in ein Greebler-Objekt gelegt. Das Anpassen der Werte ist mit gedrückter Alt-Taste einfacher, da dann nur Zehntelschritte anstelle von ganzen Schritten ausgeführt werden.

Cinema 4D meets Photoshop: I - 2.04. Szene modellieren: Untere Basis erzeugen

Ein zweites Bauteil wird aus dem ersten erzeugt. Dann werden einige Polygone gelöscht und das entstandene Loch mit dem Polygonstift wieder geschlossen. Alternativ kann das Loch auch mit dem Brücke-Werkzeug geschlossen werden.

Cinema 4D meets Photoshop: I - 2.05. Szene modellieren: Mehr Unterteilung für mehr Greebles

Die Seitenwände könnten mehr Greebles aufnehmen, wenn ihre Unterteilung höher wäre. Also werden die neuen Seitenwände mit dem Messer im Loop-Modus geschnitten und anschließend extrudiert. Die Erhöhung des Winkels im Extrusionsdialog spielt dabei eine wichtige Rolle.

Cinema 4D meets Photoshop: I - 2.06. Szene modellieren: Grundform für Rundbau aufbauen

Das nächste Bauwerk soll ein Rundbau sein. Er entsteht aus einer Scheibe heraus, deren Polygone selektiert und teilweise gelöscht, anschließend dann extrudiert werden. Diese Grundform kann nun weiterbearbeitet und gegreebelt werden.

Cinema 4D meets Photoshop: I - 2.07. Szene modellieren: Rundbau unterteilen

Zunächst werden dem Dach architektonische Details zugefügt, anschließend wird die Fassade feiner unterteilt. Dazu eignet sich der Ebene-Modus des Messers besser als der Loop-Modus. Die anschließende Extrusion erfolgt wieder gleich wie bei der unteren Basis.

Cinema 4D meets Photoshop: I - 2.08. Szene modellieren: Greebles einfügen

Die Technik ist weitgehend klar: Das Gebäude wird gegreebelt. In diesem Video-Training geht es vor allem darum, Größe und Anzahl so einzustellen, dass beides zum Gebäude passt. Um das zu überprüfen, setzen wir am Ende des Video-Trainings eine Lichtquelle und rendern das Ergebnis.

Cinema 4D meets Photoshop: I - 2.09. Antennen als Nurnies verwenden

Da es in den Stock-Greebles kein Element gibt, das einer Antenne ähnlich sieht, müssen wir eine anlegen und diese in die Greebler-Datenbank übernehmen. Von dort aus rufen wir sie dann wieder auf und teilen sie dem Gebäude zu.

Cinema 4D meets Photoshop: I - 2.10. Tower - Vordergrund aus Landschaftsobjekt bauen

Im Vordergrund benötigen wir ein detailliertes, großes Objekt. Durch diese Größenabstufung kommt Tiefe in das Motiv, es wirkt fast dreidimensional. Das Objekt im Vordergrund wird aus einem Landschaftsobjekt modelliert.

Cinema 4D meets Photoshop: I - 2.11. Einbau in den Vordergrund und greebeln

Nach dem Greebeln des Towers wird er geschlossen und in die finale Szene hinzugeladen. Das hat den großen Vorteil, dass man seine Größe und die der Greebles der finalen Szene anpassen kann.

Cinema 4D meets Photoshop: I - 2.12. Pilzobjekt zusammenbauen

Organische Formen bilden einen krassen Gegensatz zum technisch anmutenden Charakter der Stadt. Deswegen wird der Landschaftstower weiter zu einem pilzartigen Gebäude ausgebaut. Dazu benötigen wir einen flachen Zylinder, der mithilfe verschiedener Extrusionen in Form gebracht wird.

Cinema 4D meets Photoshop: I - 2.13. Gebäude-Exoskelett

Dem "Stamm" des Pilzes fügen wir ein weiteres, sehr kleinteiliges Detail zu. Seine Grundform wird einfach dupliziert und in ein Atom-Array gelegt, um so eine Art Exoskelett zu schaffen. Dieses lässt sich mit dem Magnetwerkzeug sehr intuitiv verformen und lässt das Gebäude noch organischer wirken.

Cinema 4D meets Photoshop: I - 2.14. Weitere eigene und Stockgebäude bauen

In diesem Video-Training geht es um freies Modellieren. Ihr seht, wie man mit nur wenigen Handgriffen ein fantasievolles Gebäude erstellen kann, das sich gut in der Szene macht. Lasst eurer Kreativität freien Lauf und versucht, nach ähnlichen Gesichtspunkten weitere Gebäude zu bauen!

Projektdatei herunterladen

Cinema 4D meets Photoshop: I - 3.1. Material anlegen

Wir legen ein neues Material für die Außenfassaden an. Ihr erfahrt, dass es grundsätzlich zwei Wege gibt, fotografierte Materialien in den Farbkanal zu laden, und auch, welche Vor- bzw. Nachteile beide Methoden haben. Ein leichter Glanz vervollständigt das Material.

Projektdatei herunterladen

Cinema 4D meets Photoshop: I - 3.2. Durch Normalizer mehr Struktur gewinnen

Struktur lässt sich einfach und schnell mit dem Reliefkanal auf die Fassaden bringen. Doch wenn man anstelle des Reliefkanals den Normalenkanal verwendet, bekommt man deutlich mehr Details in die Struktur. Voraussetzung ist, den Normalizer in den Kanal zu laden.

Cinema 4D meets Photoshop: I - 3.3. Verschiedene Mappingarten testen

Kleines Mapping-Einmaleins: Wir testen verschiedene Mappingarten und betrachten deren Vor- und Nachteile. Auch wenn das Material teilweise später in Photoshop übermalt wird, so sorgt es doch dafür, dass die Stadt nicht zu glatt und farblos wirkt. Der Kachelwert verteilt das Material gleichmäßig auf den einzelnen Objekten.

Cinema 4D meets Photoshop: I - 3.4. Kleines Raumschiff einbauen

Das kleine Raumschiff bringt noch mehr Details und Bewegung in die Szene, es wird einfach hinzugeladen, skaliert und an eine Stelle verschoben, wo es gut zur Geltung kommt. Ihr könnt es gerne duplizieren und an mehreren Stellen in die Szene setzen.

Projektdatei herunterladen

Cinema 4D meets Photoshop: I - 4.1. Lokale Lichtquelle erstellen

Die Szene lebt nicht nur von den fein modellierten Modellen, sondern auch vom Licht. In diesem Video-Training bringen wir eine lokale Lichtquelle in die Szene. Damit die Schatten korrekt berechnet werden, verwenden wir einen weichen Schatten, denn der an sich bessere Flächeschatten beeinträchtigt bei geöffneten Räumen zuweilen die Lichtwirkung.

Cinema 4D meets Photoshop: I - 4.2. Lichtquelle von unten einfügen

Eine weitere lokale Lichtquelle verstärkt den Eindruck einer komplexen Stadt. Um die Lichter natürlich wirken zu lassen, sollte man darauf achten, leicht unterschiedliche Lichtfarben zu verwenden. Am besten eignen sich ein leichtes, warmes Gelb und ein kühles Cyan bis Grün.

Cinema 4D meets Photoshop: I - 4.3. Physikalischen Himmel einfügen

Der physikalische Himmel liefert das Licht für die Gesamtszene. Damit ihr ihn an die passende Stelle drehen könnt, schalten wir über das Optionenmenü des Editors die Schatten hinzu. Ihr seht diese dann bereits im ungerenderten Editor, was die Einstellung sehr erleichtert.

Cinema 4D meets Photoshop: I - 4.4. Himmel fein einstellen

Der Himmel muss noch feinjustiert werden. Dazu gehört unter anderem, die Intensität der Sonne anzupassen, ihre Zeit und Position genauer festzulegen und die Farbintensität der Schatten etwas zu minimieren.

Cinema 4D meets Photoshop: I - 5.1. GI und AO anlegen

Global Illumination und Ambient Occlusion sind die beiden wichtigsten Rendereffekte für fotorealistisches Rendering. Obwohl man sie unverändert übernehmen könnte, helfen ein paar kleine Einstellungen sehr, das Ergebnis zu verbessern und das Rendern zu beschleunigen.

Cinema 4D meets Photoshop: I - 5.2. Separate Renderkanäle anlegen

Die unterschiedlichen Materialeigenschaften wie Glanzlicht und Spiegelung sollten möglichst in Photoshop als eigene Ebenen erscheinen. Also legen wir ein Multipassrendering an, wo außerdem die GI, die AO und die Schatten eigenen Ebenen zugeteilt werden.

Cinema 4D meets Photoshop: I - 5.3. Sämtliche Objektkanäle anlegen

Neben separaten Ebenen wären auch eigene Alphakanäle für die verschiedenen Gebäude hilfreich. Im Objekte-Manager teilen wir deshalb jedem Gebäude ein eigenes Render-Tag zu. Der ID des Tags entsprechend werden in den Rendervoreinstellungen eigene Objektkanäle angelegt, die in Photoshop als Alphakanäle in Erscheinung treten werden.

Cinema 4D meets Photoshop: I - 5.4. Speichern der Datei

Das gerenderte Ergebnis wird als 16-bit-Datei gespeichert. Bevor ihr Cinema 4D schließt, öffnet die psd-Datei in Photoshop und überprüft, ob alles korrekt wiedergegeben wird. Gegebenenfalls könntet ihr die Datei nochmals neu speichern. Die Füllmethode für die Glanzlichtebene berechnet Cinema 4D falsch, die müsst ihr in Photoshop manuell ändern.

Photoshop

kostenlos

Cinema 4D meets Photoshop: II - 1.1. Übersicht - Photoshop-Teil

In diesem Video-Training erfahrt ihr, worum es sich beim zweiten Teil handelt. Hierzu zeige ich anhand eines bereits bestehenden Projektes die jeweiligen Arbeitsschritte.

Cinema 4D meets Photoshop: II - 1.2. Abmischen der verschiedenen Render-Passes

Mithilfe verschiedener Render-Passes kann man das Erscheinungsbild ohne zusätzliche Elemente noch weiter abmischen. Die so entstandene Ebene bildet nun die Grundlage für das endgültige Produkt.

Cinema 4D meets Photoshop: II - 1.3. Arbeit mit Alphakanälen

Die in Cinema4D erstellten Objektkanäle befinden sich nun in Photoshop in der Kanäle-Palette. Von hier aus kann man sehr schnell und bequem einzelne Elemente auswählen. Zudem zeige ich, was es beim Transformieren unbedingt zu beachten gilt.

Cinema 4D meets Photoshop: II - 1.4. Erstellen von perspektivischen Hilfslinien

Trotz der sauberen Perspektive des Renderings ist es notwendig, perspektivische Hilfslinien einzuzeichnen. Dies geht sehr einfach und schnell mit einer Gratis-Erweiterung.

Cinema 4D meets Photoshop: II - 2.1. Einfügen eines Hintergrundes mithilfe von Alphakanälen

Um die Realität des Bildes zu steigern, braucht es einen fotorealistischen Himmel. Dies ist aber mit dem Alphakanal und drei Fototexturen schnell erledigt.

Cinema 4D meets Photoshop: II - 2.2. Grund-Atmosphäre einfügen

Damit das Bild an Tiefe gewinnt, ist eine atmosphärische Perspektive notwendig. Mithilfe der Tonwerte ist diese aber gut kontrollier- und anpassbar.

Cinema 4D meets Photoshop: II - 2.3. Definieren der Lichtquelle

Nebst der Atmosphäre lohnt es sich auch, bereits jetzt das Hauptlicht etwas zu akzentuieren. In einer eigenen Gruppe kann dieses immer wieder ein- und ausgeschaltet werden.

Cinema 4D meets Photoshop: II - 2.4. Tiefe durch Hintergrundelemente

Durch zusätzliche Gebäude im Hintergrund kann die Tiefe noch mehr verstärkt werden. Mithilfe der Methode des Formen-Recyclings ist dies schnell erledigt.

Cinema 4D meets Photoshop: II - 3.1. Vorbereitung fürs Texturieren

Vor dem Texturieren lohnt es sich, erstmals ein Set von Fotos zusammenzustellen. In Kombination mit einem guten Pinselset kann es dann endlich losgehen!

Cinema 4D meets Photoshop: II - 3.2. Einfügen von Fotostrukturen I

Mithilfe von Fotostrukturen kommen nun viele neue Details ins Bild. Dank der Tonwertkontrolle und der perspektivischen Hilfslinien ist auch deren Optik schnell dem restlichen Bild angepasst.

Cinema 4D meets Photoshop: II - 3.3. Einfügen von Fotostrukturen II

Weiter geht es mit dem Texturieren. Dabei kann man auch mit anderen Ebenenmodi tolle Effekte erzielen.

Cinema 4D meets Photoshop: II - 3.4. Formen ergänzen mithilfe von Custom Shapes

Das "Eigene Formen"-Werkzeug wird sehr oft unterschätzt oder gar nicht verwendet. In diesem Video-Training möchte ich euch zeigen, wie man dieses bestens in die bestehenden Techniken einbauen kann.

Cinema 4D meets Photoshop: II - 4.1. Einfügen von Lichtstrukturen mithilfe von Fototexturen

Fotos eignen sich auch bestens für Lichtertexturen. Dazu benötigt man einfach den Ebenenmodus „Farbig abwedeln“.

Cinema 4D meets Photoshop: II - 4.2. Erstellen von Lichteffekten mit dem Polygon-Lasso und Custom Shapes

Lichtkanten erhöhen den Sci-Fi-Look eines Bildes erheblich. Mit dem Polygon-Lasso-Werkzeug und dem Modus „Linear abwedeln“ sind diese schnell und einfach erstellt.

Cinema 4D meets Photoshop: II - 4.3. Erstellen von Lichteffekten mit Custom Brushes

Obwohl vieles mit dem Brush-Set von Jonas De Ro möglich wäre, ist es immer wieder interessant zu sehen, wie einfach und wirkungsvoll das Erstellen von eigenen Pinselspitzen ist.

Cinema 4D meets Photoshop: II - 4.4. Rauch- und Atmosphäre-Details

Mit dem Hinzufügen von Rauch und Atmosphäre wird das Bild noch lesbarer und es ermöglicht, unschöne Bereiche noch etwas zu verwischen.

Cinema 4D meets Photoshop: II - 4.5. Raumschiffe klonen und hinzufügen

Damit noch mehr Leben ins Bild gebracht werden kann, braucht es zusätzliche Raumschiffe. Diese können entweder direkt geklont oder aus anderen Dateien hinzugefügt werden.

Projektdatei herunterladen

Cinema 4D meets Photoshop: II - 4.6. Endlook mithilfe von Einstellungsebenen

Mit diversen Einstellungsebenen und feinen Texturen kann man einen einheitlichen Look über das ganze Bild legen. Mit dem Hochpass-Filter schärfen - fertig!

Projektdatei herunterladen

Details zum Inhalt

Vereine die Stärken zweier Programme: 3D-Design & Photoshop-Composing

Dieses 7-stündige Training mit insgesamt 52 Video-Lektionen ist etwas ganz Besonderes, denn es wird nicht von nur einem hochkarätigen Künstler präsentiert, sondern gleich von zweien: Christian Gerth und Uli Staiger. Beide sind bekannt für ihre atemberaubenden Welten und für dieses Training vereinen sie ihre geballte konzeptionelle und gestalterische Kraft!

Kreiere in Cinema 4D eine neue Welt und verleihe ihr in Photoshop mehr Atmosphäre

Worum geht´s? Um nicht weniger als die Erschaffung einer neuen Welt. Diese wird mit relativ einfachen Grundformen in Cinema 4D entworfen und mit ein paar technisch interessanten Kniffen zu einer futuristischen Stadt geformt. Im 3D-Design werden Lichtarchitektur, Texturen und Atmosphäre nur angedeutet, denn nach dem Rendern der Datei wird das Composing per Photoshop zum Leben erweckt.

3D-Design: Entwerfe eine futuristische Stadt

Im ersten Teil dieses Trainings modellierst du mit Cinema 4D und dem Greebler-Plug-In eine futuristische Stadt - von Uli Staiger:

Modellieren der Grundformen
Einführung in das Plug-In Greebler
Aufbau der komplexen Formen mit MoGraph (optional) und Greebler
Anlegen der Lichtarchitektur
Aufbau und Mapping der Texturen

Composing: Erwecke die Stadt in Photoshop zum Leben

Im folgenden Teil erfolgt das Overpainting mit Photoshop. Du erweckst die Stadt zum Leben - von Christian Gerth:

Einrichten der Szene in Photoshop
Definieren von Hintergrund, Licht und Atmosphäre
Hinzufügen von Texturen und Formen
Lichteffekte und weitere Magie ...

Begleitend zum Training und zur optimalen Nachvollziehbarkeit der Inhalte erhältst du die Projekt- und Arbeitsdateien (für Cinema 4D und Photoshop) zum Nachmachen.