Realisme i 3D -konfiguratorer

post-image
author-photo
Nikola Vydysh
Forfatterartikel
Design
emne

Introduktion

Hvad er realisme? Realisme er afbildningen af objekter gennem fotorealistiske fortolkninger. Disse fortolkninger kan vises gennem kunst, grafik, videoer, film og gælder også for 3D-visualisering af produkter. Realisme er blevet brugt på tværs af generationer til at fremvise billeder i deres livagtige form, uanset om det har været i film, spilindustrien eller inden for produktvisualisering . Det er steget i popularitet med de teknologiske fremskridt, på grund af det faktum, at objekter på skærmen kan efterligne dets modstykke fra det virkelige liv, hvilket hjælper kunder med at forestille sig og nogle gange føle produktets tilstedeværelse.

Dette kan forklares enkelt ved en McDonald’s-annoncekampagne. McDonald’s laver hyperrealisme videoer af deres burgere, som viser kødets saftighed, bollens blødhed og saucens søde smag. Disse billeder og videoer skabt af McDonald’s fremkalder en række følelser, såsom at forårsage en stigning i appetit og skabe lyst til den mad, de ser. Denne form for gentagen eksponering ved hjælp af realisme skaber en psykologisk association hos en forbruger. Hver gang denne forbruger går forbi en McDonald’s-restaurant eller ser deres gyldne gule buer, bringes de tilbage til det øjeblik, de så annoncerne, hvilket giver en følelse af lyst til maden.

I denne artikel forklarer vi, hvordan realisme hjælper med udviklingen og implementeringen af 3D-visualisering.

Sådan opnår du realisme i 3D-udvikling

Et fotorealistisk billede er udviklet ud fra det originale udseende og fornemmelse af objekter i en statisk eller animeret tilstand. At få billedets tekstur, form og farve til at repræsentere det originale objekt og opnå fotorealisme kræver en computer med meget tekniske muligheder på grund af stor brug i gengivelsen proces.

For at opnå en realistisk 3D-visualisering er det vigtigt at udvikle en model, der er af høj kvalitet. Ved at være opmærksom på de anvendte materialer på modellen og udnytte den korrekte indstilling af lys og skygger i 3D-scenen. Hvis du er i stand til at matche modelstrukturen, materialerne og lysets interaktion med det virkelige objekt, jo mere realistisk bliver visualiseringen.

Herunder er fotorealismens pyramide, som viser stadierne i at skabe en fotorealistisk 3D-model:

Ved at være meget opmærksom på hvert af disse stadier vil du være i stand til at producere en 3D-model, der svarer til eller matcher det originale objekts fotorealistiske kvaliteter.

Et eksempel på implementering af en realistisk model. Smart-ur-konfigurator.

Forberedelse

Det første skridt i udviklingen af en realistisk 3D-model af et smart-ur er at indsamle og studere dets referencer . Under dette trin er det vigtigt at definere strukturen af den udviklede model, studere de anvendte materialer og deres interaktion med omgivende belysning. I dette eksempel kan et ur baseret på moderne analoger bruges til at vise et realistisk koncept.

Lad os tage et kig på et eksempel på et Apple Smart-ur:

Når man ser på urets overordnede struktur, er hoveddelen lavet af aluminiumslegeringer, der har en let glans, den hvide rem er et glat plastmateriale. Baseret på produktanmeldelser glider dette ur lidt, når man dyrker sport. Vi erstatter den med en plastikbund, så konceptet kan føres ud i livet. Når du udvikler et 3D-koncept, er det vigtigt at være særlig opmærksom på enhedens skærm, da den optager størstedelen af ​​pladsen og fungerer som hovedfunktionspunktet.

På grund af urets konvekse form har objektets buede kanter en let reflekterende blænding. Ved også at være opmærksom på den cylindriske knap på urkassen og fastgørelsen på remmen, vil vi føje relief til den. Ved at forstå en forbrugers behov kan de ubevidst mærke efter produktets relief (eller hævede) overflader, derfor vil vi skabe monteringen af ​​præget aluminium

Et andet eksempel fra Apple Smart-watch-serien:

