How to create a coffee cup mockup in Photoshop
Do you want to create a photo with a vivid and realistic coffee cup to show off to your friends? Please follow SaDesign's article below now. In the article below, I will share with readers in detail how to create an impressive and realistic coffee cup mockup using Photoshop.
![How to create a coffee cup mockup in Photoshop](/pictures/picfullsizes/2024/07/18/qgh1721320781.jpg)
Do you want to create a photo with a vivid and realistic coffee cup to show off to your friends? Please follow SaDesign's article below now. In the article below, I will share with readers in detail how to create an impressive and realistic coffee cup mockup using Photoshop.
1. How to create a smart object for a coffee cup mockup
Step 1: First, to create a coffee cup mockup in Photoshop, you need to have a coffee cup image. Select File => Open to open the paper coffee cup image in Photoshop. Add a Brightness/Contrast adjustment layer and change the brightness to 30.
Step 2: Make another Brightness/Contrast adjustment layer. Use the Pen Tool (P) to create a selection around the coffee cup. Create a selection and apply a mask so that the effect is applied only to the paper cup image. Change the brightness to 55.
Step 3: Continue using the Rectangle Tool (U) and create a shape with dimensions of 1243px by 1390px that will help cover the surface of the cup model. Name this layer “Cafe Logo Design”.
Step 4: Right-click on the Cafe Logo Design layer in the Layers panel and select Convert to Smart Object. Continue to Edit => Transform => Warp to adjust your object layer to match the coffee cup mockup.
2. How to select a cup mockup
Step 1: Activate the Selection step from the 2nd Brightness/Contrast layer mask (Click the command of the layer mask thumbnail) and create a layer mask on the smart object layer Logo Cafe design.
Step 2: Double click the thumbnail on the Coffee Logo Design layer. This action will help you open a new file window. Select Copy (Command - C) and Paste (Command - V) into the Central Perk logo. Select File => Save and the smart object will automatically update. Now you can close this window.
Step 3: Select Filter, choose Blur and finally Gaussian Blur. Change Radius to 13.4.
Step 4: On the layer mask of the smart filter, use a soft brush with the Brush tool (B) and mask the filter from the center of the coffee cup.
Step 5: Create a new layer above the Coffee Logo Design layer then change the foreground color to #d6cdbb. Select the Brush Tool (B) and use a soft brush to make marks on the right side of the 3D coffee cup model. Right-click on this highlighted layer in the Layers panel then select Create Clipping Mask to create a layer mask. Change the blending mode to screen.
Step 6: Place the Coffee Cup Logo Design and Highlight layers in a Group in the Layers panel. Add a Gradient overlay layer to this group by double-clicking on this group layer to continue displaying Layer Styles.
Continue using the settings below:
- Blending Mode: Dodge Color
- Opacity: 53%
- Style: Linear
- Angle: 0
- Color #1: #d1c7ae, Opacity 0%
- Color #2: #faf6ea, Opacity 100%
Step 7: Continue adding another Gradient overlay layer type to this group. Then apply the following settings:
- Blend mode: Hard light
- Opacity: 63%
- Style: Linear
- Angle: 0
- Color #1: #111111, Opacity 100%
- Color # 2: #5c5c5c, Opacity 100%
- Color #3: #5c5c5c, Opacity 0%
- Color #4: #000000, Opacity 0%
Above are some simple steps to help you create a coffee cup mockup using Photoshop that SaDesign wants to share with readers. Hopefully with the above steps, you can create a realistic and impressive coffee cup model.
- How to create beautiful mockups for posters in Photoshop
- Instructions for creating a mockup on a black hoodie in Photoshop