Hur man gör en lådförpackningsmockup i Photoshop

Photoshop är det perfekta verktyget för att skapa mockups, och även om du kan använda färdiga PSD-mockup-filer, är det mycket roligare och mer givande att skapa en mockup från grunden.

Genom att följa den här handledningen kommer du att lära dig hur du skapar en kartongförpackningsmockup från grunden, så att du kan visa upp dina mönsterdesigner på dess avsedda framtida förpackning.

Varför Mock Up en Box Packaging Design?

När man designar produktförpackningar är det viktigt att se den slutliga designen på dess avsedda produktform. Även om du kan skicka en prototyp till utskrift, är det kostsamt och tidskrävande, och du kanske inte får de resultat du ville ha. Genom att använda en mockup-design kan du se designen på den avsedda produkten utan extra kostnad, och det tar inte så lång tid.

Det finns många sätt att skapa mockups, men en lådförpackningsmockup är enkel och effektiv för många produkter du kanske designar.

Varför inte bara använda en färdig mockup?

Om du har designat ett tag har du antagligen stött på mängden förgjorda mockup-designer tillgängliga online. Det finns gott om passande design gjorda av andra som du kan ladda ner gratis eller till premiumpriser.

Det största problemet med att använda dessa färdiga mockups är att alla andra också använder dem. Hur kommer din design att se unik ut när du har använt samma lådförpackningsmockup som alla andra designers?

Det finns två sätt att lösa det här problemet: använd stockfoton och förvandla dem till en mockup själv eller ta dina egna foton för att förvandla dem till en mockup. Med massor av webbplatser för bildmaterial, kan du enkelt hitta unika foton som visar det du letar efter; allt du behöver göra är att skapa en mockup från det fotot. Men för verkligt unika mönster för dina mockups är det bäst att använda dina egna foton.

Genom att använda dina egna foton får du total verkställande ledning, och du kan se till att modellen, stylingen och alla andra attribut matchar din designs utseende innan du förvandlar fotot till en mockup.

Hur man gör en lådförpackningsmockup i Photoshop

Innan du dyker in, här är vad du behöver för den här handledningen om du vill följa med:

• Adobe Photoshop.
• Ett foto av en låda.
• Ett mönster eller design.

Vilken typ av foto ska du använda?

Att välja rätt foto är viktigt. Använd ett foto av en låda eller förpackning, eller ta det själv, så att du kan använda det som bas för din mockup. Lådan bör inte ha några hinder, till exempel händer som håller i den.

Det viktigaste är förstås att hitta en låda som redan passar storleken och formen på din tilltänkta design. Om du inte kan hitta en bild på något passande är det bäst att ta ett eget foto, så att du har mer kontroll.

Vi föreslår att du använder ett foto med en vit eller ljus ruta för att säkerställa att dina designfärger sticker ut; men du kan använda en färgad låda också om du verkligen vill. Undvik foton av lådor med logotyper eller ord på dem, eller redigera helt enkelt bort det med korrigeringsverktyget eller Klonstämpel innan du skapar din mockup.

Vilken typ av mönster ska du använda?

För denna mockup är det bäst att använda ett repetitivt mönster eller något med enkla färger, men du kan lägga till fler designdetaljer till det senare. Du kan lär dig hur man gör ett mönster i Adobe Illustrator eller ladda ner ett redan existerande mönster från en royaltyfri webbplats.

Om du vill använda en design eller helt enkelt byta färg på lådan är upp till dig. Vi kommer att använda en enkel illustrerad design som vi har gjort i Adobe Illustrator.

Hur man gör lådans förpackningsmockup

Nu ska vi skapa mockupen. Följ stegen nedan:

1. Öppna ditt boxfoto i Photoshop. Du kan ladda ner bilden vi använde från Unsplash.
2. Öppna din mönsterbild i Photoshop och välj alla genom att trycka på [Cmd + A] på Mac eller [Ctrl + A] på Windows. Kopiera valet genom att trycka på [Cmd + C] eller [Ctrl + C].
3. Med ditt boxfoto på ett lager, klistra in ditt mönster ovanpå genom att trycka på [Cmd + V] eller [Ctrl + V], och den klistras automatiskt in i ett nytt lager.
4. På lagret med mönstret högerklickar du på lagerförhandsvisningen i lagerpanelen och klickar Välj Pixlar. När de springande myrorna är runt ditt mönster, kopiera markeringen genom att trycka på [Cmd + C] eller [Ctrl + C]. Ta bort lagret och ta bort markeringen med [Cmd + D] eller [Ctrl + D].
5. Öppna ett nytt lager på panelen Lager genom att klicka på Nytt lager knapp. Med detta tomma lager markerat, gå till Filtrera > Försvinnande punkt på det övre verktygsfältet.
6. Du kommer att se bilden av rutan i popup-fönstret. Använd Skapa planverktyg [C]för att identifiera de fyra hörnen på en sida av lådan. Håll sedan Cmd eller Ctrl och dra perspektivrutnätet till ett andra ansikte. Upprepa detta steg tills alla ytor på rutan visar perspektivrutnätet.
7. För att ändra perspektivet så att det passar ditt boxfoto, använd Vinkel rutan längst upp för att anpassa vinkeln på rutnätet till de korrekta vinklarna på planet. När perspektivrutnätet passar din box klickar du bort från rutan.
8. Klistra in ditt mönster i popup-fönstret genom att klicka på [Cmd + V] eller [Ctrl + V]. Först klistras mönstret på ramen och inte på lådan. Om du drar runt mönstret flyttas det till rutan; dock kanske det inte täcker alla sidor jämnt till en början.
9. Dra designen på varje separat sida för att få hela designen att passa. Flytta sedan runt din design tills den passar dig. När du är nöjd med hur det ser ut klickar du OK.
10. Tillbaka på lagret av mönstret, ändra blandningsläget till Multiplicera. Det är här den ursprungliga färgen på din box spelar roll; om det är vitt blir resultatet optimalt, men om det är brunt eller en annan färg kommer det att synas genom din nya design.

Och du är klar.

Vid det här laget, om du behöver rensa upp några kanter – till exempel om din boxs linjer inte var helt raka – kan du använda urvalsverktyg eller suddgummi att rensa upp det. Du kan också ändra blandningslägen för att se om de olika färgerna passar din originalkartong bättre.

Skapa Awesome Box Packaging Mockups i Photoshop

Genom att skapa en kartongförpackningsmockup från grunden kommer du att rädda dig från att använda upprepade gratis mockupdesigner som finns online och ge dina mönster ett unikt utseende. Det ger dig också ett sätt att snabbt se hur din design fungerar på förpackningar, vilket sparar både pengar och tid jämfört med att skriva ut en prototyp.

Det finns många sätt att experimentera med den här metoden, som att använda olika färgrutor och se hur färgerna blanda med blandningsverktyget, eller till och med använda olika boxformer för att se hur perspektivrutnätet fungerar i andra sätt.

Hur man skapar en skärmmockup i Photoshop

Behöver du en skärmmodell för att visa ditt arbete? Photoshop gör det enkelt att skapa en från grunden.

Läs Nästa

Om författaren