Så här skapar du en läderstämpel-logotyp i Adobe Photoshop

Vad du ska skapa

I den här handledningen lär du dig hur du skapar en läderstämpellogotyp med Adobe Photoshop med hjälp av teknikerna för lagerformat och smarta objekt.

Men först behöver du designa en logotyp? Kolla in den här enkla, lättanvända online-logotillverkaren. Över 745 SMART logotyper för att designa din egen logotyp på ett och samma ställe, Placeit. 

Om du vill hoppa över den här processen kan du köpa en logotypmockup över på Envato Elements eller GraphicRiver.

Tutorial Assets

Följande tillgångar användes under produktionen av denna handledning:

  • Realperspektiv bild
  • Bakgrundsbild
  • En vektor emblem som kommer från en stor samling av Vintage Style märken och logotyper
  • Ostrich Sans typsnitt
  • Black Jack Font

1. Hur man förbereder scenen

Steg 1

Ladda ner Real Perspective Image och öppna det med Photoshop.

Leta reda på Skikten panel. Om du inte kan se panelen öppnar du den genom att välja Fönster> Lager.

Titta på "Bakgrundlagret. Det kan vara låst (ett litet hänglås visas nära lagrets högra kant): 

För att låsa upp lagret välj Lag> Nytt> Lager från bakgrunden och tryck sedan på ok.

Byt namn på skiktet med dubbelklicka direkt på lagets namn i Skikten panel och ändra den till "Perspektiv".

Steg 2

Ladda ner bakgrundsbilden och öppna den med Photoshop. 

Välj bilden genom att välja Välj> Allt eller trycka på Kommando-A. Kopiera nu lagens innehåll genom att gå till Redigera> Kopiera eller trycka på Kommando-C.

Gå tillbaka till föregående dokument (den med perspektivet) genom att klicka på rätt flik.

Nu klistra in bakgrundsbilden som kopierats bara genom att välja Redigera> Klistra in eller trycka på Kommando-V.

Byt namn på skiktet med dubbelklicka direkt på lagets namn i Skikten panel och ändra den till "Bakgrund".

Stäng bakgrundsdokumentet. Spara inte ändringar i dokumentet före stängning.

Flytta "Bakgrund"lagret bakom"Perspektiv"genom att klicka och dra direkt lagret i Skikten panel:

2. Hur förvränger du det smarta objektet

Steg 1

Ställ förgrundsfärgen till grön (någon annan färg än svart är bra).

Välj sedan Rektangelverktyg, flytta markören över duken och klicka. Du öppnar en liten dialogruta som låter dig ange exakta dimensioner för din nya form. Typ 1100 x 793 px och klicka på ok knapp.

Byt namn på skiktet med dubbelklicka direkt på lagets namn i Skikten panelen och ändra den till "Smart Object".

Med "Smart Object"lagret valt, välj, i toppmenyn, Layer> Smart Object> Konvertera till Smart Object.

Nu borde du ha en rektangel (oavsett färg) över perspektivbilden:

Steg 2

Välja Redigera> Transformera> Förvränga

Förvrängning gör att du kan ta tag i hörnpunkter för individuell rörelse eller mittpunkten för att flytta hela kanten till smak.

I detta steg är det extremt viktigt att vi förvandlar den gröna rektangeln med endast hörnpunkterna.

Dra den övre vänstra hörnpunkten för att röra det övre vänstra hörnet av den svarta perspektivrektangeln.

Fortsätt dra hörnpunkten för att passa den gröna rektangeln i det svarta perspektivet ett:

Ta bort "Perspektiv"lager genom att markera det i Skikten panel och välja Layer> Delete> Layer

Bra jobbat! Nu är det smarta objektet i rätt perspektiv. Allt vi lägger in i Smart Object tar vinkeln på den gröna rektangeln. 

Nu är vi redo att ersätta den gröna rektangeln inuti det smarta objektet med ett märke eller en logotyp för att anpassa vårt projekt. Nu går vi!

3. Hur man importerar märket från Illustrator till Photoshop

Vi behöver en logotyp eller märke för att slutföra scenen. Detta märke kommer att vara ett framträdande element som senare kommer att bli graverat i lädertexturen.

I denna handledning använder vi ett märke som kommer från en stor samling Vintage Style Badges och Logos från Envato Elements:

Steg 1

Välj den Urvalsverktyg (V).

Välj nu "Skateboards" -badet (eller vilken märke du vill). Kopiera märket genom att gå till Redigera> Kopiera eller trycka på Kommando-C.

Skapa en ny 350 x 350 px dokument i Adobe Illustrator.

Klistra in märket som du bara kopierat genom att välja Redigera> Klistra in eller trycka på Kommando-V.

Steg 2

Med Urvalsverktyg (V), flytta märket över det grå området, ut ur den vita duken.

Nu måste märket expanderas och omvandlas till vektorformer.

Om märket inte är markerat väljer du det genom att klicka på det med hjälp av Urvalsverktyg (V). På toppmenyn väljer du Objekt> Expand Utseende. Återigen, välj Objekt> Expand. Ett dialogfönster visas. Välj Objekt och Fylla och tryck på OK:

Steg 3

Leta reda på Stigfinnare panel. Om du inte kan se panelen öppnar du den genom att välja Fönster> Pathfinder.

