Disse gratis apps gør det nemmere end nogensinde før at lave mockup-produktbilleder med skærmbilleder eller billeder, så dine billeder ser smukke og professionelle ud.
Et mockup-produktbillede er, når du tager et billede af en bærbar computer eller en udendørs billboard og kan erstatte skærmen eller rummet med et billede af dit eget. Du behøver ikke Photoshop-færdigheder for at gøre det. Dette er flere gratis online apps til at gøre dette, hvor du kun skal vælge billedet og uploade dit skærmbillede.
I denne artikel lister vi nogle af de bedste gratis mockup-generator-apps, der ikke har skjulte begrænsninger. Alt for ofte vil du finde begrænsninger i størrelsen af det endelige billede, antallet af gange, du kan downloade det, eller du får et vandmærke.
1. UpMock (Web): Nem app til at oprette vektormockups til skærmbillede
UpWork er et godt sted at starte, hvis du kun arbejder med skærmbilleder. Den bruger ikke rigtige produkter, men bruger i stedet vektorkunst-repræsentationer. Fordelen ved at bruge vektorer er, at de er nemme at redigere og lagde, ved at bruge de downloadede PNG-filer i fuld opløsning på mange måder. Det er fantastisk til montrer, logoer og andre funky designs.
Hos UpMock får du vektorer i fem muligheder: Apple-vindue, Windows-vindue, Galaxy S10, Galaxy S21 og Apple iPhone. De to første er til skærmbilleder af bærbare eller stationære computere, mens de tre andre er til skærmbilleder af telefonen. Du kan til enhver tid skifte mellem disse i editoren. Du kan også vælge farven på enhedsvektoren, baggrundsfarven og størrelsen på baggrunden. Og det kan du altid gør PNG-baggrunden gennemsigtig også senere.
Når du har indsat dit skærmbillede, er der begrænsede redigeringsmuligheder for det. Du kan flytte dens position lodret, men ikke vandret af en eller anden grund. Du kan skalere størrelsen af skærmbilledet uden at ændre billedformatet. Det er bedst at redigere dit skærmbillede lidt i forvejen og derefter bruge det i UpMock.
2. RiseShot (Web): Beskær billeder, så de passer ind i gratis 4K-produktmockups
De, der ønsker højopløselige 4K-billeder til deres produktmodeller, skal tjekke RiseShot. Alle billederne er i 4K-opløsning eller højere, og du kan downloade et ubegrænset antal billeder gratis uden vandmærker.
Hjemmesiden tilbyder produktmodeller i seks hovedkategorier: desktop, bærbar computer, ur, mobil, tablet og plads. Den sidste er til forskellige typer udendørsoptagelser som billboards, butiksskilte eller kunstudstillinger, hvor du kan indsætte ethvert billede efter eget valg. Det er noget, der gør RiseShot lidt bedre end blot et sted at bruge skærmbilleder i mockups.
RiseShot gør også én ting, som de fleste andre websteder ikke tillader dig, forbavsende nok. Dit skærmbillede eller billede passer ikke altid til det tiltænkte rum i mockup'et. Så når du uploader det, giver RiseShot dig mulighed for først at beskære billedet og viser en live forhåndsvisning af, hvordan din beskæring vil se ud, så du kan justere den. Det er en simpel funktion, men vi syntes, at den mangler i mange andre værktøjer, og det er noget, der fik os til at ville bruge RiseShot gentagne gange.
3. Mockuper (Web): Stort bibliotek af gratis mockups & opret brugerdefinerede mockup-skabeloner
Mockuper er vores favorit blandt alle online mockup-generatorer og mockup-biblioteker. Det er en no-nonsense hjemmeside med et omfattende bibliotek af færdige produktskabeloner til skærmbilleder, opdelt i desktops, bærbare computere, telefoner, tablets og smartwatches. Du kan også filtrere denne liste efter mærker.
Når du har valgt et billede, skal du klikke på det grønne område i det for at uploade dit skærmbillede eller indsætte en URL for at tage et skærmbillede direkte. Mockuper tillader grundlæggende redigering af dette lag, så du kan justere refleksionens opacitet og belysningsvinkler. Når du er tilfreds med resultatet, kan du downloade billedet gratis. Det er altid en fil i høj opløsning og uden Mockuper-vandmærker på den. Plus, intet af dette kræver, at du tilmelder dig appen.
Men det bedste ved siden er, at hvis du tilmelder dig en konto, kan du oprette dine mockups. Mockupers brugerdefinerede mockup-skaber er langt enklere end oprettelse af en skærmmockup i Photoshop men følger de samme principper. Upload først et hvilket som helst billede i høj opløsning, og tilføj derefter et lag for at definere pladsen til skærmbilledet. Det er en nem editor, hvor du trækker fire hjørner af en boks til det definerede sted.
Du kan også tilføje flere lag i det samme billede for at få flere skærmbilleder, billeder eller tekst. Når billedet er sat op, skal du give det et navn og indstille det til offentlig eller privat adgang. Du kan nu genbruge denne mockup-skabelon, når du vil, og igen downloade den som et billede i høj opløsning uden vandmærker. Det er genialt!
4. Mockover (Web): Meget tilpasselig Mockup Editor til gadgets, skjorter, logoer
Mockover er et kraftfuldt værktøj til at sætte skærmbilleder, logoer eller andre billeder på næsten alt for at skabe dine egne mockups. Det er ikke det bedste for begyndere, men hvis du har brugt andre mockup-generatorer før, vil du opleve, at det er det perfekte skridt mellem grundlæggende mockups og avancerede Photoshop-tricks.
Når du har tilmeldt dig den gratis hjemmeside, kan du vælge mellem fire Use Cases: Sæt logoer på genstande, sæt billeder på t-shirts, sæt skærmbilleder i gadgets eller lav en brugerdefineret mockup med dine egne billeder. I de første tre finder du masser af skabeloner til krus, papirvarer, t-shirts, bærbare computere, telefoner osv., hvor alt du skal gøre er at udskifte billedet.
For en brugerdefineret mockup skal du uploade et hvilket som helst billede i høj opløsning fra din computer og derefter indstille en pladsholder ved at trække fire punkter hvor som helst på billedet. Du kan også indstille flere pladsholdere i det samme billede for at uploade dit ønskede logo eller skærmbillede.
Mockover giver mulighed for enorm tilpasning af selve pladsholderen, uanset om det er en brugerdefineret mockup eller en skabelon. Du kan til enhver tid ændre kanterne, størrelsen og placeringen. Du kan vælge mellem lineære eller buede kæder eller indstille den til 'Forskydning' som den bedste indstilling. Du kan justere sløring, opacitet, farveområde, akseforskydninger, skygge og en masse andre ting for at få din mockup til at se så perfekt ud som muligt.
Du kan downloade billedet i høj opløsning til din computer gratis uden vandmærker. Alle dine skabeloner og kreationer gemmes på din konto til senere.
Bemærk: Desuden omdirigerer til Enhedsrammer når du arbejder med skærmbilleder til gadgets. Det er den samme grænseflade, men du skal tilmelde dig en konto igen.
5. 3D Mockuper (Web): Opret GIF'er af roterende 3D-produktmodeller
Vil du se, hvordan billedet vil se ud på et krus? 3D Mockuper er en enkel måde at skabe 3D mockups med billedlayovers af fire produkter: et krus, en vandflaske, en t-shirt og en pap kaffekop. Dette er fire af de mest almindelige ting, som folk sætter et logo eller et elsket billede på.
Det første trin i at bruge 3D Mockuper er at vælge et af disse fire produkter. Upload derefter et billede fra dit drev, som appen automatisk lægger over det valgte produkt. Desværre kan du ikke tilpasse noget ved denne proces. Du har kun otte baggrunde at vælge imellem eller tilføje en brugerdefineret baggrund. Du kan også indstille et af syv farveskemaer for produktet.
Når alt det er indstillet, kan du afspille animationen for at se produktet rotere med dit billede overlejret. Brug rullepanelerne til at vippe Y-aksen eller rotere produktet manuelt. Du kan tage et øjebliksbillede af din kreation ved at klikke Fange > JPG, eller download en roterende animeret GIF ved at klikke Fange > GIF.
Glem ikke at tilskrive kilden
Med disse værktøjer skaber du fantastiske produktmockup-billeder og får dem i store størrelser uden vandmærker. Disse apps er også stort set tilskrivningsfrie gennem Creative Commons-licenser.
Men vi vil bede dig om at tilskrive kilden, hvis du kan. Når alt kommer til alt, får du et gratis billede og bruger nogle fantastiske værktøjer til at gøre det. Det hjælper også skaberne, hvis du takker dem og påpeger dem til andre, der måske har brug for at lave mockups.
Hvis Adobes apps er for komplekse for dig, så tjek disse brugervenlige billedredigeringsprogrammer for begyndere.
Læs Næste
- Internettet
- Kreativ
- Seje webapps
- Skærmbilleder
- Grafisk design
Mihir Patkar har skrevet om teknologi og produktivitet i over 14 år på nogle af de bedste mediepublikationer over hele verden. Han har en akademisk baggrund inden for journalistik.
Abonner på vores nyhedsbrev
Tilmeld dig vores nyhedsbrev for tekniske tips, anmeldelser, gratis e-bøger og eksklusive tilbud!
Klik her for at abonnere