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