Booklet

author

Alexunder Hess

Design

How to create mockups Vol.4

design

Design

|

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

More booklets by Alexunder Hess

More Design booklets

Your recently viewed booklets

  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
  • booklet-slide-images
See all booklets