Thank you so much for this tutorial. I'm a baby design student, and my PS instructor doesn't explain things very well at all. This video is clear, goes slowly enough that I can follow what you're doing, and breaks down the steps concisely. Thanks again!
Did this for myself if it benefits anyone watching. 1. **Create a New Layer**: Click on the "create a new layer" button (represented by a square with a folded back corner) at the bottom of the layers palette. Alternatively, you can also go to the menu in the upper right of the layers palette (the "hamburger" menu), where you can create a new layer. 2. **Draw a Rectangle on the Layer**: Draw a rectangle closely fitting the edges of the main part of the latte mug on the new layer. 3. **Fill the Rectangle with White**: Go to the top menu, click on 'Edit', then click on 'Fill'. In the dialog box, click the dropdown menu, choose 'White' and hit 'OK'. 4. **Deselect the Rectangle**: Go to the 'Select' menu and choose 'Deselect'. The shortcut for this is 'Command D' on a Mac or 'Ctrl D' on a PC. 5. **Convert to Smart Object**: Right-click on the layer and choose 'Convert to Smart Object'. After this, you can adjust the opacity as needed without affecting the original image. 6. **Change the Fill Color**: Double-click on the layer to open a new tab, which is a .PSB tab. Fill it with a different color. Go to 'Edit', 'Fill', and choose 'Foreground Color' to use the color currently selected in your foreground color square in the tools palette. Hit 'OK'. 7. **Save Changes**: After making any changes to your .PSB, always hit 'Save'. Once you hit save, the asterisk that initially appears in the .PSB tab will disappear, indicating that you've saved your changes. 8. **Adjust the Shape**: Turn down the opacity so you can see the shape of the mug underneath. Go to 'Edit', 'Transform', 'Warp'. The warp box appears like a grid with handles in the corners and dot handles in other spots on the sides. Start dragging the shapes in until they line up with the shape of the mug. Adjust the shape as per the curves and edges of the mug. 9. **Add Text or Design**: After getting the desired shape, bring the opacity back to 100%. Go back to the .PSB tab and change the fill color back to white. Then, add the text or design you want to place on the mug. After adding the design, hit 'Save' and go back to the main layer. 10. **Adjust Design Size and Placement**: If needed, adjust the size and placement of the design on the mug by going to 'Edit', 'Transform', 'Scale'. Drag out from the corners while holding 'Shift' (for proportional scaling) or 'Shift + Option' (to scale from the center) on a Mac. 11. **Test Design**: Turn off the white layer in the .PSB tab, hit 'Save', and go back to the main file to see how your design looks. If you need to make adjustments, you can transform the design again until it looks just right. 12. **Finalize**: Once you're satisfied with your design, save your changes. You can now easily add new wording or design to the smart object in the future by just editing the smart object, hitting 'Save', and seeing the changes reflected on your file.
Love this tutorial! One question though, I'm trying to make a slightly more complex shape into a smart object layer, how do I add extra anchor points to the warp so that I can manipulate the shape a little bit more?
Thank you so much! I have been trying to find a video like this forever! I am however, using an updated version of PS, and when I warp, I don't get the extra lines in the middle. I was still successful, although a little trial and error, and can't remember what I did!
wanda mintz unfortunately no, I haven’t personally made a wrap, like, ever! LOL, so I didn’t create this for that sort of usage...I think it would fail you! It’s just for mockups to show your designs in pretty picture form :-)
I am currently building my diy cylindrical printer and wondering whats gonna happen to the image on a conical shaped cups. Now I know the tweaks and yes my guess is right, its in the warp of the object via smart hehehe thanks for this video just confirmed my guess now i can proceed to images upon building my device and finally be ble to print a correct image on a conical cylinder fashion, all the best, cheers here from the Philippines
Great tutorial however, after creating the smart object and changing the color, I am not always able to hit edit>transform>warp. I'm following the instruction exactly.
The short story of how to add glitter is: find/create a big image of glitter, place it on top of your mug layers, then create a mask in the shape of your mug, on that glitter layer. Now your glitter is shaped like a mug! You can go in and paint on some shadows and dimensions at this point. I teach all the steps to do this inside my Mockups for Makers course if you want all the deets! mockupsformakers.com/
You'll want to take your own picture or get one from the manufacturer that you are allowed to use in your business listings. If you grab from google you're at risk of someone coming after you if it's their copyrighted image - yuck! Then once its in Photoshop you can size it however you want. This is just for mocking up so estimates are totally fine. I hope that answers your Q?
Hi The Cynergist! Thanks for reaching out. It's a pretty involved, multi-step process, so I've captured all of that inside my course over at www.mockupsformakers.com if you want to check it out. :)
This is the most helpful tutorial I've found for this, and its straight to the point. now if only I could figure out how to make anything other then a square/rectangle smart object
Finally! Someone who explains EVERYTHING and very well at that! Thank you so much.
You're very welcome!
OMG! I have been searching for a tutorial like this. Your instructions are so clear and concise. Thank you so much. You have a new subscriber.!😀
Thank you for the only tutorial that I have found that actually explained it and helped me to understand!
Yay! I'm honored :)
Very nice. Easily understandable.
Glad it was helpful!
Thank you so much for this tutorial. I'm a baby design student, and my PS instructor doesn't explain things very well at all. This video is clear, goes slowly enough that I can follow what you're doing, and breaks down the steps concisely. Thanks again!
I'm so glad that I could be helpful, Sarah! :) Feel free to check out my other videos if you need any other help!
Did this for myself if it benefits anyone watching.
1. **Create a New Layer**: Click on the "create a new layer" button (represented by a square with a folded back corner) at the bottom of the layers palette. Alternatively, you can also go to the menu in the upper right of the layers palette (the "hamburger" menu), where you can create a new layer.
2. **Draw a Rectangle on the Layer**: Draw a rectangle closely fitting the edges of the main part of the latte mug on the new layer.
3. **Fill the Rectangle with White**: Go to the top menu, click on 'Edit', then click on 'Fill'. In the dialog box, click the dropdown menu, choose 'White' and hit 'OK'.
4. **Deselect the Rectangle**: Go to the 'Select' menu and choose 'Deselect'. The shortcut for this is 'Command D' on a Mac or 'Ctrl D' on a PC.
5. **Convert to Smart Object**: Right-click on the layer and choose 'Convert to Smart Object'. After this, you can adjust the opacity as needed without affecting the original image.
6. **Change the Fill Color**: Double-click on the layer to open a new tab, which is a .PSB tab. Fill it with a different color. Go to 'Edit', 'Fill', and choose 'Foreground Color' to use the color currently selected in your foreground color square in the tools palette. Hit 'OK'.
7. **Save Changes**: After making any changes to your .PSB, always hit 'Save'. Once you hit save, the asterisk that initially appears in the .PSB tab will disappear, indicating that you've saved your changes.
8. **Adjust the Shape**: Turn down the opacity so you can see the shape of the mug underneath. Go to 'Edit', 'Transform', 'Warp'. The warp box appears like a grid with handles in the corners and dot handles in other spots on the sides. Start dragging the shapes in until they line up with the shape of the mug. Adjust the shape as per the curves and edges of the mug.
9. **Add Text or Design**: After getting the desired shape, bring the opacity back to 100%. Go back to the .PSB tab and change the fill color back to white. Then, add the text or design you want to place on the mug. After adding the design, hit 'Save' and go back to the main layer.
10. **Adjust Design Size and Placement**: If needed, adjust the size and placement of the design on the mug by going to 'Edit', 'Transform', 'Scale'. Drag out from the corners while holding 'Shift' (for proportional scaling) or 'Shift + Option' (to scale from the center) on a Mac.
11. **Test Design**: Turn off the white layer in the .PSB tab, hit 'Save', and go back to the main file to see how your design looks. If you need to make adjustments, you can transform the design again until it looks just right.
12. **Finalize**: Once you're satisfied with your design, save your changes. You can now easily add new wording or design to the smart object in the future by just editing the smart object, hitting 'Save', and seeing the changes reflected on your file.
Thank you! I usually type out the instructions too.😊
Love this tutorial! One question though, I'm trying to make a slightly more complex shape into a smart object layer, how do I add extra anchor points to the warp so that I can manipulate the shape a little bit more?
Thank you for this, perfect!
thank u so much it helped a lot
I can print this mockup to apply it to the mug..Do the sizes match?
Just what I needed. Many thanks!
Yay! Thank you!
Hello Sarah, very nice tutorial.
Do you know what POD copmpany offer these Glitter dipped Latte Mugs? Thanks!
Thank you sooo much! It's just what I needed! Your voice is so amazing!
Just learning about Smart Objects. Very easy to follow tutorial. Thank you.
I'm so happy to hear that! Best of luck with your smart object creations!
Thank you! So simple, fast, and easy to follow. Really appreciate this.
My pleasure Hanz! Thanks so much for the note.
Thank you so much! I have been trying to find a video like this forever! I am however, using an updated version of PS, and when I warp, I don't get the extra lines in the middle. I was still successful, although a little trial and error, and can't remember what I did!
Yeah, this video is aging at this point so some things may differ. I'm glad it worked out :D
THANK YOU VERY MUCH FOR BEING STRAIGHT FORWARD! THIS IS SOOOOO HELPFUL 💕
Beautiful!!! I have been wanting a tutorial exactly like this for forever!!! You're such a great teacher! Thank you!!
Yay! I'm so glad I could help you out, Brittney! :)
This is exactly what I was looking for! Thank you SO much for your video - you were great! :)
That’s wonderful! I’m happy I could help and thank you! :-)
THANKS... . This was really helpful
TY!
OMG!!! Love your tutorial and the clarity of each step is the best I've seen new subbie here thank you!
Thank you so much Lupe!
Thank you for the turorial can i use this to make a template for a skinny to print out a wrap?
wanda mintz unfortunately no, I haven’t personally made a wrap, like, ever! LOL, so I didn’t create this for that sort of usage...I think it would fail you! It’s just for mockups to show your designs in pretty picture form :-)
@@SarahDesign okay thank you anyway
I am currently building my diy cylindrical printer and wondering whats gonna happen to the image on a conical shaped cups. Now I know the tweaks and yes my guess is right, its in the warp of the object via smart hehehe thanks for this video just confirmed my guess now i can proceed to images upon building my device and finally be ble to print a correct image on a conical cylinder fashion, all the best, cheers here from the Philippines
Awesome
thank you for this .. best clear smart object tutorial that i have found.
Great tutorial. Thank you!
I'm so glad you liked it!
Love you ....smooth voice.😊
Great tutorial however, after creating the smart object and changing the color, I am not always able to hit edit>transform>warp. I'm following the instruction exactly.
I beleive I figured it out. I didn't hit deselect
Thank you ☺️
is there a site to sell design mockups
THANKYOUUUUU FOR THIS TUTORIALLLLLLLLL
No problem! I'm so glad I could help! :)
How did you add the glitter? I love it btw
The short story of how to add glitter is: find/create a big image of glitter, place it on top of your mug layers, then create a mask in the shape of your mug, on that glitter layer. Now your glitter is shaped like a mug! You can go in and paint on some shadows and dimensions at this point. I teach all the steps to do this inside my Mockups for Makers course if you want all the deets! mockupsformakers.com/
Sarah Design Mockups thank you so much!
Great tutorial, really helped me out.
Great! I'm so glad that I could be helpful :)
Thanks for posting such a useful tutorial.
No problem, John! I"m glad it was helpful :)
This was so so great! Thank you!
I'm so glad it was helpful! You are more than welcome :)
Great Work Sarah !!
Thanks, Aman! :)
For a 20&30 oz coffee tumbler do we just google it and upload it to PS? Will it be that size or will we need to size it?
You'll want to take your own picture or get one from the manufacturer that you are allowed to use in your business listings. If you grab from google you're at risk of someone coming after you if it's their copyrighted image - yuck! Then once its in Photoshop you can size it however you want. This is just for mocking up so estimates are totally fine. I hope that answers your Q?
I AM YEARS LATE! OMG THNK YOU SO MUCH I AM DEFINITELY SUBSCRIBING!❤️
thanks for the good explaining the tutorial
No problem! Glad I could help :)
Hey sister i want know how to make this mug, i mean this mug sample
Thanks loads for this great tutorial!
I'm so glad you like it!
thank you.. u saved my life..
So glad I could help, Joy! :)
How did you make all the different glitter layers?
Hi The Cynergist! Thanks for reaching out. It's a pretty involved, multi-step process, so I've captured all of that inside my course over at www.mockupsformakers.com if you want to check it out. :)
This is the most helpful tutorial I've found for this, and its straight to the point. now if only I could figure out how to make anything other then a square/rectangle smart object
I'm so glad I could be helpful, James! :)
Consigo fazer mockup com a ferramenta caneta? pode me ajudar?
Thank you very much :)
That laugh at the end gave me life :D
wow! Thankyou
You’re welcome!
so easy thank you
Oh wonderful, I'm glad you found it easy :-) Thank you!
beautiful sound :D
That’s sweet, thanks so much!
Useful Tutorial
I like your methods. How do you turn an AI file into a mockup?
Thanks so much! I haven't looked into AI file mockups yet, but that's a great question. I'll put it on my list to research!
Sam an,☕☕☕🍺
So well explained!!! Thank you!!!!!