Quick mockups using Adobe Market & smart objects in Photoshop

This lesson is exclusive to members

Questions

1
0

Course info

17 lessons / 1 hours

Overview

If you’ve ever struggled to maintain a consistent look and feel across all the touchpoints of your content marketing, this lab is for you. Beautiful design is only half the battle when you’re designing for an integrated campaign in which you have to deliver, repurpose, and repeat design elements consistently and efficiently. In this fun, fast-paced, hands-on lab with Adobe Certified Instructor Daniel Scott, learn how to professionally use Photoshop to repurpose your designs across multiple media and formats.

While becoming a design implementation wizard, you’ll learn:

  • How to structure content for multisize social imagery
  • The best workflows for social, print, ad banners, and video
  • The top tools for non-destructive design
  • How to master layers, artboards, Smart Objects, and libraries
  • How to become the master of productivity in your office

Course duration 1.5 hours
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.

Downloads & Exercise files

Transcript

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.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025