Skip to main content

Creating a Mockup Using Smart Objects

Lesson 82 from: Adobe Photoshop: The Complete Guide Bootcamp

Ben Willmore

Creating a Mockup Using Smart Objects

Lesson 82 from: Adobe Photoshop: The Complete Guide Bootcamp

Ben Willmore

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

82. Creating a Mockup Using Smart Objects

Lessons

Class Trailer
1

Introduction To Adobe Photoshop

04:05
2

Bridge vs. Lightroom

06:39
3

Tour of Photoshop Interface

18:21
4

Overview of Bridge Workspace

07:42
5

Overview of Lightroom Workspace

11:21
6

Lightroom Preferences - Saving Documents

08:19
7

How To Use Camera Raw in Adobe Photoshop 2020

05:10
8

Overview of Basic Adjustment Sliders

13:09
9

Developing Raw Images

30:33
10

Editing with the Effects and HLS Tabs

09:12
11

How to Save Images

03:37
12

Using the Transform Tool

04:48
13

Making Selections in Adobe Photoshop 2020

06:03
14

Selection Tools

05:55
15

Combining Selection Tools

07:37
16

Using Automated Selection Tools

17:34
17

Quick Mask Mode

05:07
18

Select Menu Essentials

21:28
19

Using Layers in Adobe Photoshop 2020

13:00
20

Align Active Layers

07:29
21

Creating a New Layer

06:15
22

Creating a Clipping Mask

03:02
23

Using Effects on Layers

11:24
24

Using Adjustment Layers

16:44
25

Using the Shape Tool

04:39
26

Create a Layer Mask Using the Selection Tool

04:39
27

Masking Multiple Images Together

15:15
28

Using Layer Masks to Remove People

10:50
29

Using Layer Masks to Replace Sky

10:04
30

Adding Texture to Images

09:11
31

Layering to Create Realistic Depth

05:35
32

Adjustment Layers in Adobe Photoshop 2020

05:29
33

Optimizing Grayscale with Levels

10:59
34

Adjusting Levels with a Histogram

03:37
35

Understanding Curves

06:18
36

Editing an Image Using Curves

18:41
37

Editing with Shadows/Highlights Adjustment

07:19
38

Dodge and Burn Using Quick Mask Mode

07:14
39

Editing with Blending Modes

08:04
40

Color Theory

05:59
41

Curves for Color

16:52
42

Hue and Saturation Adjustments

08:59
43

Isolating Colors Using Hue/Saturation Adjustment

13:33
44

Match Colors Using Numbers

16:59
45

Adjusting Skin Tones

05:25
46

Retouching Essentials In Adobe Camera Raw

10:52
47

Retouching with the Spot Healing Brush

07:53
48

Retouching with the Clone Stamp

06:51
49

Retouching with the Healing Brush

04:34
50

Retouching Using Multiple Retouching Tools

13:07
51

Extending an Edge with Content Aware

03:42
52

Clone Between Documents

13:19
53

Crop Tool

10:07
54

Frame Tool

02:59
55

Eye Dropper and Color Sampler Tools

08:14
56

Paint Brush Tools

13:33
57

History Brush Tool

06:27
58

Eraser and Gradient Tools

03:06
59

Brush Flow and Opacity Settings

04:17
60

Blur and Shape Tools

11:06
61

Dissolve Mode

09:24
62

Multiply Mode

15:29
63

Screen Mode

14:08
64

Hard Light Mode

14:54
65

Hue, Saturation, and Color Modes

11:31
66

Smart Filters

11:32
67

High Pass Filter

13:40
68

Blur Filter

05:59
69

Filter Gallery

07:42
70

Adaptive Wide Angle Filter

04:43
71

Combing Filters and Features

04:45
72

Select and Mask

20:04
73

Manually Select and Mask

08:08
74

Creating a Clean Background

21:19
75

Changing the Background

13:34
76

Smart Object Overview

08:37
77

Nested Smart Objects

09:55
78

Scale and Warp Smart Objects

09:08
79

Replace Contents

06:55
80

Raw Smart Objects

10:20
81

Multiple Instances of a Smart Object

12:59
82

Creating a Mockup Using Smart Objects

05:42
83

Panoramas

13:15
84

HDR

11:20
85

Focus Stacking

04:02
86

Time-lapse

11:18
87

