Skip to main content

How Make a Reusable Mockup in Photoshop Using Smart Objects

Lesson 107 from: Adobe Photoshop Mastery

Daniel Walter Scott

How Make a Reusable Mockup in Photoshop Using Smart Objects

Lesson 107 from: Adobe Photoshop Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

107. How Make a Reusable Mockup in Photoshop Using Smart Objects

Lessons

Class Trailer

Getting Started

1

Class Introduction

03:24
2

Before you get Started with the Photoshop Advanced Course

01:28

Selections & Masking - Advanced

3

The Easiest Way in the World to Mask a Person in Adobe Photoshop

24:23
4

Class Project - Select Subject

01:41
5

Select Mask & Changing a Color using Photoshop - Color Range

10:00
6

Using Photoshop Selection to Fix Grass & Sky - Color Range

07:20
7

How to Change the Color of Skin in Photoshop - Color Range

08:05
8

How to Create an Ink Splash Image Around Text - Color Range

15:02
9

Class Project - Color Range in Adobe Photoshop

01:54
10

Mask on a Group Rather than each Layer

11:18
11

Advanced Masking using a Channels in Adobe Photoshop

14:14
12

Class Project - Channel Mask

01:30
13

How to Make Selections in Photoshop Based on the Focus Area

22:53
14

Class Project - Focus Area

01:11
15

Selection Trick Using the Smudge Tool in Photoshop

04:16
16

Future of Selections in Photoshop with Adobe Sneaks

07:04
17

Quiz - Selection & Masking

Preferences & Workflow

18

Advanced Preference Changes for Adobe Photoshop

08:36
19

How to Speed up Adobe Photoshop if it’s Running Slow

07:48
20

Workflow Tips & Tricks Like a Professional in Photoshop

13:45
21

Advanced Layer Tricks in Adobe Photoshop CC

05:58
22

Automatically Add a Watermark Text or Logo in Photoshop

08:29
23

Batch or Image Process Multiple Images at Once in Photoshop

09:05
24

How to put Loads of Images into one Photoshop File Quickly

07:04
25

Weird Adobe Photoshop Features & Easter Eggs

06:37

Fixing Images

26

How to Enlarge Images Without Becoming Blurry in Photoshop

06:57
27

How to Fix Blurry Images in Photoshop Using Shake Reductions

08:17
28

Advanced Color & Tone Correction Using Levels in Photoshop

06:44
29

Advanced Curves in Adobe Photoshop CC

06:34
30

Quiz - Fixing Images

Cropping & Aligning & Distorting

31

How to Reshape Images Without Distorting in Photoshop Content Aware Scale

09:44
32

How to use Content Aware Move in Photoshop

08:38
33

How to use Content Aware Extend in Adobe Photoshop

07:28
34

Removing Objects Using Content Aware Fill in Photoshop

07:01
35

Class Project - Content Aware Fill

01:03
36

Cropping Tricks Delete Pixel & Reveal Cropped Content in Photoshop

06:11
37

Automatically Crop & Rotate Scanned Documents in Photoshop

05:35
38

Crop Angled Images to Straighten Perspective Cropping Photoshop

04:42
39

How to Trim the White Away from the Edge of an Image in Photoshop

01:52
40

Automatically Align Layers in Adobe Photoshop CC

07:38
41

How to Reshape Images using the Puppet Warp in Photoshop

18:10
42

Class Exercise - Puppet Warp

01:14
43

How to Change the Perspective in Photoshop Perspective Warp

05:47
44

Quiz - Cropping & Aligning & Distorting

Color

45

How to Color Black & White Image in Photoshop

09:42
46

How to Create a Duotone Effect in Adobe Photoshop CC

09:28
47

44. Class Project – Duotone in Adobe Photoshop

02:20
48

How to create the Glitch Effect in Adobe Photoshop

07:01
49

Class Project - Glitch Effect in Adobe Photoshop

00:44
50

Color Grading with Orange & Teal Effect in Adobe Photoshop

05:36
51

Class Project - Color Grading in Adobe Photoshop

00:49
52

Quiz - Color

CC Libraries

53

Advanced CC Libraries Tricks and Tips Photoshop

19:15

Typography

54

Advanced Type Trick & Workflows in Adobe Photoshop

19:38
55

Photoshop Can Guess your Font Using Match Fonts

10:43
56

Quiz - Typography

Artboards

57

52. Adding Artboards to your Photoshop Workflow Properly

05:24
58

How to Add Images Correctly to a Photoshop Artboard

08:17
59

Using Smart Objects & Relinking Images in Photoshop

04:10
60

Advanced Speed Tricks for Updating Artboards in Photoshop

04:09
61

Export Artboards as PDF & Separate JPGs in Photoshop

05:38
62

Quiz - Artboards

Retouching

63

Advanced Tricks for Healing Brush for Retouching in Photoshop

08:24
64

Don’t Forget About Clone Tool Stamp in Photoshop

06:09
65

How to use the Patch Tool for Retouching in Photoshop

06:41
66

Class Exercise – Retouching in Photoshop

01:15
67

How to Retouch in Photoshop Using Face Aware in Liquify

06:50
68

How to Use Vanishing Point to Mocking up Designs in Photoshop

12:19
69

Vanishing Point - Cloning & Healing at an Angle in Photoshop

11:19
70

64. Class Exercise - Vanishing Point in Photoshop

00:51
71

Fixing & Retouching Skin Tone in Adobe Photoshop

06:01
72

Retouching Eyes by Enhancing in Adobe Photoshop

08:00
73

Retouching Eyes with a Little Bit of Fakery in Photoshop

09:00
74

Fully Faking Believable Eyes in Adobe Photoshop

06:45
75

Class Project – Eyes in Photoshop

