How make a reusable mockup in Photoshop using smart objects

This lesson is exclusive to members

Course contents
SECTION: 8
CC Libraries 19:15

Questions

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Course info

107 lessons / 16 hours 21 projects Certificate of achievement

Overview

Course Overview

Hi there, my name is  Dan and I am an Adobe Certified Instructor for Photoshop  - this is the Advanced Photoshop course.

This course is not for people new to Photoshop. This is for people who already know the fundamentals. It is for people who have their own ways of doing things but believe there really is a better, faster way to work. 

We will start by learning the best selection techniques available. I promise, by the end of the first section what took you 30mins to mask will now take you 30 seconds. 

What am I going to get from this course?
  • 13+ Hours of content!
  • 10+ Interactive exercises
  • 68 downloadable resources
  • You'll learn the best selection and masking techniques
  • You'll know how to fix images that look 'hard to fix'
  • You'll master advanced levels and curves tricks, specifically with skin, adjusting and enhancing colors
  • You'll learn how to enlarge images without distortion and what to do when things go wrong
  • You'll know how to convincingly remove all kinds of objects from images
  • My favourite: You'll master the ability to distort, bend and reshape images
  • Lets look at how current trending styles are super easy to duplicate
  • You will become a type nerd. We'll use font pairing in Typekit. We'll also use Photoshop's ability to guess fonts
  • Your Artboards skill will be mastered
  • A master of retouching, you will become!
  • You'll learn to edit videos in Photoshop, who'd have thought?
  • We'll also create awesome cinemagraphs, AKA: Moving pictures!
  • You'll learn to master 3D in Photoshop!
  • You'll learn lots about professional, reusable mockups, techniques and shortcuts!

Here's some of the things we'll be doing in this course:
We will correct 'hard to fix' images and learn what to do with blurry images. We will master Advanced Levels & Curves tricks and will work specifically with skin, adjusting and enhancing colours. 

You will learn how to enlarge images without distorting them and also, what to do when things go wrong. 

We will learn how to convincingly remove all kinds of objects from images. My personal favourite section will show you how to distort, bend & reshape images.

We will look at how current trending visual styles are easily created, duotones, glitches and orange/teal colour grading.

We get 'type nerdy' and use font pairing in Typekit. We will use Photoshop to identify the fonts used in an image and learn how to work with hidden glyphs & ligatures as well as variable & open type fonts.

You will master artboards while you are learning how to make easily updatable multiple sized social media & ad banner graphics. 

There is a big section on advanced retouching techniques, advanced healing, advanced cloning & patching. 

You will learn how to edit videos in Photoshop. We will also animate static images creating parallax videos plus the very cool cinemagraphs sometimes called 'living pictures' - great for social media. 

You will learn to master 3D in photoshop. We will finish off the course with professional, reusable mockup techniques & shortcuts. 

This course has a strong focus on workflow. We use real world, practical projects and show you the professional techniques and shortcuts which will save you hours using Photoshop. Throughout the course I have many class exercises for you to use in order to practice your skills. 

Who am I? 
As well as being an Officially Certified Expert by Adobe, I’m photoshop guru and user with 18 years Photoshop experience. I make tutorial videos directly for Adobe and will again this year be presenting a seminar on  Photoshop at Adobe’s 20 thousand attendee strong Max Conference.  

If you can’t remember the last time you sat down and went through the updates in Photoshop, let this course be your one stop professional development and upgrade path.   

Even if you consider yourself a heavy user, I promise there will be things in here that will blow your Photoshop mind. Sign up now!

Course duration 13 hours 45 mins + your study.



Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I 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.

Certificates

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.

Downloads & Exercise files

Download Exercise Files

Transcript

Hi there, this video is all about doing our own mock-ups. We are going to start with a blank magazine, add our own graphics, add some shadows, add some highlights. What's really cool about it is that we get to easily update it, save it, and in our mock-up, look at that. Magically updates, bends around. Let's work through that process now. 


To get started let's go to '16 Mock-ups' and open up 'Magazine Blank'. So this is one I've got from a stock library site. What we need to do now is mock-up our design, like you saw at the beginning there. First up, let's import our mock-up. So our mock-up, I'm going to go to 'Place Embedded'. In your 'Exercise Files', under '16', this is the Spread. If you've done my InDesign course, this is one of the things we make in there. So what we'll do is we'll use 'Magazine Spread 1.pdf'. So I just exported this from InDesign as a PDF. I can hit 'Place', click 'OK'. Size wise, needs to be a little bit smaller, and hit 'Enter'. 