Välja Trimma. Trim-knappen tar bort delarna av objekten som överlappar eller döljer. Om föremålen sträcker sig, Trimma tar bort stroke. Det slår inte samman objekt med samma färgattribut.

Steg 4

Välj den Magisk stav verktyg:

Flytta markören över ett vitt område och klicka för att markera alla vita områden i märket:

Om du behöver, förstora duken med hjälp av Zoomverktyget (Z). 

Ta bort de valda vita områdena genom att välja på toppmenyn, Redigera> Klipp ut. Fortsätt att ta bort alla ljusområden inom märket. Med Magisk stav verktyg, klicka på de ljusgråa elementen för att välja dem.

Ta bort de valda ljusgråa områdena genom att välja på toppmenyn, Redigera> Klipp ut.

Nu när du har tagit bort alla vita / ljusa områden ska märket se ut så här:

4. Hur att inkludera märket i scenen

Steg 1

Om märket inte är markerat markerar du det med hjälp av Urvalsverktyg (V). Kopiera märket till Redigera> Kopiera eller trycka på Kommando-C.

Steg 2

Gå tillbaka till Photoshop och dubbelklicka på Smarta objekt Miniatyr.

När du redigerar a Smart Object, källinnehållet öppnas i ett nytt fönster i Photoshop. Här kan du göra några ändringar du gillar, och när du är nöjd är allt du behöver göra att spara filen och Photoshop Smart Object uppdateras när du återkommer till det.

Skikten panel, klistra in märket som kopierats bara genom att välja Redigera> Klistra in eller trycka på Kommando-V, ochta bort det gröna rektangelskiktet.

Välj dialogrutan i dialogrutan Smart Object och tryck på ok:

Leta upp den övre alternativfältet och ställ in märkets position till 550 x 396 px och dess dimension till 366% för båda Bredd och Höjd fält. När du är klar trycker du på Stiga på på ditt tangentbord:

Steg 3

Skikten panel, dubbelklicka skiktet utanför skiktnamnet eller miniatyrbilden för att öppna Lagerstil panel. Lägg till en ny Gradientöverläggning, ställa in Blandningsläge till Vanligt och den Opacitet till 100%, och ange färgen på överlägget genom att klicka på den lilla färgikonen och skriva in hex-koden #ffffff. Tryck ok att bekräfta.

Detta steg är inte nödvändigt. Jag gör detta bara för att få märket att stå ut över bakgrunden.

Steg 4

Spara dokumentet genom att välja Arkiv> Spara eller använda tangentbordsgenväggen Kommando-S.

Vi har uppdaterat det smarta objektet!

5. Hur stämplar du märket in i läder

Det är dags att lägga till några signifikanta effekter på märket för att ge det en 3D-känsla som överensstämmer med scenen.

Steg 1

Ställ in Fylla för "Smart Object"lager till 0%:

Duplicera "Smart Object"skikt två gånger genom att gå till Layer> New> Layer Via Copy.

Byt namn på lagren som visas i bilden nedan.

Från och med nu när du behöver ersätta märket i ditt smarta objekt kan du använda "Smart Object", genom att klicka på det och redigera innehållet.

Steg 2

Låt oss börja lägga till några lagerstilar till "Effekt 2"lager. Öppna Lagstil panel och lägg till en ny Bevel & Embossed effekt och sätt det enligt bilden nedan:

Steg 3

Lägg till en ny Gradientöverläggning effekt och sätt det enligt bilden nedan:

Klicka sedan på lilla lutningsfönstret för att redigera lutningen. Ställ in det första färgstoppet till Plats 0% med Färg # 000000 och den andra färgen stoppar till Plats 100% och Färg #ffffff.

Steg 4

Lägg till en ny Skugga effekt och sätt det enligt bilden nedan.

Färgen för Blandningsläge är vit #ffffff.

Steg 5

Låt oss lägga till några smarta filter till "Effekt 1"lager genom att välja Filtrera> Förvränga> Rippel. Ställ in filtermängden till -60%:

Välja Filter> Blur> Gaussian Blur och ställ radien till 1,0 pixlar.

Steg 6

Låt oss nu lägga till några lagerstilar till "Effekt 1"lager. Öppna Lagstil panel och lägg till en ny Bevel & Embossed effekt och sätt det enligt bilden nedan.

Färgen är Vit #ffffff för Markera läget och svart # 000000 för Skuggläge.

Steg 7

Lägg till en ny Inre skugga effekt och sätt det enligt bilden nedan.

Färgen för Blandningsläge är svart # 000000.

Steg 8

Lägg till en ny Inre glöd effekt och sätt det enligt bilden nedan.

Färgen för Blandningsläge är svart # 000000.

Steg 9

Lägg till en ny Drop Shadow effekt och sätt det enligt bilden nedan.

Färgen för Blandningsläge är vit #ffffff.

Steg 10

Låt oss lägga till några smarta filter till "Effekt 2"lager genom att välja Filtrera> Förvränga> Rippel. Ställ in filtermängden till -60%:

Välja Filter> Blur> Gaussian Blur och ställ radien till 1,0 pixlar.

Grattis, Du är klar!

I denna handledning lärde vi oss hur man skapar en läderstämpel-logotyp med Adobe Photoshop!

Jag hoppas att du har haft min handledning och lärt mig något nytt. Vänligen lämna dina kommentarer, förslag och resultat nedan.

Njut av Photoshopping!