Slik lager du en tregraveringslogo i Adobe Photoshop

Hva du skal skape

Lær hvordan du kan dra nytte av Photoshops smarte objekter for å mocke opp logoen din med fotorealistiske resultater. Takket være bruken av flerlagsstiler, skar vi logoen din inn i tre!

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. Ingen Photoshop-ferdigheter kreves.

Hvis du ønsker å få en logo mockup, gå videre til Envato Elements eller GraphicRiver hvor du kan finne mange som passer dine behov, inkludert dette slående laserskjæret mockup.

Tutorial Assets

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

  • Wood Texture
  • Perspektivbilde
  • Et vektormerke som kommer fra samlingen: Merker og logoer Vol.01
  • Familiar Pro Font
  • Corleone Font

1. Hvordan lage et smart objekt med riktig perspektiv

Trinn 1

Last ned Wood Texture og åpne den med Photoshop.

Steg 2

Last ned perspektivbildet og åpne det med Photoshop.

Trinn 3

På toppmenyen velger du Velg> Alle og så 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".

Trinn 4

Sett forgrunnsfargen til gul (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 1267 x 814 px og klikk deretter på OK knapp.

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.

Trinn 5

Velge Rediger> Transform> Forvreng og flytt øverste høyre hjørnepunkt for å justere det med det øverste høyre hjørnet av det svarte rektangelet

Trinn 6

Fortsett å dra hjørnepoengene til du justerer alle hjørner av det gule rektangel med det svarte perspektivbildet og dekker hele området:

Trinn 7

Nå kan du fjerne "Perspektiv"lag ved å velge det i lag panel og velge Lag> Slett> Lag

2. Slik klargjør du emblemet med Illustrator

Trinn 1

Vi trenger en logo eller et merke for å fullføre scenen. Dette merket vil være et fremtredende element som senere blir gravert i tretekstur.

Heldigvis tilbyr Envato Elements et bredt spekter av høykvalitets merker 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.

Steg 2

Å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 denne veiledningen brukte jeg følgende gratis fonter for merket:

  • Familiar Pro Font
  • Corleone Font

Trinn 3

Når du er ferdig med skrifter, velger du Utvalgsverktøy (V). Velg nå "Vintage Knights" -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.

Trinn 4

Med Utvalgsverktøy (V), flytte merket over det grå området, ut av det hvite lerretet.

Trinn 5

Før du importerer merket til vår scene i Photoshop, må vi utvide utseendet, konvertere hele teksten til vektorformer, og fjerne det hvite området som ble avslørt nå da vi har 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 Utseende.

Igjen, velg Objekt> Utvid. Et dialogvindu vil vises; å velge Gjenstand og Fylle og trykk OK:

Trinn 6

Finn Pathfinder panel. Hvis du ikke kan se panelet, åpner du det ved å velge Vindu> Pathfinder.

Velge trim.

Trinn 7

Nå som merket er 100% vektorformer, kan vi fjerne det hvite området. 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.

3. Hvordan inkludere merket i scenen

Trinn 1

Vi er fortsatt i Adobe Illustrator-arbeidsområdet. Hvis merket ikke er valgt, velg det ved å klikke på det med Utvalgsverktøy (V). Kopier merket ved å gå til Rediger> Kopier eller trykke på Kommando-C.

Steg 2

Gå tilbake til Photoshop, og Dobbeltklikk på Smarte objekter thumbnail. Dette åpner innholdet i smart objektet 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.

lag panelet, deaktiver synligheten for det gule 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:

Trinn 3

Finn den øverste alternativlinjen og sett merkemerket til 633,50 x 406,50 px og dens dimensjon til 666% for begge Bredde og Høyde Enger. Når du er ferdig, trykker du på TAST INN på tastaturet ditt:

Trinn 4

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.

4. Hvordan graveres merket inn i treet

Trinn 1

Sett Fylle for "Smart objekt"lag til 0%:

Steg 2

Dupliser "Smart objekt"Lag fem 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.

Trinn 3

La oss begynne å legge til noen lagstiler til "Effekt 5"Lag. Åpne Lag stil panel og legg til en ny Bevel & Embossed effekt. Angi fargen for Fremhevsmodus til # ffffff, fargen for Skygge modus til # 000000, og sett resten som følger:

Trinn 4

Legg til en ny Indre skygge effekt, sett fargen for Blend Mode til # 000000, og sett resten som følger:

Trinn 5

Legg til en ny Satin effekt, sett fargen for Blend Mode til # 3b2b25, og sett resten som følger:

Trinn 6

Legg til en ny Drop Shadow effekt, sett fargen for Blend Mode til # ffffff, og sett resten som følger:

Trinn 7

La oss nå legge til noen lagstiler til "Effekt 4"lag. 

Åpne Lag stil panel og legg til en ny Indre skygge effekt, sett inn Blend Mode farge til # 000000, og sett resten som følger:

Trinn 8

Legg til en ny Mønsteroverlegg effekt og sett inn alternativene som vist på bildet nedenfor:

Klikk på mønster-miniatyrbildet, og klikk deretter på det lille utstyret for å åpne kaskademenyen. Velge Gråskala papir og klikk deretter på det første mønsteret som heter Svart Vevet.

Trinn 9

Legg til en ny Drop Shadow effekt, sett inn Blend Mode farge til # b07555, og sett resten som følger:

Trinn 10

La oss legge til en lagestil til "Effekt 3"lag. 

Åpne Lag stil panel og legg til en ny Indre skygge effekt, sett inn Blend Mode farge til # 000000, og sett resten som følger:

Trinn 11

La oss legge til en lagestil til "Effekt 2"lag. 

Åpne Lag stil panel og legg til en ny Indre skygge effekt, sett inn Blend Mode farge til # 000000, og sett resten som følger:

Trinn 12

La oss legge til en lagestil til "Effekt 1"lag. 

Åpne Lag stil panel og legg til en ny Indre skygge effekt, sett inn Blend Mode farge til # 000000, og sett resten som følger:

Trinn 13

Legg til en ny Gradient Overlay effekt og angi alternativene som følger:

Klikk på det lille gradientvinduet for å redigere gradientfargen.

  • Sett den første fargestoppen til Farge # 696969 og Plassering 0%.
  • Sett den andre fargestopp til Farge # d9d9d9  og Beliggenhet 100%.

Gratulerer, du er ferdig!

I denne opplæringen lærte vi hvordan å lage en gravert tre 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.

Nyt Photoshopping!