00:51
76

70. How to Realistically Whiten Teeth in Adobe Photoshop

11:44
77

Class Project – Teeth in Photoshop

00:57
78

Quiz - Retouching

Layers

79

Difference Between Place Linked vs Place Embedded in Photoshop

08:22
80

What is the Difference Between Fill & Opacity in Layer

01:11
81

How to Use & Export Layer Comps in Adobe Photoshop

03:27

Visual Styles & Effects

82

75. How to Create a Double Exposure in Adobe Photoshop

11:07
83

Class Project - Double Exposure in Photoshop

01:17
84

How to Create a Watercolor Painting Effect in Photoshop

09:23
85

Class Project – Watercolor in Photoshop

00:32
86

How to Decay Pixel Explosion Dispersion Method in Photoshop

13:47
87

How to Make Exploding Shoe Effect in Adobe Photoshop

10:49
88

Class Project – Decay in Photoshop

00:51
89

Quiz - Visual Styles & Effects

Video & Animated Gifs for Social Media

90

How to Edit Video in Adobe Photoshop

25:42
91

Parallax Effect to Make Photos Move in Photoshop

13:22
92

Class Project – Parallax in Photoshop

01:15
93

How to Create Live Images - Cinemagraphs in Photoshop

13:19
94

Class Project – Cinemagraph in Photoshop

01:35

Web Design

95

How to Setup a File Ready for Web and UI Design in Photoshop

09:32
96

How to Export Your Web Design UI Project for Dreamweaver

07:57

3D

97

How to Make 3D Text & 3D Logos in Photoshop

11:52
98

How to Add and Change 3D Materials & Textures in Photoshop

08:42
99

Using Cameras & Depth of Field in 3D Photoshop

05:12
100

Adding Lights & Casting Shadows Using Photoshop 3D

10:01
101

How to Export a High Quality 3D Image from Photoshop

04:42
102

Class Project – 3D in Photoshop

01:08
103

How to Create Fake 3D Lines & Type in Photoshop

09:33
104

Fake 2.5D Gradient Effect with Paths in Photoshop

07:10
105

Class Project - Fake 3D in Photoshop

00:46

Mock-ups & Presenting Your Work

106

Using Free Templates & Adobe Market to Mockup in Photoshop

11:07
107

How Make a Reusable Mockup in Photoshop Using Smart Objects

06:40
108

Mockup Poster Against a Wall Using Photoshop

08:16
109

How to Make a Simple UI App Web Design Mockup Using Photoshop

06:06
110

Class Project – Mockups in Photoshop

01:00

Exporting

111

How to Proofing Colors in Adobe Photoshop Ready for Print

04:04
112

How to Tidy Up your Photoshop Files Before Sending Them Out

10:21
113

How to Package Your Photoshop File to Include Linked Images

07:22
114

3 Kinds of File Export for Photoshop Social Media Web & Print

12:59
115

Quiz - Exporting

What’s Next

116

What’s Next After Your Photoshop Advanced Course

01:05

Final Quiz

117

Final Quiz

Lesson Info

How Make a Reusable Mockup in Photoshop Using Smart Objects

Hi there, this video is all about doing our own mock ups. We're going to start with a blank magazine veteran graphics and some shadows and some highlights. What's really cool about it is that we get to easily update it savored and in our mock up, look at that magically updates bends around. Let's work through that process now. Alright 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 And your exercise files under 16. This is the spread if you've done my in design courses is one of the things we make in there. So what we'll do is we'll use magazine spread one pdf. So I just exported this from in design as a pdf in her place. Okay, size wise, probably needs to be a little bit smaller and hit enter. So first thing we need to do is it's a smart object. Right...

? And we can see the little icon we've got used to it now but we need to make it another smart object or rust arise the layer, right click or rust rise. 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 we don't know so now we're going to spend our time moving this around and jiggling it to try and get it to fit this magazine. And I guess the thing to note 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, spent ages when I worked at an agency before I learned any of this stuff. I 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 I start from scratch. Alright so I'm gonna work my way through this and 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? But it 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 make sure 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. Alright, I'm happy with it once you're happy with it hit return. So that's pretty cool. Let's add a couple of extra bits just to make it look a little bit more believable. What I'm gonna do is I'm gonna grab a new layer, this is going to be my shadow layer, I'm gonna grab my brush tool, I'm gonna pick up big fizzy brush Capacity is going to be at 30% and I want my foreground color to be black and 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 capacity 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 2nd 1. It's a bit smaller, kind of build it up into that corner there. Now, the trouble is it's 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 old key on a Pc and just clips the shadow to the magazine spread. Let's do another one. This one here is going to be the highlights the same thing as before. Except I'm using white is my foreground color. Maybe X. Just toggles white. The white and black. So clicking once holding shift, clicking again, just kind of runs it through its way too big. Uh huh. And they're passing, I've 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 capacity. I might use a layer mode. Okay, 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 or a Pc and they can both clip to the magazine spread. So we've done our 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 to. Thanks very much Return, save how come is that? So you spend a little bit of time fixing it up. I might have to work on the shine. It kind of looks like the magazines bent a little bit with my not very subtle shadow. Okay, so I might look at redoing those, but I 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. You might be working 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. Alright, so we've done a magazine spread, you get a box, you could do a wine glass, candy jar, anything you like. Just make sure that you when you bring in your smart object. Okay? Or go file place, make sure that once it's then you've got to convert it into a smart object again so that we get all the cool transformed settings. All right, let's get into the next mock up video

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

Uli N
 

Great class, but outdated PS version. It was confusing sometimes. Some tools are not in PS anymore and more tools have been added which is not included in the course.

Nadim Rouf
 

Student Work

RELATED ARTICLES

RELATED ARTICLES