SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
elaspix
       Real-Live-Fotos mit
Artificial-3D-Stills kombinieren



       Tobias Günther
Übersicht

●   Flexibilität von 3D-Modellen
●   Realismus der Realität
●   Motivation
●   Kombination von CGI und Fotos
       ●   Was war mir wichtig
       ●   Wie bin ich vorgegangen




                                     elaspix
Flexibilität von CGI
●   CGI=Computer Generated Images
       ●   3D-Modelle
       ●   Beleuchtung & Materialien
●   Wiederverwendbarkeit mit
●   Anpassungsmöglichkeit für geänderte Kundenwünsche
●   100% Kontrolle in allen Eigenschaften
       ●   Wetter, Bestandteile der Szene, Tageszeit
●   Jederzeit physikalische Naturgesetze missachten
●   Contra: je realistischer, desto teurer

                                                       elaspix
Realismus von Fotos
●   Es gibt keine bessere Grafik-Engine als die reale Welt
●   Sehr große Vielfalt von Stimmungen und Atmosphären
●   „Modellierung“ von noch so kleinen Details (sogar
    Nanostrukturen, in der Wüste gibt es jedes Sandkorn als
    einzelnes Objekt )
       ●   Von technisch über häuslich bis zu Naturumgebungen
●   „Einfangen“ der Stimmung mit einem Klick (geringe
    Erstellungskosten bei maximalem Realismus)
●   Contra: Änderung von Eigenschaft der Szene sehr teuer
    bis unmöglich (Beispiel: Materialien)

                                                       elaspix
Motivation

●   Das beste aus zwei Welten
       ●   Fotos transportieren maximalen Realismus
       ●   3d-Modelle bieten maximale Flexibilität
●   Optimale Kombination bzgl. Herstellungskosten
       ●   Beiden Welten können sich gegenseitig nur unter
           extrem hohen Kosten ersetzen




                                                        elaspix
Ausgangsmaterial

●   „Backplate“ Schwetzinger Schloss




                  J.Kubasch, Schlossgarten Schwetzingen

                                                          elaspix
Ausgangsmaterial

●   3D-Modell „Elaspix-Car“




                              elaspix
Anwendungen

●   Stills                          ●   CGI-Animationen
        ●    Zeitschriften,                ●   Film, Werbung, Messe,
             Webseiten, Plakate,               Demos, (Bewegtbild-
             (bewegungslos)                    Medien)
●   Hohe Qualität des einen         ●   Tausende Frame nötig
    Frames                          ●   Mittlere Qualität
        ●    Lange Betrachtung          (Ablenkung durch Beweg.)
        ●    Hohe Auflösung (10k)   ●   Mittlerweile auch hohe
●   Hohe Fertigungszeit für             Fertigungszeit durch
    den einen Frame                     Cloud-basiertes Rendern
                                                           elaspix
Arbeitsschritte Übersicht

●   Konzeption und Planung (skipped)
●   Fotoaufnahmen von mindestens zwei Standorten
●   CGI-Modelle erstellen (besorgen)
●   Kombination beider „Welten“




                                                   elaspix
Fotoaufnahmen

●   „Backplate“ fotografieren
       ●   Landschaft,
           Straßenszene etc.
●   HDR-Panorama
    aufnehmen
       ●   Von der Position an
           dem das CGI-Objekt
           integriert wird („Was
           würde das CGI-Objekt    http://eyefish.tv/files/images/images/Tracking-markers-hand.jpg

           sehen“)

                                                                                         elaspix
CGI-Modell erstellen in Blender

●   Geometrie, Materialien, Texturen Außen, Innen
●   Individualanfertigung / Vorgabe von Kunden / Kauf als
    digitales Gut




                                                    elaspix
Kombination von 3D und 2D

●   Fünf Schritte
       ●   Kamera-Matching
       ●   Modellanpassungen & Ausrichtung
       ●   Beleuchtung und Schatten setzen
       ●   Reflektionen der Umgebung erzeugen
       ●   Externes „Compositing“




                                                elaspix
Schritt 1 Kamera Matching

●   Ausrichtung der 3D-
    Cam auf 2D-Cam
       ●    Standort,
            Blickrichtung,
            Öffnungswinkel
●   Tools
       ●    Camera Marker und
            Backgroundimage




                                elaspix
