Jak vytvořit jednoduchý iPhone 12 MockUp

Dnes si ukážeme jak vytvořit jednoduchý mockup iPhonu 12. Ukážeme si to ve Sketchi, ale postup je stejný, ať použijete jakýkoliv nástroj.

Vytvoříme jednoduchý obdélník s těmito hodnotami. Výška : 843 px, šířka : 408 px, rádius: 66 px, barva : #606060
Přidáme stín. Barva: #000000, úhel : 45°, vzdálenost 100 px, spread : 0 %, distance: 100 px, size: 90 px, opacity : 25 %
Dale si vytvoříme tlačítka a switch. Šířka: 9 px, výška switche: 40 px, výška tlačítek: 70 px, rádius: 4,5 px a barva: #000000 a odsadíme přibližně 125 px od horní hrany
Vytvoříme nový obdélník. Šířka: 396 px, výška: 831 px, rádius: 63 px, stroke: 7px a barva: #000000. Na výplň použijeme jakýkoliv rádius. V mém případě je to #21D4D0 -> #B721FF. A obdélník vycentrujeme.
Na závěr vytvoříme notch. Šířka: 200 px, výška: 53 px, rádius: 15 px, barva: #000000 a umístíme na střed k hornímu kraji