{"id":2382,"date":"2021-05-08T14:51:12","date_gmt":"2021-05-08T14:51:12","guid":{"rendered":"https:\/\/nomadecrafts.com\/?p=2382"},"modified":"2025-03-24T18:43:28","modified_gmt":"2025-03-24T18:43:28","slug":"creer-un-filtre-realite-augmentee-pour-instagram","status":"publish","type":"post","link":"https:\/\/www.nomadecrafts.com\/fr\/make-an-ar-instagram-filter-for-your-business-card\/","title":{"rendered":"Concevoir un filtre de r\u00e9alit\u00e9 augment\u00e9e pour une carte de visite"},"content":{"rendered":"\n<figure class=\"wp-block-table is-style-regular tutorial-intro-table\"><table id=\"tutorial-table\" class=\"table-responsive-stack has-subtle-light-gray-background-color has-background\"><thead><tr><th>Time required<\/th><th>Complexity<\/th><th>Tools &amp; Supplies<\/th><\/tr><\/thead><tbody><tr><td><i class=\"fa fa-pull-left fa-clock fa-2x green-color\"> <\/i><p>30 minutes<\/p><\/td><td><i class=\"fa fa-pull-left fa-gears fa-2x green-color\"><\/i><p>Easy<\/p><\/td><td><i class=\"fa fa-pull-left fa-wrench fa-2x green-color\"><\/i><p>Free Softwares<\/p><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This idea started as it often does: I was working on a <a href=\"https:\/\/nomadecrafts.com\/watercolors-supply-clutch-bag\/\">completely different project<\/a> when I veered off-tracks after stumbling upon the work of an artist called <a href=\"https:\/\/www.youtube.com\/watch?v=HqFtUE0TqLA\">Catalina Villegas<\/a> on social media. She creates Instagram AR filters which bring the illustrations that she sells as stickers to life. AR is nothing new, I had an app that showcased that kind of effects on my brand new Sony smartphone in&#8230;2012. But discovering that a tool was available to easily make AR effects and then publish them on an ubiquitous platform such as Instagram really made it click for me.<\/p>\n\n\n\n<p>I then started thinking about what kind of use I could have of such a technology taking into account my personal and professional activities. I wish I was able to create <a href=\"https:\/\/www.youtube.com\/watch?v=WNFXUGQmdsM\">beautiful digital illustrations<\/a> and give them a new dimension by making them interactive but for the time being this is too far from my skill-set. So I settled on making a simple project that would somehow make sense for me: creating a filter that would play a 3D animation when the camera would be pointed to one of my business cards. I have a small etsy shop and I thought that it could be a fun way to nudge my customers into posting about it on social networks since they might be curious to try this AR filter once they receive their order along with my business card.<\/p>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-default\"\/>\n\n\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"requirements\">Requirements<\/h2>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"softwares\">Softwares<\/h3>\n\n\n\n<p>The following softwares have been used to create this project:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.blender.org\/\">Blender<\/a> to generate the animation of the text and export it frame by frame.<\/li><li><a href=\"https:\/\/inkscape.org\/\">Inkscape<\/a> for all the vector drawings.<\/li><li><a href=\"https:\/\/sparkar.facebook.com\/ar-studio\/\">Spark AR Studio<\/a> to create the AR filter.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"files\">Files<\/h3>\n\n\n\n<p>I uploaded all the project files to Google Drive.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"project-files-repository-s-structure\">Project files repository&#8217;s structure:<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/drive.google.com\/drive\/folders\/1KpOgc1EnpX5M37v5DVgnXWraOgVrx9-0?usp=sharing\">\/Spark AR Business Card Tutorial<\/a><ul><li><a href=\"https:\/\/drive.google.com\/drive\/folders\/1xitiXiqvCltd2BHWMRq8gFwVGGkqbBOp?usp=sharing\">\/Source files<\/a> &#8211; the vector drawings from which all the textures were derived.<ul><li>Animated_text.blend<\/li><li>Animated_text.svg<\/li><li>Moth_business_card_AR_mockup.svg<\/li><li>Moth_business_card.svg<\/li><li>Spark_AR_business_card_icon.svg<\/li><\/ul><\/li><li><a href=\"https:\/\/drive.google.com\/drive\/folders\/1NSuNjC6Eu-n3FVUoGs5Q9vNA6CU75LDM?usp=sharing\">\/Spark AR Studio Project files<\/a> &#8211; the project files of the completed filter as saved and organized by Spark AR Studio.<ul><li>\/textures<\/li><li>SparkARBusinessCard.arproj<\/li><\/ul><\/li><li><a href=\"https:\/\/drive.google.com\/drive\/folders\/111Oe55ORneupFTrmCXWXb-pEqXK_poju?usp=sharing\">\/Textures<\/a> &#8211; stricktly speaking, the only files necessary to complete this tutorial.<ul><li>\/Text animation Frames<\/li><li>Background.png<\/li><li>Body.png<\/li><li>Business_card_target_image.jpg<\/li><li>LeftWing.png<\/li><li>Moons.png<\/li><li>RightWing.png<\/li><li>Stars.png<\/li><\/ul><\/li><\/ul><\/li><\/ul>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"walk-through\">Walk-through<\/h2>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"designing-a-business-card-and-a-mockup-for-the-ar-animation\">Designing a Business Card and a Mockup for the AR Animation<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-zoooom\"><img loading=\"lazy\" decoding=\"async\" width=\"787\" height=\"614\" data-id=\"2385\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card.png\" alt=\"\" class=\"wp-image-2385\" srcset=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card.png 787w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card-680x531.png 680w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card-300x234.png 300w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card-768x599.png 768w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card-16x12.png 16w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card-500x390.png 500w\" sizes=\"auto, (max-width: 787px) 100vw, 787px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-style-zoooom\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"1004\" data-id=\"2386\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup.png\" alt=\"\" class=\"wp-image-2386\" srcset=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup.png 1004w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-700x700.png 700w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-100x100.png 100w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-680x680.png 680w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-300x300.png 300w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-150x150.png 150w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-768x768.png 768w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-12x12.png 12w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-500x500.png 500w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Moth_business_card_AR_mockup-800x800.png 800w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h3 class=\"wp-block-heading\" id=\"the-business-card\">The business card<\/h3>\n\n\n\n<p>The first task that you will need to complete will be to come up with your own business card design.<\/p>\n\n\n\n<p>For this tutorial we will be using a moth illustration that was designed by <a href=\"https:\/\/www.instagram.com\/huichen.art\/\">my talented friend Hui Chen<\/a>. Thank you Hui for letting us use your work!<\/p>\n\n\n\n<div class=\"custom-tip-box\"><i class=\"fa fa-info fa-2x\"> <\/i><p class=\"has-text-align-left\">Have a look at this article about the <a href=\"https:\/\/sparkar.facebook.com\/ar-studio\/learn\/articles\/world-effects\/best-practice-for-target-tracking#target-tracker-properties\">Best practices for target tracking in Spark AR Studio<\/a> to get a good understanding of what your business card design should look like to be easily recognized by the filter.<\/p><\/div>\n\n\n\n<p>Once you will be satisfied about your design, print it and snap a picture of the card. Indeed, I found that the target tracking will work better if you use a picture of the real world object that you want to track instead of its digital counterpart.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"mockup-of-the-ar-animation-preparation-of-the-visual-elements\">Mockup of the AR animation &amp; preparation of the visual elements<\/h3>\n\n\n\n<p>Next design a mockup of how you envision your AR animation as seen from above. It will help you organize and position the different elements of your scene on Spark AR Studio.<\/p>\n\n\n\n<p>Organize your main elements in different layers in the vector editor and export them as <strong>.png <\/strong>images with transparent background.<\/p>\n\n\n\n<p><strong>The animated text<\/strong>: turns out this proved to be one of the most troublesome parts of the project for me. In short, I designed the text&#8217;s stroke on Inkscape and loaded it on Blender in order to generate a frame by frame animation. If anyone would like more details about that process let me know in the comments and I might get around to writing a short tutorial about that.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"install-spark-ar-studio\">Install Spark AR Studio<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-style-zoooom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" data-id=\"2384\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-1024x556.png\" alt=\"\" class=\"wp-image-2384\" srcset=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-1024x556.png 1024w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-680x369.png 680w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-300x163.png 300w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-768x417.png 768w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-1536x834.png 1536w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-16x9.png 16w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-500x271.png 500w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-800x434.png 800w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR-1280x695.png 1280w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Download_Spark_AR.png 1898w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>Head to the <a href=\"https:\/\/sparkar.facebook.com\/ar-studio\/download\/\">download page of Spark AR Studio<\/a>, download the installation file and follow the instructions to install the program.<\/p>\n\n\n\n<div class=\"custom-warning-box\"><i class=\"fa fa-exclamation fa-2x\"> <\/i><p class=\"has-text-align-left\">A Facebook account is required to work with this program.<\/p><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-new-project\">Create a New Project<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 4\" width=\"1220\" height=\"915\" src=\"https:\/\/www.youtube.com\/embed\/_A6BaYpzVAo?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Once you managed to launch and login to Spark AR Studio, create a new project by clicking <strong>Create New<\/strong> -&gt; <strong>New Project<\/strong> -&gt; <strong>Target Tracking<\/strong>.<\/p>\n\n\n\n<div class=\"custom-warning-box\"><i class=\"fa fa-exclamation fa-2x\"> <\/i><p class=\"has-text-align-left\">This software is quite buggy and unstable so you may want to save your project right away and remember to periodically save after you made any significant progress.<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"import-the-textures-to-the-project\">Import the Textures to the Project<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 5\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/R62aCdtzcwI?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Remember the scene elements that we saved as .png earlier? We need to load them as <strong>Textures <\/strong>so that we can use them within our project.<\/p>\n\n\n\n<p>To quote the documentation of the software:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>A texture is an image file used to help define the appearance of an object in your scene. You can apply one or more textures to a material, then apply the material to an object.<\/p><\/blockquote>\n\n\n\n<p>In the <strong>Assets panel <\/strong>on the bottom left corner of the window, click on <strong>Import From Computer<\/strong> and load all the files in the <strong>Textures<\/strong> folder of the Google Drive repository, except the content of \/Text animation frames (for now).<\/p>\n\n\n\n<p>Then select <strong>all the newly imported textures<\/strong> except for Background and Business_card_target_image. On the <strong>Texture panel <\/strong>to your right in the <strong>Compression sub-panel, <\/strong>set all three compression options to <strong>None<\/strong>. We do this because the images are already lite enough, and the program&#8217;s compression module has a tendency to get stuck forever using way too many CPU and GPU resources for no clear reason.<\/p>\n\n\n\n<p>Now to import the frames of the text animation. Once again I have to use a workaround to avoid getting stuck waiting forever for the compression module to (not) do its work. At the bottom right of the <strong>Assets panel<\/strong>, click on <strong>+ Add Asset <\/strong>-&gt; <strong>Import<\/strong> -&gt; <strong>From Computer<\/strong>. Load all the images of the <strong>\/Text animation frames<\/strong> folder, one half at a time. I have to do this to avoid crashing the program&#8230;There is a Texture Animation import option which would be more convenient to use if it didn&#8217;t&#8230; crash the program.<\/p>\n\n\n\n<p>Once the 50 frames are imported, select them all and change the <strong>Type<\/strong> to <strong>Texture Sequence<\/strong> at the top of the <strong>Texture panel.<\/strong><\/p>\n\n\n\n<p>Set the compression to <strong>None <\/strong>for all three compression options as we did with the other textures.<\/p>\n\n\n\n<p>Finally we need to create another type of object to work with our animation. In the <strong>+ Add Asset<\/strong> menu, select <strong>Animation Sequence<\/strong>. In the panel that opened on your right, click on the <strong>drop-down arrow<\/strong> in front of <strong>Texture <\/strong>and select the <strong>texture sequence<\/strong> that we just created.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"create-the-materials\">Create the Materials<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 6\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/Iy9TRY1s-n0?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>To create the required materials, click on <strong>+ Add Asset<\/strong> -&gt; <strong>Material<\/strong>. We&#8217;re going to need 7 of those so go ahead and duplicate it <strong>6<\/strong> times with <strong>CTRL + D.<\/strong><\/p>\n\n\n\n<p>Give all the materials a more meaningful name. Now we have to set a few parameters on each of them.<\/p>\n\n\n\n<p>Select all the materials except for the Background.<\/p>\n\n\n\n<p>On the <strong>Material panel <\/strong>on your right select <strong>Double Sided<\/strong> in the <strong>Render Options<\/strong> sub-panel. This is so that our textures are visible if viewed from the underneath as well &#8211; something that will be especially relevant for the wings and the moth&#8217;s body since they will be hovering in the air.<\/p>\n\n\n\n<p>In the <strong>Advanced Render option<\/strong> sub-panel, untick <strong>Write to Depth<\/strong>. This will allow the transparent background of our textures to really disappear and not interfere with each other when we will be working with planes later on.<\/p>\n\n\n\n<p>Then select the relevant <strong>Texture <\/strong>for each material in the <strong>Shader Properties<\/strong> sub-panel.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"add-the-texture-to-the-target-tracker\">Add the Texture to the Target Tracker<\/h3>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 7\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/yfLp0swJmF8?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Now we need to give a target to our Target Tracker &#8211; the module of the program that is in charge of locating the real world object that will trigger the animation and give it information about the plane it should be oriented on.<\/p>\n\n\n\n<p>Select <strong>fixedTargetTracker0 <\/strong>in the <strong>Scene <\/strong>panel at your top left and in the <strong>Target Tracker<\/strong> menu on your right select <strong>Business_card_target_image<\/strong> as the <strong>Texture<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"create-the-planes-for-the-elements-of-the-scene\">Create the Planes for the Elements of the Scene<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 8\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/A8mW8o82dH0?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The first thing we&#8217;re gonna do is to switch from a 3D to a 2D view of our scene by changing the <strong>Mode<\/strong>.<\/p>\n\n\n\n<p>Next <strong>Right Click<\/strong> on <strong>fixedTargetTracker0<\/strong> to <strong>Add <\/strong>a new <strong>Plane<\/strong> to the scene.<\/p>\n\n\n\n<p>Use <strong>CTRL + D <\/strong>to <strong>duplicate <\/strong>this plane <strong>6 times<\/strong> in order to end up with 7 planes.<\/p>\n\n\n\n<p>Rename the planes reflecting all the elements that will be included in our scene.<\/p>\n\n\n\n<p>In the <strong>Plane panel <\/strong>on your right, add the relevant <strong>Material <\/strong>to each plane.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"scale-and-position-the-planes\">Scale and Position the Planes<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 9\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/U7i3foCwp9o?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Now that our planes have been textured, we need to adjust them to give the elements of our scene their proper dimensions and positions. To do so we are going to work one plane at a time.<\/p>\n\n\n\n<p>So start by selecting all the planes except the first one you will work with (in that case Stars) and make them <strong>hidden<\/strong> by unticking <strong>Visible<\/strong>.<\/p>\n\n\n\n<p>Use the target image as a reference to <strong>scale <\/strong>and <strong>re-position<\/strong> the stars until they somehow match the background. When you are done, set the visibility of the Stars plane to hidden and move on to another plane. Repeat this operation with all the planes except for the Background and TextAnimation.<\/p>\n\n\n\n<p>Once you are satisfied, reveal all the planes you have been working on as well as the Background. Select the <strong>Background <\/strong>plane and <strong>scale <\/strong>it to the desired dimensions &#8211; ideally you probably want to it completely cover the target image.<\/p>\n\n\n\n<p>Then make the <strong>TextAnimation<\/strong> visible and once again scale it back to its original proportions and position it appropriately.<\/p>\n\n\n\n<p>The moth now seems a bit small compared to the background. Indeed, we scaled the moth using the target image as a reference but made the background bigger than the business card. Thus our proportions are not really true to the mockup anymore.<\/p>\n\n\n\n<p>To solve this, we want to scale everything except for the background in a consistent way. We will achieve this by encompassing all those elements in a <strong>Null Container<\/strong>, and <strong>scaling <\/strong>this container instead of all the individual planes.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"animate-the-text\">Animate the Text<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 10\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/0WltiJV7Vmc?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Right Click<\/strong> on <strong>fixedTargetTracker0 <\/strong>and choose <strong>Create Patch<\/strong>. This will open-up the <strong>patch editor<\/strong>.<\/p>\n\n\n\n<p><strong>Right Click<\/strong> in the patch editor and add an <strong>Animation <\/strong>patch. <strong>Connect <\/strong>the <strong>Found <\/strong>connector of the <strong>fixedTargetTracker <\/strong>patch to the <strong>Play <\/strong>connector of the <strong>Animation <\/strong>patch. This will make it so that the text animation starts playing when the AR filter is enabled because the target image has been found.<\/p>\n\n\n\n<p>Doing that will automatically add a Pulse patch in between. Connect the <strong>Turned off <\/strong>connector of the <strong>Pulse <\/strong>patch to the <strong>Reset <\/strong>connector of the <strong>Animation <\/strong>patch. This is so that when the camera moves out of the way of the target image, the text animation is re-set and can be played again when the target is found anew.<\/p>\n\n\n\n<p>Add an <strong>Frame Transition <\/strong>patch and connect its <strong>Progress <\/strong>connector to its counterpart from the <strong>Animation <\/strong>patch. Set the <strong>number of frames = 51<\/strong>.<\/p>\n\n\n\n<p>Select the <strong>TextAnimationSequence <\/strong>to open up the <strong>Animation Sequence panel<\/strong> on your right. Click on the <strong>arrow<\/strong> preceding <strong>Current Frame <\/strong>to add a new patch that will allow us to interact with the frame being shown in the scene. <strong>Connect <\/strong>this patch to the available connector of the <strong>Frame Transition <\/strong>patch.<\/p>\n\n\n\n<div class=\"custom-tip-box\"><i class=\"fa fa-info fa-2x\"> <\/i><p class=\"has-text-align-left\">You can control the speed of the animation by tinkering with the Duration parameter of the Animation patch.<\/p><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"animate-the-wings\">Animate the Wings<\/h3>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 11\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/fKk9epeJQ54?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Select each wing consecutively and make sure that their <strong>position <\/strong>on the <strong>Z-axis<\/strong> is <strong>0<\/strong>.<\/p>\n\n\n\n<p>To make the the wings flap is not difficult. We simply need to add a rotation animation in the Y-Axis on both of the wings objects. However applying such an effect on the wing object directly would not work. Indeed the center of mass of the object is located in the middle of the wing thus if we were to rotate it it would rotate from the center. What we need is for it to rotate from the part of the edge of the wing, the one in contact with the body. I hope I&#8217;m kinda making sense here&#8230;<\/p>\n\n\n\n<p>So we need to find a way to somehow shift the center of mass of the wing objects. To do this, we are going to use Null Objects which will automatically be created with a center of mass centered on the middle of the scene. Those Null Objects will hold the wings objects and the rotation will be applied to the Null Object themselves. Let&#8217;s do it!<\/p>\n\n\n\n<p><strong>Right click<\/strong> on the <strong>Container <\/strong>and <strong>Add <\/strong>a <strong>Null Object<\/strong> inside it. Rename it to RightWingContainer and <strong>duplicate <\/strong>it with <strong>CTRL + D<\/strong>. Rename the duplicate LeftWingContainer. Select the <strong>wing objects<\/strong> and <strong>drag&amp;drop<\/strong> them into their respective <strong>Null Object containers<\/strong>.<\/p>\n\n\n\n<p>In the <strong>Patch editor<\/strong>, <strong>Right click<\/strong> and add a <strong>Loop Animation<\/strong> patch. Set the <strong>duration = 2<\/strong> and tick the <strong>Mirrored<\/strong> checkbox (this is so that the animation loops seamlessly and doesn&#8217;t start again from the beginning at the end of a wing flap. With Mirrored on, the wing will start flapping backward after reaching the upper limit of an upward flap).<\/p>\n\n\n\n<p>Next add a <strong>Transition<\/strong> patch and <strong>duplicate<\/strong> it. Link the <strong>Progress <\/strong>connector of the <strong>Loop Animation<\/strong> patch to their counterparts on both <strong>Transition<\/strong> patches.<\/p>\n\n\n\n<p>Fill in the parameters of the Transition patches like so:<\/p>\n\n\n\n<p class=\"has-text-align-center\">[0, -40, 0,<\/p>\n\n\n\n<p class=\"has-text-align-center\">0, 35, 0]<\/p>\n\n\n\n<p class=\"has-text-align-center\">[0, 40, 0,<\/p>\n\n\n\n<p class=\"has-text-align-center\">0, -35, 0]<\/p>\n\n\n\n<p>Select the <strong>RightWingContainer <\/strong>and on the <strong>Null Object panel<\/strong> on your left click on the <strong>arrow <\/strong>preceding <strong>Rotation<\/strong>. This will add a patch to the patch editor so that we can interact with those values. Connect the <strong>Value <\/strong>connector of the top-most <strong>Transition <\/strong>patch to the connector of the <strong>RightWingContainer <\/strong>patch newly created.<\/p>\n\n\n\n<p>Repeat the operation with the <strong>LeftWingContainer<\/strong> and the bottom-most Transition patch.<\/p>\n\n\n\n<p>At the point you should see both your wings start to flap! Now we just need to move the moth along the Z-axis to a position that makes more sense. Tinker with the <strong>Position<\/strong> on the <strong>Z-axis<\/strong> of the <strong>RightWingContainer<\/strong>, <strong>LeftWingContainer<\/strong> and <strong>Body <\/strong>objects until you reach a result that pleases you.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"preview-the-result\">Preview the Result<\/h3>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 12\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/7Jw5_jl9wZE?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" data-id=\"2387\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-473x1024.jpg\" alt=\"\" class=\"wp-image-2387\" srcset=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-473x1024.jpg 473w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-680x1473.jpg 680w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-138x300.jpg 138w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-768x1664.jpg 768w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-709x1536.jpg 709w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-945x2048.jpg 945w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-6x12.jpg 6w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-500x1083.jpg 500w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store-800x1733.jpg 800w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182505_Google-Play-Store.jpg 1080w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" data-id=\"2388\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-473x1024.jpg\" alt=\"\" class=\"wp-image-2388\" srcset=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-473x1024.jpg 473w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-680x1473.jpg 680w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-138x300.jpg 138w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-768x1664.jpg 768w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-709x1536.jpg 709w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-945x2048.jpg 945w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-6x12.jpg 6w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-500x1083.jpg 500w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550-800x1733.jpg 800w, https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Screenshot_20210507-182550.jpg 1080w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"632\" data-id=\"2389\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Spark_AR_business_card_demo.gif\" alt=\"\" class=\"wp-image-2389\"\/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>You&#8217;ll need to download the <strong>Spark AR Player<\/strong> app on your phone first.<\/p>\n\n\n\n<p>When your phone will be connected to your computer, you&#8217;ll see a little blue dot added to the phone icon at the bottom left of Spar AR Studio. Click on it and choose <strong>Send<\/strong> to your device.<\/p>\n\n\n\n<p>Point your camera to the business card you printed earlier and enjoy!<\/p>\n\n\n\n<p>At that point use the App on your phone to shoot a video of the effect as we will need it for the next step.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"publish-the-ar-filter-to-facebook-or-instagram\">Publish the AR Filter to Facebook or Instagram<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"AR Business card tutorial - Step 13\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/bEetekXuMV8?list=PLUnnB3znJJCim250YS8K5BDQ6GARD7uYe\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Click on the <strong>Publish<\/strong> arrow icon below the Preview icon at the bottom left corner. This will package your project, upload it and redirect you the <strong>Spark AR Hub<\/strong>&#8216;s webpage.<\/p>\n\n\n\n<p>Follow these steps to successfully publish your filter:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Choose a <strong>name <\/strong>for the filter.<\/li><li>Choose a <strong>platform <\/strong>you wish to publish on &#8211; either Instagram and\/or Facebook.<\/li><li>Choose a <strong>category<\/strong> for your filter and add some keywords if you wish to make it easy for people to find in the filters search engine.<\/li><li>This is where the video that we saved during the last step is useful. Upload the <strong>demo video<\/strong> of your filter.<\/li><li>Choose an <strong>icon <\/strong>for your filter.<\/li><li>Write a quick <strong>description <\/strong>explaining what&#8217;s happening in your filter and how to use it to help with the review process.<\/li><li>Hit <strong>Submit<\/strong> in the top right corner.<\/li><li>Wait for the <strong>review<\/strong> process to be completed.<\/li><\/ol>\n\n\n\n<div class=\"custom-warning-box\"><i class=\"fa fa-exclamation fa-2x\"> <\/i><p class=\"has-text-align-left\">You may want to check the <a href=\"https:\/\/sparkar.facebook.com\/ar-studio\/learn\/publishing\/spark-ar-review-policies#part-3-ar-content-standards\">Spark AR Policies<\/a> before you submit for review. My first attempt was denied because my website&#8217;s address was visible on the demo video.<\/p><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\" id=\"final-result\">Final result<\/h3>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"674\" data-id=\"2392\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Spark_AR_NomadeCrafts_businesscard_demo.gif\" alt=\"\" class=\"wp-image-2392\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"1011\" data-id=\"2393\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Spark_AR_postcard_demo.gif\" alt=\"\" class=\"wp-image-2393\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"650\" data-id=\"2390\" src=\"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Spark_AR_business_card_filter_demo.gif\" alt=\"\" class=\"wp-image-2390\"\/><\/figure>\n<\/figure>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p>I will leave you on a demo of the filters that I have been working with until now.<\/p>\n\n\n\n<p>The first one is the one I created for my own business card, the second one is the first test I made using one of the <a href=\"https:\/\/nomadecrafts.com\/8-flower-collage-postcards-templates\/\">postcards I make with dried flower petals<\/a> and the third is the filter created for this tutorial.<\/p>\n\n\n\n<p>I hope you enjoyed following along this tutorial. <\/p>\n\n\n\n<p>As always, please feel free to share any feedback about this tutorial or any project idea you&#8217;d like to see posted here. <\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"footnotes\">Footnotes<\/h2>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<p>The following online content provided some assistance and\/or inspiration during the making of this project:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nm-wp-video-wrap nm-wp-video-wrap-youtube\"><iframe loading=\"lazy\" title=\"Art Process - Augmented Reality Instagram Filter for Illustration Print\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/HqFtUE0TqLA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nm-wp-video-wrap nm-wp-video-wrap-youtube\"><iframe loading=\"lazy\" title=\"TUTORIAL Spark AR | Ilustraci\u00f3n en Realidad Aumentada | Beatriz Ramo \u201cNaranjalidad\u201d | Domestika\" width=\"1220\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/WNFXUGQmdsM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/10000000_138550334859222_3445501330047620835_n.mp4?_nc_cat=105&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=yW1DZ2EdQGAAX-7r3la&amp;_nc_ht=cdn.fbsbx.com&amp;oh=825eaa95ccdbae7ccd5c61d0a32c29a8&amp;oe=6098879E\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/ig\/elenazecchin.art\/<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/10000000_474440246861522_8503895346488218719_n.mov?_nc_cat=105&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=dB2mQ77mZrAAX_LNcZS&amp;_nc_ht=cdn.fbsbx.com&amp;oh=e2e4a98329fbc0595954554f2eb01b87&amp;oe=609826E5\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/fb\/robotnicc\/<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/100800603_252030269200883_2860811289901400064_n.mov?_nc_cat=106&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=DEEzGgJtPFIAX8ozVhI&amp;_nc_ht=cdn.fbsbx.com&amp;oh=7912ff16ef860b91865dae1ba39aafa4&amp;oe=60988F1B\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/fb\/cinqueurochallenge\/<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/100413774_189439612233567_4233427196401680384_n.mov?_nc_cat=100&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=0vjfHZkarlkAX_TBavQ&amp;_nc_ht=cdn.fbsbx.com&amp;oh=7854105f7042d2b0c7fba8ddb245caab&amp;oe=60985512\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/fb\/cinqueurochallenge\/<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/100580273_3078597822261842_5343708428902596608_n.mov?_nc_cat=108&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=na7vhL3bVEoAX-hp4jX&amp;_nc_ht=cdn.fbsbx.com&amp;oh=6d6eea7bfd4238fbe7b3b4b77eb9c5cb&amp;oe=60984D3D\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/fb\/cinqueurochallenge\/<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/cdn.fbsbx.com\/v\/t65.23977-21\/10000000_401080994411666_9176674474280831652_n.mov?_nc_cat=108&amp;ccb=1-3&amp;_nc_sid=56eb5b&amp;_nc_ohc=LKVP70EDePIAX8T0Wsb&amp;_nc_ht=cdn.fbsbx.com&amp;oh=149e94ceb2f1dc0c124894be17d4cee6&amp;oe=60983902\"><\/video><figcaption>https:\/\/www.facebook.com\/sparkarhub\/portfolios\/934869913719072\/effects\/292882838652535\/<\/figcaption><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Temps requis Complexit\u00e9 Outils et fournitures 30 minutes Facile Logiciels gratuits Cette id\u00e9e est n\u00e9e comme souvent\u00a0: je travaillais sur un projet compl\u00e8tement diff\u00e9rent lorsque j&#039;ai d\u00e9raill\u00e9 apr\u00e8s \u00eatre tomb\u00e9 sur le travail d&#039;une artiste appel\u00e9e Catalina Villegas sur les r\u00e9seaux sociaux. Elle cr\u00e9e des filtres Instagram AR qui apportent les illustrations qu&#039;elle\u2026<\/p>","protected":false},"author":1,"featured_media":2411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[12],"tags":[88,89,87,91,90],"class_list":["post-2382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-making-of","tag-augmented-reality","tag-business-card","tag-digital-art","tag-instagram-filter","tag-spark-ar-studio"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Make an AR Instagram filter for your business card<\/title>\n<meta name=\"description\" content=\"Follow along this tutorial and create an augmented reality Instagram filter to bring your business card or any illustration to life!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nomadecrafts.com\/fr\/creer-un-filtre-realite-augmentee-pour-instagram\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make an AR Instagram filter for your business card\" \/>\n<meta property=\"og:description\" content=\"Follow along this tutorial and create an augmented reality Instagram filter to bring your business card or any illustration to life!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nomadecrafts.com\/fr\/creer-un-filtre-realite-augmentee-pour-instagram\/\" \/>\n<meta property=\"og:site_name\" content=\"NomadeCrafts\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-08T14:51:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-24T18:43:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"1406\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"nomadecraftsanddreams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"nomadecraftsanddreams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/\"},\"author\":{\"name\":\"nomadecraftsanddreams\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#\\\/schema\\\/person\\\/231c4c4f4c489808b9032fba9b18a9ad\"},\"headline\":\"Make an AR Instagram filter for your business card\",\"datePublished\":\"2021-05-08T14:51:12+00:00\",\"dateModified\":\"2025-03-24T18:43:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/\"},\"wordCount\":2986,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.nomadecrafts.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Featured_img_wp.png\",\"keywords\":[\"Augmented reality\",\"Business card\",\"Digital art\",\"Instagram filter\",\"Spark AR Studio\"],\"articleSection\":[\"Making-of\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/\",\"url\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/\",\"name\":\"Make an AR Instagram filter for your business card\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.nomadecrafts.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Featured_img_wp.png\",\"datePublished\":\"2021-05-08T14:51:12+00:00\",\"dateModified\":\"2025-03-24T18:43:28+00:00\",\"description\":\"Follow along this tutorial and create an augmented reality Instagram filter to bring your business card or any illustration to life!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.nomadecrafts.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Featured_img_wp.png\",\"contentUrl\":\"https:\\\/\\\/www.nomadecrafts.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/Featured_img_wp.png\",\"width\":2500,\"height\":1406},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/make-an-ar-instagram-filter-for-your-business-card\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.nomadecrafts.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Make an AR Instagram filter for your business card\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#website\",\"url\":\"https:\\\/\\\/www.nomadecrafts.com\\\/\",\"name\":\"Nomade Crafts&Dreams\",\"description\":\"Your Leathercraft Haven: Patterns, Tutorials, and Inspiration\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.nomadecrafts.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#organization\",\"name\":\"Nomadecraftsanddreams\",\"url\":\"https:\\\/\\\/www.nomadecrafts.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nomadecrafts.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Nomade_logo_draft_bold.svg_.png\",\"contentUrl\":\"https:\\\/\\\/nomadecrafts.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Nomade_logo_draft_bold.svg_.png\",\"width\":1000,\"height\":1000,\"caption\":\"Nomadecraftsanddreams\"},\"image\":{\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/nomadecraftsanddreams\\\/\",\"https:\\\/\\\/www.pinterest.es\\\/nomadecraftsanddreams\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCKbAvDv7gdbmYTozbI-FCGg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.nomadecrafts.com\\\/#\\\/schema\\\/person\\\/231c4c4f4c489808b9032fba9b18a9ad\",\"name\":\"nomadecraftsanddreams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g\",\"caption\":\"nomadecraftsanddreams\"},\"sameAs\":[\"https:\\\/\\\/nomadecraftsanddreams.digitaljunky.io\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Concevoir un filtre de r\u00e9alit\u00e9 augment\u00e9e pour une carte de visite","description":"Suivez ce tutoriel et cr\u00e9ez un filtre Instagram de r\u00e9alit\u00e9 augment\u00e9e pour donner vie \u00e0 votre carte de visite ou \u00e0 toute illustration !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nomadecrafts.com\/fr\/creer-un-filtre-realite-augmentee-pour-instagram\/","og_locale":"fr_FR","og_type":"article","og_title":"Make an AR Instagram filter for your business card","og_description":"Follow along this tutorial and create an augmented reality Instagram filter to bring your business card or any illustration to life!","og_url":"https:\/\/www.nomadecrafts.com\/fr\/creer-un-filtre-realite-augmentee-pour-instagram\/","og_site_name":"NomadeCrafts","article_published_time":"2021-05-08T14:51:12+00:00","article_modified_time":"2025-03-24T18:43:28+00:00","og_image":[{"width":2500,"height":1406,"url":"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png","type":"image\/png"}],"author":"nomadecraftsanddreams","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"nomadecraftsanddreams","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#article","isPartOf":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/"},"author":{"name":"nomadecraftsanddreams","@id":"https:\/\/www.nomadecrafts.com\/#\/schema\/person\/231c4c4f4c489808b9032fba9b18a9ad"},"headline":"Make an AR Instagram filter for your business card","datePublished":"2021-05-08T14:51:12+00:00","dateModified":"2025-03-24T18:43:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/"},"wordCount":2986,"commentCount":2,"publisher":{"@id":"https:\/\/www.nomadecrafts.com\/#organization"},"image":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png","keywords":["Augmented reality","Business card","Digital art","Instagram filter","Spark AR Studio"],"articleSection":["Making-of"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/","url":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/","name":"Concevoir un filtre de r\u00e9alit\u00e9 augment\u00e9e pour une carte de visite","isPartOf":{"@id":"https:\/\/www.nomadecrafts.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#primaryimage"},"image":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png","datePublished":"2021-05-08T14:51:12+00:00","dateModified":"2025-03-24T18:43:28+00:00","description":"Suivez ce tutoriel et cr\u00e9ez un filtre Instagram de r\u00e9alit\u00e9 augment\u00e9e pour donner vie \u00e0 votre carte de visite ou \u00e0 toute illustration !","breadcrumb":{"@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#primaryimage","url":"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png","contentUrl":"https:\/\/www.nomadecrafts.com\/wp-content\/uploads\/2021\/05\/Featured_img_wp.png","width":2500,"height":1406},{"@type":"BreadcrumbList","@id":"https:\/\/www.nomadecrafts.com\/make-an-ar-instagram-filter-for-your-business-card\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nomadecrafts.com\/"},{"@type":"ListItem","position":2,"name":"Make an AR Instagram filter for your business card"}]},{"@type":"WebSite","@id":"https:\/\/www.nomadecrafts.com\/#website","url":"https:\/\/www.nomadecrafts.com\/","name":"Nomade Crafts&amp;Dreams","description":"Votre paradis du travail du cuir : mod\u00e8les, tutoriels et inspiration","publisher":{"@id":"https:\/\/www.nomadecrafts.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nomadecrafts.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.nomadecrafts.com\/#organization","name":"Nomadecraftsanddreams","url":"https:\/\/www.nomadecrafts.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.nomadecrafts.com\/#\/schema\/logo\/image\/","url":"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2020\/11\/Nomade_logo_draft_bold.svg_.png","contentUrl":"https:\/\/nomadecrafts.com\/wp-content\/uploads\/2020\/11\/Nomade_logo_draft_bold.svg_.png","width":1000,"height":1000,"caption":"Nomadecraftsanddreams"},"image":{"@id":"https:\/\/www.nomadecrafts.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/nomadecraftsanddreams\/","https:\/\/www.pinterest.es\/nomadecraftsanddreams\/","https:\/\/www.youtube.com\/channel\/UCKbAvDv7gdbmYTozbI-FCGg"]},{"@type":"Person","@id":"https:\/\/www.nomadecrafts.com\/#\/schema\/person\/231c4c4f4c489808b9032fba9b18a9ad","name":"nomadecraftsanddreams","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cb5b5ed810261bceb4dd90f6aff70e07656ef8e9ca59dce9588296ecbd41b5b0?s=96&d=mm&r=g","caption":"nomadecraftsanddreams"},"sameAs":["https:\/\/nomadecraftsanddreams.digitaljunky.io"]}]}},"_links":{"self":[{"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/posts\/2382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/comments?post=2382"}],"version-history":[{"count":0,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/posts\/2382\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/media\/2411"}],"wp:attachment":[{"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/media?parent=2382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/categories?post=2382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nomadecrafts.com\/fr\/wp-json\/wp\/v2\/tags?post=2382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}