companiesgift.blogg.se

1. #How can i blur the background in hypersnap how to#
2. #How can i blur the background in hypersnap zip file#

While we want the user to be able to see and use the slider, we don't want it to appear in the final effect. This should add a "UI" folder of goodies in the Resources Panel and you should see something that says "" in the Objects Panel, but don't do anything with it just yet.

Now from inside Lens Studio, import the UI_Widgets.lso file you just unzipped.

#How can i blur the background in hypersnap zip file#

Go ahead and download the zip file and then unzip it. Instead of reinventing the wheel, let's use the Lens Studio User Interface (UI) system that they've kindly created! Just underneath the Overview section there will be a link to download it. So we have a blurry background, but how blurry should it be? Very blurry, somewhat blurry, or hardly blurry? Instead of guessing, why don't we add some controls and let the user decide! Now you should be golden! Since the default preview videos have a plain background, I recommend you push the lens to your device so you can really see it in action. You may notice that ther person is blurry now instead of the background, so select the Portrait Background Segmentation in the Resources Panel and select the "Invert Mask" option in the Inspector Panel. The default Stretch Mode of Fit should be fine, but I like to change mine to Stretch just to be safe and make sure the image fills the screen. Now select the screen image and set the material to be our unlit material we just finished setting up. Then select the segmentation texture for the opacity texture. If there is not an option to select a texture, change the Blend Mode of the material to Normal. Select the material and set the Device Camera Texture as the Base Texture. To do this, start by creating a new Unlit material. Instead, we are going to apply the segmentation only to the screen image. Now at this point we could set the texture of the screen image to be the Device Camera Texture and then mask the camera with the segmentation, but that would cause issues if we want to add something like grain or some other overlay to our lens. Add a Screen Image in the Objects panel and a Portrait Background Segmentation Texture in the Resources Panel. So far we have a blur going on, but our subject is also blurry. If you select this material you can adjust the "Blur Factor" in the Inspector Panel to make the preview more or less blurry. This will make the preview blurry (hooray!) and add a Gauss Blur material to the Resources Panel. Start off by adding a "Gauss Blur" Post Effect in the Objects Panel. Blurring the background Adding the blurīlurring the background might actually be the easiest part of this lens. You can see an example of this type of effect by clicking here or by scanning the snapcode below.

#How can i blur the background in hypersnap how to#

We'll go over how to apply the blur to just the background, add a slider to let the user adjust the strength of the blur, as well as how you can layer post effects on top of the completed lens. In this Lens Studio tutorial we'll go over how to add an adjustable background blur (or "bokeh" as it is sometimes called, although it technically isn't bokeh in our case) to a lens.