Share
Hva du skal skapeLær prosessen for å bygge en fotorealistisk logo mockup, fra riktig perspektiv til flere lag stiler. Og du får en endelig bonus tips om hvordan du får en trendy rose gull fargetone! I denne veiledningen vil jeg veilede deg gjennom trinnene for å lage en fotorealistisk Gold Foil Logo mockup med Adobe Photoshop.
Vi bruker et vektormerke for formålet, så du må også ha Adobe Illustrator installert på datamaskinen.
Men først må du designe en logo? Sjekk ut denne enkle, enkle å bruke online logo maker. Over 745 SMART logo maler for å designe din egendefinerte logo på ett sted, Placeit.
Hvis du leter etter en profesjonell logo mockup, hvorfor ikke prøv denne fotorealistiske logo mockup-pakken, tilgjengelig på Envato Elements.
Følgende eiendeler ble brukt under produksjonen av denne opplæringen:
Last ned papirstrukturen og åpne den med Photoshop.
På toppmenyen velger du Lag> Nytt> Lag fra bakgrunn. Skriv inn navnet "Papirstruktur"og trykk OK.
Åpne Lag stil panel for "Papirstruktur"Lag laget nettopp og legg til et nytt Gradient Overlay effekt. Still inn alternativene som vist på bildet nedenfor:
Klikk på det lille gradientvinduet for å redigere gradienten. Angi fargen for de to fargene stopper til hvit og sett den venstre opacitetsstopp til 100% og rett til 0%.
Last ned perspektivbildet og åpne det med Photoshop.
Velg, i toppmenyen, Velg> Alle, og velg deretter Rediger> Kopier å kopiere utvalget til utklippstavlen.
Gå tilbake til papirstrukturdokumentet og velg, på toppmenyen, Rediger> Lim inn å lime inn perspektivbildet over papirstrukturen.
Gi nytt navn til laget av dobbeltklikke direkte på lagets navn i lag panel og endre det til "Perspektiv".
Sett forgrunnsfargen til blå (hvilken som helst annen farge enn svart er bra).
Velg deretter Rektangelverktøy, flytte markøren over lerretet, og klikk. Du åpner en liten dialogboks som lar deg legge inn presise dimensjoner for den nye formen. Type 1099 x 791 px og klikk OK.
Gi nytt navn til laget av dobbeltklikke direkte på lagets navn i lag panel og endre det til "Smart objekt".
Med laget "Smart objekt"valgt, velg, i toppmenyen, Lag> Smart Object> Konverter til Smart Object.
Nå bør du ha et rektangel (uansett farge) over perspektivbildet:
Det vi skal gjøre nå, forvrenger det blå rektangelet for å passe til den samme formen av det svarte perspektivrektangelet.
Velge Rediger> Transform> Skala.
I dette trinnet er det ekstremt viktig at vi forvandler det blå rektangelet ved å bruke bare håndtakene i kantene av grensekassen.
Flytt musepekeren over håndtaket øverst til høyre, trykk og hold nede Kommando knappen på tastaturet (markøren vil skifte til en liten hvit pil), og deretter klikker du og drar håndtaket til du trykker øverst til høyre på det svarte perspektivet med musemarkøren:
Fortsett å dra håndtakene for å dekke hele det svarte området med det blå rektangelet:
Nå kan du fjerne "Perspektiv"lag ved å velge det i lag panel og velge Lag> Slett> Lag.
Vi trenger en logo eller et merke for å fullføre scenen. Dette merket vil være et fremtredende element som senere vil bli stemplet på papirtekstur.
Heldigvis tilbyr Envato Elements et bredt spekter av høykvalitets merker og vektorelementer klar til bruk. Abonner på å låse opp ubegrenset, høy kvalitet badges, maler, bilder og mer for en månedlig avgift!
I denne opplæringen bruker vi et merke som kommer fra en flott samling av 30 Vintage Style-merker og logoer:
Åpne vektoren .ai-filen med Adobe Illustrator. Mens du åpner filen, kan det hende at et vindu lar deg varsle om at dokumentet bruker skrifter som for tiden ikke er tilgjengelige på datamaskinen. Ingen bekymringer for det - alle skriftene er gratis for bruk, og du kan finne en tekstfil inne i mappen med alle referansene og linkene for å laste ned hver skrift.
I forbindelse med denne opplæringen erstattet jeg de kommersielle skrifttyper som brukes i dette merket med to fonter:
Når du er ferdig med skrifter, velger du Utvalgsverktøy (V).
Velg nå "Organisk" merket (eller hvilken merke du liker). Kopier merket ved å gå til Rediger> Kopier eller trykke på Kommando-C.
Lage en ny 350 x 350 px dokument i Adobe Illustrator. Lim inn merket som bare kopieres ved å velge Rediger> Lim inn eller trykke på Kommando-V.
Med Utvalgsverktøy (V), flytte merket over det grå området, ut av det hvite lerretet.
Hvis merket ikke er valgt, velg det ved å klikke på det ved hjelp av Utvalgsverktøy (V).
På toppmenyen velger du Objekt> Utvid Utseende. Igjen, velg Objekt> Utvid. Et dialogvindu vil vises; å velge Gjenstand og Fylle og trykk OK:
Finn Pathfinder panel. Hvis du ikke kan se panelet, åpner du det ved å velge Vindu> Pathfinder. Klikk på trim knapp.
For å fjerne de hvite områdene, velg Magic Wand Tool:
Flytt markøren over et hvitt område og klikk for å velge alle de hvite områdene i merket:
Hvis du trenger, forstørr lerretet ved hjelp av Zoomverktøy (Z).
Nå som alle de hvite områdene i merket er valgt, fjern dem ved å velge, i toppmenyen, Rediger> Klipp ut.
Nå er merket klart for importering til Photoshop-scenen!
Vi er fortsatt i Adobe Illustrator-arbeidsområdet. Kopier merket ved å gå til Rediger> Kopier eller trykke på Kommando-C.
Gå tilbake til Photoshop, velg Smart objekt fra lag panel og Dobbeltklikk på Smarte objekter thumbnail.
Når du redigerer en Smart objekt, kildeinnholdet åpnes i et nytt vindu i Photoshop. Her kan du gjøre noen endringer du liker, og når du er fornøyd, er alt du trenger å gjøre, lagre filen og Photoshop Smart Object vil bli oppdatert når du kommer tilbake til det.
I lag panelet, deaktiver synligheten for det blå rektangellaget, og lim inn merket som bare kopieres ved å velge Rediger> Lim inn eller trykke på Kommando-V.
Velg dialogboksen i dialogboksen Smart objekt og trykk OK.
Finn den øverste alternativlinjen og sett merkemerket til 744 x 536 px og dens dimensjon til 771% for begge Bredde og Høyde Enger. Når du er ferdig, trykker du på Tast inn på tastaturet ditt:
Lagre dokumentet ved å velge Fil> Lagre eller ved hjelp av tastatursnarveien Kommando-S.
Gå tilbake til hoveddokumentet, og du vil legge merke til at smart objektet nå er oppdatert med de siste endringene. Merket har faktisk tatt perspektivet til det smarte objektet.
Det er på tide å legge til noen signifikante effekter på merket for å gi det en 3D-følelse, i samsvar med scenen.
Velg "Smart objekt"Lag og sett Fylle til 0%. Dupliser "Smart objekt"tre ganger ved å gå til Lag> Nytt> Lag via kopi.
Se nå på lag panel, og du bør være i en slik situasjon:
Gi nytt navn til lagene som vist i bildet nedenfor, og grupper deretter de tre effektlagene:
Fra nå av, når du trenger å erstatte merket i det smarte objektet, kan du bruke dette laget ved å klikke på det og redigere innholdet.
La oss begynne å legge til noen lagstiler til "Effekt 1"Lag. Åpne Lag stil panel og legg til en ny Indre skygge effekt og sett det som vist på bildet nedenfor:
Fargen for Blend Mode Color er hvit # ffffff.
Legg til en ny Fargeoverlegg effekt og sett det som vist på bildet nedenfor:
Fargen for Blend Mode Color er # 967a2f.
Legg til en ny Gradient Overlay effekt og sett det som vist på bildet nedenfor:
Klikk på det lille gradientvinduet for å redigere gradienten.
Sett den første fargestoppen til Plassering 0% og Farge til # 343434, og sett deretter den andre fargestoppen til Beliggenhet 45% og Farge til # 343434.
Sett den første opacitetsstopp til Opacity 75% og Plassering 0%, og sett deretter den andre opacitetsstopp til Opacity 0% og Beliggenhet 45%.
trykk OK for å bekrefte og lukke Lag stil panel.
La oss nå legge til noen lagstiler til "Effekt 2"Lag. Åpne Lag stil panel og legg til en ny Gradient Overlay effekt og sett det som vist på bildet nedenfor:
Klikk på det lille gradientvinduet for å redigere gradienten. Her må du sette opp syv fargestopp som følger:
Accentsconagua
# bdbbb6, Plassering 0% # ffffff, Beliggenhet 18% # 85816f, Beliggenhet 33% # ffffff, Beliggenhet 46% # 716d54, Beliggenhet 54% # ffffff, Beliggenhet 66% # 65625a, Beliggenhet 82% 
Legg til en ny Drop Shadow effekt og sett det som vist på bildet nedenfor:
Fargen for Blend Mode Color er hvit # ffffff.
trykk OK for å bekrefte og lukke Lag stil panel.
Til slutt legg til litt lag stil til "Effekt 3"Lag. Åpne Lag stil panel og legg til en ny Gradient Overlay effekt og sett det som vist på bildet nedenfor:
Klikk på det lille gradientvinduet for å redigere gradienten. Her må du sette opp syv fargestopp som følger:
Klikk på det lille gradientvinduet for å redigere gradienten. Her må du sette opp syv fargestopp som følger:
# e9e7d9, Plassering 0% # fffdf0, Beliggenhet 20% # 8e8366, Beliggenhet 61% # 9e9475, Plassering 67% # cec7b2, Beliggenhet 78% # 69604c, Beliggenhet 95% Legg til en ny Drop Shadow effekt og sett det som vist på bildet nedenfor:
Fargen for Blend Mode Color er svart # 000000.
trykk OK for å bekrefte og lukke Lag stil panel.
Du er ferdig!
Hvis du ikke har lagt merke til, er rose gull overalt akkurat nå. Fra feriedekorasjoner til forlovelsesringer til den nye iPhone, sparker denne vakre metallic tradisjonelt gull til fortauet.
Hvis du vil bruke denne trendy fargen på din nye Gold Foil Logo Mockup, gjør du bare følgende:
Velg "Effekt"mappe i lag panelet, og klikk deretter på det lille ikonet nederst på panelet og velg Ensfarget. Se bildet nedenfor for referanse:
I dialogboksen Farger velger du HEX-farge til # eeb5ef og trykk OK å bekrefte.
Høyreklikk på Fargefyll lag laget nettopp og velg Lag Clipping Mask.
Endre Blend Mode til Multiplisere og opacity til 90%.
Din Rose Gold Foil Logo Mockup er klar!
I denne opplæringen lærte vi hvordan å lage en realistisk Gold Foil Logo Mockup med Adobe Photoshop!
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.
