This lesson is exclusive to members

Adobe InDesign CC - Essential Training

How to create a mockup for your portfolio using InDesign

Daniel Walter Scott

Download Exercise Files



We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

In this video we're going to look at adding our Spread that we've done in InDesign to this 3D mock up that we can use in our portfolio. So, let's go and do that now.

There's two things you need to do before we're going to make this happen. You need to sign up free for Mediamodifier. There's a few other competitors to it as well, so go and check them out. These guys will charge you 5 bucks to release the watermark of your image. Seems like a right deal to me. But check out the other ones, I've only ever used this one. Let's go and look at it. Let's have a look at 'All Templates'. You can add your stuff to all sorts of stuff. It does the kind of 3D rendering for you, which is really handy if you don't have any skills in Photoshop. I tend to do all of mine in Photoshop because I know how to use it. If you want to do it with me, we'll do it in the advanced version of this InDesign course.

Let's say I just want to do a quick and easy way. I want to give you an easy way, you don't have to go off, and hack the Matrix to do it. So I just typed in Magazine. You can see, it picked one of these Spreads here. Now, this one here is the A sizes, so A4, and this one here is more the US Letter sizes, so use one or the other, so that it really fits well.

So, over on the right hand side here, I'm going to click on this one. And we need to export our left page, and our right page. So let's go and do that from InDesign. So, pick your best Spread. I'm going to use this one here, I'm going to go to 'File', 'Export'. We did this earlier on in our tutorial, when we exported the format. Make sure it's a JPEG. Where are we going to put it? I'm going to put it in my InDesign exercise files or class files that are on the 'Desktop'. I'm going to call this one 'Right Page'. Very exciting. Actually this is the 'Left Page', we'll do first. Hit 'Save'. And in here, the range, can you see, this is 'D' and '1'. We did this in an earlier exercise where we looked at renaming the page numbering. Remember, A, B, C, D. This is one of those times where it's not a hassle, you just got to remember, that I want D first.

I want just this page, you can't do Spreads in this one here, doesn't really work. And the resolution, 300 or 150? 150 is fine for this occasion. Let's hit 'Export'. So I've got that side, I'll hit 'Export' again. I'm going to do the 'Right Page'. And I'm going to do Range '1'. Leave it all, click 'Export'. So now we've got two JPEGs, hopefully, on my Desktop. Under 'Class Files', and there's 'Left' and 'Right' pages. So now back into Mediamodifier. Choose the file for the Left Page. 'Desktop', 'Class Exercise Files', 'Left Page'. 'Crop'. Slightly off, it's not perfectly the right size. Let's click the 'Right Page'. 'Crop' the same thing. I'll put mine probably a little bit more in the middle, looks okay. And 'Generate Preview'. And this takes forever. But that's okay, it's doing the work for us. We kick back, relax, and speed it up please, Tayla.

You can see it's kind of benched it around to float with it. It's added some shadows. A bit of a highlight on it. You can obviously download this option, it has a watermark in it, but you can download a version, pay US $5, and get one that doesn't have it. And although displaying them as a flat JPEG is cool, I reckon portfolios doing well when they look like they're kind of actually dumb. Adds a little bit of professionalism to your displays. You might actually have a couple of different Spreads, and use a couple of different views from the same magazine for your portfolio.

All right, that's how to use something quick, easy, and not quite free. The other option is to use Photoshop. There are some cool stuff using the Adobe market. That's a little bit of a long process that we'll do in the advanced part of this course. All right, I'll see you in the next video.