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.
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% 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 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 " 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 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 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 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. 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 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 ". Dra " Side " lag til New Layer ikonet i Lag-vinduet to ganger og navn disse nye to lag som " Top " og ". Ytre " 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 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 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. 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 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. 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 Velg ". Container " lag, gå til Layer > Lagstilen > Blending Options og bruke en Drop Shadow med følgende innstillinger. 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 " 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 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 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 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% 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%. 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 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 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 " . 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. 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 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 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.
Trinn 2 - Tegning Blister Board
Trinn . 3 - redde for fremtiden
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
Trinn 6
Trinn 7
Trinn 8
Trinn 9
Trinn 10 - Sette opp Content
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Trinn 15
Trinn 16
Trinn 17
Trinn 18
Trinn 19
Trinn 20
Trinn 21
Trinn 22
Trinn 23
Trinn 24
Trinn 25
Trinn 26
Trinn 27
Trinn 28
Trinn 29
Trinn 30 - Å sette noen design på den
Trinn 31
Final Bildeanmeldelser