Som du kan se, har skærmen tre forskellige effekter på overfladen: overordnet glans , krumningsglans og lysrefleksion, som kommer til udtryk ved blænding fra toppen af ​​skærmen. Derudover har selve remmen en let svulmende effekt, hvilket indikerer gummiegenskaber.

Oprettelse af modellen

Når du opretter en model af urets display, skal selve modellen være så optimeret som muligt, hvilket kan gøres ved hjælp af polygonformer. Uret har en jævn afrundet form, remmen er tynd og har en omviklet form. Når vi modellerer et armbånd, vil vi bruge et tættere polygonalt mesh til at skabe den mest fotorealistiske model.

Modellen bygget efter dette princip har ingen specifik vinklethed, det er de gennemarbejdede detaljer, der tilføjer realisme. Når du ser på eksempelbilledet nedenfor, kan du se, hvor remmen forbindes til urhuset ved at bruge dybden af bindingerne. Dette er kendt som “cut”, mange modelbyggere forbinder simpelthen remmen til urhuset uden at fokusere på detaljerne i bindinger eller reliefeffekter. Ved at tilføje denne udskæring bringes modellen til live, og hvor der vises realisme.

Tag et kig på detaljerne i det polygonale mesh:

Ved at gennemgå billedet ovenfor kan du se skabelsen af tæt mesh på tværs af urremmen og tyndere mesh på tværs af urkassen og skærmen. Og da der er mulighed for at skabe en højkvalitets UV-scanning, vil korrekt konstrueret mesh bevare sin struktur inden for forskellige lysindstillinger. Før du laver en sweep af modellen, er hver del opdelt i flere dele, så du nemt kan fjerne sweep og samle delene tilbage til en enkelt model.

Arbejde med lys

I eksemplerne nedenfor vil der blive brugt et HDRI-kort og to bagte eller færdige teksturer. HDRI-billedet giver en blød flerfarvet lysreflektion, dette eksempel viser dybden af materialer gennem refleksioner. Begge billeder er forskellige i deres layout og formidler studiebelysning og åben plads.

Ved at tilføje et HDRI-kort vil du muligvis bemærke, at der er subtile refleksioner og krumninger af modelmaterialerne. Alligevel skaber dette layout ikke helt den realisme, vi søger at opnå. Det er vigtigt at skabe skygger fra lyskilder og selvskygge af urets elementer.

For at kunne skabe denne effekt;

  • Du skal fjerne UV-kortlægning
  • Få et atlas med skraverede områder
  • Derefter placeres lyskilder på scenen
  • Herefter beregnes billedet i form af et let sweep

Som et resultat bliver det resulterende billede af skygge og lys kombineret til et enkelt billede:

Du kan nu se, at modellen kombinerer både de skyggefulde områder og lys fra HDRI-kortet. Lys, skygger og refleksioner skaber realisme, modellen har dybde og effekterne har skabt en gummiagtig følelse. Ved også at være opmærksom på bindingerne og strophullerne tilføjer de små huller og hævede effekter yderligere realisme til 3D-modellen. Vi tror på, at skønhed ligger i detaljerne.

Arbejde med materialer

Når lyset er blevet justeret, og der er skabt skygger, har vi basen til uret, men alligevel er der ikke nok funktioner på modellen til at vise de fotorealistiske effekter, vi leder efter . Nemlig tilføjelse af farve og forskellige urfunktioner. Som beskrevet tidligere har displayet tre effekter på referencebillederne, og deres implementering tilføjer realisme til skærmen. Så vi har nu tilføjet displayet til arbejdsskiven, du vil måske bemærke, at lyset flyder over i hjørnerne og på tværs af selve glasset. Ved at fjerne de gentagne strukturer af mønstre på tværs af modellen ser vi modellen komme til live.

Og det er ikke den eneste detalje, vi er opmærksomme på. Der er en lyssensor under uret, som har reflektionseffekter. Denne del af uret er ikke bare en cylindrisk form, det er faktisk en afrundet overflade. Takket være et velstruktureret og tæt polygonalt mesh har modellen yderligere realistiske egenskaber.

Som vist ovenfor er der nu 3D-effekter ikke kun på glasoverfladerne, men også på tværs af modellens gummi-, metal- og plastikdele. Sideknappen har en let flare, sammen med aluminiumsbeslaget, der viser en skiveformet flare, den runde knap er præget på grund af den lette tekstur og det normale kort.

