AR Instagram-filters: 8 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15

Hier is een leuke afleiding om thuis te proberen terwijl we sociaal isolement oefenen! Je kunt dan verbonden blijven en je creaties delen met vrienden op Instagram.

We hebben een video, volledige.pdf en een stap-voor-stap overzicht toegevoegd.

Blijf dingen maken!

Benodigdheden

1. Een desktop- of laptopcomputer.

2. Spark AR Studio (gratis download, hier;

3. Photoshop of andere beeldbewerkingssoftware

4. Een smartphone (en Instagram) om je creaties te bekijken!

Stap 1: Bekijk de video

Stap 2: Doe het zelf: statische objecten

1. Klik om te beginnen op 'Object toevoegen' en vervolgens op 'Vliegtuig'. U ziet een vierkant verschijnen in de werkruimte en het voorbeeldgebied dat met de cursor kan worden verplaatst. Het "Vliegtuig" is in wezen een plat attribuut dat bovenop het beeld wordt toegevoegd dat door de camera is opgenomen. We zullen een "vliegtuig" gebruiken om een digitale lijst voor een foto te maken.

2. Merk op dat wanneer het vlak is geselecteerd, het vierkant in het werkgebied geruit is. Dit betekent dat er nog geen "Textuur" op is toegepast en in wezen een leeg canvas is. Selecteer in de linker werkbalk "Plane0" om dit geruite vakje te bewerken. Klik vervolgens in het infovenster (werkbalk aan de rechterkant van het scherm) op het '+'-teken naast 'Materialen'. Hiermee wordt een materiaal gemaakt in het activavenster, "Material0".

3.. Wanneer u “Materiaal0” selecteert in de inventarisbalk, verschijnen er verschillende opties in het infovenster. Selecteer de optie "Textuur" en klik vervolgens op "Bestand kiezen" naast "Materiaal 0". Selecteer het voorbeeldbestand met de naam 'vliegtuigvoorbeeld'. Demonstreer nu de soorten wijzigingen die u kunt doen aan de "Textuur" die u op het vlak hebt toegepast. Klik en sleep het geüploade textuurvoorbeeld in het hoofdwerkgebied om te laten zien dat het kan worden verplaatst. Rek het textuurvoorbeeld uit en wijzig het formaat met behulp van het schaalgereedschap of verander het perspectief op de afbeelding door op het gezicht in het telefoonvoorbeeld te klikken en te slepen.

A. Pas de positie van het geselecteerde object aan

B. Geselecteerd object roteren

C. Schaal van geselecteerd object bewerken

D. Gebruik het lokale coördinatensysteem van objecten

E. Draaien/midden

Stap 3: Volgen

1. Klik nogmaals op "Object toevoegen" en selecteer vervolgens "Scene Understanding> Face Tracker". Facetracker0 is nu zichtbaar in het scènepaneel in de linker werkbalk. Je zult ook merken dat de RGB-pijlen op het model in het werkgebied nu met hem meebewegen.

2. Sleep vervolgens "Plane0" bovenop de "Facetracker0" in het scènepaneel. Het object "Plane0" volgt de gezichtsbewegingen van het model - dit wordt face-tracking genoemd. U kunt de positie van het object ten opzichte van het hoofd van het model wijzigen door de RGB-pijlen te gebruiken die zijn gebruikt om het object eerder te verplaatsen.

3. Als u de beweging van het gezicht wilt pauzeren om de afbeelding nauwkeuriger te positioneren, kunt u dit doen in de linkerzijbalk.

Stap 4: Maskereffecten

1. Verwijder "Plane0" uit de scènebalk door "Plane0" te selecteren, klik op Bewerken in de werkbalk linksboven en selecteer vervolgens "Knippen".

2. Klik op "+Object toevoegen" en selecteer "Gezichtsnet". Hiermee wordt een nieuw object toegevoegd, "faceMesh0" onder de gezichtstracker. U ziet een geblokte 3D-afbeelding van het gezicht van het model bovenop het cameravoorbeeld verschijnen.

3. Selecteer "faceMesh0" en klik op de + naast Materiaal in de rechter werkbalk en selecteer vervolgens "Nieuw materiaal maken" in de vervolgkeuzebalk. Nu heeft het model een witte laag over het gezicht en is er een nieuw materiaal in het paneel 'Activa' aan de linkerkant.

4. Ga nogmaals naar het bedrijfsmiddelenpaneel, selecteer "materiaal1> Nieuwe textuur" en selecteer het voorbeeldmasker jpg. 5. Alleen al hiermee kun je al veel doen door de parameters in de inspecteur te wijzigen. Probeer parameters te wijzigen in de "Material1" -inspecteur en kijk wat er in realtime met het resultaat gebeurt. Speel met de schuifregelaars. Je kunt dezelfde mods ook doen in de hoofdwerkruimte, zoals het verplaatsen, uitrekken, enz.

Uitbreiding van maskereffect:

1. Bekijk het meegeleverde maskersjabloonbestand. Dit afbeeldingsbestand biedt een gemakkelijk bewerkbare sjabloon waarop u kunt tekenen of maskereffecten kunt maken. Open het bestand in Photoshop en maak een nieuwe laag bovenop de sjabloon. Op deze laag kan worden getekend, samengesteld met andere afbeeldingen en meer om een aangepaste maskertextuur te maken.

2. Wanneer het nieuwe masker is voltooid, verwijdert of verbergt u de maskersjabloon in uw fotobewerkingssoftware en exporteert u het bestand als een.png-bestand. Exporteren als-p.webp

3. Probeer deze afbeelding als een textuur in de SparkAR-scène te importeren en kijk wat er gebeurt!

Stap 5: 3D-objecten

1. Net als elk ander object kunnen 3D-objecten aan de scène worden toegevoegd. Net als het gezichtsmasker bestaat een 3D-beeld uit een "mesh" en een "materiaal". Het gaas is de 3D-vorm en het materiaal is de visuele textuur die dat object bedekt.

2. Ga naar het bedrijfsmiddelenpaneel en klik op 'Activa toevoegen > Toevoegen uit AR-bibliotheek'. Dit leidt tot een menu om uit een groot aantal voorbeeldobjecten te kiezen. Ga je gang en selecteer een object in 3D Primitives. Klik op Importeren om de vorm toe te voegen aan Activa.

3. Het object verschijnt met twee bestandsdelen, een mesh en een materiaal. Als u de kubus in de scène sleept, ziet u de vorm in het voorbeeldvenster verschijnen. Net als het vlak en het gezichtsmesh, kan dit worden verplaatst, vergroot of verkleind en op andere manieren worden bewerkt. Om de textuur van dit object te bewerken, klik je op het materiaal van de kubus met het label "Cube_Mat" en vervang je de textuur.

Stap 6: Vliegtuig volgen en lichten

Vliegtuig volgen:

1. Het volgen van vliegtuigen lijkt erg op het volgen van gezichten. Ga naar "object toevoegen" en selecteer "Plane Tracker". Dit voegt een tracker toe aan de scène die een "oneindig horizontaal vlak" volgt en schakelt de voorbeeldweergave om naar een voorwaartse cameraweergave.

2. Dit vlak kan worden gebruikt om een 3D-object, vlak en nog veel meer te "pinnen". Experimenteer ermee!

Lichten:

1. Alle 3D-elementen in de scène worden weergegeven in een 3D-engine waarmee lichteffecten kunnen worden gewijzigd. Standaard wordt de scène geleverd met één omgevingslicht (verlicht alles zacht) en een gericht licht (belicht alles vanuit één richting).

2. Deze verlichtingselementen kunnen uit de scène worden verwijderd en er kunnen nieuwe worden toegevoegd. Ga naar "Object toevoegen" en een lijst met lichten verschijnt onderaan het vervolgkeuzemenu.

3. Wanneer er een licht wordt toegevoegd, wordt een kegelvorm met de RGB-handvatten zichtbaar. Dit kan worden verplaatst in de 3D-werkruimte.

Stap 7: Verdere verkenning

Elk AR-effect dat u op uw telefoon hebt gezien of gebruikt, kunt u bereiken met de Spark-software. Wanneer u de software opent, ziet u een reeks sjablonen voor nieuwe effecten die u eenvoudig kunt wijzigen om het gewenste resultaat te krijgen. Spark geeft je beknopte instructies over welke bestanden je moet vervangen. Spark biedt ook voldoende documentatie en zelfstudies om elk gewenst effect te bereiken.

Stap 8: Uploaden en publiceren

Om uw effect op een smartphone uit te proberen, gaat u naar Bestand> Uploaden om een dialoogvenster te openen om te uploaden. U moet inloggen op een Facebook-account om het effect te uploaden. U gaat naar een formulier waar u verschillende informatie over uw effect invult, inclusief een titel en een voorbeeldafbeelding. Zodra je het effect hebt geüpload, geeft Spark je een testlink om je effect uit te proberen. Soms, afhankelijk van het effect en uw apparaat, moet u mogelijk teruggaan en het effect aanpassen nadat u het hebt getest. Dit is volkomen normaal.