Het manipuleren van afbeeldingen in drie dimensies (perspectief toevoegen met een verdwijnpunt of langs een isometrisch vlak) kan erg handig zijn voor mockups. In deze snelle tip gebruiken we een plug-in genaamd "Magic Mirror" om ons te helpen perspectieven te creëren in Sketch.
Stel dat u aan een iOS-app werkt en een hero-afbeelding wilt op de website van iemand die een iPhone in een hoek vasthoudt en de app-gebruikersinterface laat zien. Dit bereiken met traditionele methoden in Sketch is snel lastig, dus we pakken een Sketch-plugin genaamd Magic Mirror om ons te helpen.
Er zijn een aantal manieren om deze plug-in te installeren; download of installeer het vanaf de website of gebruik Sketch Toolbox om u te helpen intuïtiever plug-ins te beheren.
Als je eenmaal bent geïnstalleerd, ga je terug naar Sketch Plug-ins> Magic Mirror 2> Magic Mirror inschakelen.
Met alles in te stellen, moet u nu een gebied binnen Sketch definiëren, selecteren en vervolgens een tekengebied opgeven in het dialoogvenster Magic Mirror. De inhoud van dat tekengebied wordt dan gespiegeld in het geselecteerde gebied. Met behulp van ons iOS-app-voorbeeld kunnen we zoiets als dit krijgen:
Gebied dat wordt weerspiegeld met het tekengebied "iPhone 7 Plus"Met uw tekengebied nu in het geselecteerde gebied gespiegeld, kunt u het draaien en omdraaien en zelfs (in de pro-versie van de plug-in) dicteren of het op @ 1 × of @ 2 × resolutie staat.
Een leuk aspect van deze plug-in zijn de sjablonen. Bezoek de website en u vindt een hele sectie met beschikbare sjablonen die u kunt gebruiken. Sommige hebben een aankoop nodig, maar de meeste zijn gratis.
"Apparaat en hout" is gratisZo kunt u de Magic Mirror-plug-in gebruiken om mockups met perspectief te maken. Ik hoop dat je dit nuttig hebt gevonden en vergeet niet om te kijken wat er zoal speelt in de categorie Sketch-sjablonen op Themeforest!
Kies uit ongeveer 100 schets-sjablonen op ThemeforestPlaceit is een mockup-generator; een online tool waarmee u uw eigen ontwerpen (of het nu om UI-ontwerpen, logo's of andere brandingactiva) in presentatie-omgevingen kunt insluiten. U kunt bijvoorbeeld een app-ontwerp hebben dat u in een iPhone op een salontafel wilt plaatsen, of uw logo op het shirt van een model leggen.
iPhone X MockupMisschien wilt u uw ontwerpen zelfs laten embedden in stockvideo's (serieus, u moet de video's bekijken). Met bijna 3000 sjablonen en tellen, heeft Placeit gegarandeerd wat je zoekt.