Schritt 2 Modellanpassung

●   Modell muss in Skala der Backplane passen
       ●   Größe, Bodenhaftung
●   Ästhetische Anpassungen
       ●   Rotation & Position




                                                elaspix
Schritt 3 Lichtsetzung & Schatten

●   Lichter des Realbildes
    nachbauen
       ●   Richtung, Stärke,
           Lichtfarbe, Typ
●   Schatten setzen und auf
    reale Lichtquelle anpassen




                                    elaspix
Hilfsmittel Lichtsetzung

●   „Light probes“ (Kugeln)
    werden am Realschauplatz
    aufgestellt und
    fotografiert
       ●   Zeigen das einfallende
           Licht von allen Seiten
       ●   Task: Lichter setzen, bis
           Oberfläche der 3D-
           Sphere ähnlich ist

                                       http://images.gamedev.net/columns/hardcore/hdrrendering/Image12-Different%20Exposures.jpg




                                                                                                   elaspix
Unterschiedliche Lichter

●   Hauptlicht
       ●   Entspricht der
           stärksten Lichtquelle
           aus der Realszene
       ●   Schattenquelle
●   Back-Light
       ●   Anti-Schatten des
           Hauptlichts
       ●   Ist oft ein homogenes
           orts-loses Licht

                                   elaspix
Schritt 4 Reflektionen aus Backplate

●   Metall-Oberflächen benötigen unbedingt Reflektionen
       ●   Verlauf der Reflektionen macht die Form erst sichtbar



                                        ig
                                    weil
                                lang
                            =
                       tion
                    ek
                 efl
               eR
           Kein




                                                          elaspix
Hilfsmittel für Reflektionen

●   360°-Panorama-Aufnahme vom Real-Ort anfertigen
●   Diese auf einen Zylinder oder Kugel legen
●   3D-Modell darin „einschließen“




                    http://www.3dm3.com/tutorials/seatleon/FImagen_21_Ilum_hdri.jpg




                                                                                      elaspix
Schritt 5 Compositing

●   Zusammenkopieren von CGI und Backplate
       ●   Meist extern, geht aber auch intern
●   Neben Backplate noch 7 weitere Layer (Render-Passes)
●   Maskierung ermöglich CGI im Mittelteil einzufügen
    (Vorder- und Hintergrund ist Realfoto)
●   Artefakte und Bildfehler entfernen
●   Fake-Rauschen einbringen
●   Homogenisierung durch Adaption der Render-Passes


                                                   elaspix
Reflection   Alpha    Diffuse Light
                                                 Render-Passes




elaspix




          Ambient
          Occlusion    Shadow   Specular Light
Compositing mit Gimp
●   Alle passes als Ebenen laden
●   Manipulationen
       ●   Stärke der Ebenen gewichten
       ●   Teile ausblenden über Ebenenmaske
●   Modi
       ●   Normal (Backplate und Diffuser Pass)
       ●   Multiplikation (dunkle Grafiken, Schatten)
       ●   Aufhellen (helle Grafiken, Glanzlichter)
       ●   Bildschirm (alle andere Passes)

                                                        elaspix
Vielen Dank
                                                                    Backplate
                                        J.Kubasch, Schwetzinger Schlossgarten

                                                                Armaturenbrett
                                                               Schoschie, Flickr




      Notiz an selbst: Mülltonnendeckel sind als Felgen ungeeignet

                                                                 elaspix

Más contenido relacionado

Destacado

Monarch Of Glen Images
Monarch Of Glen ImagesMonarch Of Glen Images
Monarch Of Glen ImagesRichard Rees
 
Studienberatung im Social Web - Chance zur Interessentenbindung?
Studienberatung im Social Web - Chance zur Interessentenbindung?Studienberatung im Social Web - Chance zur Interessentenbindung?
Studienberatung im Social Web - Chance zur Interessentenbindung?Laub & Partner GmbH
 
Taller 3/6 Lab innovación social colaborativa: La organización que aprende
Taller 3/6 Lab innovación social colaborativa: La organización que aprendeTaller 3/6 Lab innovación social colaborativa: La organización que aprende
Taller 3/6 Lab innovación social colaborativa: La organización que aprendeElena Acín
 
