Slik lager du en realistisk vinflaskeoppskriftsmal i Adobe Photoshop

Hva du skal skape

I denne veiledningen vil jeg vise deg hvordan du lager en mockup av en rødvinflaske. Denne typen mockup kan komme til nytte hvis du må vise frem en rødvinflaske med en tilpasset etikett selv om den virkelige flasken ikke eksisterer ennå!

Og takket være det smarte objektet, kan du enkelt bytte etiketten hver gang du trenger!

I et rush og trenger det akkurat nå? Sjekk ut min Premium Red Wine Mockup. Min mockup er klar til bruk - bare erstatt med etiketten og tilpass flasken med ett klikk!

Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen:

  • Rødvinflaske
  • Sverdfisk
  • Berkshire Swash
  • Åpne Sans
  • Black Jack

1. Slik fjerner du etiketten fra flasken

Trinn 1

Last ned rødvinflaskebilledet fra Pixabay og åpne det med Photoshop CS5 eller høyere.

Steg 2

Trykk først på Kommando-J på tastaturet for å lage en kopi av bildet. Hvis du ser i lag panelet, ser du at du nå har to lag, som hver inneholder det samme bildet. Det opprinnelige bildet vil forbli trygt på bakgrunnslaget, og alt redigeringsarbeidet vi skal gjøre, vil bli gjort til kopien av bildet på Lag 1 over det:

Gi nytt navn til det nye laget dobbeltklikke direkte på lagets navn i lag panel og endre det til "Flaske".

Trinn 3

Velg Lasso verktøy ved å trykke på brevet L på tastaturet ditt. Det finnes to andre typer lassoverktøy også Polygonal Lasso Tool og Magnetic Lasso Tool, som begge gjemmer seg bak standarden Lasso verktøy i Verktøy panel. Du må velge den første.

Bare dra et frihåndsvalg rundt etiketten, på samme måte som hvordan du vil skissere noe på et stykke papir med en penn eller blyant. Med Lasso verktøy velges, vises musepekeren som et lite lassikon, og du klikker bare på stedet i dokumentet der du vil starte valget, og deretter fortsetter du med museknappen nede og drar for å tegne et gratisformatutvalg:

For å fullføre valget, gå tilbake til stedet der du begynte, og slipp museknappen. Du trenger ikke nødvendigvis ha for å returnere det samme stedet du startet fra, men hvis du ikke gjør det, vil Photoshop automatisk lukke valget for deg ved å tegne en rett linje fra det punktet du ga ut museknappen til det punktet du begynte.

Trinn 4

Fra toppmenyen velger du Rediger> Fyll ut og velg Content-Aware i innhold delen øverst. Trykk deretter på OK.

Etiketten er borte! Photoshop gjorde en fremragende jobb med å fjerne den og fylle området med flaskedetaljer. Hvis du ikke liker resultatene etter kjøring Content-Aware Fill, Du kan bare angre det ved å trykke Kommando-Z og kjører det igjen. Du får et annet resultat hver gang. Når du er fornøyd med resultatet, husk å avmarkere valget ved å velge Velg> Fravelg eller trykke påKommando-D.

Trinn 5

trykk L for å velge Lasso verktøy igjen, og gjør et utvalg rundt gulldesign på nakke.

Fra toppmenyen velger du Rediger> Fyll ut og velg Content-Aware i innhold delen øverst. Trykk deretter på OK.

Vi fjernet vellykket gulletiketten fra nakken! Husk å avmarkere valget som velges Velg> Fravelg eller trykke påKommando-D.

2. Slik fjerner du bakgrunnen

Trinn 1

Nå er det på tide å fjerne den hvite bakgrunnen fra bildet. Det jeg skal gjøre er å velge og fjerne hele bakgrunnen med Quick Selection Tool. Velg den ved å klikke på ikonet i Verktøy panelet, eller trykk på brevet W på tastaturet for å velge det med snarveien:

For å starte valget, flytt Quick Selection Toolmarkør i øverste venstre hjørne av flasken og klikk og dra over området du må velge som om du maler med en pensel. Mens du drar, analyserer Photoshop kontinuerlig området, sammenligner farge, tone og tekstur, og gjør sitt beste for å finne ut hva det er du prøver å velge, ofte med fantastiske resultater.

Hvis du ser på alternativlinjen øverst på skjermen, ser du en serie på tre ikoner som lar oss bytte mellom verktøyets tre valgmoduser (fra venstre til høyre: Nytt utvalgLegg til i utvalg, og Trekke fra valg). De Legg til i utvalg alternativet (den midterste) er allerede valgt for oss, siden hele punktet på Quick Selection Tool er å fortsette å legge til utvalget til du har valgt alt du trenger:

