Туториал: Как сделать мокап мобилки

1. Создайте прямоугольник.

На примере будет размер –370x740. Добавьте скругление углов – 44. Цвет на примере будет – 444652.

2. Добавьте внешнюю и внутреннюю тень.

Внешняя тень: X:100 У:8О

Размытие: 8О ЦВЕТ: 000000

Прозрачность: 40%

Внутренняя тень: X:20 У:8

Размытие: 20

Цвет: FFFFFF

Прозрачность: 6%

3. Создайте еще один прямоугольник.

Размер: Зб0x720

Скругление: 4О

Цвет: 1F2226

4. Добавьте элементы.

Кнопки

Размер: Зx45; Зx90

Цвет: 444652

Скругление: 2

Два прямоугольника

Размер: 8x740

Цвет: 121212

Прямоугольник динамика

Pазмер: 50x4

Цвет: 121212

5. Добавьте тень второму прямоугольнику.

Внутренняя тень: X:20 У:2

Размытие: 20

Цвет: FFFFFF

Прозрачность: 5%

Внутренняя тень: X:-20 У:-2

Размытие:20

Цвет: 000000

Прозрачность: 20%

6. Разместите свой дизайн в мокапе.