Stefan Plagge
(Web Developer/ Webdesigner)
Lebenslauf (PDF)
Photos
XING-Profil
Facebook-Profil
zur Galerie
zum Tutorial
zu den Webdesign-Büchern
motorradteile.de und Portfolio Web
Wallpaper mit 3D-Motiven gibt es hier
ADOBE© FLASH
Valide Flash-Inhalte für XHTML 1.0-Doku- mente
WEBDESIGN-BÜCHER
Einige (sehr) interes- sante Bücher rund um das Thema Webdesign
 


3D/ Animation
  Letzte Aktualisierung: 19. März 2007

Projektstandbild BOWCRAFT GmbH
(als Angestellter von tma pure Link):

3D-Ansicht zu Anwendungsbeispielen von BOWCRAFT GmbH Link-Produkten. Dieses Bild wurde im Produkt-Prospekt (2006) der Firma verwendet.

  3D-Umsetzung eines Dachstuhls
  Vorschau
 
Höhn Abwassertechnik GmbH (Produkt-CD)
(als Angestellter von tma pure Link):

Extrem aufwendige Umsetzung zur Vorgehensweise der Firma Höhn Abwassertechnik GmbH Link bei Problemen mit Rohr- leitungen und Abwasser im und um das Haus.




Screenshots der Animation
Vorschau   Vorschau
 
Vorschau   Vorschau
 




Während der Entwicklungsphase...
Vorschau   Vorschau
 




Die Animation beinhaltet nicht nur eine sehr schöne, dynamische Kamerafahrt, sondern auch noch weiche Überblendungen, was in der Folge den ganzen Film noch geschmeidiger wirken läßt.
Die Produkt-CD startet nach dem Einlegen in das CD-Laufwerk automatisch und im Vollbildmodus.

Eingesetzte Techniken/ Effekte sind (u.a.): Individuelle Objektmodellierung, Querschnitte (bei Objekten und Modellen), Explosionszeichnung (3D-Darstellung), realistische Texturierung, Bump Mapping, verschiedene (umgebungsabhängige) Be- leuchtungsmodelle, Reflektionen, Effekte [z.B. Darstellung von Bewegung (“Verwisch-Effekt”)], Dynamik, athmosphärische Effekte (z.b. Rauch, Nebel), Partikel (z.B. Regen), aufwendige Kamerafahrten, Überblendungen (z.B. bei Szenenwechsel)

Die technische Umsetzung der Benutzeroberfläche erfolgte kom- plett mit Flash MX 2004 Professional. BKU Beton-Korrosionsschutz GmbH (Produkt-CD)
(als Angestellter von tma pure Link):

Auch hier Produktion einer selbst startenden Produkt-CD (2005).

Screenshots der Animation
Vorschau   Vorschau
 
Produkt-CD CD-Hülle: Design von (tma pure Link)

In diesem Fall kann der Benutzer mit den Inhalten interagieren, indem er mit den Richtungstasten (auf dem Bildschirm oder direkt über die Tastatur) zwischen den Einzelszenen navigiert. Wenn der Betrachter beispielsweise den Text noch einmal hören möchte (CD beinhaltet auch Audio-Aufnahmen), so kann er zum Anfang dieser Sequenz zurückspringen.

Zwischendurch wird immer wieder eine Inhaltsübersicht der BKU Beton-Korrosionsschutz GmbH Link-Produkt-CD angezeigt - so wird nicht nur der Überblick gewahrt: Der Benutzer kann so direkt zu den Informationen gelangen, die für ihn relevant sind.

Eingesetzte Techniken/ Effekte sind (u.a.): Individuelle Objektmodellierung, Querschnitte (bei Objekten und Modellen), realistische Texturierung, Bump Mapping, Überblendungen (z.B. bei Szenenwechsel) AQUAGENIUS® Holding AG (3D-Kugel für Website und Verfahrens-Prospekt)
(als Angestellter von tma pure Link):

Produkt-CD   Produkt-CD
Nicht verwendete Variation:
Produkt-CD
 
Prospekt: Design von (tma pure Link)

Website: AQUAGENIUS Holding AG Link 3D-Test mit Shape

Mit einfachen Mitteln können ausdrucksstarke Symbole geschaffen werden!

  Extrudiertes Shape
  Vorschau
 

In diesem Beispiel habe ich mit der Maus in CorelDRAW (Hilfs- mittel “Freihand”) eine geschlossene Form erstellt, diese mit dem Hilfsmittel “Form” verfeinert, und anschließend als Adobe Link Illus- trator-Datei (“shape.ai”) gespeichert.

Diese Datei wird im 3D-Programm geöffnet und “extrudiert”; d.h. aus einer “flachen” Form machen wir durch hinzufügen einer Tiefeninformation ein (räumliches) 3D-Objekt. Diesem wird (nach dem Positionieren) noch eine Farbe, (Teil-) Transparenz und die Oberflächen-Eigenschaften zugewiesen.

