How I Make 1,000 Mockups in 10 Minutes (Mockup Script)

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
when I figured out how to use this automated mock-up script I was easily able to do 10 times the output with the same amount of work each day creating great mock-ups is one of the worst parts of print on demand it takes forever especially with platforms like playset or canva and most of the time those mock-ups aren't even the right mock-ups to get your products to sell this mock-up script that I'm giving you in this video will allow you to automatically generate mock-ups that you choose without even having to touch the computer while it's running this is one of the few Key Systems that actually allowed me to grow my business in hindsight if I had never found the script I don't think it would have been possible for me to reach the level of success that I have ascious it sounds this specific script allowed me to go from making nothing to multiple six figures a year and grow what's approaching a multiple seven figure business instead of tediously spending my time making mock-ups which takes a long time you just add all of your designs to a folder and run the script in this video we'll cover everything from preparing the mock-ups to use with the script preparing your Des designs and running the script I'll mostly be going over a t-shirt example in this video but this will work for any product that you can create a mock-up for and I'll show you a couple different examples throughout the video feel free to watch different parts of the video back at half speed if you need to and without further Ado let's get into step number one which is preparing the mock-ups now the good thing about creating these mock-ups is you'll do it once and then you'll never have to do it again the downside to using my method is that you do have to pay for Adobe Photoshop now sometimes you can get it for around ten dollars a month I'll leave a coupon down below for a 40 off coupon but either way even if you ended up having to pay the full 20 a month I still think that by the end of this video you'll see the value in why this is so important after you've downloaded Photoshop you'll also need another program called figma I use figma to make all of my designs and I used it as an example in my t-shirt design tutorial if you haven't seen that video then parts of this one might be a little bit confusing so I'd encourage you to go back and watch that one all the way through these are the two mock-ups that we'll be preparing as an example in this video if you want to find similar or exact mock-ups that I'm using in this video just go to Etsy type in 3001 and then the color of shirt that you're looking for and just hit enter this will bring up a ton of different options and you should be able to find some of the mock-ups like this one right here for five dollars that I'm using in this video after you've purchased just and downloaded them you should get something that looks like this in a PNG or JPEG file the very first thing you'll want to do is just right click on one of your mockups hit select open with and choose Adobe Photoshop now before we do anything else in Photoshop we have to quickly switch to that other program that I mentioned called figma now if you've seen my design tutorial then hopefully this will look familiar on the left side I've got the creating mat and on the right side I've got all the designs that we made in that video now if you don't have this creating mat or you had trouble adding it it'll be in the download for this video which you'll need to download anyway just go into the scripts and miscellaneous and you should see the creating mat which you should be able to just drag and drop right into figma the full grid is the maximum print size and this red grid on the inside is a more ideal sizing guide I talk about that in my design tutorial but we need to make the mock-ups so that we could utilize the entire space so to do that I'm just going to hit the r key on my keyboard or come up to the top left and just select the rectangle tool and I need to click on the top left hand corner of the grid and just click and drag down to the bottom right and it should kind of snap into place from here I'm going to change the fill to black color when I select the design I should be able to move it around now I'm just going to hold shift command and hit C and it should copy it as a PNG to my clipboard now I could go back into Photoshop and just hit command V to paste it in this is super important otherwise nothing's going to work on the right hand side of the screen you should see the layers panel if you right click on that layer that you just pasted in you have to click convert to Smart object with that done we can reposition it and put it into place to do that I'm just going to hit command T to bring up these little handles and now I can click and drag and make this rectangle a bit smaller now since this is the maximum print size it needs to come almost to the edge of the seams maybe about a half inch quarter inch to the seam and just a little bit lower than the collar this looks pretty good right here but you'll just have to play around with this a little bit on your own the main idea here is you want your black rectangle to fill up most of the space that would be the maximum print area so this print space is 15 inches by 17 inches and you can see how close it gets to the sleeves and the collar and you're just trying to recreate that in your mock-up now in reality it's much closer to the top of the shirt so I like moving my black frame just a little bit closer but try and get these edges to kind of match up with what printify shows then once you feel like it's in the right place you'll come up and hit this check mark now the whole reason we add that black frame in is it's going to act as a placeholder so when we run the script the script knows exactly where to place our design on the shirt and really once this placeholder is in the right position we're done with the first mock-up so what we can do is just hit shift command s we'll be able to save this to a file now from the download in the description you should see a mock-ups folder and this is the file where your want to save the mock-up so double click there and then just rename it to something easy to remember and hit save and then just hit ok now that mock-up that we just made will display our designs exactly as we export them in the exact same colors so if you export a black white or colored design it will display it exactly like that but let's say that you have a white shirt mock-up and you always want the text for that mock-up to appear as black here's how you do it so on the right hand side of the screen you should see our two layers this top one is our rectangle placeholder so select that layer and hit command J and it should make a copy of it now immediately just set the opacity down to zero and turn the eyeball off so that that layer is invisible then select the original placeholder layer come down to this little circle icon click it and click solid color now this is where you're going to pick the color that you're forcing the designs to come out as so if this was a white mock-up we'd probably want to set the color to black but in this this instance since I really want to drive this point home we're going to choose and make every design that goes through this mock-up lime green then we're going to hit OK and now you're only going to see lime green so we have to fix that move your mouse in between the color fill layer and your rectangle placeholder layer and holding the option or ALT key you should see your mouse change to this little square with a little down arrow just click it will force that color to only be applied to our placeholder layer so now if I just shift command s again I can save this as a new Option and call it something like lime green and hit save then I'll just hit OK and now if I open up my mockups folder you can see I have two mock-ups one will display the colors exactly as they originally are and one will display them in lime green since that was the color that we chose now I'm going to do another real-time example so you can see how fast this can really be done so again starting completely from scratch we're going to use this mock-up I'm going to open it in Photoshop then I'm going to come back into figma and I'm going to hit R I'm going to make our placeholder rectangle I'm going to set the color to Black so I'm going to shift command C to copy it as a PNG and then I'm going to paste it in here right click and hit convert to Smart object then I can hit control or command T and I can just scale this rectangle down now for here this one's just going to be a little bit more wonky but I'm just going to try and size it as best as possible so I'm just going to size it now I have to rotate this one a little bit we didn't have to do that for the last example but I'm going to rotate this one a little bit and just try and get it into the best position possible and it doesn't even matter that it's coming over the jeans because some of our designs aren't going to be that long so this is looking pretty good maybe less rotation that I think that looks pretty good and we can always come back and edit this if we need to then I'll just hit save and I will save this I will save this as dark gray Heather to save and hit OK just like that we've successfully made three different mock-ups so hopefully this is all making sense but with that out of the way now we can get into the Second Step which is formatting our designs now back in figma hopefully you'll remember from the design tutorial making these designs now just over here I've combined our mock-up with a white placeholder and I've overlaid the creating mat so we can kind of understand what's going on and for this first example I'm just going to grab one of these designs let's do this one at first and I'm just going to paste it in so ideally our design would show up somewhere like here not too big not too small and not too close to the collar but there's something that you have to understand about the mock-up script the way that it works is it's going to take your design and put it to the very top of the placeholder and it's also going to make it as big as it possibly can now if we made a mock-up that looked like that it would look absolutely ridiculous nobody wants a design all the way up at the very top of their neck that stretches from armpit to armpit it just makes no sense that's why in our design tutorial we spent so much time making it the right size and getting it positioned correctly so we just have to tell the the script that we want it a little bit smaller and a little bit lower on the shirt to do that is really easy we're just going to click and select the design and move it up to the top left corner of the creating map you should see it kind of clicks into place with those Orange Lines from there we just need to hit command G this will create a new group then on the right side of the screen you should see new controls called Auto layout when you click on this it'll add some new controls right below we'll have horizontal padding and vertical padding this will allow us if we click and drag on the horizontal padding to add some invisible space on either side of our design then we can do the same thing for the vertical padding and get our design right back to where we started this way when we run it through the script it knows to add invisible space on the top and sides of our design let me show you again why this would be so important let's say we had a taller design something like this if the we allowed the script to just stretch it to the maximum size and put it up at the top look absolutely ridiculous it would come all the way up to your neck and it would stretch all the way down to your stomach this would look ridiculous on a t-shirt that's again why we spent so much time getting it to be the correct size so from here we would just hit command G to group it then we would move it to the top left corner of the mat then we will click Auto layout and we will add some padding horizontally and we can add some padding vertically just like that now for some designs like this one it might already be in a group now what happens if we just already click Auto layout well it completely messes up our design so regardless of whether you have a group already just start by hitting command G and make a new group hit Auto layout add your horizontal padding to make it the right width and add some vertical padding to set it down low enough on your shirt and just like that we're done with that one as well do one more example so that you can see and we'll do this colored design we're going to set it to the top right command G Auto layout add horizontal padding to fill up the full 15 inch frame and then just move it down a little bit from there that looks great now it's also really important that you name the frame so I'll just click on the layer layer and copy it and paste it in so that each layer is just named the same name as what the design is and after you're done naming them you shouldn't be left with several layers that look just like this with invisible padding on all the sides naming the designs is tedious but it will really pay off long term especially when I'm able to release my automatic product uploader the product uploader will include the name of the design as part of the title so you don't have to type it in every time you upload a product basically you'll just export your designs to a file it'll create mock-ups and upload them for you and then all you have to do the only manual work is just applying the mock-up to the product listing on Etsy so it takes out all of the time consuming work between making the design and having a finished product so now let's export the design so we can use them with the script assuming that you've finished adding padding to all of your designs you'll just click and drag and select them all from here you'll need to change the color for all of the black designs to White so on the selection colors just click the black box and to turn it to White then you should see an export button at the very bottom so just click on that and click export however many layers you have now it's super important that you save your exported designs to this obj0 file that I've included as part of the download file in the description so open that up and just hit save so hopefully you're following along and now we can finally run the mock-up script now disclaimer I did not write the code for this mock-up script it was originally created by an adobe Forum user named JJ Mack I found it on his website many years ago and I've just been using it ever since now his website has since disappeared so I have no idea where he is or how to give him credit for this but he made it free to use so I figured I'd pass it along to you in the description you'll be able to download this file which has all of the files that you need as well as the creating that and the mock-up scripts so after you have that downloaded we have to install the script to do that I'm going to have to navigate to my applications folder and I'll do that in a new window and we just have to find the Adobe Photoshop folder this might look a little bit different if you're on Windows just double click and open it go to the presets folder choose scripts so what I like to do is just select them right click hit copy and then you can just paste them in you also might have to enter in your password because I believe this is a protected folder now you'll just have to relaunch or open Photoshop now with Photoshop open if you click on file from the very top I believe it's off screen right now you should see a scripts option and now you should see mock-ups appear so just click on mock-ups and we just have to change a couple settings the first time and then it'll save these every other time so this first setting is choosing where the mock-ups are stored so we'll just hit browse and we'll need to navigate to that mockups folder where we created those three mockups then we'll just hit open and the second is the objects collection folder so we'll hit browse and this is for the obj0 folder that holds all of our designs now you do not want to select the obj0 folder you want to select the parent folder so what I mean is instead of double clicking and opening you'll just make sure that you're on the file where this one is visible and then click open now finally for the output folder you'll just hit browse and I've also included an export folder so you can double click and open this one up and that way all of your finished results will be in the export folder now every time you run the script those settings will be saved however every single time that you run the script you have to check this box edit smart objects and fit the image as long as you can remember to check those two boxes you'll be good to go then we'll just hit create mock-up collages and watch the magic happen now it's not going to look like much is happening it's it might be really laggy at first but if I just open up the file where we chose it to export all of our Graphics you can see that each mock-up is being generated in real time and I'm not even doing anything so you can see how it's generating all of these mockups I could do as many mock-ups as I wanted to with as many different designs as I wanted to and I could just let this run and run and run okay so it finished four mock-ups for three templates in less than a minute so just hit OK and let's just take a look at the exported results so as we scroll through you can see each design that we've made is applied to each template here's the one where we forced it to be green again all of the designs look great they're scaled they're properly positioned and all we have to do is just make one good template and it's able to automatically create all of our designs you can see we have the colored and they all just look perfect and all of that happened in less than a minute and trying to make this many mockups by hand would take forever now what if you're selling a different product like a mug I like this website called free pick and they have a ton of free and paid mock-ups that you can use now I'm looking specifically in this case for a mug mock-up so we'll just make a search for that and also you want to make sure that you have a PSD filter applied so you're only looking at Photoshop mockups after scrolling through a little bit I kind of like this one so I'm going to download it and open it in Photoshop the very first thing you'll want to do is look and see where the smart object is so if you'll remember we created a placeholder on the shirt mock-up and in here it's just going to look a little bit different so I'm going to open this smart objects folder and you should see a layer like this one Your Design here if that's the case we're just going to hit command J and duplicate it and we're going to click and drag it all the way up to the very top of the layers so what we need to do is again change the opacity to zero and click the eyeball to make sure it's turned off and we can just hit save save so command s so now this mockup is ready to use in our script we could use this as a mug mock-up but we would still need to position our designs so that they appear correctly in this placeholder now to do that on the layer that we just copied at the very top double click on this little window on the left of the layer and it should open up a blank layer like this just hit command a to select everything and command C to copy it then back in figma what we can do is just hit command V to paste it in and now this is going to be our new placeholder so we could add some color so that we can see a little bit better and let's say that we wanted to add this design so we could paste it over here and just to bring it to the top and then maybe I'll want to scale it so it's right in the middle well how would we do that again we would set it to the top left of this placeholder and you guessed it we will group it add the auto layout add some padding and add some vertical padding as well and now as you can see if we exported this design and we ran it through the mock-up script with the mug it would look exactly as we expect it to foreign I really hope that starts to make sense where if you're applying the padding to get it in the right position on the placeholder when you run the script it'll appear in the exact right position every single time now here's a few tips and a few problems that you might encounter problem number one is the top layer is not the smart object if the top layer is not the smart object the script is going to fail it either has to be the original smart object like that black rectangle that we applied or it has to be an invisible copy of a smart object at the very top of the layers the second problem that you might face is you didn't space or size properly so for some mock-ups like picture frames or stickers you don't even need to add space to the design you just have to size it properly grouping your design and adding Auto layout in figma and then adding invisible padding on either side only helps you make your designs smaller or fit them at a certain level of your total print area for something like a sticker you don't need invisible space around it in fact it'll just mess it up and even a frame is going to be very similar for most frames you just want each image to be the exact same size so that when you run the script it applies the same size picture to the frame mock-up every single time problem number three is basically the same as number two where you can only do one type of product at a time so it's not going to make sense for you to do t-shirts and mugs even if the design is the same because the formatting for the design menu export it is going to be different tip number one is to always use an external hard drive so I use an external hard drive like this I don't know if you can see it it's plugged in right now but basically that will allow you to export all of your mockups to the hard drive without taking up a ton of space on your computer let's say you did 40 different designs on 10 different mock-ups that's going to create 400 really high quality images in a matter of minutes and if you're doing that on your regular hard drive it's going to significantly slow down your computer so I'd highly recommend investing in some kind of hard drive that you can just export all of your files to as the screen script is running tip number two is do not steal mock-ups now there are ways to get around actually paying the five dollars to get a mock-up but it's not worth it at all now a couple months ago when I accidentally leaked my shop from The Challenge Series that I'm doing new updates coming soon a bunch of people who saw that video went and just copied not only my mock-ups but my designs directly and just started uploading them to Etsy and Etsy was not happy to say the least Etsy can find out and so can the shop owner who sells the mock-ups if you've stolen it or if you've purchased it so do not steal it's going to cause you problems you'll get your shop shut down and it's just not worth it so spend the five dollars and buy the mock-up and then work on growing a business that can make you hundreds to thousands to millions of dollars just don't steal someone's mock-up or designs and tip number three is just to watch back any parts of this video that were challenging in half speed so you can click the little gear icon change this playback speed to 0.5 five and you should be good to go now a couple more side notes is I am working on creating a Discord community so if you feel like being a part of that I'm going to leave a link to the new Discord in the comments section or the description below this video and we're just gonna see where that goes hopefully I can grow something hopefully I can be more active there than I am on Instagram because I know I haven't been good at getting back to you guys on Instagram just for people to come and hang out and talk now I don't know what's going to happen if there's gonna be a ton of scammers I'm not going to ask you for any personal information I'm not going to ask you anything about crypto there's a ton of scammers in my comment section so just be careful the Discord Community is going to be legit so you'll find that in the description if you care to join so yeah I hope you found this video helpful if you did I'd appreciate it if you subscribed left a like and a comment and as always I'll see you soon and challenge update videos are coming soon
Info
Channel: Alek
Views: 144,850
Rating: undefined out of 5
Keywords: Chat GPT, Mid Joureny, MidJoureny, ChatGPT, AI, AI Art, Making Money with AI, Money with AI, Make money Chat GPT, Make money using midjoureny, make money print on demand, midjoureny print on demand, mid journey AI art, Make money ChatGPT, digital products, Etsy digital product, digital product, Etsy digital download, ai digital download, AI logo design, sell logos online, passive income logo, ai generated logos, midjoureny logos, midjoureny logo
Id: -t8zcTfiG7c
Channel Id: undefined
Length: 22min 45sec (1365 seconds)
Published: Fri Apr 21 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.