AR Instagram -filter: 8 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:40

Här är en rolig avledning att prova hemma medan vi utövar social isolering! Du kan sedan hålla kontakten och dela dina skapelser med vänner på Instagram.

Vi har inkluderat en video, full längd.pdf och en steg-för-steg-genomgång.

Fortsätt göra saker!

Tillbehör

1. En stationär eller bärbar dator.

2. Spark AR Studio (gratis nedladdning, här;

3. Photoshop eller annan bildredigeringsprogramvara

4. En smartphone (och Instagram) för att kolla in dina skapelser!

Steg 1: Titta på videon

Steg 2: Gör det själv: Statiska objekt

1. För att börja, klicka på "Lägg till objekt" och sedan på "Plan". Du kommer att se en fyrkant visas i arbetsutrymmet och förhandsgranskningsområdet som kan flyttas runt med markören. "Plane" är i huvudsak ett plant attribut som läggs till ovanpå bilden som spelats in av kameran. Vi kommer att använda ett "plan" för att göra en digital ram för ett foto.

2. Observera att rutan i arbetsområdet är rutig när planet väljs. Det betyder att det inte finns någon”textur” på den än och är i huvudsak en tom duk. I det vänstra verktygsfältet väljer du “Plane0” för att redigera den rutiga rutan. Klicka sedan på "+" -tecknet bredvid "Material" i inspektören (verktygsfältet till höger på skärmen). Detta skapar ett material i tillgångsfönstret,”Material0”.

3. När du väljer “Material0” i analysfältet visas flera alternativ i inspektören. Välj alternativet "Textur" och klicka sedan på "Välj fil" bredvid "Material 0". Välj exempelfilen med namnet "planexempel". Visa nu vilka typer av modifieringar du kan göra på "Texture" du har applicerat på planet. Klicka och dra den uppladdade texturförhandsgranskningen i huvudarbetsområdet för att visa att den kan flyttas. Sträck ut och ändra storlek på texturförhandsgranskningen med hjälp av skalverktyget eller ändra perspektivet på bilden genom att klicka och dra i ansiktet i telefonens förhandsvisning.

A. Justera det markerade objektets position

B. Rotera valt objekt

C. Redigera skala för markerat objekt

D. Använd objekt lokalt koordinatsystem

E. Pivot/ Center

Steg 3: Spårning

1. Klicka på "Lägg till objekt" igen och välj sedan "Scenförståelse> Ansiktsspårare". Facetracker0 kommer nu att synas i scenpanelen i det vänstra verktygsfältet. Du kommer också att märka att RGB -pilarna på modellen i arbetsområdet nu rör sig med honom.

2. Dra sedan "Plane0" ovanpå "Facetracker0" i scenpanelen. "Plane0" -objektet följer modellens ansiktsrörelser- det kallas ansiktsspårning. Du kan ändra var objektet är placerat i förhållande till modellens huvud med hjälp av RGB -pilarna som används för att flytta objektet tidigare.

3. Om du vill pausa ansiktsrörelsen för att placera bilden mer exakt kan du göra det på vänster sida.

Steg 4: Mask -effekter

1. Radera "Plane0" från scenfältet genom att välja "Plane0", klicka på Redigera i verktygsfältet längst upp till vänster och sedan välja "Cut".

2. Klicka på "+Lägg till objekt" och välj "Ansiktsnät". Detta kommer att lägga till ett nytt objekt, "faceMesh0" under ansiktsspåraren. Du kommer att se en rutig 3D -bild av modellens ansikte visas ovanpå kameraförhandsgranskningen.

3. Välj “faceMesh0” och klicka på + bredvid Material i det högra verktygsfältet, välj sedan “Skapa nytt material” i rullgardinsmenyn. Nu har modellen ett vitt lager över ansiktet och det finns ett nytt material i panelen "Tillgångar" till vänster.

4. Återigen, gå ner till tillgångspanelen, välj “material1> Ny textur” och välj exemplet mask jpg. 5. Du kan redan göra mycket med just detta genom att ändra parametrarna i inspektören. Prova att ändra parametrar i "Material1" -inspektören och se vad som händer med resultatet i realtid. Lek med reglagen. Du kan också göra samma mods i det huvudsakliga arbetsutrymmet som att flytta runt, stretcha det, etc.

Förlängning av maskeffekt:

1. Ta en titt på den medföljande maskmallfilen. Denna bildfil ger en lätt redigerbar mall för att rita eller skapa maskeffekter. Öppna filen i Photoshop och skapa ett nytt lager ovanpå mallen. Detta lager kan ritas på, komponeras med andra bilder och mer för att göra en anpassad maskstruktur.

2. När den nya masken är klar tar du bort eller döljer maskmallen i ditt fotoredigeringsprogram och exporterar filen som en.png. Exportera som en-p.webp

3. Prova att importera den här bilden som en textur till SparkAR -scenen och se vad som händer!

Steg 5: 3D -objekt

1. Precis som alla andra objekt kan 3D -objekt läggas till i scenen. Precis som ansiktsmask består en 3D -bild av ett "nät" och ett "material". Masken är 3D -formen, och materialet är den visuella strukturen som täcker det objektet.

2. Gå till tillgångspanelen och klicka på "Lägg till tillgång> Lägg till från AR -bibliotek." Detta leder till en meny att välja bland ett stort antal exempelobjekt. Fortsätt och välj ett objekt i 3D Primitives. Klicka på Importera för att lägga till formen i tillgångar.

3. Objektet visas med två fildelar, ett nät och ett material. Om du drar kuben in i scenen ser du formen i förhandsgranskningsfönstret. Precis som planet och ansiktsnätet kan detta flyttas runt, ändra storlek och redigeras på andra sätt. För att redigera texturet på detta objekt, klicka på kubens material, märkt "Cube_Mat" och ersätt strukturen.

Steg 6: Planspårning och ljus

Planspårning:

1. Planspårning liknar mycket ansiktsspårning. Gå till "lägg till objekt" och välj "Plane Tracker". Detta kommer att lägga till en spårare till scenen som spårar ett "oändligt horisontellt plan" och växlar förhandsgranskningsvyn till en framåtriktad kameravy.

2. Detta plan kan användas för att "fästa" en 3D -föremål, plan och mycket mer. Experimentera med det!

Ljus:

1. Alla 3D -element i scenen återges i en 3D -motor som gör att ljuseffekter kan ändras. Som standard kommer scenen med ett omgivande ljus (tänder allt mjukt) och ett riktat ljus (markerar allt från en enda riktning).

2. Dessa belysningselement kan raderas från scenen och nya kan läggas till. Gå till "Lägg till objekt" och en lista med lampor visas längst ned i rullgardinsmenyn.

3. När ett ljus läggs till blir en konform med RGB -handtagen synlig. Detta kan flyttas runt i 3D -arbetsytan.

Steg 7: Ytterligare utforskning

Alla AR -effekter som du har sett eller använt på din telefon är möjliga att uppnå med hjälp av Spark -programvaran. När du öppnar programvaran ser du en rad mallar för nya effekter som du helt enkelt kan ändra för att få önskat resultat. Spark kommer att ge dig kortfattade instruktioner om vilka filer som ska ersättas. Spark ger också gott om dokumentation och handledning för att uppnå vilken effekt du vill.

Steg 8: Ladda upp och publicera

För att testa din effekt på en smartphone, gå till Arkiv> Ladda upp för att öppna en dialogruta för att ladda upp. Du måste logga in på ett Facebook -konto för att ladda upp effekten. Det tar dig till ett formulär där du fyller i olika uppgifter om din effekt, inklusive en titel och en förhandsgranskningsbild. När du har laddat upp effekten kommer Spark att ge dig en testlänk för att testa din effekt. Ibland, beroende på effekten och din enhet, kan du behöva gå tillbaka och justera effekten efter att du testat den. Detta är helt normalt.