Ohne Licht kein Schatten: Die Lichtstrahlen steigern jedoch auch die plastische Wirkung des Objekts. Durch gezielte Verwendung des Materials (bzw. der Oberflächeneigenschaften) wird der ge- wünschte Effekt erzielt. In diesem Beispiel sollte das Symbol aus- sehen wie aus Acrylglas. 3D-Logo “Brainfood” für die Firma VitalTalent

Entwurf und Erstellung des Logos der Firma VitalTalent Link.

  Firmenlogo VitalTalent
  Vorschau
 
Denkmal mit Animation (Kamerafahrt)

Screenshots der Animation
Vorschau   Vorschau
 
Vorschau   Vorschau
 

Hinweis: Die Personen auf dem ersten Bild sind fertige Modelle von einem Fremdhersteller. Alles andere -wie sonst auch- wurde von mir geplant und ausgeführt. Wohnung  (Ausschnitt aus Animation)

In mehrwöchiger Arbeit hatte ich mal meine Wohnung (1998) am PC nachgebildet und mit einer Kamerafahrt durch alle Räume aus- gestattet. Hier sehen Sie einen der Räume:

Ausschnitt (Standbild) der Wohnung
Vorschau   Vorschau
 

Bild 1: Die Objekte sind zwar eingefärbt, können so aber niemals echt wirken. Dies ist (wie in Bild 2 zu sehen) erst mit Texturen, Licht und Schatten möglich. Ein großer Schritt in Richtung realistische Nachbildung (jedoch auch hier noch weit entfernt!).

Das Bild wurde mit dem Raytracing-Verfahren berechnet. Das heißt, dass der Schattenwurf absolut realistisch -also nach den Vorgaben in der realen Welt- berechnet wird. Dieses Verfahren kostet zwar viel Rechenzeit, dafür sieht der Schatten täuschend echt aus. Schreibtisch

Darstellung meines Schreibtisches. Fand Verwendung in einer kompletten Nachbildung meiner Wohnung, inkl. Kamerafahrt durch sämtliche Räume.

  Mein Schreibtisch (1998)
  Vorschau
 

1 = Drahtgitteransicht
2 = Körper und Lichter
3 = Texturierte Ansicht EBICON Küchen-, Büro- und Badplaner

In der Produktpalette der EBICON AG (nun ConfiSoft Link ) befand sich der virtuelle Küchen-, Büro- und Badplaner mit von mir er- stellten 3D-Objekten und 2D-Kataloge (Auswahl der Einzelkompo- nenten).

Screenshot der Benutzerober- fläche (Browser) Screenshots des 3D-Ansichts- bereichs
Vorschau   Vorschau
 
Vorschau   Vorschau
 
Hinweis: Die Personen auf dem zweiten Bild sind fertige Modelle von einem Fremdhersteller.

Anwendung der Planer-Software:
Zuerst müssen die Mauern erstellt werden, damit der Grundriss ihrer eigenen häuslichen Räumlichkeiten gegeben ist. Aus dem Produktkatalog (nach Kategorien sortiert) wählen Sie dann im 2D- Bereich die Möbel aus, welche für Sie interessant sind (ebenso können Sie zwischen verschiedenen Holzsorten und Farben wählen).

Schon während Sie die “flachen” 2D-Möbel nach ihren Vor- stellungen verschieben, wird parallel dazu die Anzeige im 3D-Be- reich aktualisiert. Haben Sie alle Einzelteile positioniert, so maxi- mieren Sie idealerweise den 3D-Anzeigebereich, um mit einem virtuellen Rundgang zu starten: Denn hier können Sie sich in den vorher erstellten Räumlichkeiten -sozusagen auf “Augenhöhe”- frei bewegen. EBICON AG (3D-Haus)

Ein von mir erstelltes (begehbares) Haus wurde auch als “Auf- macher” der Einstiegsseite zum Programm “Draw” verwendet.

  EBICON AG-Website - mit von mir erstelltem Haus in 3D
  Vorschau
 
3D-Animation

Eine meiner ersten Animationen (1998):

Screenshots der Animation
3D-Animation   3D-Animation
3D-Animation   3D-Animation

Ein Schriftzug, der sich um den eigenen Mittelpunkt dreht, wurde so “gerendert” (berechnet), dass allein durch die Teiltransparenz, Licht und Schatten ein kleiner, aber dynamischer Film realisiert wurde, welcher -in Endlosschleife abgespielt (der Endpunkt knüpfte nahtlos an den Anfangspunkt)- einen kleinen “Augen- stern” darstellte. Weitere 3D-Bilder finden Sie in meiner Galerie. Vielleicht finden Sie hier auch ein stimmungsvolles Bild für ihren Desktop?