Light Painting Composite

08:05
88

Remove Moire Patterns

06:11
89

Remove Similar Objects At Once

09:52
90

Remove Objects Across an Entire Image

05:46
91

Replace a Repeating Pattern

06:50
92

Clone from Multiple Areas Using the Clone Source Panel

10:27
93

Remove an Object with a Complex Background

07:49
94

Frequency Separation to Remove Staining and Blemishes

12:27
95

Warping

11:03
96

Liquify

14:02
97

Puppet Warp

12:52
98

Displacement Map

10:36
99

Polar Coordinates

07:19
100

Organize Your Layers

11:02
101

Layer Styles: Bevel and Emboss

02:59
102

Layer Style: Knockout Deep

12:34
103

Blending Options: Blend if

13:18
104

Blending Options: Colorize Black and White Image

06:27
105

Layer Comps

08:30
106

Black-Only Shadows

06:07
107

Create a Content Aware Fill Action

08:46
108

Create a Desaturate Edges Action

07:42
109

Create an Antique Color Action

13:52
110

Create a Contour Map Action

10:20
111

Faux Sunset Action

07:20
112

Photo Credit Action

05:54
113

Create Sharable Actions

07:31
114

Common Troubleshooting Issues Part 1

10:23
115

Common Troubleshooting Issues Part 2

07:57
116

Image Compatibility with Lightroom

03:29
117

Scratch Disk Is Full

06:02
118

Preview Thumbnail

02:10

Lesson Info

Creating a Mockup Using Smart Objects

then I own a bus. A vintage bus is what it looks like. And at the time I got the bus, it was painted blue and white, and I knew I was gonna repaint it. Well, the factory back when they made these bosses, which my bus is made in the sixties. But they made these buses all the way back to, like, the late 19 thirties. Well, what they used to do is give you this this little paint sheet where if I turn off one of these designs, it was just an empty sheet like this. You can grab a marker and design your paint job. And so when I had mine, my bus originally I used the sheets and I drew on him all sorts of different designs to try to figure out what design might I want. But the problem was just seen it here in these three views Ah was not sufficient for me to feel confident. It would look good on my bus. So I took a picture of my boss in back at the time I took the picture. It didn't quite look like that. It looked like a blue and white bus which is this. That's what it looked like when I bought...

it. I ended up modifying that to try to make it look like a white bus, and I just made areas black and white, and they brightened them to the same brightness. That's what I have in the base of this document. Then let me show you how I use smart objects to create a mock up of my bus. Well, I took this paint sheet and I loaded it as a smart object. Now there's a couple of ways of making things into a smart object. So far, I've shown you that you could take existing layers, select them, go to the layer menu and choose smart object convert to smart object. But what? Another thing you can do is let me just close this document. I go to the file menu, and there's a choice right here called Open as Smart Object. And if I choose open a smart object, then I could find that file in my hard drive, and I wish I would have looked at the name of it. But it's one of these. I mean, it's the moment to find it. It's in here somewhere. There it is, and I can choose open. And now it comes in and it's a smart object, but it originated as a file, so that's just another way of doing it. I'm gonna drag that over to the other town, bring it in here, and then I could scale this in distorted intel. It matched the bus that's in there. What I would do is in the lesson about blending modes. You'd learn that multiply mode acts like ink, and so I'd use that mode type command tea and let me see if I can get this to approximate. What I did I would need to do is some further adjustment. But I did it. I'm gonna throw away this layer, though in turn on the one I actually did. There it is. So now what I was able to do is to double click on this layer, the one that's a smart object. And I saw the original document here and I could draw my own paint job. And I drew one there, and I decided maybe this is an alternative or this is an alternative or this is an alternative. And if I were to turn one of those on. All you need to do is close this document, tell it to save it, and it saved it right back into the other file. And I could preview it there, right on the bus in. That allowed me to experiment enough with various designs until I came up with this one that I liked and it gave you more confidence. I don't say this is the cleanest version of it, but the main thing is, smart objects made it possible. So I use smart objects for so many things that it's somewhat absurd, but it takes time to get your brain around it. The main thing to remember is that any time you create a smart object, however many layers you have in your layers panel are gonna look like they merge into one. But what they really did is they got transferred into a separate hidden document that you can only access if you double click in the thumbnail for the layer. And if you do, it shows up in a separate window than anything you do to that layer in a transforming scaling warping. Filtering is something that's not permanent, something you can easily turn off for change the settings on. And if you duplicated so you have more than one version of it. It's really multiple instances of the same content. So if we change one, they all update, and to me, it makes it so. Photoshopped could become dramatically more versatile, But you also then have to think through what's really happening a little more than usual, but I hope with a little bit of experimentation that you could get comfortable with smart objects.