Moodle+Mahara Herbstkonferenz KBZ Zug 2013
Moodle+Mahara Herbstkonferenz KBZ Zug 2013Moodle+Mahara Herbstkonferenz KBZ Zug 2013
Moodle+Mahara Herbstkonferenz KBZ Zug 2013Sigi Jakob-Kuehn
 
Losncp ro395 digital(1)
Losncp ro395 digital(1)Losncp ro395 digital(1)
Losncp ro395 digital(1)Eddy Q
 
Urheber-, Nutzungs- und Verwertungsrechte
Urheber-, Nutzungs- und VerwertungsrechteUrheber-, Nutzungs- und Verwertungsrechte
Urheber-, Nutzungs- und VerwertungsrechteAndreas Hebbel-Seeger
 
01 02 presentacion_competencias_alumnado
01 02 presentacion_competencias_alumnado01 02 presentacion_competencias_alumnado
01 02 presentacion_competencias_alumnadoGaizka Bilbao Navarro
 
Educación virtual
Educación virtualEducación virtual
Educación virtualGaluth06
 
Kurzvortrag LAG Gedenkstätten RLP
Kurzvortrag LAG Gedenkstätten RLPKurzvortrag LAG Gedenkstätten RLP
Kurzvortrag LAG Gedenkstätten RLPDaniel Bernsen
 
Exposición control del contribuyente
Exposición control del contribuyenteExposición control del contribuyente
Exposición control del contribuyenteJenny Uriña
 
Buena Práctica en simulaciones
Buena Práctica en simulacionesBuena Práctica en simulaciones
Buena Práctica en simulacionesMODESTALOMBARDY
 

Destacado (19)

Monarch Of Glen Images
Monarch Of Glen ImagesMonarch Of Glen Images
Monarch Of Glen Images
 
Studienberatung im Social Web - Chance zur Interessentenbindung?
Studienberatung im Social Web - Chance zur Interessentenbindung?Studienberatung im Social Web - Chance zur Interessentenbindung?
Studienberatung im Social Web - Chance zur Interessentenbindung?
 
Taller 3/6 Lab innovación social colaborativa: La organización que aprende
Taller 3/6 Lab innovación social colaborativa: La organización que aprendeTaller 3/6 Lab innovación social colaborativa: La organización que aprende
Taller 3/6 Lab innovación social colaborativa: La organización que aprende
 
Moodle+Mahara Herbstkonferenz KBZ Zug 2013
Moodle+Mahara Herbstkonferenz KBZ Zug 2013Moodle+Mahara Herbstkonferenz KBZ Zug 2013
Moodle+Mahara Herbstkonferenz KBZ Zug 2013
 
Losncp ro395 digital(1)
Losncp ro395 digital(1)Losncp ro395 digital(1)
Losncp ro395 digital(1)
 
Urheber-, Nutzungs- und Verwertungsrechte
Urheber-, Nutzungs- und VerwertungsrechteUrheber-, Nutzungs- und Verwertungsrechte
Urheber-, Nutzungs- und Verwertungsrechte
 
Badges
BadgesBadges
Badges
 
Dossier
DossierDossier
Dossier
 
Agenhda 91 30 06-14--borrador
Agenhda 91 30 06-14--borradorAgenhda 91 30 06-14--borrador
Agenhda 91 30 06-14--borrador
 
Interaktives Web
Interaktives WebInteraktives Web
Interaktives Web
 
01 02 presentacion_competencias_alumnado
01 02 presentacion_competencias_alumnado01 02 presentacion_competencias_alumnado
01 02 presentacion_competencias_alumnado
 
Micro terra
Micro terraMicro terra
Micro terra
 
Educación virtual
Educación virtualEducación virtual
Educación virtual
 
Tema 4.la memoria
Tema 4.la memoriaTema 4.la memoria
Tema 4.la memoria
 
Kurzvortrag LAG Gedenkstätten RLP
Kurzvortrag LAG Gedenkstätten RLPKurzvortrag LAG Gedenkstätten RLP
Kurzvortrag LAG Gedenkstätten RLP
 
Exposición control del contribuyente
Exposición control del contribuyenteExposición control del contribuyente
Exposición control del contribuyente
 
Buena Práctica en simulaciones
Buena Práctica en simulacionesBuena Práctica en simulaciones
Buena Práctica en simulaciones
 
