Mockup Blister emballasje i Photoshop

Mockup Blister emballasje i Photoshop

Designere og klienter har ofte forskjellige ideer om hvordan et ferdig produkt skal presenteres. Designere ønsker å vise det ferdige kunstverk, kunder ønsker å vite nøyaktig hvordan deres design vil se i hyllene. I denne opplæringen vil vi vise hvordan du kan lage en mockup for noen blemme emballasje, slik at du kan presentere din design til kundene dine. La oss komme i gang!



Instruksjons Eiendeler

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

  • Dots Pattern (eksempel)

    Guider Icon (Eksempel)

    Før du begynner

    For å gjøre filen skalerbar og enkel å redigere, vil vi arbeide alltid med formlag, så må du huske å velge Shape Layer alternativ i hver eneste formen vi gjør, doesnt rolle om er en sirkel, rektangel eller til og med Pen Tool (P) alltid har det velges fra verktøymenyen.

    Dokument Set-Up

    Start med en RGB dokument med en 600 x 600 px lerret størrelse på 72dpi, med bakgrunnen Innhold satt til White og navnet på filen som utstillings Blister Mock-up.

    Trinn 1 - Sette opp bakgrunns

    Dobbeltklikk på bakgrunnslaget i Lag-vinduet for å gjøre det redigerbar og sette navn som " Bakgrunn ".. Gå til Layer > Layer Styles > Blending Options og aplly en Gradient Overlay som vist.

    Velg Ellipse Tool (U) og tegne en sirkel på 600 px diameter. Navngi det nye laget som " bakgrunnsbelysning " og sette Fill til 0% i Lag-vinduet. Gå til Layer > Layer Styles > Blending Options og aplly en Gradient Overlay som vist.

    Velg Ellipse Tool (U) og tegne en sirkel på 600 px diameter. Navngi det nye laget som " bakgrunnsbelysning ", sette Fill til 0% og modusen til Soft Light i Lag-vinduet. Gå til Layer > Layer Styles > Blending Options og aplly en Gradient Overlay som vist.

    Trykk Kommando /Ctrl + T og i verktøyvinduet satt Y posisjon til 0 px og bruke endringene. Gå til Layer > Smart Objects > Konverter til smart objekt

    Merk: Denne handlingen vil sette Fill av " bakgrunnsbelysning ". .. lag til 100%

    Trinn 2 - Tegning Blister Board

    Gå til Layer > New > Gruppe og gi den navnet Skjerm Board. Sett din forgrunnsfarge til hvit (# 000000). Velg Avrundet rektangel Tool (U), sett Radius 8 px og tegne et rektangel som vist. Navngi det nye laget " Hoved Shape "..

    Velg Pen Tool (P), velger du trekke fra alternativet Shape-området i verktøyvinduet og tegne en form som vist

    Trinn . 3 - redde for fremtiden

    Dra " Hoved Shape " lag til New Layer ikonet tre ganger i Layers-vinduet og navngi disse nye tre lagene som " Hoved Light ", " Top Light ", og ". Shadow "

    Trinn 4
    < p> Velg " Shadow " lag, satt modus å overlappe med en Opacity på 9%, Fyll på 0% og gå til Layer > Layer Styles > Blending Options og bruke en Gradient Overlay med følgende innstillinger

    Trinn 5

    Velg ". Hoved Light " lag, satt modus å overlappe med en Opacity på 75%, Fyll på 0% og gå til Layer > Layer Styles > Blending Options og bruke en Bevel og preg med følgende innstillinger.

    Fortsatt i Bevel og preg vinduet, klikk på Gloss Contour miniatyr og i Contour Editor sette Mapping som følger. Klikk på OK.

    Klikk på fanen Contour i laget stil vinduet, sett Range til 55%, klikk på Contour miniatyr og i Contour Editor vinduet sette Mapping som vist. Klikk på OK. Igjen, klikker OK i Lagstil vinduet for å bruke innstillingene

    Trinn 6

    Klikk på ". Top Light " lag, velg Direct Selection Tool (A) og velg rektangel Tool (U) da; klikk på trekke fra Shape området ikonet og tegne et rektangel som vist.

    Velg Sti Selection Tool (A), foreta et valg rundt hele lerretet og klikk Kombiner knappen i verktøyvinduet. Anmeldelser
    Trinn 7

    Dupliser " bakgrunnsbelysning " lag ved å dra laget til New Layer ikonet i Layer vinduet og plassere den over " Top Light " lag. Nå klikke og dra " Top Light " lag Vector Mask thumbnail i " bakgrunnsbelysning kopi " lag og slipp den over det. Slett " Top Light " lag og endre navn på " bakgrunnsbelysning Kopier " lag til " Top Light ", sette Opacity på 55% og Mode til Normal

    Trinn 8

    Velg ". Hoved Shape " lag og gå til Layer > Layer Styles > Blending Options. Klikk på Pattern miniatyrbilde, fra miniatyrlisten, klikk på pilen øverst til høyre, velger du fra rullegardinmenyen kunstner Overflater og klikk på Tilføy.

    Velg patter Stone (80 av 80 piksler, gråtone-modus) og aplly et mønster Overlay med følgende innstillinger. Klikk på OK.

    Trinn 9

    Velg rektangel Tool (U), og tegne et rektangel som vist. Navngi det nye laget " Design " og legg den over " Hoved Shape " . layer

    Gå til Layer > Smart Objects > Konverter til smart objekt og deretter gå til Layer > Lag Klipping Mask

    Trinn 10 - Sette opp Content

    Gå til Layer >..; New > Gruppe og gi den navnet vise innhold. Sett din forgrunnsfarge til hvit (# 000000). Velg Avrundet rektangel Tool (U), sett Radius til 16 px og tegne et rektangel som vist. Navngi det nye laget " Side ".

    Trinn 11

    Dra " Side " lag til New Layer ikonet i Lag-vinduet to ganger og navn disse nye to lag som " Top " og ". Ytre "

    Trinn 12

    Velg " Side " lag, satt Fill til 0% og gå til Layer > Layer Styles > Blending Options, velg kategorien Slag og fra Fyll Type nedtrekksmenyen velger Pattern. Klikk på Pattern miniatyrbilde, fra miniatyrlisten, klikk på pilen øverst til høyre, velg fra nedtrekksmenyen Load Patterns, søke etter den " Side_Dot " mønster filen og klikk på Load.

    Velg mønsteret Side og påfør en Stroke med følgende innstillinger. . Klikk på OK

    Trinn 13

    Velg " Top " lag, satt Fill til 0% og gå til Layer > Layer Styles > Blending Options, velg kategorien Stroke og bruke følgende innstillinger. . Klikk på OK

    Trinn 14

    Velg " Ytre " lag, satt Fill til 0% og gå til Layer > Layer Styles > Blending Options, og aplly en Bevel og preg med følgende innstillinger.

    Fortsatt i Bevel og preg vinduet, klikk på Gloss Contour miniatyr og i Contour Editor sette Mapping som følger. Klikk på OK.

    Klikk på fanen Contour i laget stil vinduet, sett Range til 55%, klikk på Contour miniatyr og i Contour Editor vinduet sette Mapping som vist. Klikk på OK. Igjen, klikker OK i Lagstil vinduet for å bruke innstillingene.

    Trinn 15

    Sett forgrunnsfargen til rødt (# FF0000). Velg Avrundet rektangel Tool (U), sett Radius 6 px og tegne et rektangel som vist. Navngi det nye laget " Container " og legg den under " Ytre " . layer

    Trinn 16

    Dra " Container " laget til New Layer ikonet i Lag-vinduet og navngi det nye laget som ". Soft Shadow " Still lag Opacity til 41% i Lag-vinduet og dobbeltklikk på den røde miniatyrbildet av " Soft Shadow " lag; plukke en svart farge (# 000000) og klikk OK

    Velg Sti Selection Tool (A) og dra en markering rundt hele ". Soft Shadow " lag. Gå til Rediger > Kopier og farten til Rediger > Lim. Bruke piltastene, flytter limes valg 3 px ved å trykke pil opp tre ganger; velg trekke fra Shape området alternativ i verktøyvinduet og klikk på knappen Combine.

    Trinn 17

    Sett forgrunnsfargen til hvit (#ffffff). Velg rektangel Tool (U), og tegne et rektangel som vist. Navngi det nye laget " innhold " og legg den over " Container " . layer

    Gå til Layer > Smart Objects > Konverter til smart objekt. Gå til Layer > Lag Klipping Mask

    Trinn 18

    Velg ". Container " lag, gå til Layer > Lagstilen > Blending Options og bruke en Drop Shadow med følgende innstillinger.

    Trinn 19

    Velg Avrundet rektangel Tool (U), angir en radius på 16 px og tegne et rektangel som vist. Navngi det nye laget " Inner " og legg den over " Ytre " . layer

    Dra " Inner " laget til New Layer ikonet i Lag-vinduet og navngi det nye laget som ". Lys Container "

    Trinn 20

    Velg " Inner " lag og sett Fill til 0%. Gå til Layer > Layer Styles > Blending Options, og aplly en Bevel og preg med følgende innstillinger

    Klikk på fanen Contour og pilen ved siden av Contour miniatyr.; fra miniatyrlisten, klikk på pilen øverst til høyre, velger du fra rullegardinmenyen Konturer og klikk fanen Append.Contour i laget stil vinduet, sett Range til 100%, klikk på Contour thumbnail pil og fra Contour thumbnail liste velg Half Avrundet kontur. Klikk på OK. Igjen, klikker OK i Lagstil vinduet for å bruke innstillingene.

    Velg Half Avrundet kontur fra rullegardinlisten og angir Range til 100%. Klikk på OK. Igjen, klikker OK i Lagstil vinduet for å bruke innstillingene

    Trinn 21

    Klikk på ". Lys Container " lag, velg Direct Selection Tool (A) og dra alle de riktige ankerpunktene 150 px til venstre. Gjør dette ved å holde Shift + trykke 15 ganger på venstre pil på tastaturet

    Trinn 22

    Dra ". Backlight " lag til New Layer ikonet i Lag-vinduet tre ganger og navne disse nye lagene som " Front Light ", " Content Shadow " og " Innhold Lys ".

    Sett " Front Light ", " Content Shadow " og " Content Light " lag over " Lys Container " lag i " Vis innhold " laggruppe

    Trinn 23

    Velg ". Front Light " lag, gå til Edit > Free Transform og bruke følgende innstillinger

    Velg ". Lys Container " lag, drar Vector Mask thumbnail i " Front Light " lag og slipp den på den. Slett " Lys Container " . layer

    Sett " Front Light " lag til Normal og endre Opacity til 45%

    Trinn 24

    Velg ". Content Shadow " lag, gå til Layer > Layer Styles > Blending Options og bruke en Color Overlay med Blend Mode satt til Normal en Opacity på 100% og en svart farge (# 000000). Klikk på OK. Sett lagmodus til Normal og endre Opacity til 18%.

    Trinn 25

    Sett forgrunnsfargen til rødt (# FF0000) og velg rektangel Tool (U) deretter tegne et rektangel som vist. Navngi det nye laget som ". Shadow Container "

    Dra " Shadow Container " laget til New Layer ikonet i Lag-vinduet og navngi det nye laget som ". Lys Container " Gå til Rediger > Free Transform og angi Y-verdien til 192 px og bruke endringene

    Trinn 26

    Velg ". Innhold Lys " lag, gå til Edit > Free Transform og satt følgende verdier. Bruke endringene

    Nå velger ". Content Shadow " lag, gå til Edit > Free Transform og satt følgende verdier. Bruke endringene

    Trinn 27

    Dra ". Lys Container " lag Vector Mask thumbnail i " Content Light " lag og slipp den over det. Slett " Lys Container " . layer

    Dra " Shadow Container " lag Vector Mask thumbnail i " Content Shadow " lag og slipp den over det. Slett " Shadow Container " .

    Trinn 28

    Drag lag og slipp " bakgrunnsbelysning " laget til New Layer ikonet i Lag-vinduet og navngi det nye laget som ". Fantasy Shadow ", Sett modusen til Normal

    Gå til Rediger > . Free Transform og gjelder følgende verdier

    Gå til Layer > Lagstilen > Blending Options og bruke en Color Overlay som vist.

    Trinn 29

    Velg rektangel Tool (U) og tegne et rektangel som vist. Navngi det nye laget som " Fantasy Container ".

    Dra " Fantasy Container " lag Vector Mask thumbnail i " Fantasy Shadow " lag og slipp den over det. Slett " Fantasy Container " . layer

    Trinn 30 - Å sette noen design på den

    Into the ". Vis Board " gruppe, velg " Design " lag og dobbeltklikk på den smarte objektet thumbnail. Velger i det nye dokumentet vindu " Design " lag og gå til Layer > Lagstilen > Blending Options og bruke en Gradient Overlay med følgende innstillinger

    Velg Horizontal Type Tool (T) og skrive ". Tutorials ". Få noen fine ikonet og legg den inn i designen. Lagre filen og lukk den

    Merk:. Jeg har brukt Lubalin skriftsnitt og tutorials nettstedet ikonet, men du kan bruke hvilken som helst skrift du liker også et bilde, det trenger ikke å være nødvendigvis et ikon

    Trinn 31

    Into the ". Vis innhold " gruppe, velg " innhold " lag og dobbeltklikk på den smarte objektet thumbnail. I det nye dokumentet vindu lime inn et skjermbilde (eller en design du liker) av tutorials markedet. Om nødvendig, juster skjermbildet til lerret størrelse, gjør dette ved å gå til Rediger > Gratis Transfom. Lagre dokumentet og lukker den.

    Final Bildeanmeldelser