Class Materials

Bonus Materials with Purchase

Lessons 1 - 6 - Handbook 1: Introduction to Adobe Photoshop
Lessons 7 - 12 - Handbook 2: How to Use Camera Raw
Lessons 13 - 18 - Handbook 3: Making Selections
Lessons 19 - 24 - Handbook 4: Using Layers
Lessons 25 - 30 - Handbook 5: Using Layer Masks
Lessons 31 - 38 - Handbook 6: Using Adjustment Layers
Lessons 39 - 44 - Handbook 7: Color Theory
Lessons 45 - 51 - Handbook 8: Retouching Essentials
Lessons 52 - 59 - Handbook 9: Tools Panel
Lessons 60 - 64 - Handbook 10: Layer Blending Modes
Lessons 65 - 70 - Handbook 11: How to Use Filters
Lessons 71 - 74 - Handbook 12: Advanced Masks
Lessons 75 - 81 - Handbook 13: Using Smart Objects
Lessons 82 - 86 - Handbook 14: Photography for Photoshop
Lessons 87 - 93 - Handbook 15: Advanced Photo Retouching
Lessons 94 - 98 - Handbook 16: Warp, Blend, Liquify
Lessons 99 - 105 - Handbook 17: Advanced Layers
Lessons 106 - 112 - Handbook 18: Actions
Lessons 113 - 117 - Handbook 19: Troubleshooting Issues
Practice Images 1: Introduction to Adobe Photoshop
Practice Images 2: How to Use Camera Raw
Practice Images 3: Making Selections
Practice Images 4: Using Layers
Practice Images 5: Using Layer Masks
Practice Images 6: Using Adjustment Layers
Practice Images 7: Color Theory
Practice Images 8: Retouching Essentials
Practice Images 9: Tools Panel
Practice Images 10: Layer Blending Modes
Practice Images 11: How to Use Filters
Practice Images 12: Advanced Masks
Practice Images 13: Using Smart Objects
Practice Images 14: Photography for Photoshop
Practice Images 15: Advanced Photo Retouching
Practice Images 16: Warp, Blend, Liquify
Practice Images 17: Advanced Layers
Practice Images 18: Actions
Practice Images 19: Troubleshooting Issues

Ratings and Reviews

Noel Ice
 

I am an avid reader of photoshop books, and an avid watcher of photoshop tutorials. I have attended (internet) several hundred of presentations. In the course of this endeavor, I have found my own favorite photoshop websites and instructors. Creative Live is probably the bargain out there as well as among the top three internet course sites. I have to say with great enthusiasm that the best Photoshop instructor is Ben Willmore. There are many great ones, but truly, he is the best I have come across, and, as indicated above, I have watched literally 100s of tutorials on Photoshop. I have seen all of Ben's courses, I think, and among them, this one is the best by far, and that is saying a lot, because that makes this course the best course on Photoshop to be found anywhere. I am going back and watching it twice. Not only is it comprehensive, but Ben is so familiar with his subject that he is able to explain it like no other. This is crème de la crème of Photoshop classes. I have been wanting to write this review for some time because I have been so thoroughly impressed with everything about this class!

ford smith
 

Highly recommended if you want to take your Photoshop skills to the next level. Ben Willmore is clear, concise, and professional. He also has a good speaking voice that is not distracting but also keeps you engaged. Lastly, I would recommend that as you become more advanced, increasing the speed of the video (one of the options given on the menu)...especially if you've gone through the course once before and maybe want to watch it again. The double speed is very efficient as you become more advanced in Photoshop. Thanks for the help Ben!

a Creativelive Student
 

Wow. I cannot communicate the value of this course!! The true value in this course is how the instructor identifies workflows you'll need before you'll ever realize it, repeats important information without it becoming annoying, and explains the "why" behind the techniques so well that even if you forget the exact method, you can figure it out via the principles learned. Excellent value, excellent material, excellent instructor!!!

Student Work