Converteer een foto in een VR-set

Sep 11, 2025

Procedures

Typisch wanneer iemand de werkelijkheid of virtuele realiteit vermeldt, denken ze misschien aan videogames. Het is belangrijk om te weten dat er enorme toepassingen zijn voor AR en VR andere dan videogames. In dit geval gaan we leren hoe ze een foto tot leven kunnen brengen via VR.

15 essentiële foto-editor-apps

Hiervoor gebruiken we Photoshop, 3DS Max en Unity. Onze laatste 3D-foto is geschikt voor zoiets als Google VR, dat zeer toegankelijk is, zelfs voor niet-VR-enthousiastelingen.

01. Kies de juiste foto

Look for images where the main objects haven't been cropped — Zoek naar afbeeldingen waar de hoofdobjecten niet zijn bijgesneden

Niet elke foto gaat goed werken voor een VR-set. Er zijn zeven belangrijke factoren die u helpen bij het kiezen van de juiste foto. U wilt een afbeelding die:

Is afkomstig van een staande of zittende positie. Oneven hoeken maken de kijker ongemakkelijk - onthoud dat de hoofdtelefoon van de kijker de camera is.
Heeft vlakke oppervlakken. Dit maakt het vinden van verdwijnende punten en de horizon-lijn veel gemakkelijker.
Heeft geen gecompliceerde geometrie. Hoewel het mogelijk is om te creëren, zal het snel de hoeveelheid werk vermenigvuldigen.
Wordt niet bijgesneden. Merk op hoe, in ons beeld, de straalmotor en de man volledig te zien is. Een foto die onderdelen heeft bijgesneden, lijkt het verkeerd aan de kijker.
Heeft geen reflecties. Dit is meestal omdat telefoons een beperkte hoeveelheid verwerkingskracht hebben en reflecties zullen te veel opnemen.
Heeft minimale vervorming. De meeste cameralenzen creëren een kleine hoeveelheid vervorming. Dit is gemakkelijk te repareren, maar groothoeklenzen creëren veel onnodig werk.
Is groter dan 2048x2048. Dit zal het continuste bedrag van de laatste ervaring verminderen.

02. Zoek de verdwijnpunten

To make the image 3D, we need to match the original photo's perspective — Om de afbeelding 3D te maken, moeten we overeenkomen met het perspectief van de originele foto's

Omdat we deze foto in 3D-ruimte recreëren, moeten we het perspectief van de originele foto afstemmen. Hierdoor wordt de foto geloofwaardig in VR en het krijgt ons ook op het juiste pad naar het opzetten van geschatte metingen voor onze 3D-scène.

Om te beginnen moeten we elke lensvervorming verwijderen. Om dit te doen, kunnen we eenvoudig het lenscorrectiefilter gebruiken in Photoshop en de Verwijderschuifregelaar verwijderen om de nodige correcties te maken.

Vervolgens moeten we de verdwijnpunten vinden. Omdat de meeste gebouwen zijn gebouwd om vierkant te zijn, moeten we de vloer en muren gebruiken om onze perspectieflijnen uit te voeren en de verdwijnpunten in de X- en Y-aanwijzingen te vinden.

Sla een kopie van je foto op met de verdwijnpunten en perspectieflijnen. We zullen dit gebruiken om onze camera later in 3DS MAX in te stellen met behulp van het nut van de Perspective Match.

03. Breek het beeld in lagen

Split your photo into foreground, mid-ground and background — Split je foto in voorgrond, mid-grond en achtergrond

Nu is het tijd om de foto in lagen te splitsen. We doen dat door het gebruik van laagmaskers in Photoshop. Dit is het meest tijdrovende deel van dit hele proces omdat we elementen moeten scheiden op achtergrond, middengemalen en voorgrondelementen en vervolgens alle beeldvernietiging herstellen die in het proces is gemaakt. Bij het maken van de achtergrondelementen, zorg er dan voor dat u de schaduwen van de gemiddelde grond- en voorgrondobjecten opneemt.

Bij het splitsen van deze elementen moet u uzelf in het beeld van het standpunt van de camera projecteren. Als je een stap naar links of naar rechts zou nemen, welke elementen zouden veranderen? Objecten die dichter bij de camera staan, zouden meer verschuiven en de dingen die verder naar achteren minder verschuiven.

Dit wordt het parallax-effect genoemd. Het parallax-effect is de sleutel tot deze ervaring. Als we niet genoeg elementen hebben gesplitst, verschijnt onze VR-set nog steeds plat.

04. Model de lagen