Linkedin
LinkedinLinkedin
Linkedin
 
Dossier
DossierDossier
Dossier
 

Más de Elaspix

Look development with Blender Cycles
Look development with Blender CyclesLook development with Blender Cycles
Look development with Blender CyclesElaspix
 
Look development in kommerziellen Projekten
Look development in kommerziellen ProjektenLook development in kommerziellen Projekten
Look development in kommerziellen ProjektenElaspix
 
Mass customization & Produktdarstellung
Mass customization & ProduktdarstellungMass customization & Produktdarstellung
Mass customization & ProduktdarstellungElaspix
 
Produktvielfalt darstellen mit 3D-Produktkonfiguratoren
Produktvielfalt darstellen mit 3D-ProduktkonfiguratorenProduktvielfalt darstellen mit 3D-Produktkonfiguratoren
Produktvielfalt darstellen mit 3D-ProduktkonfiguratorenElaspix
 
Fotoprojekt á la Anne Geddes
Fotoprojekt á la Anne GeddesFotoprojekt á la Anne Geddes
Fotoprojekt á la Anne GeddesElaspix
 
Facebook ist doof
Facebook ist doofFacebook ist doof
Facebook ist doofElaspix
 
3d Typographie
3d Typographie3d Typographie
3d TypographieElaspix
 
Social Media und Reichweitenvisualisierung
Social Media und ReichweitenvisualisierungSocial Media und Reichweitenvisualisierung
Social Media und ReichweitenvisualisierungElaspix
 
Gründen ist ... eine Flatrate für Glücksgefühle
Gründen ist ... eine Flatrate für GlücksgefühleGründen ist ... eine Flatrate für Glücksgefühle
Gründen ist ... eine Flatrate für GlücksgefühleElaspix
 
3D Modelle von Fotos erstellen
3D Modelle von Fotos erstellen3D Modelle von Fotos erstellen
3D Modelle von Fotos erstellenElaspix
 
Experiment Simulated Reflection
Experiment Simulated ReflectionExperiment Simulated Reflection
Experiment Simulated ReflectionElaspix
 
Experiment Raytracing Dynamic Reflection
Experiment Raytracing Dynamic Reflection Experiment Raytracing Dynamic Reflection
Experiment Raytracing Dynamic Reflection Elaspix
 
Eyecatcher im Echzeit 3D-Rendering
Eyecatcher im Echzeit 3D-RenderingEyecatcher im Echzeit 3D-Rendering
Eyecatcher im Echzeit 3D-RenderingElaspix
 
3D Blender Workshop For Beginners
3D Blender Workshop For Beginners3D Blender Workshop For Beginners
3D Blender Workshop For BeginnersElaspix
 
3D Game development using Blender and Java
3D Game development using Blender and Java3D Game development using Blender and Java
3D Game development using Blender and JavaElaspix
 
Blender Video-Crashkurs Teil 1
Blender Video-Crashkurs Teil 1Blender Video-Crashkurs Teil 1
Blender Video-Crashkurs Teil 1Elaspix
 

Más de Elaspix (16)

Look development with Blender Cycles
Look development with Blender CyclesLook development with Blender Cycles
Look development with Blender Cycles
 
Look development in kommerziellen Projekten
Look development in kommerziellen ProjektenLook development in kommerziellen Projekten
Look development in kommerziellen Projekten
 
Mass customization & Produktdarstellung
Mass customization & ProduktdarstellungMass customization & Produktdarstellung
Mass customization & Produktdarstellung
 
Produktvielfalt darstellen mit 3D-Produktkonfiguratoren
Produktvielfalt darstellen mit 3D-ProduktkonfiguratorenProduktvielfalt darstellen mit 3D-Produktkonfiguratoren
Produktvielfalt darstellen mit 3D-Produktkonfiguratoren
 
Fotoprojekt á la Anne Geddes
Fotoprojekt á la Anne GeddesFotoprojekt á la Anne Geddes
Fotoprojekt á la Anne Geddes
 
Facebook ist doof
Facebook ist doofFacebook ist doof
Facebook ist doof
 
3d Typographie
3d Typographie3d Typographie
3d Typographie
 
