Hi there. This video is all about finding mockups that are all really done for us and they're all split off and we can update the smart objects like this. You ready? Turn it on, save it, close it. And it wraps around the book. It works for this foil embossing.
There is a cool one for this phone Look, it's a white version, a black version, a poster version. They're all made for us. They are commercially usable and they're really easy to update. Let's jump in now and take a look at how they work. Alright, the first thing we need to discuss is what Adobe market is. Now on my Mac up the top right here, there's this creative cloud icon.
Now if you're on a pc, it's in the bottom right of your screen, so find it, click it, you'll need an active CC license. You wanna click on this one called assets and it's buried under this thing called market. So cool. It's gonna take a little while, uh, depending on your internet connection. Mine's average here, so it's loaded. Okay, so what it's used for, now, I use it for two things.
What it's really good for is things like vector graphics. Let's say that I need to find, I need some social media icons. Okay, so it's for a web design or some sort of poster. And I want all the kind of social media icons, all vector ready for me. So I'm gonna put in social, I should maybe type in icons, but this market is mainly full of icons, so it's probably gonna work. You can see there, these are all vector.
Beautiful. Okay? And I can just download them and start using them. So let's look at this one here. Gonna click on it and this one here is SVG. So it's scalable vector graphics.
Okay, so it's all victory goodness. I can use it in Photoshop or Illustrator and I just hit download and it'll end up in my library. It's really handy for icons. I use it for some reason. I'm in here every second day doing this. I need an arrow.
It's like the lamest thing to look for and you could draw one so easily in any of the programs. But there's such a like a art to arrows, right? It's like a billion different ways of sharing an arrow. Like do you want the thin one or the big slaby one or does it have rounded ones? Oh, maybe it's just that one. I find it's easy just to come in here, find one.
This thing scrolls forever, okay? For arrows, you just find one you like, there'll be vector and you'll be able to use them commercially. So let's say you are beyond looking for arrows. What we came for is, I'm gonna cross on that and I want to go from featured to this one that says for placement and that's gonna bring up the ones we saw in the intro. Okay? So somebody's gone through, designed a Photoshop file, mostly Photoshop attached a smart object that we can easily update with any of these things.
So that's the one I'm gonna download. I've got this in your exercise file so you don't have to download it, but if you did want it, you click on this and say I want it in my instructor HQ library. It will work away for a little bit and eventually appear over here and you just need to double click it, but just have a little look through. It's amazing like, uh, how many different mockups are in here? Okay, I've never found the bottom of this. Just keep on scrolling and just amazing UI stuff for mocking up on apps and iPads and phones and watches, but also just kind of more traditional stuff like this.
Okay, we've got printed stationary and you just want to quickly whack it up for your cv. Make it look good. Mocking up a hoodie or a T-shirt. Is Anybody else like me spent ages trying to find the perfect T-shirt and then try and mock it up? Alright, let's jump into it now and open up our first file. Alright, so first up, go to your exercise files and open up mockup one.
Click open. Here it is here. Now the trick for dealing with any of these placement PSD files is you're looking for the smart object because those smart objects we know can be opened up and we can replace content in this case, this particular one is being marked red. Just to help you indicate it here. And remember to open up a smart object, you double click this little thumbnail here anywhere where this icon is, double click it and what will end up happening is up the top here where it says Shape one, you've got this thing called PSB. So this is the file that the designer who mocked this up originally has used.
What we wanna do is turn the eyeball off and drag out, say from our CC library, we're gonna use the logo stack and I'm going to not whole shift and drag it out to get it nice and big. Doesn't really matter how big it is, just somewhere to occupy most of that space. Hit return, hit save, hit close. And that is too cool, huh? Just a plain old vector graphic that we had in our library now has been mocked up beautifully with this kind of this foil deboss. Super believable and really easy to update.
I'll show you a couple of other versions that I've downloaded and just mocked up. You can see this version here. Okay, it's another mockup of say the UI design that I've done for that company. And you can see over here, all we had to do is these is place your image here. They're not always red, that's just handy from this designer. If I double click it though, you can see there's the graphic that I've just dumped in there.
You can update yours. Some of them come with some really cool effects. You can see there's a white version of the phone and a black version. Just stuff that you're never gonna get the time to go and quickly mock up this particular one's from Castle Co. Thank you very much. However did this, did a look.
Another one, mockup three, just a nice little poster mockup here. And we've used the graphic that we had in, uh, but we didn't illustrate remember our perspectives. You can see here, just double click this and all I did was replace it, copied and paste it from Photoshop and I updated here. And again, this one has a couple of cool options. You can decide whether you want it to have the folds or maybe you want it to have shine like glass, maybe back for the folds. There's all sorts of different shadows you can add or remove.
All sorts of noise, all separated out. It's really good clips. Goodbye. I love it. Uh, last one, this one here. Cool little book mockup.
You can see here. This is the design. So this is my front. I'm gonna double click it and all I did was paste it in here. I'm gonna invert it again just so you can see. If I save it, look at it wrapped around the edges.
There's a front and a back. You can see they're nicely labeled here, back cover, front cover, all sorts of different things. They're all kind of clipped on their own backgrounds as well. So you can turn the background off and they're all nicely mask. You can turn the shadows off super quick. Super helpful.
I'm gonna undo that, save it, watch it update again. Now I've just downloaded for the ones that I like the look of, so you'll find loads more in that Adobe market. And that'll be us for using market mixed with smart objects. Let's jump in now to the last video where we wrap up what we've learned and give you some next steps. All right, I'll see you there.