Fortsett deretter å "pusse" nær kantene på flasken til du velger all den hvite bakgrunnen:

Steg 2

Når du har valgt bakgrunnen, fjern den ved å klikke Rediger> Klipp ut i toppmenyen.

Husk å avmarkere valget ved å velge Velg> Fravelg eller trykke på Kommando-D.

Pass på å deaktivere synligheten for "Bakgrunn"lag for å sette pris på resultatet.

Trinn 3

Nå som du har fjernet bakgrunnen, kontroller du flaske kantene.

Fjern alle de ufullkommenhetene du kan finne rundt flaskekantene ved å bruke Eraser Tool. For å aktivere Eraser Tool, trykk E og åpne deretter kontekstuellmenyen ved å klikke på høyre knapp på musen. Å velge Størrelse 20 px og Hardhet 100%, og deretter børste for å fjerne det uønskede området.

3. Hvordan lage en ny bakgrunn

Trinn 1

Velg Rektangelverktøy ved å trykke U, og lag et nytt rektangel under flasken. Pass på at rektangellaget ligger under flaskelaget.

Steg 2

Dobbeltklikk på rektangellaget for å åpne Lag stil panel. Legg til en ny Gradient Overlay ved å klikke på den tilhørende kategorien.

Legg til en ny gradient fra farge # 0a0a0atil# 332f30,stil lineær og vinkel -90.

Trinn 3

trykk U på tastaturet ditt og legg til et annet rektangel under flasken, som dekker hele bakgrunnen.

Dobbeltklikk på laget for å åpne Lag stil panel og legg til en ny Gradient Overlay ved å klikke på den tilhørende kategorien.

Legg til en ny gradient fra farge # 332f30 til # 0a0a0a, stil radial og skala 150%.

Velg disse to lagene du nettopp har opprettet, høyreklikk og velg Gruppe fra lag. Så navnet gruppen "Bakgrunn"og trykk OK.

Trinn 4

Nå skal bildet ditt likne dette:

Som du ser, ser kantene på flasken veldig dårlig ut. La oss fikse dem ved dobbeltklikke på flaske laget. 

I Lag stil panel, legg til en ny Indre skygge som vist på bildet nedenfor:

4. Hvordan legge til skygger og refleksjoner

Trinn 1

Klikk på "Flaske"Lag, dra det over Lag et nytt lag ikonet, og slipp for å duplisere laget:

Gi nytt navn til laget "Reflection", og flytt det under flaske laget. Høyreklikk og velg Rasterize Layer Style.

Steg 2

På toppmenyen velger du Rediger> Overfør> Flip Vertikal og flytte den ned under flasken:

Trinn 3

Velg nå Rediger> Transform> Wrap og trekk transformasjonshåndtakene for å matche flasken med refleksjon og trykk Komme tilbake på tastaturet for å bekrefte.

Velg Eraser Tool (E), sett den på 500 px størrelse og 0% hardhet, og litt slett refleksjonen som vist på bildet nedenfor:

Til slutt finner du opacity alternativ i lag panelet og sett det til 35%.

Trinn 4

Velg Ellipseverktøy og tegne en ellipseform litt mindre enn diameteren på flasken. Pass på å sette fargen på formen til svart. Sett navnet på laget til "Liten skygge".

Nå skal vi legge til en uskarp effekt på formen. På toppmenyen velger du Filter> Uklarhet> Gaussisk uskarphet. En melding vil varsle deg: "Dette formlaget må rasteriseres eller konverteres til en smart objekt før du fortsetter. Hvis rasterized, vil den ikke lenger bli redigerbar som en form. "  trykk Raste og sett effekten til radiusstørrelsen på 10 piksler. Bekreft ved å trykke OK.

I lag panelet, vær sikker på at ellipslaget "Liten skygge" ligger under flaskelaget og beveger formen bak flasken. Flasken må dekke formen nesten helt, som du kan se på bildet nedenfor:

Vi har lagt til den første skyggen! La oss legge til en annen blek skygge.

Trinn 5  

Det vi skal gjøre nå, gjentar den samme prosessen som i trinn 4, men med noen endringer. Velg Ellipseverktøy og tegne en ellipseform større enn diameteren på flasken. Pass på å sette fargen på formen til svart. Gi nytt navn til dette nye laget "Big Shadow". I lag panelet, vær sikker på at ellipslaget ligger under flaskelaget og flytt formen bak flasken. Flasken må dekke formen, som du kan se på bildet nedenfor:

