Snabbtips Hur man skapar en metallisk texteffekt med hjälp av lagstilar i Photoshop

Vad du ska skapa

I denna handledning kommer vi att förklara hur man skapar en metallisk texteffekt med hjälp av lagstilar i Photoshop.

Den här texteffekten du ska lära dig idag är en del av 8 Photoshop Styles 2 of 4

8 Premium helt redigerbara PSD och ASL Photoshop-filer

Tutorial Assets

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

  • Strasua typsnitt
  • MetalKid-tillgångar

Ladda ner filen MetalKid_assets.zip och extrahera båda filerna inuti. Installera Mönsterfilen heter Dark_Pattern.pat och konturfilen heter CustomContoursMK.shc. För att installera måste du dubbelklicka på ikonerna. Det är så enkelt.
Ladda ner och Installera Strausa typsnitt.

Låt oss börja!


1. Hur man skapar bakgrunden

Steg 1

Skapa ett nytt dokument Fil> Ny

  • Bredd: 850 px
  • Höjd: 500 px
  • Upplösning: 72 PPI

Steg 2

Kopiera bakgrunden (Gå till Layer> Duplicate Layer> OK) och döpa om det nya skiktet som "Bakgrundsmönster".


Steg 3

Nu ska vi lägga till en textur i bakgrundsskiktet.
Dubbelklicka på "Bakgrundsmönsterskikt"för att öppna fönstret för lagerstil. Gå till"Mönsteröverläggning", då klick på "Mönster box"och välj den nya tillagda"Mörk mönster"och tryck på ok.


Steg 4

För att få bakgrunden att se ännu bättre ska vi lägga till inre skugga. Du måste dubbelklicka på bakgrundsmönsterskiktet och när fönstret för lagerstil visas visas följande värden.

  • Blandningsläge: Vanligt
  • Färg: # 000000
  • Opacitet: 100%
  • Vinkel: 90º
  • Markera kryssrutan Global Light: Okontrollerat
  • Distans: 0 px
  • Sätta i halsen: 0%
  • Storlek: 250 px
  • Ljud: 0%

2. Hur man skapar texten och anpassar dem

Steg 1

Skriv ordet "Metalkid" med Strasua typsnitt.

  • Textstorlek: 100 pt
  • spårning: 20 pt
  • Anti-aliasing-läge: Skarp
  • Färg: #ffffff

Steg 2

Använda "Flytta verktyg", Välj textlagret och bakgrundsskikt och klicka sedan på justeringskommandonpå den övre menyn för att centrera den.

  • Justera Horisontell: Centrum
  • Justera vertikal: Centrum

3. Hur man skapar texteffekten

Steg 1

Lägg till en lagerstil till texten måste du ha rätt klicka på skiktet i din lagmeny och välj Blandningsalternativ. Se till att du använder följande värden och trycker på ok.


Steg 2

Låt oss börja med texteffekten! Först ska vi lägga till några skuggor för att skilja texten från bakgrunden. Gå till Layer Style> Drop Shadow och använd de värden som visas i bilden nedan.

  • Blandningsläge: Vanligt
  • Färg: # 000000
  • Opacitet: 70%
  • Vinkel: 90º
  • Använd Global Light: Okontrollerat
  • Distans: 10 px
  • Spridning: 20 px
  • Storlek: 10 px
  • Kontur: Standard
  • Ljud: 0%
  • Layer Knocks Out Drop Shadow: Kontrollerade

Steg 3

Nu ska vi skapa en gradientöverlagring, det kommer att ge en bas till metalleffekten. Öppna lagstilen igen och ändra "Gradientöverläggning"anger följande värden.

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Omvänd: Okontrollerat
  • Stil: Linjär
  • Justera med lag: Kontrollerade
  • Vinkel 90º
  • Skala: 150%

Klicka på Gradient Bar och gör en gradient med dessa inställningar:

Tips: För att skapa en ny punkt i lutningen måste du klicka på lutningsfältet. Klicka på var och en av färgstopp tillåter dig att ändra plats och färg.

  • Förstopp Färg: # 0d1117
  • Första stoppposition: 0%
  • Andra stoppfärg: # a0a0a0
  • Andra stoppposition: 25%
  • Tredje Stopp Färg: # 161a20
  • Tredje stoppposition: 50%
  • Fjärde Stoppfärg: # a0a0a0
  • Fjärde stoppposition: 75%
  • Femte Stopp Färg: # 0d1117
  • Femte stoppposition: 110%

Steg 4

Gå till Layer Style> Inner Glow och använd de inställningar som visas nedan för att lysa upp kanterna.

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Ljud: 0%
  • Färg: #ffffff
  • Teknik: mjukare
  • Kant: Kontrollerade
  • Sätta i halsen: 40%
  • Storlek: 2 px
  • Kontur: Standard
  • Anti-alias: Okontrollerat
  • Räckvidd: 50%
  • jitter: 0%



Steg 5

För att börja skapa 3D-utseendet, gå till Layer Style> Bevel & Emboss och använd följande värden.

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 100%
  • Riktning: Upp
  • Storlek: 10 px
  • Mjukna: 1 px
  • Vinkel: 90º
  • Använd Global Light: Okontrollerat
  • Höjd över havet: 30 °

Sluta nu, vi ska till lägg till tidigare "anpassad kontur" installerad.
KlickGloss Contour-nedrullningsikon och då Välj konturen heter "CustomContourMK01"

Nu kan vi fortsätta:

  • Anti-alias: Okontrollerat
  • Markeringsläge: Skärm
  • Markeringsfärg: #ffffff
  • Markera opacitet: 75%
  • Skuggläge: Multiplicera
  • Skuggfärg: # 000000
  • Shadow Opacity: 75%


Steg 6

Nu ska vi betona ljus och skuggor för att ge mer realism till metalleffekten. Gå till Layer Style> Satin och använd de inställningar som visas nedan.

  • Blandningsläge: Färg Dodge
  • Färg: #ffffff
  • Opacitet: 50%
  • Vinkel 20 °
  • Distans: 45 px
  • Storlek: 8 px
  • Anti-aliased checkbox: Okontrollerat
  • Invenrt kryssrutan: Kontrollerade

Vi ska lägg till den andra "anpassade konturen" installerad.
Klick på Gloss Contour-nedrullningsikon och då Välj konturen heter "CustomContourMK02"och tryck på ok.



Steg 7

Det är nästan klart. I det här sista steget kommer vi att accentuera kanter och hörn, vilket ger texten 3D-finalen. Gå till Layer Style> Stroke, och använd de värden som visas i bilden nedan.

  • Storlek: 2 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Fyll typ: Lutning

Klicka på Gradient Bar och gör en gradient med dessa inställningar:

  • Förstopp Färg: # 1a1b1e
  • Första stoppposition: 0%
  • Andra stoppfärg: # 7f7f7f
  • Andra stoppposition: 50%
  • Tredje Stopp Färg: # 1a1b1e
  • Tredje stoppposition: 100%
  • Stil: reflekteras
  • Justera med Layer-kryssrutan: Kontrollerade
  • Vinkel 90º
  • Skala: 100%

Slutlig bild

Bra jobb, du är klar!

I denna handledning visade jag dig hur man skapar en metalltexteffekt med bara stilalternativ.
Jag hoppas att du haft denna handledning och kan använda det du har lärt dig för dina egna projekt. Vänligen gärna kommentera och visa mig dina resultat.

Denna texteffekt är en del av 8 Photoshop Styles 2 av 48 Premium helt redigerbara PSD och ASL Photoshop-filer

Du kanske också gillar:

  • Så här skapar du en varm betongtexteffekt i Adobe Photoshop

    I den här handledningen lär du dig att skapa en varm konkret text-effekt med två lager för att få en central försvinnande punkt i Adobe Photoshop. Låt oss börja!
    Enrique Elicabe
    Texteffekter
  • Hur man skapar en bronsformad texteffekt i Adobe Photoshop

    I den här handledningen lär du dig hur du skapar en bronsfasad texteffekt med hjälp av lagstilar i Adobe Photoshop.
    Enrique Elicabe
    Texteffekter
  • Så här skapar du en glänsande sommartexteffekt i Adobe Photoshop

    I denna handledning kommer jag att förklara hur man skapar en glänsande sommartext-effekt med hjälp av lagerstorlekar i Photoshop. Låt oss börja!
    Enrique Elicabe
    Texteffekter
  • Snabbtips: Skapa en metallisk koppartexteffekt med hjälp av lagstilar i Photoshop

    Lär dig hur du skapar en metallisk koppartexteffekt med hjälp av lagstilar i Adobe Photoshop. Låt oss börja!
    Enrique Elicabe
    Texteffekter