Scribd
Upload
12 views1 page

Quick Guide

This quick guide outlines the steps to edit a mockup using Photoshop. It details how to access the smart object layer, replace the design, and save changes to update the mockup. Following these instructions will ensure that the new design is correctly displayed on the mockup.

Uploaded by

paocont77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views1 page

Quick Guide

This quick guide outlines the steps to edit a mockup using Photoshop. It details how to access the smart object layer, replace the design, and save changes to update the mockup. Following these instructions will ensure that the new design is correctly displayed on the mockup.

Uploaded by

paocont77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

EDITING A MOCKUP

- QUICK GUIDE -

1. Open up the .PSD le with Photoshop.


2. Inside Photoshop make sure you have your “Layers” panel open, if it’s not open you
can to go "Window -> Layers" from the menu at the top to enable it.
3. In your "Layers" panel nd the smart object layer. In our mockups the smart object
layer generally looks like this:

It is marked by a red square and has a text like


“Paste Your Design Here” alongside it and you can usually
nd it at the top.

This is not true for all mockups using smart object but it is
just the way we have chosen to represent ours for easier
access.

4. Double click on the icon at the left side. This is important, clicking
anywhere else on this layer will bring up a di erent menu. Alternatively you can right
click anywhere on the layer and from the menu that opens up choose “Edit contents”.
5. A new tab will open up with the current design, feel free to delete the contents here
and then paste or create your own design within.
6. After your design is inside the new tab save the current le. This is also important, as
not saving at this point will not update the design on your mockup. So you can press
CTRL + S (Windows) or CMD + S (Mac) or you can also save by going to "File ->
Save" from the menu at the top.
7. You can now close the tab with the design and switch back to the tab containing the
mockup. If you followed everything correctly, your design should now be displayed
on the mockup. You can now save again if you want to keep these changes
permanently!
fi
fi
fi
ff
fi

You might also like