La oss legge til en uskarphet effekt på formen ved å velge Filter> Uklarhet> Gaussisk uskarphet. Sog effekten til radiusstørrelsen på 85 piksler og bekreft ved å trykke OK. I lag panel, sett inn opacity til 30%.

Nå din lag panelet skal vises slik:

Velg lagene "Stor skygge","Liten skygge"og"refleksjon"For å velge flere sammenhengende lag, klikk på det første laget og deretter Shift-klikk det siste laget. Med en Høyreklikk av musen, velg Gruppe fra lag, og navnet på gruppen "skygge". Trykk OK å bekrefte.

5. Hvordan lage etiketten

Trinn 1

Lag en 893 x 958 px Nytt dokument i Photoshop.

I lag panel, Høyreklikk På det lille ikonet nederst, klikk på Ensfarget, ogfyll med farge # 25221f.

Steg 2

Last ned og installer Open Sans skrifttype, og velg Tekstverktøy (T). I Karakter panel, sett sporing til 75, og type PREMIUM RED WINE 2017 i alle hatter med farge # 86752c.

Åpne sverdfiskbildet. På toppmenyen, gå til Velg> Fargevalg, sett uklarhet til 200, oppheve valget Lokalisert Fargeklynger, og trykk OK

Inverter valget ved å gå til Velg> Inverse. Dra dette bildet på etikett lerret ved hjelp av Flytt verktøyet (V). Dobbeltklikk på "Sverdfisk"lag og legg til et nytt Fargeoverlegg, setter fargen til # 6a6a6b.

Trinn 3

Med skrifttypen Open Sans allerede installert, skriv inn ordet SVART.

Last ned og installer skriften Berkshire Swash og skriv inn ordet Marvin.

Fortsett å legge til tekst med skriften Open Sans:

Last ned og installer Black Jack-skrift, og legg til litt tekst som vist på bildet nedenfor:

Etiketten er ferdig! Lagre filen som Label.psd på skrivebordet ditt. Vi trenger det om en stund.

6. Slik pakker du etiketten

Trinn 1

Gå tilbake til flaskefilen, og i lag panel, velg "Flaske"lag. 

Velg Rektangelverktøy (U) og klikk et sted på lerretet. Lage en ny 893 x 958 px rektangel. Gi nytt navn til laget "Merkelapp".

Høyreklikk på "Merkelapp"lag og velg Konverter til smart objekt. Du har nettopp opprettet den smarte objekten som vil inneholde etiketten. 

Flytt rektangelet over flasken og velg i toppmenyen Rediger> Transform> Wrap (Kommando-T). Dette bringer opp Gratis Transform kommando. 

Klikk på "Tilpasset"alternativ fra Warp styre. Dette tillater deg å tilpasse formen på forhåndsinnstillingen du valgte.

For å manipulere formen, dra kontrollpunktene, et segment av grenseboksen eller masken, eller et område i nettverket. Når du justerer en kurve, bruk kontrollpunkthåndtakene. Dette ligner på å justere håndtakene i det buede segmentet av en vektorgrafikk. Prøv å få et nett slik:

Når du er fornøyd, trykker du på Komme tilbake på tastaturet for å bekrefte.

Steg 2

Velg Smart objekt, og velg Lag> Smarte objekter> Erstatt innhold.

Naviger til Label.psd filen vi har lagret før, og klikk Sted.

Etiketten er nå plassert inne i Smart objekt.

Du kan fortsatt gjøre noen form for endringer på etiketten ved å redigere den smarte objekten på denne måten:

  1. Velg Smart objekt fra lag panel.
  2. Dobbeltklikk de Smarte objekter miniatyrbilde i lag panel.

Når du redigerer en Smart objekt, kildeinnholdet åpnes i et nytt vindu i Photoshop (eller programmet som håndterer det angitte formatet som standard, for eksempel Adobe Illustrator eller Adobe Acrobat).

Når du er fornøyd med endringene i kildeinnholdet, lagrer du filen og endringene vises i alle koblede forekomster av Smart objekt i Photoshop-dokumentet.

Trinn 3

Velg "Merkelapp" lag fra lag panel og Dobbeltklikk laget, utenfor lagnavnet eller miniatyrbildet. Legg til en ny Gradient Overlay

Rediger gradienten ved å klikke på det lille gradientvinduet, og sett de to fargestoppene til hvite og høyre Opacity Stop til Opacity 0% og Beliggenhet 46%.

Trinn 4

