![]() Type this web address on your phone web browser or scan the QR code in the editor to view the project in web augmented reality. Project coverĪlmost done, now in the ‘publish settings‘ tab, choose a cover background, press the ‘ save cover’ button.Ībove the QR code, you can see the public link to you scene, in this case: (yours will be different). When users will touch the button, they will be redirected the his web address. Download your new image as a PNG file with a transparent background to save, share, or keep editing. Upload your image to automatically remove the background in an instant. Choose ‘open webpage’, set as the web address. For best results, choose an image where the subject has clear edges with nothing overlapping. Note that the animation is not visible on the editor, but only when viewing the scene on your phone or in the simulator.Ĭlick on “set an action”, to open the action editor. Let’s bring attention to this button by adding a pulse animation. The buttonįinally, import the ‘play-now.png’ image, add it to the composition, and set its shape to circle, to make a nice rounded shape. Import the ‘Little XR’ logo and place it on the top left area of the composition. One by one, import the 4 screenshots images and place them at the back of the composition. Now import the ‘creature.png’ image, This image is a transparent png, so no need to set a key color.Īdd it to the composition, scale it down a bit, and move it a bit in front and a bit down. Open the library to add it one more time to the composition and place it in the center, then add it one last time and place it a bit to the right. You can use the rotation tool to give it a nice little angle. Now that the transparency is setup, scale down a bit the element on the composition and place it to a bit on the left. Turn on ‘color keying’, and as a key color, choose the same gray as the one around the white shape. For best results, choose an image where the subject has clear edges with nothing overlapping it. To do so, we need to set the transparency of this image, so only the white shape is visible. There’s a gray area all around the white octogon, let’s hide it. Next, reopen the library and import the ‘octogon.png’ image and add it to the composition. and import the image ‘bg gradient.png’, then click on “add to composition”. Import the first imageĬlick “import a file”. Of course you can also use your own images. You can download all the images used in this composition here: tutorial-composition.zip. We are going create a simple composition that will look like this when finished. If you don’t have yet an xr.plus account, create one This tutorial is about making a composition from images, if you’re looking for the 3D model tutorial, go here Let’s have a simple step by step tutorial on making a web AR scene from images.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |