Hur man skapar en realistisk vinflaskmockupmall i Adobe Photoshop

Vad du ska skapa

I denna handledning visar jag dig hur man skapar en mockup av en rödvinflaska. Denna typ av mockup kan komma till nytta om du behöver visa upp en rödvinflaska med en skräddarsydd etikett även om den riktiga flaskan inte existerar än!

Och tack vare det smarta objektet kan du enkelt ändra etiketten varje gång du behöver det!

I en rush och behöver det just nu? Kolla in min Premium Red Wine Mockup. Min mockup är redo att användas - ersätt bara med din etikett och anpassa flaskan med ett klick!

Tutorial Assets

Följande tillgångar användes under produktionen av denna handledning:

  • Rödvinflaska
  • Svärdfisk
  • Berkshire Swash
  • Öppna Sans
  • Black Jack

1. Hur man tar bort etiketten från flaskan

Steg 1

Ladda ner den röda vinflaska bilden från Pixabay och öppna den med Photoshop CS5 eller högre.

Steg 2

Tryck först Kommando-J på tangentbordet för att skapa en kopia av bilden. Om du tittar i Skikten panelen ser du att du nu har två lager, som alla innehåller samma bild. Det ursprungliga fotot kommer att förbli säkert i bakgrundsskiktet och allt redigeringsarbete vi ska göra kommer att göras till kopian av bilden på lager 1 ovanför den:

Byt namn på det nya lagret av dubbelklicka direkt på lagets namn i Skikten panel och ändra den till "Flaska".

Steg 3

Välj Lasso Tool genom att trycka på brevet L på ditt tangentbord. Det finns också två andra typer av lassoverktyg Polygonal Lasso Tool och den Magnetic Lasso Tool, vilka båda gömmer sig bakom standarden Lasso Tool i Verktyg panel. Du måste välja den första.

Dra helt enkelt ett fria val runt etiketten, på samma sätt som hur du skulle skissera något på ett papper med en penna eller penna. Med Lasso Tool markerad visas din muspekare som en liten lassikonik och du klickar helt enkelt på platsen i dokumentet där du vill börja valet och fortsätter sedan med musknappen nere och drar för att rita ett fritt format urval:

För att slutföra valet, återgå till den plats där du började och släpp musknappen. Du behöver inte nödvändigtvis ha för att returnera samma plats som du startade från, men om du inte gör det, stänger Photoshop automatiskt valet för dig genom att rita en rak linje från den punkt där du släppte musknappen till den punkt där du började.

Steg 4

Från den övre menyn väljer du Redigera> Fyll och välj Content-Aware i Innehåll sektion på toppen. Tryck sedan på ok.

Etiketten är borta! Photoshop gjorde ett utmärkt jobb att ta bort det och fylla området med flaskdetaljer. Om du inte gillar resultatet efter körning Content-aware Fill, helt enkelt ångra det genom att trycka på Kommando-Z och kör sedan igen. Du får ett annat resultat varje gång. När du är nöjd med resultatet, kom ihåg att avmarkera valet genom att välja Välj> Avmarkera eller trycka påKommando-D.

Steg 5

Tryck L för att välja Lasso Tool igen, och gör ett urval runt gulddesignen på nacken.

Från den övre menyn väljer du Redigera> Fyll och välj Content-Aware i Innehåll sektion på toppen. Tryck sedan på ok.

Vi har framgångsrikt tagit bort guldetiketten från nacken! Kom ihåg att avmarkera valet att välja Välj> Avmarkera eller trycka påKommando-D.

2. Hur tar man bort bakgrunden

Steg 1

Nu är det dags att ta bort den vita bakgrunden från bilden. Vad jag ska göra är att välja och ta bort hela bakgrunden med Snabbvalverktyg. Markera den genom att klicka på dess ikon i Verktyg panelen eller tryck på brevet W på tangentbordet för att välja det med genvägen:

För att starta valet, flytta Snabbvalverktygmarkören nära flaskans övre vänstra hörn och klicka och dra över det område du behöver välja som om du målade med en borste. När du drar analyserar Photoshop kontinuerligt området, jämför färg, ton och textur och gör sitt bästa jobb för att ta reda på vad det är du försöker välja, ofta med fantastiska resultat.

Om du tittar på alternativfältet längst upp på skärmen ser du en serie med tre ikoner som låter oss växla mellan verktygets tre vallägen (från vänster till höger: Nytt urvalLägg till i urvalet, och Avdrag från urvalet). De Lägg till i urvalet alternativet (den mellersta) är redan valt för oss, eftersom hela punkten i Snabbvalverktyg är att fortsätta lägga till valet tills du har valt allt du behöver:

