Crafting Cutting-Edge AR Business Cards

1. 1 2 Introduction: If I've thought about how a symbol card can make or break your first impression. It's time to turn into stores, into dynamic, embracing experience. Welcome to Beyond Paper Crafting, Cutting-Edge AR, Business Cards. This course, your business card is no longer piece of paper. Instead it comes alive, offering interactive details, memorable visuals, and even virtual handshakes. Deep dive with us as we guide you from basics of what they are sign-ups to intervene, you are codes with Augmented Reality. You'll not only learn to create, you will craft to impress. By the end, you will be equipped with the skills to redefine it working for the Digital Age. So are you ready to elevate your first impression from a fleeting glands to a lasting digital experience. Come join us in this course. This is achraf from educational engineering team 2. 3 How to Sign Up on Web AR: Hello and welcome this new video in which we are going to explain the upside we are using to help you get your first Augmented Reality card. They'll type is called my Web AR, hate to my web.com or visit the link and this video description, and then click on create a free account in the middle of the screen. Now you will see this list. Here. You can write your first name and your last name. You can write your email address. And at the end you have I your password twice. Then head I had read and agree to the privacy policy and dental service. But in my case, I usually like to Sign in with or sign up with my Google account so that I don't have to remember a lot of passwords. So simply if you have a Gmail account, you can simply click Google here. And it will direct you to choose the account that you want to sign up with. And in my case, or use this account. And once redirected to the upside, the magic starts happening. Now, we dashboard, this is called the dashboard of my Augmented Reality application. It will take few seconds to load. But after that, you should be good to go. And as you can see, this is user interface. Now, here they are asking you for some information, whether you're planning to use the service for personal use or business, or the payoff for clients. Now we will use it for personal use. Click Next, and then, what is your ball? You can choose any of these. I'm an educator. And the last thing you have experience, I do have experience. So click Submit. They use this information to make sure that there are sending e-mails and tutorials for you and your inbox. Now, as you can see, you will see their plans. We will work with the free bland. But if you enjoyed the service and you are looking to use it as a freelancer, you can easily choose any of the other plants. But the free plan for now works efforts. So let's choose the free plan. Click Get Started. And you will see this user interface. Now, what we saw, that messages and the form will only appear once, once you create account. And then you will be able to use the dashboard. In order to get a new project. You can simply click the plus sign here, which Create New Project. One, you can go up here and click create new projects on the upper right corner. Now, you can visit your projects from the left sidebar. Click my projects to see all of your projects. And here you can learn how to use the software. You're having some news about it on the left bar. All you can see that in place. Now we will come to templates and a second. But for now let's take a quick look at the other elements and they user interface. Now we have the storage option in which you can easily see all files you have uploaded to the server. And as a free account you have 100 mb of storage space. Now, we also have the plans if you decided to go with the problem. Now, we also have a Settings button right here in which you can see your name, your email, your language, and your privacy and security information. You can even see the gun plan limits phi projects, 100 mb storage, 500 views. And this is that vehicle plan. You can upgrade it or you can connect your Sketchfab account right here. Now here we have a digital assistant that you can ask any questions you want. And here you can hide it and show it. By clicking this blue button. Here you will see all the shortcuts that we talked about earlier. Now in the next lesson, we will start creating our first new project. But that's it for this lesson 3. 4 Create AR Card with QR Code: Hello and welcome to this in your video. And Y2 are going to create our first project using my width. Now, the first step is symbol head to my with a good com, sign-in with your account. We already taught you how to create a new account. And once you are inside your account, click my projects, then click create new projects. Now, this will give you options, as you can see here, most popular types, lot image around a curve image or Real-World, so on. Now, as you can see, what we are looking for here and what I'm teaching you in this video series is how to create a QR code. Basically, I'm teaching with this in order to create your own card with a QR code that people can scan and no learn information about you from this QR code. So we will go with this. They are on a QR code. Once you click on it, there will be redirected to the screen. This is that you are god, that you are going to use. And once people scan this with their camera, they will be able to see the Augmented Reality experience related to you. Now, as you can see, this is our scene or the place where we will place everything as fast. It's like a plan. We will add things here and there will be added in 3D. So let's say that we want to add a simple texts. Your name. So click here and choose any of these, and you can then edit the colors and everything. So I would like educational engineering and Choose Click ads and start moving it to direct. After adding it. I figured that I don't like the fact that it's written like this, so I will edit the text. I would increase the size. So let's edit text size, the height of the pivotal. You can even enable them to make it look 3D. Now. You can edit the color. I'm making it flat, as you can see. Now, this is the first item that we have added to the rest. Now you can even scale it as you can see to make it more readable. And now we have added our name. Now, the next step is adding an action. Now you can add an action. So if someone clicked here, there will be redirected to our website, but I will add all site icon down here. So let's see how things will not cross. So let's add another thing and an image. In here, you will see a lot of options. You will see stickers. As you can see. You will see N6, you will see Animals, characters, and so on. So basically you can choose whatever you want. All you can simply download the picture from an online resource and upload it here. Now, what I do prefer is using icons like a call me, text me Icon, visit my website. I will go and download these icons and PNG and upload them here. They have a nice feature which is Generate with AI, in which you can easily generate an image with AI that match your needs. But for now, we will use the Upload button. So let's go ahead and write iPhone for me, dot PNG. Now this will give us iPhones. As you can see. This is the call us the SEC or loss. I'm making a business card and you can choose it colored or without a color. So I will go with this one that's opened sides. Now if you had a problem downloading icon, you can leave us a message and that'll be more than happy to help you. This is the icon that we are looking for. And as you can see, you can click here to download it. But they want us to jump, want us to resistor, resistor will download it and 3-to-1 That's it. Now and have beyond GI on our downloads folder. Now click Upload, upload again and go to downloads and choose that. This is it. This is our icon. And you can remove the background. This is a cool feature, but I will not. So click Next. Now, drag it here. And we can scale it down a little bit because I've seen, I can see that it's celebrated icon. So let's see. I think this is a good place to start. I wanted to stay on the surface now. I will go back to education engineering because I don't feel like is it a tenant? I would way Let's hit the same the mesial better off saving or work. Now, let's go back. Now I will move Engineering and I will leave education. As you can see, this is the educational. Now let's scale it down a little bit. I would think now we have our fixed here. Let's replicate it over here and replace this text. Engineering. Now we have education and engineering question like this. Now we have that call me icon. And as you can see, you can easily add an action. This action can be an obvious things like Make a call on a plate. Now, just add your number, line 7051234. Now when they hover over this icon, there will be able to call me. Now, we need to add other buttons like email me, Make a video call with me, send me a text message and so on or send me visit my oxide. So let's see the upside thing. We can add a shape. As you can see, we have a few shifts, lot of options. So let's go back. Okay, now we need to add other icons, like text me, icon or visible. Now we have Watson. Okay, Cool. What something is a good catch? We have this cool icon for visit our website. Maybe not a lot of people understand it. You can choose another icon if you wish. I will give you the template once we're done with this lesson. Now we will add this icon. And then I will leave the other two icons for you to add. So let's upload this. As you can see, I have it transparent. That's it. Let's scale it down. Okay, cool. Now we have the oxide ion. We can add an action open or beige and a flake. And we would add all your interest team. Okay, cool. Now we are done with that second item. Make sure to save your work. Now, the assignment for you, we'll be adding the other two icons, which are basically the calling me iPhone. Okay, so what suddenly iPhone and the email me icon. I'll see you in the next lesson in which we will discuss adding more button's, not just icons to our structure. And we will add few 3D stuff. Thank you for watching this lesson. This is achraf 4. 5 Finalizing AR Card: Hello and welcome this video in which we will proceed fixing our Card Design. So we added the name, we added two icons. Now you can add more. I, for instance, we'll add the social media icons. So let's add all of these, YouTube. Facebook. Now, what's nice about these icons is that there are colors. It's not just a black and white card. You can add W1 when it comes to coloring. So let's add this. Now. You can add it here, or you can add it at the second row here. Well, I'd prefer. Now, you can minimize the size, so you will find four. Okay? Now, you can link it to the YouTube channel. I will add the icons then link them. So this ad, facebook, lets volunteers, you know what, all that, it doesn't stop here. Now also linked N and little by four. Like here's the left. We can make 0.2. Small one. For. Now we have three icons here. On the last one is our Instagram icon. Now you can choose 014. Now have four albums. It's easy. You can click, Add action of an old page on a click and link it to your Instagram account. Same thing for LinkedIn. Action. Then we have Facebook. The last one is our YouTube channel and action. And now we have added Bonaparte's social media platforms. Let's save our work now. But we can do next is add other Pi bonds. Now I already mentioned that you need to add other icons, like 01014, little bit huge icon. I already mentioned that you can add other icons like me, I guess you cannot picture. I'm adding my picture here. So you knew that moved back ground with AI. And click Next to see the image that we didn't like it after removing the background, you can simply adjust. Now, as you can see, I'm adding my sudden, it's not a good practice to add your picture at its K, since I'm only standing desk for educational purpose. Now, we can also add our educational engineering logo, which will be the last edition here. I think this isn't that old iPhone. Okay, No. Let's upload it again. This is now click Next. Let's increase the size. Maybe we need it to be larger. As you can see, I want to make it a little bit smaller, 0.8, and I will add it to the left side. Okay, let's do it. We can move the text down here little bit and become old texts. That's it. Now we have our logo. You can add more things like buttons and other stuff. You can add 3D models. If you are 3D designer, you're Canada. Some few work. Some of the products that you are making, websites that provide 3D stuff like Sketchfab. You can connect your account if you already have one All you can create any account on Sketchfab just to get access to 3D models. Now, going back to our design, here, you can see everything we have made so far. Let here, and let's look for some popular designs, 3D models. Now what I do is embedded. Let's see if we can find something related to embedded systems. Maybe I'll renal. I would expect to find an Arduino model or something. Maybe this robot. Subtle, but even. So here we have an Arduino, but you can simply get it from Sketchfab Import, As you can see. And it will be added to your design. Tried to search for 3D models pure, another figure designer that are relevant to your business. In my case, I chose Arduino because as you can see, is something that related to embedded system. This is one of the things that we use as an educational engineering. You can add another thing, like let's search for top. You'll find anything. Okay, you have some models here. Maybe we can import any of these and add it to the design as well. Or we can add, let's say Raspian. On. You kept scrolling, you will keep getting more and more things that are 3D and data usable for your business. Let's use this 3D, maybe this one. Let's see how it look and let 3D model. It's not that strong. Maybe this one. That looks cool. I'm born. And let's add it to odds-on. It is, we can't scale it. 121 point for. Now, we have an almost ready design. Once you feel comfortable, you can simply click Publish. Now, let's see the preview section. Lunch, he, it is a quick preview of what people will see. When they scan that QR code. They will see the social media accounts. They will see education engineering, they will see your logo. They will see these two things, and they will see that website and the Call Me button. Now they will look cooler and the Real-World, I don't know why I don't like these two words. So that's the whole thing with the occasional engineering. Since now we are finalizing. So let's remove things that we don't want. Now the first thing that I don't want is this high, this untick, this diagram, this down here. Let me hide myself as well. Grab these two down here. We'll make it more professional. Okay. Now let's preview it again. Lunch now looks more professional. Now, close. The next lesson. We will fix the server and we'll publish our design. And we'll see how you can view it with your own via phone or any. Would've been able to camera around. Thanks for watching this lesson. I hope you enjoyed creating your very first QR called Augmented Reality. 5. 6 Edit Project Settings and Using Externsions: Hello and welcome to this new video in which we will edit our project settings in my Web AR. Now the first step is going to the left side here and clicking on Settings and this Settings page, you will be able to radiate all your project settings. Now, this is the project name, let's call it educational engineering. You are. Now here. You can edit the link to aid you and team. And as you can see, this URL is free. Now, you can also change this to be Gmail. As you can see, you can make it PNG and making it PNG will make the background transparent. All you can even download it here. That's it. Now, once downloaded, you can easily copy it and paste it on your Business Card Design, which is a step that we will do the next lesson. Now, as you can see, you can edit the shape of this QR code. You can edit the body. You can edit the eye shape, as you can see, the rounded corners here to make them unique. And you can either the coloring as well. You can. Okay. I like blue color. You can make blue and you can change the background color. I prefer leaving it to white since it is the most common. And you can add your logo. Now adding your logo will make this. As you can see. Now, my logo is in the middle of this QR code. Now you can change the logo size to make it more convenient. Here, you can enable few things. Some of them are for the proof version, like inhibit camera mode, which will add for the taking functionality to your Augmented Reality experience. You can add sharing options, which will show sharing options after I've taking photo or recording a video. You can change the camera news from back to front or the front middle. Once the QR code and scanned, you can change the scene scale. Now, this will increase the size of the Augmented Reality final result that you have created. Now, these two are enabled by default, which is enabled user analytics and show marker related. Hence. Now you can enable full screen mode if supported, which will around your Augmented Reality experience and full-screen mode. If the person who's viewing this as viewing it from a device that supports this. Now you can also enable that camera modes, which basically something that we already explained will add for taking functionality. The last thing here is enabled object loading animation. So it will show a green spheres in place of 3D objects. So this is enabled. Now, once you load your VR virtual reality card, these will shown as green sphere. That will load until the whole shape is loaded on the mobile phone, which basically depends on the internet speed. And that is the device used to scan this QR code. So basically these are all the settings that we have already mentioned. Now, you need to save, I didn't say it is. Now, you can also change this link. And I already mentioned that you can change these things. Now. That's it for the settings. We have also extensions, which is a very great addition. In this extensions page, you can select any of these extensions to show different things on your QR code or a new Augmented Reality card. Now most of them are affordable version, but like this one, shadow is free. Loomis, fixed-free Curve video screen avatar, which will create a 3D model from selfie. Ready Player me is also free, which is basically every player. Now, if you clicked here, as you can see, this is the Curve video addition. Basically, it will allow you to insert a video on your Augmented Reality QR code. Or what you need to do is hit Install. And as you can see now we have it here. And all what you need to do now is load the video. You are. Now you can loaded here all you can choose the file. Now it goes both ways. So for me, Let's set for educational engineering team and we'll take our YouTube and throw if now this is our into control. Now, if it didn't dig, they are all. We can download this by simply writing S, S. And we will download this video. As you can see here. Now it's loading. Let's download it. Now, all what you need to do is click Choose file and load this file. Now this is our video and it will be this blade can occur mode. So people will be able to play it when they visit our Augmented reality. If you are Cards. As you can see, that video is processing. Now, this is the key color you can change to blue, Let's say. And you can use green screen or you can make it autoplay. Once the crowd is loaded, I will leave it add autoplay. Now click Save. All what you need to do here is targets and place it right here. Now, you can change the scaling. Let's make it little bit bigger as you can see, and move it a little bit to the back. Now, let's hit the Preview. Lunch they are experience to see how things would be previewed. Now, the video will not play in this preview, but it can be played once we load it. Lifts. Try to play with these settings and select the key colors. I think it's white, yeah, that's it. So now it will be able to see this video. But I think the scaling is a little bit. You wish. That's it. Now we have learned how to use one of the extensions. You can use other extensions and explore more. Now, there is a blending section, but this is enabled for full users. And that's it. This is our Cards. I will share a link in which you can download my card and discard according journey. It's by adding different 3D models, by adding your own logo, by changing the links here and changing the video here. And instead of creating it from scratch 6. 7 Create a Buisness Card with QR Code Made with Clipchamp: Hello, and we'll come to this new video in which I'm going to teach you how to create your own card as a graphic designer and use that you are called from our previous explanation on the Augmented Reality application. Now, we will use Canva, and these have very well-known worksite. Canva provides a lot of templates that you can use to create your card without graphic designing experience. I will sign in my account. And in here, you can simply search for, let's say, business card. Now, once we search for business card, okay. Here's this. You can easily see out of business cards that you can use. Now, let's try to narrow down the search. Let's tie business card and try to you our code, QR code to the search. Okay, we have more results. And as you can see, this business card can be used since it has your board. And this one's also a good example. We have also this one. I like to use a minimal design. As you can see, this design looks worlds. So let's customize this. Now. We have that your code here, so we need to replace it. Just click on edit image and upload your on image here. So let's go. Let's Upload that you are told that we have in here. Now, this is our QR code, so we will replace this one. So It's this one. Now let's replace this text with educational engineering beam. And here you can say scannable. And we'll come right your slogan. And here we can add our phone number or what about all add this, whatever information we find. Now, this is the business card from a bad. You can't replace these information with your phone number, your email address, you upside, your social media accounts, your address, and so on. And again, this is not something you would want to do, but this is how to use the QR code. Now, this is what we want. Now, Anyone scan this QR code, you will see our Augmented Reality experience, the one that we did together in the previous lessons. We will show you this in action in the next 7. 8 Import and Export Projects: Welcome to this new lesson in which I'm going to teach you how to import an already made project to your dashboard. Now, click on Create New Project and choose anything. Let's say that you want to choose this one. Now, once you're here, you can simply go here. Click on these two arrows and click Import project. Now, you will have adjacent file or the JSON file for the project that you're trying to import. Open it, and it will open and load and your experience. Now let's important. Again. Here I have my lesson. Now, as you can see, this is my JSON file and this is that you are poor that we are dealing with. Now you can add whatever you want. Now, you can edit whatever you want. Just click an item and you'll be able to edit it. Now the next thing that you can do is to export your one, export your projects so that you can save it offline. And if you want to get back any account or import, again, you can simply do that by clicking Import project and will provide the file that we are using so that you can easily edited and say it it according to your needs.