How to create a mockup for your portfolio using InDesign
Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.
Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.
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.
Work your way towards your certificate for this course by following these simple steps.
Good luck!
We’re awarding ‘Pass’ level certificates for this course.
You can work your way towards your ‘Pass’ certificate by following these simple steps.
Good luck!
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.