Share
Hva du skal skapeI denne opplæringen vil jeg vise deg trinnvis hvordan du lager en fotorealistisk logomockup med Adobe Photoshop ved hjelp av flere lagsstiler og en smart objekt.
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 ønsker å kjøpe en logomockup i denne stilen, i stedet for å følge opplæringen, kan vi anbefale dette Realistic Mockup-settet tilgjengelig på GraphicRiver.
Følgende eiendeler ble brukt under produksjonen av denne opplæringen:
Last ned papirstrukturen og åpne den med Photoshop.
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 bakgrunnsdokumentet og velg, på toppmenyen, Rediger> Lim inn å lime inn perspektivbildet over bakgrunnen.
Gi nytt navn til laget av dobbeltklikke direkte på lagets navn i lag panel og endre det til "Perspektiv".
Sett forgrunnsfargen til oransje (hvilken som helst farge forskjellig fra svart er bra).
Velg 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 1317 x 947 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 "Smart objekt"lag valgt, velg, i toppmenyen, Lag> Smart Object> Konverter til Smart Object.
Velge Rediger> Transform> Skala.
Hvis vi ser nøye ut, vises en tynn avgrensningsboks rundt rektangelet. Vi kan også se et lite torg i toppsenteret, bunnsenteret, venstre senter og høyre midtpunkt, samt en firkant i hver av de fire hjørnene. Disse små firkantene kalles "håndtak", og vi kan forvandle det som er innenfor grenseboksen ved å dra disse håndtakene rundt.
I dette trinnet er det ekstremt viktig at vi forvandler 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 klikk og dra håndtaket til du trykker øverst til høyre på det svarte perspektivet med musemarkøren:
Fortsett å trekke håndtakene for å dekke hele det svarte området med oransje rektangel:
Nå trenger vi ikke "Perspektiv"Lag lenger, så vi kan fjerne det ved å velge det i lag panel og velge Lag> Slett> Lag.
Godt jobba! Fra nå av vil alt vi legger inne i Smart Object ta vinkelen til det oransje rektangelet.
Nå trenger vi et merke for å fullføre vårt prosjekt. Envato Elements tilbyr et bredt spekter av høy kvalitet badges og vektorelementer klar til bruk. Abonner på å låse opp ubegrensede merker, maler, bilder og mer for en månedlig avgift!
I denne opplæringen bruker vi et merke som kommer fra merker og logoer Vol.01. Last ned den og åpne med Illustrator.
Velg Utvalgsverktøy (V). Velg nå "Kexolo" -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. Til slutt 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.
Før du importerer merket på scenen vår til Photoshop, må vi utvide utseendet, konvertere hele teksten til vektorformer og fjerne det hvite området som ble avslørt nå da vi flyttet merket til det grå området.
Hvis merket ikke er valgt, velg det ved å klikke på det med Utvalgsverktøy (V).
På toppmenyen velger du 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.
Velge trim å fjerne de overlappende elementene og rengjør merkene av unødvendige former.
Velg Magic Wand Tool, og 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 å bruke Zoomverktøy (Z). Når alle de hvite områdene i merket er valgt, fjern dem ved å velge, i toppmenyen, Rediger> Klipp ut.
Kopier merket ved å gå til Rediger> Kopier eller trykke på Kommando-C.
I lag panelet i Photoshop, Dobbeltklikk på miniatyrbildet av den smarte gjenstanden for å redigere den.
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 panel, lim inn merket som kopieres ved å velge Rediger> Lim inn eller trykke på Kommando-V ogFjern oransje rektangellaget ved å klikke Lag> Slett> Lag.
Velg dialogboksen i dialogboksen Smart objekt og trykk OK:
Finn den øverste alternativlinjen og sett merkemerket til 658 x 472 px og dens dimensjon til 685% 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.
Når du går tilbake til hoveddokumentet, vil du legge merke til at smart objektet nå er oppdatert med de siste endringene.
Det er på tide å legge til noen signifikante effekter på merket for å gi det en 3D-følelse, i samsvar med scenen.
Sett Fylle for "Smart objekt"lag til 0%:
Dupliser "Smart objekt"Lag to ganger ved å gå til Lag> Nytt> Lag via kopi.
Endre navn på og gruppene lagene som vist i bildet nedenfor.
Fra nå av, når du trenger å erstatte merket i det smarte objektet, kan du bruke "Smart objekt"lag, ved å klikke på det og redigere innholdet.
La oss begynne å legge til noen lagstiler til "Effekt 2"Lag. Åpne Lag stil panel og legg til en ny Bevel & Embossed effekt, sett fargen for Fremhevsmodus og Skygge modus til # 000000, og sett deretter resten slik:
Legg til en ny Indre skygge effekt, sett fargen for Blend Mode til # 000000, og sett resten som følger:
Legg til en ny Satin effekt, sett fargen for Blend Mode til # ffffff, og sett resten som følger:
Legg til en ny Gradient Overlay effekt og angi alternativene som følger:
Klikk på det lille gradientvinduet for å redigere gradientfargen.
Legg til en ny Drop Shadow effekt, sett fargen for Blend Mode til # 000000, og sett resten som følger:
La oss legge til noen smarte filtre til "Effekt 2"Lag ved å velge Filter> Forvreng> Rippel. Sett filterbeløpet til -50%:
Velge Filter> Uklarhet> Gaussisk uskarphet og sett radiusen til 1.7 piksler.
La oss nå legge til en lagestil til "Effekt 1"lag.
Åpne Lag stil panel og legg til en ny Drop Shadow effekt, sett inn Blend Mode farge til # ffffff, og sett resten som følger:
Til slutt legg til noen smarte filtre til "Effekt 1"Lag ved å velge Filter> Forvreng> Rippel. Sett filterbeløpet til -60%:
Velge Filter> Uklarhet> Gaussisk uskarphet og sett radiusen til 0.8 piksler.
I denne opplæringen lærte du hvordan du oppretter en presset papirlogo 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.
Nyt Photoshopping!
Accentsconagua