Håll sedan "borstning" nära kanterna på flaskan tills du väljer den vita bakgrunden:

Steg 2

När du har valt bakgrunden, ta bort den genom att klicka på Redigera> Klipp ut i toppmenyn.

Kom ihåg att avmarkera valet genom att välja Välj> Avmarkera eller trycka på Kommando-D.

Var noga med att inaktivera synligheten för "Bakgrund"lager för att uppskatta resultatet.

Steg 3

Nu när du har tagit bort bakgrunden, kontrollera flaskans kanter.

Ta bort alla de felaktigheter du kan hitta runt flaskans kanter med hjälp av Utsuddningsverktyg. För att aktivera Utsuddningsverktyg, Tryck E och öppna sedan kontextmenyn genom att klicka på höger knapp på musen. Välj Storlek 20 px och Hårdhet 100%, och borsta sedan för att ta bort det oönskade området.

3. Hur man skapar en ny bakgrund

Steg 1

Välj Rektangelverktyg genom att trycka U, och skapa en ny rektangel under flaskan. Var säker på att rektangelskiktet ligger under flaskans lager.

Steg 2

Dubbelklicka på rektangelskiktet för att öppna Lagerstil panel. Lägg till en ny Gradientöverläggning genom att klicka på den relaterade fliken.

Lägg till en ny gradient från färg # 0a0a0atill# 332f30,stil Linjär och vinkel -90.

Steg 3

Tryck U på tangentbordet och lägg till en annan rektangel under flaskan och täcka hela bakgrunden.

Nu dubbelklicka på skiktet för att öppna Lagerstil panel och lägg till en ny Gradientöverläggning genom att klicka på den relaterade fliken.

Lägg till en ny gradient från färg # 332f30 till # 0a0a0a, stil Radiell och skala 150%.

Välj de två skikten du just skapat, högerklicka och välj Grupp från lager. Namnge sedan gruppen "Bakgrund"och tryck på ok.

Steg 4

Nu ska din bild likna detta:

Som du kan se, ser flaskans kanter väldigt illa ut. Låt oss fixa dem med dubbelklicka på flaskskiktet. 

I Lagerstil panel, lägg till en ny Inre skugga som visas i bilden nedan:

4. Hur man lägger till skuggor och reflektioner

Steg 1

Klicka på "Flaska"lager, dra det över Skapa ett nytt lager ikonen och släpp för att duplicera skiktet:

Byt namn på skiktet "Reflexion", och flytta den under flaskans lager. Högerklicka och välj Rasterize Layer Style.

Steg 2

På den övre menyn väljer du Redigera> Transformera> Flip Vertical och flytta ner den under flaskan:

Steg 3

Välj nu Redigera> Omforma> Omslag och dra omformningshandtagen för att matcha flaskan med dess reflektion och tryck på Lämna tillbaka på ditt tangentbord för att bekräfta.

Välj Utsuddningsverktyg (E), sätt det på 500 px Storlek och 0% hårdhet, och radera noga reflektionen enligt bilden nedan:

Slutligen leta reda på Opacitet alternativet i Skikten panelen och ställa in den 35%.

Steg 4

Välj Ellipseverktyg och dra en ellipsform lite mindre än flaskans diameter. Var noga med att ställa in färgen på formen till svart. Ställ in lagets namn på "Liten skugga".

Nu ska vi lägga till en suddig effekt i formen. På den övre menyn väljer du Filter> Blur> Gaussian Blur. Ett meddelande kommer att varna dig: "Detta formlag måste rasteriseras eller konverteras till ett smart objekt innan du fortsätter. Om rasterized blir det inte längre redigerbart som en form. "  Tryck Rastrera och ställa in effekten till radiusstorleken på 10 pixlar. Bekräfta genom att trycka på ok.

I Skikten panelen, se till att ellipsskiktet "Liten skugga" ligger under flaskans lager och flytta formen bakom flaskan. Flaskan måste täcka formen nästan helt, som du kan se i bilden nedan:

Vi har lagt till den första skuggan! Låt oss lägga till en annan blekare skugga.

Steg 5  

Vad vi ska göra nu är att upprepa samma process som i steg 4, men med vissa ändringar. Välj Ellipseverktyg och dra en ellipsform större än flaskans diameter. Var noga med att ställa in färgen på formen till svart. Byt namn på det här nya lagret "Stor skugga". I Skikten panelen, se till att ellipsskiktet ligger under flaskans lager och flytta formen bakom flaskan. Flaskan måste täcka formen, som du kan se i bilden nedan:

