5 gratis websites om prachtige mockup-foto's en screenshots te maken

Deze gratis apps maken het makkelijker dan ooit om mock-up productfoto's te maken met screenshots of afbeeldingen, waardoor je foto's er mooi en professioneel uitzien.

Een mockup-productopname is wanneer u een foto maakt van een laptop of een buitenreclamebord en het scherm of de ruimte kunt vervangen door een eigen afbeelding. Je hebt geen Photoshop-vaardigheden nodig om dat te doen. Dit zijn verschillende gratis online apps om dit te doen, waarbij je alleen de afbeelding hoeft te selecteren en je screenshot hoeft te uploaden.

In dit artikel vermelden we enkele van de beste gratis mockup-generator-apps die geen verborgen beperkingen hebben. Maar al te vaak zul je beperkingen tegenkomen in de grootte van de uiteindelijke afbeelding, het aantal keren dat je het kunt downloaden, of je krijgt een watermerk.

1. UpMock (Web): eenvoudige app om vectormodellen voor screenshot te maken

UpWork is een geweldige plek om te beginnen als je alleen met screenshots werkt. Het gebruikt geen echte producten, maar gebruikt in plaats daarvan vectorkunstrepresentaties. Het voordeel van het gebruik van vectoren is dat ze gemakkelijk te bewerken en in lagen te plaatsen zijn, waarbij de gedownloade PNG-bestanden met volledige resolutie op vele manieren worden gebruikt. Het is geweldig voor vitrines, logo's en andere funky ontwerpen.

Bij UpMock krijg je vectoren in vijf opties: Apple-venster, Windows-venster, Galaxy S10, Galaxy S21 en Apple iPhone. De eerste twee zijn voor schermafbeeldingen van laptops of desktops, terwijl de andere drie voor schermafbeeldingen van telefoons zijn. U kunt hier op elk moment tussen wisselen in de editor. U kunt ook de kleur van de apparaatvector, de achtergrondkleur en de grootte van de achtergrond selecteren. En dat kan altijd maak de PNG-achtergrond transparant later ook.

Nadat u uw screenshot hebt ingevoegd, zijn er beperkte bewerkingsopties voor. U kunt de positie om de een of andere reden verticaal maar niet horizontaal verplaatsen. U kunt de grootte van de schermafbeelding schalen zonder de beeldverhouding te wijzigen. Het is het beste om je screenshot een beetje van tevoren te bewerken en deze vervolgens in UpMock te gebruiken.

2. RiseShot (Web): afbeeldingen bijsnijden om in gratis 4K-productmodellen te passen

Degenen die 4K-afbeeldingen met een hoge resolutie willen voor hun productmodellen, moeten RiseShot eens bekijken. Alle foto's hebben een resolutie van 4K of hoger en u kunt gratis onbeperkte afbeeldingen downloaden, zonder watermerken.

De website biedt productmodellen in zes hoofdcategorieën: desktop, laptop, horloge, mobiel, tablet en ruimte. De laatste is voor verschillende soorten buitenopnamen, zoals reclameborden, winkelborden of kunsttentoonstellingen, waar u elke gewenste afbeelding kunt invoegen. Het is iets dat RiseShot een beetje beter maakt dan alleen een plek voor het gebruik van screenshots in mockups.

RiseShot doet ook iets dat de meeste andere sites je niet toestaan, verbijsterend. Je screenshot of afbeelding past niet altijd in de beoogde ruimte van de mockup. Dus wanneer u het uploadt, stelt RiseShot u in staat om eerst de afbeelding bij te snijden en toont een live voorbeeld van hoe uw uitsnede eruit zal zien, zodat u deze kunt aanpassen. Het is een eenvoudige functie, maar we ontdekten dat deze in veel andere tools schrikbarend ontbrak, en iets dat ervoor zorgde dat we RiseShot herhaaldelijk wilden gebruiken.

3. Bespottelijk (Web): grote bibliotheek met gratis mockups en aangepaste mockup-sjablonen maken

Mockuper is onze favoriet onder alle online mockup-generators en mockup-bibliotheken. Het is een no-nonsense website met een uitgebreide bibliotheek met kant-en-klare productsjablonen voor screenshots, onderverdeeld in desktops, laptops, telefoons, tablets en smartwatches. U kunt deze lijst ook verder filteren op merken.

Nadat u een afbeelding hebt geselecteerd, klikt u op de groene ruimte erin om uw schermafbeelding te uploaden of voegt u een URL in om direct een schermafbeelding te maken. Met Mockuper kunt u basisbewerkingen van deze laag uitvoeren, zodat u de dekking en belichtingshoeken van de reflectie kunt aanpassen. Als je tevreden bent met het resultaat, download dan de afbeelding gratis. Het is altijd een bestand met een hoge resolutie en zonder enige mockuper-watermerken erop. Bovendien hoeft u zich niet aan te melden voor de app.

