Snelle tip Hoe Perspectiefmodellen in Sketch te maken

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.

Bekijk de Screencast

 

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.

Installeer Magic Mirror

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

Definieer een gebied

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.

templates

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 gratis

Afsluiten

Zo 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 Themeforest

Ook: Placeit

Placeit 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 Mockup

Misschien 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.

Handig lezen

  • Plug-ins, bronnen en freebies om een ​​schets te maken
  • Snelle tip: gebruik van de bijgewerkte symbolen van Sketch
  • Meer dan 10 nieuwe schetsinvoegtoepassingen om uw ontwerpwerkstroom te verbeteren
  • Schetsjablonen op Themeforest
  • iPhone-foto door Alejandro Escamilla op Unsplash