Gengivelse

Gengivelse udføres i en standardfarvepalet ved hjælp af det interaktive realtidsgengivelsesmiljø “Verge3D”. Før opsætning af logikken, er det nødvendigt at udføre det sidste sæt af scenen.

Mens du opsætter gengivelsesprocessen, kan der forekomme yderligere forbedringer. For eksempel behovet for at lysne områder, tilføje anti-aliasing, implementere farveændringer og justere skyggerne. I dette eksempel er modellen optimeret, så den ikke behøver separate farveteksturer. Enhver farve kan tildeles ved blot at angive HEX-koden for den ønskede nuance.

Endelige indstillinger og indretning af konfiguratorlogikken

På dette trin af konfigurationen er der tilføjet små elementer for at øge modellens realisme: en sekundviser på uret og en funktionsknap er blevet tilføjet. Ved at trykke på denne knap skifter urskærmen til nattilstand. Tilføjet skygge, implementering af kameraets synsvinkel og begrænsning af den lodrette rotationsvinkel er en del af de sidste implementeringstrin. Disse tilføjede funktioner hjælper med at skabe det mest fotorealistiske layout af modellen.

Som et resultat har vi en fremragende færdiggjort model, der skildrer de virkelige egenskaber ved Apple Smart-watch.

Det er også værd at bemærke, at tilføjelse af en eksplosionsknap hjælper klienten med at se, hvordan modellen er opdelt i separate elementer. Dette giver dem mulighed for at se alle de forskellige dele, som smart-uret består af. Derudover kan en klient vælge en række forskellige farver og materialer. Selv de mindste funktioner i modellen, såsom refleksioner på den afrundede overflade eller en bestemt lysindstilling, kan øge produktønsket på grund af de fotorealistiske effekter, modellen giver.

Miljøets realisme

Der er mange forskellige metoder, der bruges til at opnå realisme i 3D-visualisering. Hver tilgang er bestemt i forhold til det produkt, der udvikles, hvad enten det er et stykke tøj eller en bygning i flere niveauer. Derfor er det på tværs af disse forskellige tilfælde nogle gange nødvendigt at fokusere på lys og i andre på materielle effekter eller endda indlejre animerede objekter.

I et eksempel på en visualisering af et landsted kan du demonstrere det smukke omgivende miljø ved at tilføje animation af vand i poolen med solstråler, der reflekterer fra fliserne. For at skabe yderligere realisme kan du tilføje animationen af ​​svajende træer og endda visualisere ildfluer, der flyver hen over planterne om natten. Lyd kan også tilføjes. At have alle disse forskellige realisme-elementer hjælper kunderne med at visualisere deres drømmeprojekt, hvor de kan fare vild i skabelsen af ​​forskelligt murværk, konstruktionsarbejde og indretning.

Konklusion

Implementering af en veludviklet 3D-konfigurator på dit websted vil gøre dig i stand til at strømline din virksomheds effektivitet og øge salget. Denne hjemmesidefunktion skiller sig ud fra konkurrenterne, hvilket giver dig mulighed for at få yderligere indsigt i kundernes købsbehov. Fremvisning af dine produkter gennem fotorealistiske modeller, inklusive 360-graders rotation, giver kunderne tillid til dine produkter. Skab derfor en uforglemmelig oplevelse og tilknytning til dit brand.

Hvis du er interesseret i at udvikle en 3D-konfigurator, der har vægt på realisme, vil vi gerne diskutere yderligere detaljer med dig! Indtast venligst dine kontaktoplysninger i feedbackformularen så vender vi tilbage til dig så hurtigt som muligt.


03.06.2021
1156
Read other blog articles
post-image
03.06.2021
611
03.06.2021
611
post-image
03.06.2021
1017
03.06.2021
1017
post-image
03.06.2021
919
03.06.2021
919
post-image
Design UX/UI Læs
03.06.2021
811
Design UX/UI Læs
03.06.2021
811
Vores Youtube kanal
youtube
youtube
youtube
Gå til Youtube
Kontakt os, vi vil svare
dig inden for 24 timer
eller kontakt os på vores sociale medier
eller kontakt os på vores sociale medier
gift
chear
Udfyld formularen
Vi vender til inden for 1 arbejdsdag