Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Placing the artwork

From: Photoshop CS5 Smart Objects Workshop

Video: Placing the artwork

We've prepared our art gallery by removing all the original images, and adding a small drop shadow inside the frames. Now, let's add some content to those frames. The image we're going to work with is perhaps the most recognizable picture in the world, Leonardo DavincI's The Mona Lisa. And here it is. I'll use the Move tool to drag this into our gallery where it appears as a regular layer. Now, we're going to want to work with this as a Smart Object, so the first thing we'll do is convert it to a Smart Object.

Placing the artwork

We've prepared our art gallery by removing all the original images, and adding a small drop shadow inside the frames. Now, let's add some content to those frames. The image we're going to work with is perhaps the most recognizable picture in the world, Leonardo DavincI's The Mona Lisa. And here it is. I'll use the Move tool to drag this into our gallery where it appears as a regular layer. Now, we're going to want to work with this as a Smart Object, so the first thing we'll do is convert it to a Smart Object.

And I'll do this by using the Popup that comes when we click on it in the Layers panel convert the Smart Object. Now obviously, we want the picture to appear behind the walls in the spaces we've cut out. So, let's move this layer behind our Background layer, so it comes out behind it there. And we can start to work with it. We'll use Free Transform to make this smaller so we can fit it into this pane here.

To add some perspective to it, we can hold Shift + Option + Cmd on a Mac, Shift + Alt + Ctrl on a PC. And we can now make this fit in the correct perspective for this wall, and we'll click OK. And in most cases, we'll only want to show a portrait view of this picture. To make a copy of the Smart Object, we can hold the Alt key down and drag it. And there's the copy appearing in our new window. Now, we don't want this to view where it overlaps the picture next to it, or in fact, inside these frames. So, let's add a Layer Mask, and now we can simply hide these areas by filling them with black on the mask.

To do this, we can make a rectangular selection around the area we don't want. Because black is currently our background color, Cmd + Delete on a Mac, Ctrl + Delete on a PC will fill that area with black on the mask and so hide it for us. Let's make another copy and put it in the background here. And let's say, actually, we'll have this quite big, so that we can see a full face through there. And we'll drag this to the bottom of our layer stack so it doesn't overlap the picture in front of it.

And let's drag another copy, so the Alt key on a Mac, Option key on a PC. And this time, let's make it smaller so we get a lot more of the picture showing inside this frame. And let's take another copy and put it inside this frame on the wall. And in fact, I would have liked this the way that we've got the head showing in the top frame and the hands in the next one down. We'll make it very slightly smaller. Now, you will notice that when we used Free Transform, the Free Transforms boundary seems very much bigger than the image we are working with.

And that's because we've added Layer Mask to it of it's having to effect the Layer Mask as well. If we want to work with it at the size, it is without the Layer Mask attached. We can go back to our original and we can take a copy of that, again holding the outer Option key to drag a copy. So, let's put a full size picture in here. And now that we can see the image you're working on, let's zoom in on this. We can see we need to adjust the perspective to make this better fit the shape of our image. There we go.

There's a much less distorted version of the Mona Lisa, and let's add another copy above. Again, we can change the view of that. You can see that once again this version is overlapping the one underneath. We'll just send it to the back. We can use keyboard shortcuts Cmd on the Mac, Ctrl on the PC, and the square brackets will move a layer up and down in the layers panel. So, Cmd or Ctrl and Left Square Bracket will move it down one.

This layer now appears below the other one. And let's quickly put more copies into the spaces we left on the wall and one down here, one in this picture above. And we'll distort this as well. And a final one, or just make this slightly larger so it fills the whole of the upper frame, and we'll make a final copy in the picture below.

And when we zoom out, we can see our entire gallery is now full of Mona Lisas. These are all copies of the single original artwork that we placed. And what's interesting about working with multiple copies is that the way they all behave together. So, in this lesson, we perform with multiple transformations and distortions on copies of a single Smart Object. But precisely because it is a Smart Object, we can distort each copy as much as we like without losing any quality. If this were a regular layer, the last few distorted versions would be starting to look very ugly indeed.

Show transcript

This video is part of

Image for Photoshop CS5 Smart Objects Workshop
Photoshop CS5 Smart Objects Workshop

34 video lessons · 857 viewers

Steve Caplin
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS5 Smart Objects Workshop.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.