5 gratis nettsteder for å lage vakre mockup-bilder og skjermbilder

Disse gratisappene gjør det enklere enn noen gang å lage mockup-produktbilder med skjermbilder eller bilder, slik at bildene dine ser vakre og profesjonelle ut.

Et mockup-produktbilde er når du tar et bilde av en bærbar datamaskin eller en utendørs reklametavle, og kan erstatte skjermen eller plassen med et eget bilde. Du trenger ikke Photoshop-kunnskaper for å gjøre det. Dette er flere gratis nettapper for å gjøre dette, hvor du bare trenger å velge bildet og laste opp skjermbildet ditt.

I denne artikkelen viser vi noen av de beste gratis mockup-generatorappene som ikke har skjulte begrensninger. Altfor ofte vil du finne begrensninger i størrelsen på det endelige bildet, antall ganger du kan laste det ned, eller du får et vannmerke.

1. UpMock (Nett): Enkel app for å lage vektormodeller for skjermbilde

UpWork er et flott sted å starte hvis du bare jobber med skjermbilder. Den bruker ikke ekte produkter, men bruker i stedet vektorkunstrepresentasjoner. Fordelen med å bruke vektorer er at de er enkle å redigere og lage lag ved å bruke de nedlastede PNG-filene i full oppløsning på mange måter. Den er flott for utstillingsvinduer, logoer og andre funky design.

Hos UpMock får du vektorer i fem alternativer: Apple-vindu, Windows-vindu, Galaxy S10, Galaxy S21 og Apple iPhone. De to første er for bærbare eller stasjonære skjermbilder, mens de tre andre er for telefonskjermbilder. Du kan når som helst bytte mellom disse i editoren. Du kan også velge fargen på enhetsvektoren, bakgrunnsfargen og størrelsen på bakgrunnen. Og du kan alltid gjør PNG-bakgrunnen gjennomsiktig senere også.

Når du har satt inn skjermbildet ditt, er det begrensede redigeringsmuligheter for det. Du kan flytte posisjonen vertikalt, men ikke horisontalt av en eller annen grunn. Du kan skalere størrelsen på skjermbildet uten å endre sideforholdet. Det er best å redigere skjermbildet litt på forhånd og deretter bruke det i UpMock.

2. RiseShot (Nett): Beskjær bilder for å passe inn i gratis 4K-produktmodeller

De som vil ha høyoppløselige 4K-bilder til produktmodellene sine, må sjekke ut RiseShot. Alle bildene har 4K-oppløsning eller høyere, og du kan laste ned ubegrensede bilder gratis, uten vannmerker.

Nettstedet tilbyr produktmodeller i seks hovedkategorier: desktop, bærbar PC, klokke, mobil, nettbrett og plass. Den siste er for forskjellige typer utendørsbilder som reklametavler, butikkskilt eller kunstutstillinger, hvor du kan sette inn et hvilket som helst bilde du ønsker. Det er noe som gjør RiseShot litt bedre enn bare et sted for bruk av skjermbilder i mockups.

RiseShot gjør også en ting som de fleste andre nettsteder ikke lar deg, forbløffende nok. Skjermbildet eller bildet ditt passer ikke alltid til den tiltenkte plassen til mockupen. Så når du laster det opp, lar RiseShot deg først beskjære bildet og viser en live forhåndsvisning av hvordan beskjæringen vil se ut slik at du kan justere den. Det er en enkel funksjon, men vi opplevde at den mangler i mange andre verktøy, og noe som gjorde at vi ønsket å bruke RiseShot gjentatte ganger.

3. Mockuper (Nett): Stort bibliotek med gratis modeller og lag tilpassede modeller

Mockuper er vår favoritt blant alle online mockup-generatorer og mockup-biblioteker. Det er et useriøst nettsted med et omfattende bibliotek med ferdige produktmaler for skjermbilder, delt inn i stasjonære, bærbare, telefoner, nettbrett og smartklokker. Du kan også filtrere denne listen etter merker.

Når du har valgt et bilde, klikker du på det grønne området i det for å laste opp skjermbildet ditt, eller setter inn en URL for å ta et skjermbilde direkte. Mockuper tillater grunnleggende redigering av dette laget, slik at du kan justere refleksjonens opasitet og belysningsvinkler. Når du er fornøyd med resultatet, last ned bildet gratis. Det er alltid en høyoppløselig fil, og uten Mockuper-vannmerker på den. Pluss, ingenting av dette krever at du registrerer deg for appen.