Social Media und Reichweitenvisualisierung
Social Media und ReichweitenvisualisierungSocial Media und Reichweitenvisualisierung
Social Media und Reichweitenvisualisierung
 
Gründen ist ... eine Flatrate für Glücksgefühle
Gründen ist ... eine Flatrate für GlücksgefühleGründen ist ... eine Flatrate für Glücksgefühle
Gründen ist ... eine Flatrate für Glücksgefühle
 
3D Modelle von Fotos erstellen
3D Modelle von Fotos erstellen3D Modelle von Fotos erstellen
3D Modelle von Fotos erstellen
 
Experiment Simulated Reflection
Experiment Simulated ReflectionExperiment Simulated Reflection
Experiment Simulated Reflection
 
Experiment Raytracing Dynamic Reflection
Experiment Raytracing Dynamic Reflection Experiment Raytracing Dynamic Reflection
Experiment Raytracing Dynamic Reflection
 
Eyecatcher im Echzeit 3D-Rendering
Eyecatcher im Echzeit 3D-RenderingEyecatcher im Echzeit 3D-Rendering
Eyecatcher im Echzeit 3D-Rendering
 
3D Blender Workshop For Beginners
3D Blender Workshop For Beginners3D Blender Workshop For Beginners
3D Blender Workshop For Beginners
 
3D Game development using Blender and Java
3D Game development using Blender and Java3D Game development using Blender and Java
3D Game development using Blender and Java
 
Blender Video-Crashkurs Teil 1
Blender Video-Crashkurs Teil 1Blender Video-Crashkurs Teil 1
Blender Video-Crashkurs Teil 1
 