Legg nå til en ny Mønsteroverlegg. Sett Blend Mode til Multiplisere, de opacity til 40% og klikk på Mønster thumbnail. Last inn "Rock mønstre"ved å klikke på det lille girikonet, og velg deretter det siste siste mønsteret:

Til slutt legg til en Drop Shadow: Blend Mode Normal, farge Svart, opacity 9%, og Avstand 5 px.

Trinn 5

Velg Rektangelverktøy (U), klikk et sted på lerretet, og bruk følgende størrelse: 925 x 1275 px. I Lag panel, sett fyllingen for rektangelet nettopp opprettet til 0%. Med Flytteverktøy (V), plasser rektangelet over etiketten og flasken på denne måten:

Trinn 6

Velg laget som nettopp er opprettet, nevner det "høydepunkter", og dobbeltklikk laget for å åpne Lag stil panel. Legg til en ny Gradient Overlay.

Blend Mode: mykt lys; Opasitet: 80%; Vinkel: 0 °; Skala: 150%.

Sett de to fargestoppene til hvitt og opprett fire Opacity Stops. Fra venstre til høyre:

  • Første fargestopp: Opacity 0%; Beliggenhet 9%.
  • Andre fargestopp: Opacity 100%; Beliggenhet 25%.
  • Tredje fargestopp: Opacity 100%; Beliggenhet 37%.
  • Fjerde fargestopp: Opacity 0%; Beliggenhet 53%.

Trinn 7

Dupliserer "Highlights" lagog endre navn på den "Spotlight". Dobbeltklikk laget for å åpne Lag stil panel. Sett opacity til 20% og vinkelen til -23 °. Bekreft ved å trykke OK.

Trinn 8

Dupliserer "Spotlight"lagog endre navn på den "Tekstur". Dobbeltklikk laget for å åpne Lag stil panel. Fjern Gradient Overlay effekt ved å klikke på liten sjekkeikon og legge til en ny Mønsteroverlegg.

Sett Blend Mode til Multiplisere og opacity til 100%, og klikk på mønster miniatyrbildet. Last inn Fargepapir forhåndsinnstillinger ved å klikke på ikonet for liten girkasse, og velg marmorert mønster.

Trinn 9

Dupliserer "Tekstur"lagog endre navn på den "Shadows". Dobbeltklikk laget for å åpne Lag stil panel. Fjern Mønsteroverlegg effekt ved å klikke på ikonet for små sjekker, og legg til et nytt Gradient Overlay.

Sett Blend Mode til Multiplisere, opacity til 32%, Angle til 0%, og Scale til 100%.

Sett de to Farge stopper til svart og opprette fire opacitetsstopp. Fra venstre til høyre:

  • Første fargestopp: Opacity 100%; Beliggenhet 6%.
  • Andre fargestopp: Opacity 0%; Beliggenhet 23%.
  • Tredje fargestopp: Opacity 0%; Beliggenhet 45%.
  • Fjerde fargestopp: Opacity 100%; Beliggenhet 100%.

Trinn 10

Velg lagene "Shadows","Tekstur","Spotlight"og"Høydepunkter"For å velge flere sammenhengende lag, klikk på det første laget og deretter Shift-klikk det siste laget. Med en Høyreklikk av musen, velg Lag Clipping Mask.

Vi er nesten der! Dette er resultatet til nå:

La oss legge til en endelig berøring, og legge til et globalt lys på bildet.

Velg laget "Shadows" og velg deretter i toppmenyen, Lag> Nytt justeringslag> Kurver og trykk OK. 

Vi skal bare sette kurver for RGB og rød på denne måten:

Gratulerer, du er ferdig!

I denne veiledningen med flere ferdigheter lærte vi en rask metode for å fjerne noen deler av bildet og erstatte innholdet med innholdsbevisst fyllingsverktøy. Vi laget en etikett fra bunnen av og pakket den rundt flasken. Deretter legger vi nøye til noen høydepunkter og skygger effekter for å gi en 3D-følelse. Resultatet er en fotorealistisk mockup som bruker en smart objekt for å erstatte etiketten.

Ikke glem å sjekke mine GraphicRiver-produkter om flaskemockups. De er premium-kvalitet flaske mockups perfekt for å vise din vinmerke med stil og profesjonalitet!

Tilgjengelig er en rødvinflaskeoppslag, hvitvinflaskeoppslag, og mye mer!

Jeg håper at du har hatt min opplæring og lært noe nytt. Vær så snill å legge igjen dine kommentarer, forslag og utfall nedenfor.

Nyt Photoshopping!