Maar het beste van de site is dat als u zich registreert voor een account, u uw mockups kunt maken. Mockuper's aangepaste mockup-maker is veel eenvoudiger dan een schermmodel maken in Photoshop maar volgt dezelfde principes. Upload eerst een afbeelding met een hoge resolutie en voeg vervolgens een laag toe om de ruimte voor de schermafbeelding te definiëren. Het is een eenvoudige editor waarbij je vier hoeken van een vak naar de gedefinieerde plaats sleept.

U kunt ook meerdere lagen in dezelfde afbeelding toevoegen voor meer schermafbeeldingen, foto's of tekst. Nadat de afbeelding is ingesteld, geeft u deze een naam en stelt u deze in op openbare of privétoegang. U kunt deze mockup-sjabloon nu opnieuw gebruiken wanneer u maar wilt, en opnieuw downloaden als een afbeelding met een hoge resolutie zonder watermerken. Het is brilliant!

4. mock-over (Web): zeer aanpasbare mockup-editor voor gadgets, shirts, logo's

Mockover is een krachtig hulpmiddel om schermafbeeldingen, logo's of andere afbeeldingen op bijna alles te plaatsen om uw eigen mockups te maken. Het is niet het beste voor beginners, maar als je al eerder andere mockup-generators hebt gebruikt, zul je merken dat het de perfecte stap is tussen eenvoudige mockups en geavanceerde Photoshop-trucs.

Zodra u zich registreert voor de gratis website, kunt u kiezen uit vier Use Cases: logo's op objecten plaatsen, afbeeldingen op t-shirts plaatsen, screenshots in gadgets plaatsen of een aangepaste mockup maken met uw eigen afbeeldingen. In de eerste drie vindt u tal van sjablonen voor mokken, briefpapier, t-shirts, laptops, telefoons, enz., waarbij u alleen de afbeelding hoeft te vervangen.

Voor een aangepaste mockup moet je een afbeelding met een hoge resolutie van je computer uploaden en vervolgens een tijdelijke aanduiding instellen door vier punten ergens op de afbeelding te slepen. U kunt ook meerdere Placeholders in dezelfde afbeelding plaatsen om uw gewenste logo of screenshot te uploaden.

Mockover zorgt voor een enorme aanpassing van de tijdelijke aanduiding zelf, of het nu een aangepaste mockup of een sjabloon is. U kunt de randen, grootte en locatie op elk moment wijzigen. U kunt kiezen tussen lineaire of gebogen krommingen of u kunt deze als beste instelling op 'Verplaatsing' zetten. U kunt vervaging, dekking, kleurbereik, asverschuivingen, schaduw en een heleboel andere dingen aanpassen om uw mockup er zo perfect mogelijk uit te laten zien.

U kunt de afbeelding met hoge resolutie gratis naar uw computer downloaden, zonder watermerken. Al uw sjablonen en creaties worden voor later in uw account opgeslagen.

Opmerking: bovendien wordt doorverwezen naar Apparaatframes wanneer u met schermafbeeldingen voor gadgets werkt. Het is dezelfde interface, maar u moet zich opnieuw registreren voor een account.

5. 3D-mockuper (Web): GIF's maken van roterende 3D-productmodellen

Wil je zien hoe die foto eruit zal zien op een mok? 3D Mockuper is een eenvoudige manier om 3D-mockups te maken met afbeeldingslay-overs van vier producten: een mok, een waterfles, een t-shirt en een kartonnen koffiekopje. Dit zijn vier van de meest voorkomende dingen waar mensen een logo of dierbare afbeelding op zetten.

De eerste stap bij het gebruik van 3D Mockuper is het kiezen van een van deze vier producten. Upload vervolgens een afbeelding van uw schijf, die de app automatisch over het gekozen product zal leggen. Helaas kunt u niets aanpassen aan dit proces. Je hebt slechts acht achtergronden om uit te kiezen of een aangepaste achtergrond toe te voegen. U kunt ook een van de zeven kleurenschema's voor het product instellen.

Zodra dat allemaal is ingesteld, kunt u de animatie afspelen om het product te zien draaien met uw afbeelding eroverheen. Gebruik de schuifbalken om de Y-as te kantelen of het product handmatig te draaien. U kunt een momentopname van uw creatie maken door op te klikken Gevangen nemen > JPG, of download een roterende geanimeerde GIF door te klikken op Gevangen nemen > GIF.

Vergeet niet de bron toe te schrijven

Met deze tools maakt u fantastische productmodelafbeeldingen en krijgt u ze in grote formaten zonder watermerken. Deze apps zijn ook grotendeels attributievrij via Creative Commons-licenties.

Maar we zouden u willen vragen de bron te vermelden als u kunt. Je krijgt tenslotte een gratis afbeelding en gebruikt een aantal geweldige tools om het te doen. Het helpt de makers ook als je ze bedankt en ze wijst op anderen die mogelijk mockups moeten maken.

De beste gebruiksvriendelijke fotobewerkingssoftware voor beginners

Als de apps van Adobe te complex voor je zijn, bekijk dan deze gebruiksvriendelijke fotobewerkingsprogramma's voor beginners.

Lees volgende

Over de auteur