3D stills mit fotos kombinieren

  • 1. elaspix Real-Live-Fotos mit Artificial-3D-Stills kombinieren Tobias Günther
  • 2. Übersicht ● Flexibilität von 3D-Modellen ● Realismus der Realität ● Motivation ● Kombination von CGI und Fotos ● Was war mir wichtig ● Wie bin ich vorgegangen elaspix
  • 3. Flexibilität von CGI ● CGI=Computer Generated Images ● 3D-Modelle ● Beleuchtung & Materialien ● Wiederverwendbarkeit mit ● Anpassungsmöglichkeit für geänderte Kundenwünsche ● 100% Kontrolle in allen Eigenschaften ● Wetter, Bestandteile der Szene, Tageszeit ● Jederzeit physikalische Naturgesetze missachten ● Contra: je realistischer, desto teurer elaspix
  • 4. Realismus von Fotos ● Es gibt keine bessere Grafik-Engine als die reale Welt ● Sehr große Vielfalt von Stimmungen und Atmosphären ● „Modellierung“ von noch so kleinen Details (sogar Nanostrukturen, in der Wüste gibt es jedes Sandkorn als einzelnes Objekt ) ● Von technisch über häuslich bis zu Naturumgebungen ● „Einfangen“ der Stimmung mit einem Klick (geringe Erstellungskosten bei maximalem Realismus) ● Contra: Änderung von Eigenschaft der Szene sehr teuer bis unmöglich (Beispiel: Materialien) elaspix
  • 5. Motivation ● Das beste aus zwei Welten ● Fotos transportieren maximalen Realismus ● 3d-Modelle bieten maximale Flexibilität ● Optimale Kombination bzgl. Herstellungskosten ● Beiden Welten können sich gegenseitig nur unter extrem hohen Kosten ersetzen elaspix
  • 6. Ausgangsmaterial ● „Backplate“ Schwetzinger Schloss J.Kubasch, Schlossgarten Schwetzingen elaspix
  • 7. Ausgangsmaterial ● 3D-Modell „Elaspix-Car“ elaspix
  • 8. Anwendungen ● Stills ● CGI-Animationen ● Zeitschriften, ● Film, Werbung, Messe, Webseiten, Plakate, Demos, (Bewegtbild- (bewegungslos) Medien) ● Hohe Qualität des einen ● Tausende Frame nötig Frames ● Mittlere Qualität ● Lange Betrachtung (Ablenkung durch Beweg.) ● Hohe Auflösung (10k) ● Mittlerweile auch hohe ● Hohe Fertigungszeit für Fertigungszeit durch den einen Frame Cloud-basiertes Rendern elaspix
  • 9. Arbeitsschritte Übersicht ● Konzeption und Planung (skipped) ● Fotoaufnahmen von mindestens zwei Standorten ● CGI-Modelle erstellen (besorgen) ● Kombination beider „Welten“ elaspix
  • 10. Fotoaufnahmen ● „Backplate“ fotografieren ● Landschaft, Straßenszene etc. ● HDR-Panorama aufnehmen ● Von der Position an dem das CGI-Objekt integriert wird („Was würde das CGI-Objekt http://eyefish.tv/files/images/images/Tracking-markers-hand.jpg sehen“) elaspix
  • 11. CGI-Modell erstellen in Blender ● Geometrie, Materialien, Texturen Außen, Innen ● Individualanfertigung / Vorgabe von Kunden / Kauf als digitales Gut elaspix
  • 12. Kombination von 3D und 2D ● Fünf Schritte ● Kamera-Matching ● Modellanpassungen & Ausrichtung ● Beleuchtung und Schatten setzen ● Reflektionen der Umgebung erzeugen ● Externes „Compositing“ elaspix
  • 13. Schritt 1 Kamera Matching ● Ausrichtung der 3D- Cam auf 2D-Cam ● Standort, Blickrichtung, Öffnungswinkel ● Tools ● Camera Marker und Backgroundimage elaspix
  • 14. Schritt 2 Modellanpassung ● Modell muss in Skala der Backplane passen ● Größe, Bodenhaftung ● Ästhetische Anpassungen ● Rotation & Position elaspix
  • 15. Schritt 3 Lichtsetzung & Schatten ● Lichter des Realbildes nachbauen ● Richtung, Stärke, Lichtfarbe, Typ ● Schatten setzen und auf reale Lichtquelle anpassen elaspix
  • 16. Hilfsmittel Lichtsetzung ● „Light probes“ (Kugeln) werden am Realschauplatz aufgestellt und fotografiert ● Zeigen das einfallende Licht von allen Seiten ● Task: Lichter setzen, bis Oberfläche der 3D- Sphere ähnlich ist http://images.gamedev.net/columns/hardcore/hdrrendering/Image12-Different%20Exposures.jpg elaspix
  • 17. Unterschiedliche Lichter ● Hauptlicht ● Entspricht der stärksten Lichtquelle aus der Realszene ● Schattenquelle ● Back-Light ● Anti-Schatten des Hauptlichts ● Ist oft ein homogenes orts-loses Licht elaspix
  • 18. Schritt 4 Reflektionen aus Backplate ● Metall-Oberflächen benötigen unbedingt Reflektionen ● Verlauf der Reflektionen macht die Form erst sichtbar ig weil lang = tion ek efl eR Kein elaspix
  • 19. Hilfsmittel für Reflektionen ● 360°-Panorama-Aufnahme vom Real-Ort anfertigen ● Diese auf einen Zylinder oder Kugel legen ● 3D-Modell darin „einschließen“ http://www.3dm3.com/tutorials/seatleon/FImagen_21_Ilum_hdri.jpg elaspix
  • 20. Schritt 5 Compositing ● Zusammenkopieren von CGI und Backplate ● Meist extern, geht aber auch intern ● Neben Backplate noch 7 weitere Layer (Render-Passes) ● Maskierung ermöglich CGI im Mittelteil einzufügen (Vorder- und Hintergrund ist Realfoto) ● Artefakte und Bildfehler entfernen ● Fake-Rauschen einbringen ● Homogenisierung durch Adaption der Render-Passes elaspix
  • 21. Reflection Alpha Diffuse Light Render-Passes elaspix Ambient Occlusion Shadow Specular Light
  • 22. Compositing mit Gimp ● Alle passes als Ebenen laden ● Manipulationen ● Stärke der Ebenen gewichten ● Teile ausblenden über Ebenenmaske ● Modi ● Normal (Backplate und Diffuser Pass) ● Multiplikation (dunkle Grafiken, Schatten) ● Aufhellen (helle Grafiken, Glanzlichter) ● Bildschirm (alle andere Passes) elaspix
  • 23. Vielen Dank Backplate J.Kubasch, Schwetzinger Schlossgarten Armaturenbrett Schoschie, Flickr Notiz an selbst: Mülltonnendeckel sind als Felgen ungeeignet elaspix