So first thing we need to do is, it's a Smart Object, right? We can see the little icon, we've got used to it now. We need to make it another Smart Object or rasterize the layer. Right click 'Rasterize'. Why? Because 'Edit', 'Transform', we need these options to work, and they don't work straight after that import. So I'm going to right click it and say, you are again a Smart Object. Nothing really changes except 'Edit', 'Transform'. And we want this one called Warp. So now we're going to spend our time moving this around, and jiggling, and trying to get it to fit this magazine. And I guess the thing to know is that because we're using a Smart Object, when we do get into position and we spend our, you know 10 minutes or half an hour getting this thing looking perfect, means next time we can just use that Smart Object, update it like we did in the last video, and life is quick and good. 


I spent ages when I worked at an agency, before I learned any of this stuff I was, it was maybe about 10 years ago, I spent ages, one of my jobs was to mock-up all the work from the agency, and stick it up on our website using different kind of-- trying to make it look real without actually having, to photograph the actual magazines laid out. Man, I want to save some time, every time, started from scratch. So I'm going to work my way through this. You can hang around or just skip ahead a few minutes, or you can watch. 


The trick is, with these lines here, if you are hanging around, is, you're getting the edges first so just get the edges rough. Don't spend ages getting the edges. You can see I'm not zoomed in yet, I'm just kind of getting it rough, because there's a lot of, can you see this inside bit, needs a bit of work, and you can just click and drag the inside, and there's a little bit of fudging. You're watching the lines but you're also looking at your Artwork. You can see there, this is just a mixture of both, grabbing the handles, but also dragging the inside just to get it to look right. I feel like that's pretty good. Now I can spend a bit more time zooming in. Just to get these edges overlapping nicely. I'm happy with it, once you're happy with it hit 'Return'. That's pretty cool, let's add a couple of extra bits, just to make it look a little bit more believable. 


So what I'm going to do is, I'm going to grab a new layer, this is going to be my 'Shadow Layer'. I'm going to grab my 'Brush Tool', I'm going to pick a big fuzzy brush. Opacity is going to be at 30%. And I want my foreground color to be black. I'm clicking once at the top here, clicking another time down the bottom. How big is that? It's probably a little too big. The opacity of this brush, 40% maybe. You can always lower it down, right? So I'm going to have it actually get into this fold here, and maybe a second one, it's a bit smaller. Kind of build it up into that corner there. 


Now the trouble is, it's going all over the edges, so what you can do is you can make the Shadow Layer clip to the layer underneath. The long way is under 'Layer', and you can 'Create Clipping Mask'. That works, or undoing it, just holding down the 'Option' key, and clicking between the two, or the 'Alt' key on a PC. And it just clips the shadow to the magazine spread. Let's do another one, this one here is going to be the highlights. Same thing as before, except I'm using white as my foreground color. Maybe X just toggles white, white in the black, so clicking once, holding 'Shift', clicking again, just kind of runs it through, that's way too big. And the Opacity now turned down, you can have it up, I'll keep mine at 40%, because what I want to do is maybe just lower the opacity. 


Actually I might not lower the opacity, I might use a layer mode. I'm just going to cycle through them until I find-- oh that looks good. Soft light. Just a nice subtle one. Same thing, hold down the 'Option' key on a Mac, 'Alt' key on a PC, and they can both clip to the magazine spread. So we've done a mock-up, it looks good, and then we have to come back next month to lay it out again. What we can do is just double click on the 'Smart Object', come in here, and I'm just going to 'File', 'Place' the 'Magazine Spread 2'. Thank you very much. Hit 'Return'. 'Save'. How cool is that! 


So we spend a little bit of time fixing it up. I have to work on the shine, it kind of looks like the magazine's bent a little bit with my not very subtle shadow. So I might look at redoing those. But hope you can see, it doesn't take super long to kind of mock-up your own version, your own custom stuff. Something that relates to you might work for a company that doesn't do magazines, it might be boxes, or packaging or e-books, or something that you want to mock-up once. Spend the time, but then be able to update it real quick later on. So we've done a magazine spread. We can do box, we could do a wine glass, could be a jar. Anything you like, just make sure that whenever you bring in your Smart Object, or go 'File', 'Place', make sure that once it's in you've got to convert it into a Smart Object again, so that we get all the cool transform settings. All right, let's get into the next mock-up video.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024