Booklet
How to create mockups Vol.4
How to create mockups Vol.4
In the Vol.2 I showed how to create light theme mockup
Today you will learn how to create a dark theme mockup
Draw a rectangle
- Phone Body
- Size: 370x740
- Radius: 44
- Color: #222222
- Backgroud: #181818
Add Shadows
Inner Shadow
- Blur 20
- X 20
- Y 8
- Opacity 6%
- Color FFFFFF
Drop Shadow
- Blur 80
- X 100
- Y 80
- Opacity 40%
- Color 000000
Draw another rectangle and align center
Phone Screen
- Size: 360x720
- Radius: 40
- Color: #1E1E1E
Add Shadows
Inner Shadow
- Blur 20
- X 20
- Y 2
- Opacity 5%
- Color FFFFFF
- Blur 20
- -X 20
- -Y 2
- Opacity 20%
- Color 000000
Add Antenna
2 Rectangles
- Size: 8x740
- Color Color: 121212
- 50px left and right from screen edges
Add buttons and a speaker
Buttons
- Size 1: 3x45
- Size 2: 3x90
- Color: 282828
Speaker
- Size: 4x50
- Color: 121212
Was it helpful? Let me know in the comments below. Check my stories and choose what theme you like more