Så här skapar du en enkel neontexteffekt med lagstilar i Adobe Photoshop

Vad du ska skapa

I denna handledning kommer jag att visa dig hur du skapar en fin syratexteffekt med hjälp av lagerformat.

Denna effekt är en del av min textstilpaket på GraphicRiver.

Introduktion

Följande tillgångar kommer att användas under denna handledning:

  • Intro typsnitt

Innan du börjar skapa egen textmock-up, ladda ner och installera teckensnittet. Det hjälper dig att få samma resultat.

1. Hur man skapar mönstret

Steg 1

Öppna Photoshop (jag använder Photoshop CS6), gå till Fil> Ny, och skapa en ny 6 x 6 px dokument (the Bakgrundsinnehåll borde vara Transparent).

Steg 2

Byt till Penna verktyg, Ställ in storleken på 1 px, och dra diagonala linjer.

Steg 3

Tryck Kontroll-A för att välja bilden och gå till Redigera> Definiera mönster. Typ DL-mönster i namn fält.

Mönstret har lagts till i biblioteket och kommer att användas i nästa steg.

2. Hur man skapar bakgrunden

Steg 1

Skapa en ny 4000 x 1420 px dokument med resolution av 300 pixlar / tum. Uppsättning Bakgrundsinnehåll som Transparent.

Steg 2

Gå till Layer> New Fill Layer> Gradient, och typ Bakgrund i namn fält.

Steg 3

Photoshop öppnar en ny dialogruta. Klicka på Gradient box för att skapa gradientfyllningen med hjälp av färgerna # 535.353 till vänster och # 373.737 till höger. Därefter klickar du på ok knapp.

Steg 4

Välj Bakgrund och gå till Lag> Grupplagringar (eller tryck på Kontroll-G). Byt namn på sin grupp till Bakgrund och stäng den.

3. Hur skapar du det smarta objektet för text

Det här hjälper dig att ändra texten med några klick.

Steg 1

Välj Typverktyg (T) och välj Intro-teckensnittet. Ställ in Textstorlek runt 230 pt. Skriv "ACID" i stora bokstäver. Textens färg är inte viktig.

Steg 2

Välj ACID-lagret, tryck på Kontroll-A, plocka Flytta verktyget, och tryck på Justera vertikalt centrum och Justera horisontellt centrum. Det flyttar textskiktet till mitten av vårt dokument.

Steg 3

Kontrollera att ACID-skiktet är valt. Dubbelklicka med musen på lagnamnet och ändra den till Textlagret. Tryck Stiga på att tillämpa förändringen.

Steg 4

Gå till Layer> Smart Objects> Konvertera till Smart Object (eller högerklicka på Textlagret och välj Konvertera till Smart Object).

Steg 5

Välj det här Smart Object och duplicera det fyra gånger. Som ett resultat kommer det att finnas fem kopior av det smarta objektet. Byt namn på varje lager från toppen till botten med mallen: Text_ [nummer]. Välj alla smarta objekt och gruppera dem. Ändra namnet på gruppen till Text.

4. Hur man skapar Text_1-lagstilarna

Låt oss börja från toppen till botten.

Steg 1

Först av allt, ändra Fyll opacitet till 0.

Steg 2

Dubbelklicka Text_1-laget för att tillämpa följande lagerstil. Lägg till en Mönsteröverläggning med dessa inställningar:

  • Blandningsläge: Täcka över
  • Opacitet: 100%
  • Klicka på Mönster och välj det mönster som vi skapade tidigare
  • Skala: 100%

Som ett resultat bör du ha nästa bild:

5. Hur man skapar text_2-lagstilarna

Högerklicka textlagret och välj Blandningsalternativ för att skapa lagstilen.

Steg 1

Ändra Fyll opacitet till 0.

Steg 2

Lägg till en Stroke med dessa inställningar:

  • Storlek: 20 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Fyll typ: Lutning
  • Lutning: från # 001.100 till # 00450b
  • Stil: Linjär
  • Vinkel: 90 °
  • Skala: 100%
  • Avmarkera kryssrutan Omvänd och den vela

Steg 3

Lägg nu till en Inre glöd:

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Ljud: 0%
  • Färg: # ffa81f
  • Teknik: mjukare
  • Källa: Kant
  • Sätta i halsen: 100%
  • Storlek: 10 px
  • Avmarkera kryssrutan Kantutjämning
  • Räckvidd: 100%
  • jitter: 0%

Steg 4

Lägg till en Gradientöverläggning med dessa inställningar:

  • Blandningsläge: Vanligt
  • Avmarkera kryssrutan Omvänd och den vela
  • Opacitet: 100%
  • Klicka på Lutning och ställa in: # aede00 vid 0%, # 759b00 vid 50%, # cdfc00 vid 51% och # cdfc00 vid 100%
  • Stil: Linjär
  • Vinkel: 90 °
  • Skala: 100 px

Texten ska se nära den här:

6. Hur man skapar Text_3-lagstilarna

Dubbelklicka Text_3-laget för att tillämpa lagstilen. Lägg till en Stroke med dessa inställningar:

  • Storlek: 30 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Fyll typ: Färg
  • Färg: # 00450b 

Resultatet av detta steg:

7. Hur man skapar Text_4-lagstilarna

Högerklicka textlagret och välj Blandningsalternativ för att skapa lagstilen.

Steg 1

Lägg till en Stroke med dessa inställningar:

  • Storlek: 50 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Fyll typ: Lutning
  • Lutning: från # ad036d till # e4024d
  • Stil: Linjär
  • Vinkel: 90 °
  • Skala: 100%
  • Avmarkera kryssrutan Omvänd och den vela

Steg 2

Lägg nu till en Drop Shadow:

  • Blandningsläge: Vanligt
  • Välj färg # 000000
  • Opacitet:  13%
  • Avmarkera kryssrutan Använd Global Light-rutan innan du ställer in en Vinkel: 135 °
  • Avstånd: 20 px
  • Spridning: 100%
  • Storlek: 60

Resultat:

8. Hur man skapar Text_5-lagstilarna

Innan du lägger till textstilar väljer du det här laget och flyttar det med 20 px.

Steg 1

Lägg till en Stroke med dessa inställningar:

  • Storlek: 70 px
  • Placera: Utanför
  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Fyll typ: Lutning
  • Lutning: från # 75064b till # 991.641
  • Stil: Linjär
  • Vinkel: 90 °
  • Skala: 100%
  • Avmarkera kryssrutan Omvänd och den vela

Steg 2

Lägg till en Drop Shadow med dessa inställningar:

  • Blandningsläge: Vanligt
  • Välj färg # 000000
  • Opacitet:  40%
  • Avmarkera kryssrutan Använd Global Light-rutan innan du ställer in en Vinkel: 135 °
  • Distans: 60 px
  • Spridning: 100%
  • Storlek: 45 

Grattis, Du är klar!

Syratexten är klar. Här är den slutliga bilden. Jag hoppas att du tyckte om handledningen. 

Glöm inte att dela ditt resultat med oss.

Förresten, om du vill ändra texten, dubbelklickaSmart Object ikonen och Photoshop öppnar en ny PSB-fil. Ändra texten, gå till Arkiv> Spara för att spara ändringar och Arkiv> Stäng för att stänga den här filen. Därefter får du en uppdaterad fil med ett nytt ord.

Slutresultat

Du kan köpa denna effekt som en del av min textstilpaket på GraphicRiver.