Låt oss lägga till en suddig effekt på formen genom att välja Filter> Blur> Gaussian Blur. Set effekten till radiusstorleken på 85 pixlar och bekräfta genom att trycka på ok. I Skikten panel, ställ in Opacitet till 30%.

Nu är din Skikten panelen ska se ut så här:

Välj lagren "Stor skugga","Liten skugga"och"Reflexion". För att välja flera sammanhängande lager, klicka på det första lagret och sedan Skift-klicka det sista laget. Med en Högerklicka av musen, välj Grupp från lager, och namnge gruppen "Skugga". Tryck ok att bekräfta.

5. Hur man utformar etiketten

Steg 1

Skapa en 893 x 958 px Nytt dokument i Photoshop.

I Skikten panel, Högerklicka På den lilla ikonen längst ner, klicka på Enfärgad, ochfyll i färg # 25221f.

Steg 2

Hämta och installera Open Sans typsnitt, och välj Textverktyg (T). I Karaktär panel, sätt spårningen till 75, och typ PREMIUM RÖDVIN 2017 i alla kepsar med färg # 86752c.

Öppna svärdfiskbilden. På toppmenyn, gå till Välj> Färgområde, ställa in oskärpa till 200, välja bort Lokaliserad färgkluster, och tryck på ok

Invertera valet genom att gå till Välj> Inverse. Dra den här bilden på etikettduken med hjälp av Flytta verktyget (V). Dubbelklicka på "Svärdfisk"lager och lägg till en ny Färgöverlagring, ställer in färgen till # 6a6a6b.

Steg 3

Med teckensnittet Open Sans installerat, skriv ordet SVART.

Hämta och installera teckensnittet Berkshire Swash och skriv ordet Marvin.

Fortsätt lägga till text med teckensnittet Open Sans:

Hämta och installera Black Jack-teckensnitt och lägg till lite text enligt bilden nedan:

Etiketten är klar! Spara filen som Label.psd på skrivbordet. Vi behöver det på ett tag.

6. Hur man byter etikett

Steg 1

Gå tillbaka till flaskfilen och, i Skikten panel, välj "Flaska" lager. 

Välj Rektangelverktyg (U) och klicka någonstans på duken. Skapa en ny 893 x 958 px rektangel. Byt namn på skiktet "Märka".

Högerklicka på "Märka"lager och välj Konvertera till smart objekt. Du har just skapat det smarta objektet som innehåller etiketten. 

Flytta rektangeln över flaskan och välj i toppmenyn Redigera> Omforma> Omslag (Kommando-T). Detta ger upphov till Gratis omvandling kommando. 

Klicka på "Beställnings"alternativ från Varp kontrollera. Detta gör att du kan anpassa formen på den förinställda du valt.

För att manipulera formen drar du kontrollpunkterna, ett segment av avgränsningsboxen eller nätet eller ett område i nätet. När du justerar en kurva, använd kontrollpunktshandtagen. Detta liknar justering av handtagen i det krökta segmentet av en vektorgrafik. Försök få ett nät så här:

När du är nöjd, tryck på Lämna tillbaka på ditt tangentbord för att bekräfta.

Steg 2

Välj Smart Object, och välj Layer> Smart Objects> Byt innehåll.

Navigera till Label.psd filen vi har sparat innan och klicka på Plats.

Märken är nu placerad inuti Smart Object.

Du kan ändå göra några ändringar på etiketten genom att redigera det smarta objektet på så sätt:

  1. Välj Smart Object från Skikten panel.
  2. Dubbelklicka de Smarta objekt miniatyrbild i Skikten panel.

När du redigerar a Smart Object, källinnehållet öppnas i ett nytt fönster i Photoshop (eller det program som hanterar det placerade formatet som standard, till exempel Adobe Illustrator eller Adobe Acrobat).

När du är nöjd med ändringarna i källinnehållet, spara filen och ändringarna visas i alla länkade instanser av Smart Object i Photoshop-dokumentet.

Steg 3

Välj "Märka" skikt från Skikten panel och dubbelklicka skiktet, utanför skiktnamnet eller miniatyrbilden. Lägg till en ny Gradientöverläggning

Redigera lutningen genom att klicka på lilla lutningsfönstret och ställa in de två färgerna stannar till vitt och höger Opacitetstopp till Opacitet 0% och Plats 46%.

Steg 4