You only need to model enough to give the image depth — Je hoeft alleen maar genoeg te modelleren om de beelddiepte te geven

Zodra we onze lagen hebben gecreëerd, moeten we ze modelleren in 3DS MAX. Bij het modelleren proberen we alleen diepte toe te voegen aan wat te zien is op de foto. We hoeven bijvoorbeeld geen volledig menselijk model voor de man op de foto te modelleren; We hoeven alleen genoeg te modelleren om hem diepte te geven.

Vergeet niet om te modelleren voor de modifier van de camerapaart. Hoe goed deze kaarten hangen af van het aantal hoekpunten in het mesh. De Tool Connect en Swift Loop is tijdens dit proces van onschatbare waarde.

05. Exporteren naar eenheid

Optimise your image by adding materials and removing overdraw — Optimaliseer uw afbeelding door materialen toe te voegen en overdrijving te verwijderen

Voordat we onze 3D-scène naar eenheid exporteren, moeten we het optimaliseren. Vergeet niet dat we deze VR-set willen maken met behulp van Google VR, dus het optimaliseren van de scène is cruciaal om ervoor te zorgen dat het zo soepel mogelijk loopt.

Het eerste dat we moeten doen, is al onze objecten bij de achtergrond, mid-grond en voorgrondobjecten bijvoegen. Dan moeten we een enkel materiaal voor elk object maken. Eenheid heeft liever zo weinig mogelijk materialen, dus we hebben één materiaal voor alle achtergrondobjecten, één materiaal voor mid-grondobjecten en één materiaal voor de voorgrondobjecten.

Ten slotte moeten we de modellen optimaliseren. Overstroom is wat er gebeurt wanneer polygonen andere polygonen overlappen, en dit verspilt veel verwerkingskracht. We zullen nooit in staat zijn om alle overdreven te verwijderen, maar we kunnen zeker onnodige polygonen verwijderen die nooit door de kijker worden gezien.

Controleer de polygonen die per ongeluk zijn verwijderd. Het is een goed idee om een niet-geoptimaliseerde scène op te slaan, voor het geval je problemen moet oplossen.

06. Eenheid opzetten voor VR-uitgang

Import your scene into Unity — Importeer je scène in eenheid

Voordat we onze VR-set importeren, moeten we eenheid voor VR-uitgang opzetten. Dit vereist dat we de Google VR SDK voor eenheid en voeg die bestanden toe aan ons eenheidsproject. Dit geeft ons toegang tot sommige unity prefabs zoals de Google VR-camera. We moeten ook onze build-instelling voor Android opzetten.

Zodra we het project hebben opgezet, kunnen we onze scène importeren en vervolgens de materialen opzetten. Op dit punt kunnen we ons project exporteren en deze in VR bekijken.

07. Ga verder

Waarom neemt u dit project nog niet verder door het leven aan de scène toe te voegen door enkele deeltjes en geluid te maken? Dit maakt dit een onvergetelijke ervaring.

Dit proces is zeer technisch en vereist een intense planning, maar het is de moeite waard. Als je een resource wilt hebben om je oude foto's tot leven te brengen, bekijk dan onze cursus Een foto omzetten in een VR-set in 3DS MAX

Gratis pluralsight-proef

Pluralsight Is een leerplatform voor Enterprise Technology dat een uniforme, eind-to-end learning-ervaring voor bedrijven over de hele wereld levert. Via een abonnementsdienst zijn bedrijven bevoegd om te bewegen naar de snelheid van technologie, toenemende vaardigheid, innovatie en efficiëntie. Ga voor een gratis proefperiode en meer informatie www.pluralsight.com

Gerelateerde artikelen:

Maak een gietwatereffect in realflow
5 manieren om meer meeslepende VR-ervaringen te creëren
Verander uw 2D-ontwerpen in 3D met Project Felix

Converteer een foto in een VR-set

01. Kies de juiste foto

02. Zoek de verdwijnpunten

03. Breek het beeld in lagen

04. Model de lagen

05. Exporteren naar eenheid

06. Eenheid opzetten voor VR-uitgang

07. Ga verder

Gratis pluralsight-proef

Procedures - Meest populaire artikelen

Maak een muisgestuurde parallax-achtergrondeffect

Hoe energie toevoegen aan uw levenstekeningen

Hoe een persoon te tekenen

Het maken van toegankelijke webformulieren

Gebruik WordPress als headless CMS

Gloeiende kleuren maken met olieverfschilderingen

Master The Bridge Tool

Aan de slag met WebGL met behulp van Three.js

Categorieën