Men det beste med nettstedet er at hvis du registrerer deg for en konto, kan du lage dine mockups. Mockupers tilpassede mockup-skaper er langt enklere enn lage en skjermmodell i Photoshop men følger de samme prinsippene. Først laster du opp et bilde med høy oppløsning, og legg deretter til et lag for å definere plassen for skjermbildet. Det er en enkel editor der du drar fire hjørner av en boks til det definerte stedet.

Du kan også legge til flere lag i samme bilde, for flere skjermbilder, bilder eller tekst. Når bildet er satt opp, gi det et navn, og sett det til offentlig eller privat tilgang. Du kan nå gjenbruke denne mockup-malen når du vil, igjen laste den ned som et høyoppløselig bilde uten vannmerker. Det er brilliant!

4. Mockover (Nett): Svært tilpassbar Mockup Editor for gadgets, skjorter, logoer

Mockover er et kraftig verktøy for å sette skjermbilder, logoer eller andre bilder på nesten hva som helst for å lage dine egne mockups. Det er ikke det beste for nybegynnere, men hvis du har brukt andre mockup-generatorer før, vil du finne at det er det perfekte trinnet mellom grunnleggende mockups og avanserte Photoshop-triks.

Når du har registrert deg for det gratis nettstedet, kan du velge mellom fire brukstilfeller: legg logoer på objekter, legg bilder på t-skjorter, legg skjermbilder i gadgets, eller lag en tilpasset mockup med dine egne bilder. I de tre første finner du mange maler for krus, skrivesaker, t-skjorter, bærbare datamaskiner, telefoner osv., hvor alt du trenger å gjøre er å bytte ut bildet.

For en tilpasset mockup må du laste opp et hvilket som helst høyoppløselig bilde fra datamaskinen din og deretter angi en plassholder ved å dra fire punkter hvor som helst på bildet. Du kan også angi flere plassholdere i samme bilde for å laste opp ønsket logo eller skjermbilde.

Mockover gir mulighet for enorm tilpasning av selve plassholderen, enten det er en egendefinert mockup eller en mal. Du kan endre grenser, størrelse og plassering når som helst. Du kan velge mellom lineære eller buede renninger eller sette den til 'Forskyvning' som den beste innstillingen. Du kan justere uskarphet, opasitet, fargeområde, akseforskyvninger, skygge og en haug med andre ting for å få mockupen til å se så perfekt ut som mulig.

Du kan laste ned det høyoppløselige bildet til datamaskinen din gratis, uten vannmerker. Alle malene og kreasjonene dine lagres på kontoen din for senere.

Merk: Videre omdirigerer til Enhetsrammer når du jobber med skjermbilder for dingser. Det er det samme grensesnittet, men du må registrere deg for en konto på nytt.

5. 3D Mockuper (Nett): Lag GIF-er av roterende 3D-produktmodeller

Vil du se hvordan bildet vil se ut på et krus? 3D Mockuper er en enkel måte å lage 3D-modeller med bildeopplegg av fire produkter: et krus, en vannflaske, en t-skjorte og en kaffekopp i papp. Dette er fire av de vanligste tingene folk setter en logo eller et kjært bilde på.

Det første trinnet i å bruke 3D Mockuper er å velge ett av disse fire produktene. Deretter laster du opp et bilde fra stasjonen din, som appen automatisk legger over det valgte produktet. Dessverre kan du ikke tilpasse noe om denne prosessen. Du har bare åtte bakgrunner å velge mellom eller legge til en tilpasset bakgrunn. Du kan også angi ett av syv fargeskjemaer for produktet.

Når alt er klart, kan du spille av animasjonen for å se produktet rotere med bildet overlagt. Bruk rullefeltene til å vippe Y-aksen eller rotere produktet manuelt. Du kan ta et øyeblikksbilde av kreasjonen din ved å klikke Capture > JPG, eller last ned en roterende animert GIF ved å klikke Capture > GIF.

Ikke glem å angi kilden

Med disse verktøyene vil du lage fantastiske produktmodeller, og få dem i store størrelser uten vannmerker. Disse appene er også stort sett attribusjonsfrie gjennom Creative Commons-lisenser.

Men vi ber deg om å tilskrive kilden hvis du kan. Tross alt får du et gratis bilde og bruker noen fantastiske verktøy for å gjøre det. Det hjelper også skaperne hvis du takker dem, og påpeker dem til andre som kanskje trenger å lage mockups.

Den beste lett-å-bruke bilderedigeringsprogramvaren for nybegynnere

Hvis Adobes apper er for komplekse for deg, sjekk ut disse brukervennlige bilderedigeringsprogrammene for nybegynnere.

Les Neste

Om forfatteren