digital ads mockup
Published on: January 31 2023 by pipiads
Table of Contents About digital ads mockup
- How to make free mockups for your Etsy printables - 100% FREE! No Photoshop! GIMP mockup tutorial
- I tried using Canva to make a Product Commercial
- NEXT LEVEL PRODUCT COMMERCIAL made at HOME with FAKE 3D in After Effects
- Design a Product Mockup in Canva | Digital Planner Mockup for Etsy
- How to Create Mockups using Figma Plugins
- How to Create Etsy Listing Photos With Beautiful Mockups for FREE with Canva | Sell on Etsy Tutorial
How to make free mockups for your Etsy printables - 100% FREE! No Photoshop! GIMP mockup tutorial
hi, welcome to my channel. um, if you randomly came across here, hello. um, i like to do a bunch of diy projects like sewing and painting, and recently i've delved into the world of selling printable products online, and when i first got started, um, i had no idea how to make something called a mock-up, so i'm gonna make a video today that i wish existed when i first started my etsy st, my etsy shop, and so what i'm going to do for you today is i'm going to teach you how to make mock-ups completely for free. i know you probably think you need to spend a lot of money to get all your pictures listed with all these beautiful mock-ups, but that's a common misconception. you don't need to pay any money to get started selling on etsy, so i'm gonna show you how to do that. um, here's my etsy shop. it's called aesthetik solace. uh, i've almost been in business about a year. i think i'm doing pretty well, and i sell mostly printable wall art, some principle stationery, but mostly principal wall art. now, if you don't know what a mock-up is- which i didn't when i first started- so just trying to google how to do this was kind of funny, because i didn't even know what search terms to use. let me show you what a mock-up is. so let me just go to one of my listings. so a mock-up is when you stage your product so like if you were selling mugs with a picture of a dog on it. you would want a mock-up of that dog on the mug, a picture that is. so for my shop most of my mock-ups are picture frames. so this is a mock-up of a art product i sell, of a woman in her towel, some bathroom art, and you want to make sure you have a variety of, like different style rooms so that the buyer can kind of visualize the product in their own space. so here's like kind of a boho themed mock-up. here's a bathroom mock-up- another boho themed mock-up, a bathroom mock-up, a bathroom mock-up. so that's what a mock-up is. you don't need photoshop to do this. i'm going to introduce you to a software called is basically the free photoshop here. i'm not going to go into details today about how to download. if you need help with that, leave a comment. i can try to help. but honestly, just google download and you want to make sure that you're downloading it for the type of computer you have. so whether that's a windows or mac or like a linux. if i get enough comments asking for help, i can make a video on that, but for today's video, to keep it short, i won't. so the first thing you're going to want to do is you need to find a source image. where am i going to find a picture of a picture frame? so you can't just use any image you find. you want to make sure you're using it legally. some people sell mock-up photos, like literally sell pictures of photo frames that you can use for your shop. you can buy those if you want, but you don't have to. i'm going to show you what i use a lot. it's called unsplash. unsplash is a website where anybody can submit any kind of photo and you can use it for whatever you want. it's completely free and it's legal to do so. so i'm just gonna search picture frame. so when you're looking for an image to use, you want to make sure. well, you don't have to. maybe i can make a video on more complicated frames later, but to keep it simple and easy on you, for this video at least, we're going to pick an image that the frame is mostly like straight on and square. it's not like tilted or anything, and there's no shadows casting on it, no light glare. um, like this is a good one to use right here. also, you want to make sure the image is at least 2000 pixels wide. that's just for etsy in partikular, you don't? it doesn't have to be that wide, like i have a couple in my shop that they're like 1500 pixels wide, and etsy will throw you an error- not an error, but it'll throw you a warning message that says this might not look the best quality. pick an image that's 2000 pixels wide, but it'll still let you it. it looks okay. you don't want to go much smaller than like 1500, so i'm gonna download this image. and what next? we need to go to where's? give me one second, what just happened? yep, yep, there we go. so we're opening up and this is what looks like. it looks very similar to photoshop, if you're familiar with that. um, the first step we need to open that file we just downloaded. to do that, go to file open and just find the image and click open. uh, you'll see this pop up. just, i like to keep the settings like that- and just click convert, excuse me. okay, here's our image and you can see up on the ruler here. it says it's a little more than 2000 pixels wide, so we're good to go there. the first thing you want to do is we need to get rid of the art in this frame, right? so we don't want to show this art, we want to show our own art. so, um, you want to go, you're going to want to go to the left over here and you're going to want to click this paths tool. if you don't see it here, click on tools and then it'll be right here: paths. so the way paths works is: you can. it's for creating like polygonal shapes or like a square shape or a triangle shape. um, that's not necessarily true, but for the purposes of this video, we'll go with that. so we need to basically select a rectangle around the art and to do that, we need to make four points with this tool, this paths tool. so i'm going to scroll or zoom in, that is, into the left corner of the art, and i'm just going to click. damn, there's a little anchor point. now you have to go around in a circle to do this. you can't click like in this corner, this corner, that one, that one. it won't work. go in a circle, and it doesn't matter which way i'm going to scroll down and i'm going to click in the corner here, bam. go to the right. click in the corner here, bam. and then scroll up- bam. i did four corners, but i need to connect it together to complete the rectangle. so i'm going to go back to my first anchor point and i'm going to hold down the control button. you can see it's going to change when i hover over the anchor point, like that, and then click. so now we've created one big rectangle. um, i forgot a crucial step. so over here on the layers. so over here on the right, this is the dock for all your layers. so that's how photosh, not photoshop. that's how works. you're basically making an image with a bunch of layers. right now we only have one layer. it's the image we imported. so you need to right click on this and click add alpha channel. i forgot that. it doesn't matter that we did it now and not at the beginning, but that has to be done, okay, so i'm going to scroll in and just make sure everything is highlighted, because sometimes, even though an image looks completely square, it's not like i can see right here, not all the white is selected. i'm just going to hold. i'm going to click on this anchor point here. hold down my mouse and just move it down a little bit. same on this side down. this needs to move to the left a little bit, needs to move to the right a little bit and this needs to move right a little bit more. that is good. okay. so all of the art is selected. i add an anchor point. how do you i get rid of that? i forgot, ah, okay, i accidentally added an anchor point. so let me just teach you how to get rid of it. click shift control, hold that down, hover over the anchor point. you're going to see that little negative sign and then click it. it'll go away. i'm kind of glad that happened. so, in case that happens to you, that's how you get rid of it. okay, now i have the art selected. i'm going to click enter. you're going to see these little dashed lines start glittering. that means that you're now selecting that area and then you're gonna click delete on your keyboard and now it gets rid of the art. and when you on, when you see this checkered checkerboard pattern, that's just empty space. that's nothing there. so basically, your image right now is an image of this room with the frame and a big hole in it. there's nothing there. um to unselect this rectangle, now click ctrl, shift a. and now we need to import our art. so let me find some art. i'm going to click file, open as layers. i'm just gonna pick the same art i just showed earlier o.
I tried using Canva to make a Product Commercial
welcome back to the channel. i'm daniel schiffer, and today i'll be attempting something that i've never done before now. i've made a lot of videos for companies over the past 10 years, and something that every video i make has in common is that the equipment i use to create them costs a lot of money. i tried to break that trend a couple weeks ago when i demonstrated how i turned an ordinary photo i took on my phone into a captivating video asset without using expensive equipment. now, while that video was cool and didn't cost a lot of money to make, it certainly costs a lot of time, not just to make the asset itself, but also the several years of learning the tikniques that go into creating that style of content. today that is all out the window. i want to create a professional quality product commercial for under 20 dollars in. the catch is that it has to be easy: no key frames, no masks, no practikal effects. i want this to be so easy that literally anybody at any level of experience can do it. so let's get started. so to keep this commercial consistent with the other types of ads i would typically create here on this channel, we're gonna stik with a food and beverage theme and we're gonna try and create an ad for this soda brand called ollie pop, now seeing his final cut costs 400, which is just a tad out of our 20 budget. i will be using canva, which is a free graphic design platform and also happens to be the sponsor of today's video. now, what's great about canva is that it's actually completely free to use, but you do have the option to upgrade to canva pro for a whole bunch of other time-saving features and tools. as an example, i spent a good half an hour a couple weeks ago trying to mask out this packaging from the background manually, but with canva pro, i can literally click a button and it removes the background for me instantly. yeah, that's a thing, and it works perfectly. if you're interested in trying 45 free days of canva pro, you can go to the link in the description below or go to canvame daniels. anyway, back to our soda commercial. it is time to assemble a brand kit, so right now, what i need are a few images of the actual lollipop cans, and rather than doing that myself, i can actually save some time and money by downloading the photos that ollie pop already has straight from their website. i'm gonna pick three different flavors. we'll start with vintage cola, and i can just save this image directly to my downloads. i'll do the same for ginger, lemon, as well as blackberry vanilla. back in canva. now i'll navigate over here to the left sidebar and under tools we have brand kit. we can start by adding our logos, just like. so we can actually create a color palette using the logos we just brought in, and we can also bring in any brand fonts that we might want to use for our project. next i will navigate up to our folders and then into our uploads and in here we can go ahead and drag in our can images. so we'll go back up to our home page here and under the video tab you can see that there's a lot of options to choose from. now the video that we're making today. i want to be kind of generic so that we can repurpose it for different uses. so i'm going to start with just a regular video and create a blank project here in the canva video editor. you can see we have a timeline down here with a playhead, and here on the left side there's a whole bunch of stuff we can use. so we'll start in templates and we'll scroll through and i'm going to try and find a template that i feel like could work well for our soda commercial. now, in this case, i'm envisioning something kind of flashy and exciting. so i'm gonna go up to the search bar here and i'm gonna search for neon, and you can see here that we have a whole bunch of templates that really pop, which is exactly what i want. i think we're gonna start with this one down here. i kind of like these neon tubes that are here on the sides. i'm gonna highlight all this stuff in the middle that we don't really need and just delete it, and now i will navigate over to our uploads and bring in our first can. i want to change our background color to match the colors of the can a little bit better, so i can select the background and go up to our colors here and automatikally canva detects the photo colors that are in the project and we can click through and change the background based on the colors in the photo. i like this one here. it's kind of muted and on brand with the can, and now the overall frame is looking kind of empty. so i think i can spice this up with a little bit of text and immediately this kind of neon shine text is exactly what i had in mind. so i'm going to click that to bring it in now. when i look at the flavor of the soda- ginger lemon- right away- i think refreshing. so i'm going to change the text here to say fresh, gonna drag it up to the top here and just fit it to the entire frame and we can center. i'll now right click on it and send it to the back and this is looking pretty good. i'm gonna highlight these neon tubes here and bring them in a little bit closer and i feel like the can, because it's a 2d image. it looks kind of flat against our text. so what i can do is i can go into edit image and add a shadow and we'll bring in one of these backdrop shadows and that looks like it's giving us a little more depth. all right, so now if we go down to our timeline and click the play button, you can see that nothing really happens. it's just a stagnant image. within canva there are two types of animations. we have page animations, which is what it sounds like. you can apply one of these to animate everything on the page, like so. or you can select individual elements on the page and apply animations to those as well. this one is called tumble. you can see it kind of has the can fly in from the side. there's a fade animation which has it fade in. this one is called rise, where the can kind of comes up from the bottom and down. here you can see that there are additional animations that all have this crown symbol. these are animations that are part of canva pro and they are actually really cool as well. if you're interested in trying 45 free days of canva pro, you can go to the link in the description below or go to canvame daniels. i'm going to go back into page animations here and just hover my mouse over different options to see how the elements on the screen respond. i think this pop animation really jumps out at me literally, so i'm going to select that as our page animation and i think to create some variety, i'm going to select our neon tubes and i'm going to highlight all of them by holding, shift and clicking and dragging, and for our neon tubes this drift animation looks pretty cool, but i think i like baseline, so i'm going to select that and we can navigate up here to this play button to see what this looks like full screen and i think we're off to a really good start. so now i want to do the same thing for our next two flavors, and to do this we can actually save time by duplicating the page we just edited, by right clicking it and clicking duplicate, and because all of the animations are already applied to the page, all we have to do is swap out the different elements with new ones and everything will automatikally be animated the same way the previous flavor was. i'll go back into our uploads here and bring in our vintage cola can and i'll go ahead and delete the old can. i'm gonna center this and then select our background, go into our colors and you can see here under our photo colors, it's automatikally detected the can. click through here and see our different options, and i really like the way that this muted sort of red background goes with our neon yellow. gonna select the can here and not forget to add our backdrop shadow, and if we go back here and click play, you can see. that's all we really have to do, because everything is already animated. currently, each one of these frames is five seconds, which is a little bit long, so i'm going to re-time these to three and a half seconds and apply.
More:I Tried Shopify Dropshipping for 14 Days (Crazy Results)
NEXT LEVEL PRODUCT COMMERCIAL made at HOME with FAKE 3D in After Effects
how is it going, guys? today i'm going to show you how i made a cool 3d looking effect in my latest product commercial. [Applause], [Music]. okay, so that was the product commercial, and now let me explain what i have actually done. so basically what i did, i placed 2d object in 3d space in after effects. then i orbit the camera around my 2d objects. i rotate every object on a y-axis in 360 rotation. so when the camera is orbiting around my objects, the objects are always facing to the camera and this will create that cool 3d look. [Applause], [Music]. now i'm going to show you step by step how i did it in after effects. so in after effects, i'm going to import all the clips, so the apple, the bottle and the ginger- okay. so the next step: i'm going to create a new composition. i'm going to name it ginger shot. okay, now i'm going to place all the clips to the composition. now i'm going to create a camera. so right click, new camera. okay, now i'm going to make all the three layers 3d. yeah. so now when i move with the camera, you can see that we have a 3d space and in the 3d space we have our 2d objects. so now i can move the apple to left side and the ginger to right side. and again, when i move with my camera, you can see the 2d objects are in 3d space. next step: i'm going to create a null, a null object. i'm going to make a new object 3d as well, and now when i switch it to two views, you can see my new object, my camera and all the layers from the top. okay, so now i'm going to connect the camera to the null object. so now, when i rotate the y-axis on the new object, it's going to orbit the camera around my objects. now i'm going to click on a stopwatch to create the first keyframe, go to the end and i'm going to rotate it one time. so now you can see the camera is orbiting around the objects. so now to get this cool 3d look, we have to rotate all the three layers on the y axis. so i'm going to select all the layers, press the r button and now press the stopwatch on the y axis, go to the end and now type number one. so it's going to rotate one time around the y-axis. so now, when i press the play button, we get this nice 3d look. now you can play with the position of your object. so, for example, first i'm going to actually make them smaller, so i'm going to select all the layers, press the s button and now scale it down. [Music], something like this, okay, okay, so this looks now cool. okay, so now i'm going to create the background so new, solid. in effects window i'm going to search for a ram, gradient ram, i'm going to put it on my background and now i'm going to change it to radial ramp. okay, i'm going to change the color to kind of orange, more orangey, yeah, like this. and the second color: yeah, let's say something like this. okay, so now i can duplicate my apple layer, move it to right side. now i can select my ginger layer, move it to somewhere here and then duplicate the ginger layer and bring it to the front. okay, so now when i play the animation or the video, oh, yeah, so now you can play with the position of your layers to make it look something like this. okay, now to get the nice depth. we are going to enable the depth of field in our camera options. so, depth of field, turn it on. okay, nothing has happened because we have to change the focus distance. so we need to bring the focus distance to our subject, yeah, somewhere here. okay, so now you can increase your blur level, yeah, and you see, we have a nice depth in our animation. so now, when i play it, oh yeah, it looks really really cool and realistik. okay, so this is basically it, guys. you can do whatever you want. you can, for example, select all the ingredients or all the fruits, just duplicate, then bring them up, then duplicate them again, then bring them [Music] down and you have a really cool kind of animation. okay, guys? so this is it for today. if you like it, don't forget to press the like button and a subscribe button. if you are going to use this tiknique in some of your projects, let me know, send it to me, or tag me in your posts or reels or whatever. i would love to see it. thank you and see you in the next one. [Music]. so [Music]. hmm.
More:Etsy Shop Reviews #48: They Sell Personalized Dog Theme Mugs w/ Room to Grow!
Design a Product Mockup in Canva | Digital Planner Mockup for Etsy
hi, today i am showing you how to create a mock-up for your digital planner- and i have one right here- to show off your products on etsy or your own website. um, so if you have a digital planner that you want to sell but you don't have mockups to promote your product, or if you just don't know how to design it, so this is the video for you. we will be creating the mock-ups in canva because it is super easy and also because i will leave a link down below to this mock-up that i just created in this video, so you can grab it as well and you can just use it in your shop. so let's get started. um, well, the first thing that i'm going to do is, as you can notike, i already have my digital planner ready. um, it is ready to sell. so all i need to do at this point really is create the mock-ups for my listing on etsy. so make sure you have that ready before you start. and the first thing i'm going to do is create, um, a file, a document here in canva. so i'm going to create, to click on create design, custom size, and i want 2 000 by 2 2000. create new design- i'm going to name it over here and i'm going to put here master etsy listing digital [Music] planner mockup. okay, so now what i'm going to do is go ahead and go back here and i'm going to grab screenshots from this. another thing you can do is download these two. i'm going to use only this one and this one. so another thing you can do is export these two slides- i'm on powerpoint, by the way- as a png. but to make it easier for me, i'm just going to take a screenshot on my computer. so i'm just going to grab this right here. okay, and i'm on a mac. there we go. that's screenshot number one. now i need screenshot number two, because these are the two pages i want to include in that mockup, and this will all make sense in a little bit. so i took there. i have two screenshots now. so i'm going to open canva. i'm going to my uploads upload media device. you can drag them as well. no, actually they're here, you can drag them as well. so this one and this one open and they will be here for when i need them. but the first thing i need to do, also, i'm going to grab an element. i'm just going to grab a square and make it the same size, maybe a little bit bigger than this background. now i'm going to decide what color i want. probably want this color and make it a lot lighter. that's looking good. now i'm going to lock it because i don't want to move it. i just want to leave it like that and i'm going to need- i'm going to elements. let me put ipad and see what pops up. now go back to elements, frames and let me grab this ipad right here. there we go, this one. i'm going to duplicate it, put it here, but like this, i don't know. let me delete this one and then just duplicate this one. i want them big enough so i can kind of show off my design position forward, because i want this one on top of this back one right here. now let me go back to my uploads. i'm going to put the calendar here. oh, i need to turn them. i always forget that i need to rotate them 90 degrees. put them here. there we go now this one. are we going to rotate 90 degrees? put them here? awesome, i think i'm gonna make the front one a little bit bigger and you'll see why. okay, that's great. so now all we need to do is get text. let me put it over here, and this would be my title. i want to change the font to just open sans, and i want to put something like i don't know, hyper linked digital planner, because what i'm trying to do is let people know, hey, this digital planner, first of all, that it is a digital planner and also that it is hyperlinked for you. so that's important. okay, make it a little bit bigger. there we go, and you can change this, you know, to whatever it is that you're trying to do, something that i like. let me go to folders i have. where is it here? i have like an apple pen situation here, uh oh oh. okay, let me lock these two because, okay, so i have like an apple pencil that i'm trying to position. i'm gonna have to make it a little bit smaller so it looks normal sized against the ipad. i'm going to place it here for now- actually, i might end up changing this- and i got this one- i think it was from creative market. i only use it for mock-ups, just to, um, to add a little bit of something. so people know for sure: hey, this is a digital planner. i'm going to lock it because i'm going to be adding a few more things. so right now, what i want to do is to tell people that when they click on here- like, if you notike, let me get a lot closer- if you notike on number four here- i started dating these pages, so let's say that when they click on this link- the number four- it will take them to this page right here inside the planner. this is something that i want them to understand. so i'm going to need something like an arrow, um, like a circle, maybe an arrow with like a pointy circle. i don't know if i'm making sense or if it's even available. if not, that's totally fine, um, and all i need to do, really, yeah, i'm not gonna waste time looking for that. so i'm going to grab an element, uh, shapes. i need this circle right here and i want to make it a darker color. there you go, and you can make it any color you want, of course. so i'm going to put it right there. and now i'm going to grab an arrow like a clean looking arrow that's a little bit curved. let me see, could be this one. i mean, if you have time and you want to play around with this, you can totally, um, get an arrow that looks a little bit better. so, basically, what i'm trying to do here is something like this. i don't like it like it. it does what i wanted to do. i just don't like the design. that's a problem i'm having with it. so i might just want to find a different arrow, maybe a thinner one. it could even be this one. let me change the color. it's all a matter of preference and what you like. let me delete this one. why can't i delete it? there we go. let me rotate this and see. okay, this is looking better and i'm just trying to connect them. maybe, if i make this a little bit closer, let me start to connect the arrow to the circle. okay, now let's go back. see what that looks like. okay, it's not so bad, and it allows me to visually show the customer that you know when you click here, it takes you here and like that type of example. it just occurred to me that maybe this arrow is not the problem. i'm going to grab this one too. did i just add it? okay, i grab this one, put it to the side, but something i could do. instead of using that, let me go back to elements: shapes. i'll grab this square, change the color, okay, make it a little bit smaller, and then i can actually put all of these numbers inside the square and get the arrow put it here, can probably rotate it a little bit and put here: okay, let me a little bit higher. [Music] back to fit, okay, okay. okay, that's looking better. actually, i might not need this one after all. that's looking better. so this allows me to [Music] make that visual connection. um, that this is a hyperlink. i could even do something like this: let me look at this one, rotate it. i'm gonna have to make it bigger, though if i make it bigger, it's going to be thicker and i don't want that, because i was thinking about: maybe i don't have to rotate. how do i rotate this one? there it is. i don't like what sometimes it hides. um, okay, i can put it like this: i can actually move this. okay, that's better, and let me change this. then have that arrow point at where it says hyperlink me, move it up a little bit. okay, hyperlinked. and then you have one arrow pointing to the word hyperlink and one arrow pointing to a page, and let me grab this, let me duplicate it, put here: digital planner. i'm going to change this font to my brand font and i'm going to make it a little bit bigger and just like this, and i might center this or i might put something here, whether it is my logo, or here on the side i could put some type of clipper decoration, you know something like that, and you could add any more of these as needed, like if you wanted to do something similar with these um tabs on the side. let me go ahead and duplicate this. i duplicated it, so now i have this one and i'm working wi.
How to Create Mockups using Figma Plugins
welcome back everyone. so today's video i'm going to show you some cool figma plugins that you can use to create amazing mockups right on figma. so the starting plugins are going to be very straightforward and easy to use and the ones towards the end are going to have some advanced features or you can create some advanced mockups. so before i get started, i've got three screens here from a ui kit that i've picked up from the figma community, so we are going to use this for the demo purpose. so, starting off with the first one, which is artboard studio mockups, i've already installed it, so i have it right away in my plugin. so, as you can see, this is artboard studio mockups. don't worry, i'll be giving all these plug-in links in the description below. you can just go ahead and install it and, as you can see, if you purchase their premium version, you get these uh logged items unlocked. but in the free version itself, you have a lot of amazing devices here. so if you want to filter it, just go to all items and click on free items and, as you can see, these are some great mock-up devices. so this one looks good. so i just have to click on this and that will add up on the canvas, as you can see here. so every device you click it comes with a frame and then the device itself. so this is the frame where you have to add your design. here is my design. i'll just create a duplicate of it and bring it inside this. so don't worry, if it doesn't fit exactly on this frame, you just align it to the top and use the scale function, which is k, and just resize it so that it fits exactly in the frame. now that it fits on the frame, uh, properly, all you have to do is just click on the frame once again and click the option here which says render selected frame, and that's it. boom, there you go, you have that on the device right here and you can use this anywhere that you like. so let me just show you one of the examples, for which i will choose another one, which is this one. and there you go, we have a amazing design of the mock-up already done. so, as you can see, this is how it's gonna look, and you have the shadows and all that stuff, and you have a lot of variety of options to try. so that is the first one. so, moving on to the next one which is called as clay mock-up 3d. so just click on plugins option and here i have it. so a window like this is going to open up. so all you got to do is click on the frame or the design that you want to load here. so this one is the one that i want and it just directly loads up and you can, you know, just rotate it in 3d space and whichever angle that you want. so if you want it lying on the ground, you can place it like this, and you also have some great presets. so you just click on the preset and you can just apply that. and if you want to get some precise angle, you can also go for this camera rotation and all the xyz access. and also you have the option to change the device color. so if you're working on a dark theme or something, you can go for a dark theme and all you got to do is just click on save as image and there you go. you have the high quality right on the canvas. so that was how to use the clay mock-up 3d. and now, moving on to the next one, which is vector 3d, so just right click, go to plugins and there we go. so this one has a lot of 3d mock-ups. so, as you can see, there are different types here, not just devices. let's see how this one works. all you got to do is just click on the design that you want and say load frame and it gets loaded on the device and same, like the previous example we saw, you can just rotate this in 3d space. the best part about this is it has, you know, the shadows also coming in and you have the lighting. so if you can see the light source is also being rendered and if you don't want the shadow, you can just turn it off and once you feel it's good, just click on export image. that will process and there you go, you have the device mock-up ready and not just devices. you have a lot of 3d objects to try here, so this is a bonus tip in this video. so if i want this hoodie right here and just click on any frame and just load it. so if you want the exact dimensions, you can get the layout here, so that will give you the exact layout that the template requires. so there you go. this looks really cool, so you have a hoodie with your app design on it. so those were the three, uh, simple plugins that you could use to create this stuff and, moving on, a bit more advanced stuff, that is, you know, creating your own angles and all that stuff for which you can explore your own mock-up templates and not stik to the ones that they're providing. so you can go to the figma community tab and search for something like you know, mockups, and you will find a lot of options here. so i search for mockups and, as you can see, i have a lot of devices that you can use. let's try something here. so this one looks good. i like the design here, so this is an iphone 12 mock-up. so you, all you got to do is just duplicate it and you'll have a duplicate version of the file here. so, as you can see, this is the file and i like the blue device here, so i'll just click this, copy this onto the file that we created, and now all you got to do is, you know, just select the image frame inside and just right click, go to plugins and we have a plugin called as mockup. so just click on that and you will have a window which basically shows all the frames in your canvas. so you just have to select the design that you want to apply on this device. so in my case, i would like to apply this screen right here. so all i have to do is just click on that and say apply, but, as you can see, it's rotated. but don't worry about that, you have an option here to rotate the image. so just click on that, it's still rotated and i think once more. there you go and here you have your design applied on the mock-up and you can just go ahead and use this, just close this and you can use this wherever you want. so that is a way to use it, and not just the mockups that you find on figma community. you can just search for any mockup that you like. so, let's say, i search for mobile mockup and i go into the images. so you have a lot of free options that you find. for example, this one is really looking good and they have a free version, so it's actually free to use. so you can go ahead and download it and copy it right away. so what you can do is just put it and you just have to draw a frame around this. so, for example, i'll just use the pen tool right here- and i'm just doing this very quickly, and now what you got to do is just right click, go to the plugin and go to mock-up. the same thing, and here we're going to apply this one right there and say apply. and there you go, we have it right there and you have those rounded frame, rounded corners that you can just apply with this and i'll just remove the stroke and there you go. with just a couple of clicks you have this mock-up placed on a different device here, and also you have a similar plug-in which is called as angle mock-up. so this is also a cool plug-in that you can try out. it just works the same way. you just have to draw a frame and you get an option to choose which frame that you want to apply and just say apply and it gets applied on whichever angle that you created your frame. so that's it for this video, guys. i hope you found it informative and helpful. thanks for watching you.
How to Create Etsy Listing Photos With Beautiful Mockups for FREE with Canva | Sell on Etsy Tutorial
Hello everybody, welcome back to my channel, Jennifer Marie VOwhere I teach you different ways that you can make money online working from home. So in my last few tutorials I have been focusing on how to sell on Etsy, how to set up your own Etsy shop and sell digital downloads or printables online in your own Etsy shop. So make sure to check out my other tutorials on how to get started on Etsy by clicking on the description below And I will link you to all my videos there in order. But in today's video I'm going to tok to you about how to create your own beautiful product listing photos. So when a customer goes on Etsy, they're going to see, you know, hundreds of different products that they're going to scroll through. So it's super important for you to have a beautiful product listing photo so that they are entiked and want to buy your product. So when you go to add a listing on Etsy and something like this will pop up and you can use up to 10 photos to show your items most important qualities. So if you are selling a handmade item, you could just take photos of that item and submit them here. However, when you are selling a digital download, you don't want to just upload the file, First of all, because you want to protect the file and you don't want someone just to be able to save it and, you know, not purchase it from you. And second of all, if, for example, you're selling wall art or a card or an invitation, you want to use a photo that's showing what it would look like on a wall or in the office or wherever it's meant to be used. So, for example, you can see all of these different photos. they're showing what this artwork would look like on a wall. Now it's a lot of work to have to print off the digital download that you made, frame it, put it on a wall and take pictures. So I would recommend that 90% of these people are not doing that. they are creating mock ups using design tools and saving themselves ink and time and a lot of energy by using the same mock ups over and over again for all their different items. So that way, you can list more items and save yourself a lot of time and money. So in this tutorial, I'm going to show you how to create mock ups like this. This is one I did using the method that we're going to use today, And I'm going to show you how to do it completely for free, using photographs that are royalty free that are found online, And also using Canva, which you can use the free version as well. Okay, so the first thing we're going to do is go to pixabaycom, And this is a website where you can get free images- royalty free images- that you can use in your product listings. What we're going to do is type in picture frame mock up. you could also type in photo frame mock up, poster mock up. Under here you can see we have 118 free images of picture frame mock up, and all of these are different ones that you can use and insert your own images on top to use these as mock ups for your own listings on Etsy, And that way, you don't need to go and print off your digital download and take a picture of it in a nice frame on a wall, which could take you, you know, a couple hours to do. You can do this in 10 minutes or less. You can scroll through here and see all of the different options you have available. So I'm going to click on this one right here And you can see we have the pixabay license. it's free for commercial use and there's no attribution required. So we are free to use this image in our live Etsy listings. So then click free download Now. I recommend downloading it as the highest quality size possible. you will need to get a pixabay free account for this. It's really simple: you just log in and you have your free account. You don't have to put in any sensitive information or any payment information- and then click download Now. the reason I prefer the highest quality size is because if we go over here to the requirements and best practikes for images in your Etsy shop, you can see here that the recommended size for listing images is 2000 pixels for the shortest side of the image. Okay, so now we're going to go to canvacom, And if you don't have a Canva account, you can sign up using my referral link in the description below- And we're going to click Create a design and we're going to choose Edit photo. And now we're going to select the photo we just downloaded, then click Edit photo again, And so what we're going to do is go over to uploads and we're going to choose Upload Media, Then click device and upload the digital download that you want to display in this poster here. So imagine this is a poster here that I've created. This is the digital download I'm going to sell in my Etsy shop. To add that to the image. just click and drag. Now make sure not to release when it looks like this, because that will make it the background. Just click it to the side, like this over, and make sure your mouse is in the middle, and when you You can see the entire image. then release it And that will now download it as an element that we can play around with. So I'm going to zoom up a little bit And now what we can do is drag on these corner handles here and fit it in our poster, just like that, And you can see that, just like that, we've created a beautiful listing photo that we can use an Etsy and it makes it look like this is actually, you know, something we went ahead and printed off. So this is just one example. I'm going to show you a little bit more complicated Example next. but to download this, click download and then save it as a PNG file and click download And then you can go ahead and upload this as one of your product listing photos and it looks super professional. So now I'm going to do a slightly more complicated product listing photo to show you that you can really customize these to your liking. So let's say we go back to pixabay And you just type in Wall under photos and you can look and find any sort of wall that you want. Let's say you can't find a mock up image, you know, in a bedroom or in an office or dorm room you can go ahead and find a picture And we're going to add our own frame and picture to that wall. So, for example, I'm going to type in nursery And let's say I want to use this picture here and add in my own frame. I'm going to click free download, again download the largest file size, click download. And now what I'm going to do is go back to Canva And this time create a design And I'm going to choose a custom size. So remember, the shortest side has to at least be 2000 pixels. So I'm going to just do 2000 by 2000,. we're going to make a square and then click Create new design. So the first thing we want to do is add the image we just downloaded from pixabay of the nursery as the background image. We'll go to uploads, click Upload Media and locate the image. I've already downloaded it here. we don't want to fill the image like that. we want to make it a separate element. So just once you see the full picture, just release your mouse And from here we're going to click and drag it until it fills the screen how we like it. I want it to be something like that. So when you release it, if you want to make any more edits to the background, just double click on the photo And then you can readjust it to you know whatever position you want And just want to leave it just like that. Okay. so now what we want to do is add a frame. So we're going to go back to pixabay, we're going to type in frame And you can see all these different vector frames here, And a lot of them come in packs of three. but we can crop it out and choose whatever frame we like the most. So I'm going to type in wood frames under illustrations and I like these ones right here. I only want to use one of them, But that's okay, I'll show you how we can crop out and just use one. we're going to click free download- you don't have to download it as the largest file size- and then click download. Now we'll go back to Canva, Again under uploads.