Lägg nu till en ny Mönsteröverläggning. Ställ in Blandningsläge till Multiplicera, de Opacitet till 40% och klicka på Mönster Miniatyr. Ladda "Rock Patterns"genom att klicka på ikonen för små växlar och sedan välja det näst sista mönstret:

Slutligen lägg till en Drop Shadow: Blandningsläge Vanligt, Färg Svart, Opacitet 9%, och Distans 5 px.

Steg 5

Välj den Rektangelverktyg (U), klicka någonstans på duken och använd följande storlek: 925 x 1275 px. I Lager panel, ställa in fyllningen för rektangeln som just skapats till 0%. Med Flytta verktyget (V), placera rektangeln över etiketten och flaskan på följande sätt:

Steg 6

Välj lagret som just skapats, namnge det "Highlights", och dubbelklicka på lagret för att öppna Lagstil panel. Lägg till en ny Gradientöverläggning.

Blandningsläge: Mjukt ljus; Opacitet: 80%; Vinkel: 0 °; Skala: 150%.

Ställ in de två färgstopparna i vitt och skapa fyra opacitetstoppar. Från vänster till höger:

  • Första färgstopp: Opacitet 0%; Plats 9%.
  • Andra färgstopp: Opacitet 100%; Plats 25%.
  • Tredje färgstopp: Opacitet 100%; Plats 37%.
  • Fjärde färgstopp: Opacitet 0%; Plats 53%.

Steg 7

Kopiera "Highlights" lageroch byt namn på den "Strålkastare". Dubbelklicka skiktet för att öppna Lagstil panel. Ställ in Opacitet till 20% och vinkeln till -23 °. Bekräfta genom att trycka på ok.

Steg 8

Kopiera "Strålkastare"lageroch byt namn på den "Textur". Dubbelklicka skiktet för att öppna Lagstil panel. Ta bort Gradientöverläggning effekt genom att klicka på ikonen för liten kontroll och lägga till en ny Mönsteröverläggning.

Ställ in Blandningsläge till Multiplicera och den Opacitet till 100%, och klicka på mönsterminiatyren. Ladda in Färgpapper förinställningar genom att klicka på ikonen för små växlar och välj Marmorerad mönster.

Steg 9

Kopiera "Textur"lageroch byt namn på den "Shadows". Dubbelklicka skiktet för att öppna Lagstil panel. Ta bort Mönsteröverläggning effekt genom att klicka på ikonen för liten kontroll och lägga till en ny Gradientöverläggning.

Ställ in Blandningsläge till Multiplicera, Opacitet till 32%, Vinkel till 0%, och Skala till 100%.

Ställ in de två Färgstopp till svart och skapa fyra opacitetstoppar. Från vänster till höger:

  • Första färgstopp: Opacitet 100%; Plats 6%.
  • Andra färgstopp: Opacitet 0%; Plats 23%.
  • Tredje färgstopp: Opacitet 0%; Plats 45%.
  • Fjärde färgstopp: Opacitet 100%; Plats 100%.

Steg 10

Välj lagren "skuggor","Textur","Strålkastare"och"slingor". För att välja flera sammanhängande lager, klicka på det första lagret och sedan Skift-klicka det sista laget. Med en Högerklicka av musen, välj Skapa klippmask.

Vi är nästan där! Detta är resultatet hittills:

Låt oss lägga till en sista touch och lägga till ett globalt ljus på bilden.

Välj skiktet "Skuggor" och välj sedan i toppmenyn, Lager> Nytt justeringslager> Kurvor och tryck på ok. 

Vi ska bara ställa in kurvorna för RGB och Röd på det här sättet:

Grattis, Du är klar!

I den här handledningen med flera färdigheter lärde vi oss en snabb metod för att ta bort vissa delar av bilden och ersätta innehållet med innehållsberättigat fyllningsverktyg. Vi designade en etikett från början och lindade den runt flaskan. Sedan lade vi noga till några höjdpunkter och skuggade effekter för att ge en 3D-känsla. Resultatet är en fotorealistisk mockup som använder ett smart objekt för att ersätta etiketten.

Glöm inte att kolla mina GraphicRiver-produkter om flaskmockups. De är premiumkvalitets flaskmockups perfekt för att visa ditt vinmärke med stil och professionalism!

Finns är en röd vinflaska Mockup, White Wine Bottle Mockup, och mycket mer!

Jag hoppas att du har haft min handledning och lärt mig något nytt. Vänligen lämna dina kommentarer, förslag och resultat nedan.

Njut av Photoshopping!