Så här skapar du en snygg text effekt i Adobe Photoshop

Vad du ska skapa

Denna handledning visar hur du använder Photoshops lagerstilar, filter och justeringar för att skapa en snygg textversion. Låt oss börja!

Denna texteffekt var inspirerad av de många lagstilarna som finns tillgängliga på GraphicRiver.

Tutorial Assets

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

  • Teckensnittet Nästa teckensnitt
  • Mänsklig hud av hhh316
  • Ribbons av draginchic-stock
  • Abstrakt Spotlight Bakgrunder av M-e-f
  • Realistiska textilbakgrunder 5 av M-e-f
  • Projektpappersmönster av Rafael Almeida
  • Grovt tygmönster av Bartosz Kaszubowski

1. Hur man definierar mönster

Steg 1

Öppna 71.jpg bild från Realistiska textilbakgrunder 5 packa. Gå till Bild> Bildstorlek, ändra Bredd värde till 1170, och klicka ok.

Steg 2

Gå till Redigera> Definiera mönster, och klicka ok.

Gör det för resten av mönstret bilder för att lägga dem till Mönster förinställa.

2. Hur man skapar bakgrunds och textformslag

Steg 1

Skapa en ny 1000 x 1000 px dokumentera. Klicka på Skapa nytt fyllnings- eller justeringslager ikonen längst ner på sidan Skikten panel, välj Enfärgad, och använd Färg # d6dbdb.

Steg 2

Skapa texten med teckensnittet Nästa typsnitt. Ställ in Storlek till 550 pt och den spårning till 50.

Steg 3

Kopiera textlagret och göm det, och Högerklicka kopian att välja Konvertera till form.

Byt namn på formlagret till Textform.

Steg 4

Kopiera Textform lager 3 tider och göm det.

Byt namn på kopieringslagren från topp till botten till Fylla, Yttre stroke, och Stroke.

Tänk på att du kan aktivera och inaktivera lagrets synlighet under handledningen för att bättre se vad du gör med var och en av dem.

Steg 5

För båda Stroke och Yttre stroke lager, välj var och en och välj Direktmarkeringsverktyg (A) att justera deras formattribut i alternativ bar.

Ändra Fylla till Ingen, de Stroke Color till någon ljus färg, och Storlek till 35. Klicka sedan på Ange formslagstyp ikon för att ändra Justera till Centrum och den Corners till Runda.

3. Hur man utformar slagslaget

Dubbelklicka de Stroke lager för att tillämpa följande lagerstil:

Steg 1

Lägg till en Bevel och Emboss med dessa inställningar:

  • Storlek: 0
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: 40
  • Höjd över havet: 48
  • Kolla Kantutjämning låda
  • Markeringsläge: Täcka över
    • Opacitet: 60%
  • Skuggläge: Linjär bränning
    • Opacitet: 35%

Steg 2

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

  • Mönster: Rough Cloth
  • Skala: 100%
  • Djup: 1000%
  • Kolla Invertera låda

Steg 3

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

  • Mönster: 71.jpg

Steg 4

Ändra Stroke skikten Fylla värde till 0.

4. Hur man utformar det yttre slagslaget

Dubbelklicka de Yttre stroke lager för att tillämpa följande lagerstil:

Steg 1

Lägg till en Bevel och Emboss med dessa inställningar:

  • Stil: Stroke Emboss
  • Storlek: 29
  • Kolla Kantutjämning låda
  • Markeringsläge: Mjukt ljus
    • Opacitet: 35%
  • Skuggläge: Linjär bränning
    • Opacitet: 35%

Steg 2

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

  • Kontur: Cove - Deep
  • Kolla Kantutjämning låda.

Steg 3

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

  • Mönster: Projektpapper
  • Kolla Invertera låda

Steg 4

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

  • Storlek: 3
  • Placera: Utanför
  • Fyll typ: Mönster
  • Mönster: 71.jpg

Steg 5

Ändra Yttre stroke skikten Fylla värde till 0.

5. Hur man utformar textformslaget

Gör Textform lagret synligt, och dubbelklicka det gäller att använda följande lagerstil:

Steg 1

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

  • Mönster: Mänsklig hud
  • Skala: 50%

Steg 2

Lägg till en Färgöverlagring med dessa inställningar:

  • Färg: # edece9
  • Blandningsläge: Multiplicera

Du kan använda vilken annan färg du vill beroende på vilket resultat du vill ha.

Detta kommer att utforma Textform lager.

6. Hur man skapar och stilöglor

Steg 1

Välj Ellipseverktyg och skapa en 30 x 30 px cirkel där du vill placera den första ögonen.

Sedan, press-hold de Alternativ nyckeln och skapa en mindre 17 x 17 px cirkel inuti den du redan måste subtrahera den och få huvudögonformen.

Du kan använda Path Selection Tool för att separat välja och flytta den mindre cirkeln inuti den större om det behövs.

Högerklicka formlagret och välj Konvertera till Smart Object.

Dubbelklicka Skiktet på ögonformen för att tillämpa följande skiktstil:

Steg 2

Lägg till en Bevel och Emboss med dessa inställningar:

  • Storlek: 7
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: 40
  • Höjd över havet: 48
  • Kolla Kantutjämning låda
  • Markeringsläge: Linjärt ljus
    • Opacitet: 60%
  • Skuggläge: Linjär bränning
    • Opacitet: 35%

Steg 3

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

  • Kontur: Kon
  • Kolla Kantutjämning låda.

Steg 4

Lägg till en Färgöverlagring med dessa inställningar:

  • Färg: # 969c9d

Steg 5

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

  • Opacitet: 100%
  • Distans: 2
  • Storlek: 3

Steg 6

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

  • Opacitet: 60%
  • Distans: 3
  • Storlek: 7

Steg 7

Press-hold de Alternativ nyckel och klicka och dra den stylade ögonformen för att duplicera den. Du kan press-hold de Flytta nyckel medan du gör det för att begränsa rörelsen.

7. Hur man ändrar ett bandbild

Steg 1

Öppna Ribbons bild och använd Snabbvalverktyg för att välja det svarta bandet.

Steg 2

Tryck Kommando-J duplicera det valda bandet i ett nytt lager och använd Rektangulärt markeringsverktyg för att välja en del du gillar av duplicerade bandet.

Tryck Kommando-J igen för att kopiera den delen i ett nytt lager och dölja de andra lagren du har.

Steg 3

Använd Rektangulärt markeringsverktyg för att välja den högra halvan av bandet, välj Flytta verktyget, och tryck på Vänster pil nyckel ett par gånger för att flytta den valda delen inåt, vilket gör bandet tunnare utan att förlora textur eller detaljer.

Du kan behöva repetera processen ett par gånger för att få det resultat du vill.

När du gör det, duplicera skiktet till det ursprungliga textdokumentet.

8. Hur man lägger ett band i en ögon

Steg 1

Bandet ska vara tillräckligt tunt för att passa inuti den ögonform som du har. Om inte, fortsätt välja en halvdel av den och flytta inåt tills du får rätt storlek.

Steg 2

Dubbelklicka bandskiktet att applicera en Inre skugga effekt med dessa inställningar:

  • Färg: # 020.302
  • Opacitet: 100%
  • Distans: 0
  • Storlek: 5

Steg 3

Konvertera bandskiktet till en Smart Object.

Steg 4

Tryck Kommando-T att komma in Gratis omvandlingsläge, rotera bandet i en vinkel som du gillar baserat på det avstånd du vill skapa mellan ögonraderna och placera en av dess ändar inuti den första öglan.

Du kan också ändra storleken på bandet något om det behövs.

Steg 5

tryck på Varp ikon i alternativ bar att komma in Warp Mode, och klicka och dra bandets tips för att skapa en liten båge och ge en illusion om att den viks in i öglan.

tryck på Lämna tillbaka nyckeln för att begå ändringarna.

9. Hur man bygger en laced-up-effekt

Steg 1

Duplicera båda ögonformlagren och dra dem nedåt. Justera deras position samt bandets ände så att de möts där du vill att de ska.

Steg 2

Duplicera bandskiktet och gå till Redigera> Transformera> Vänd horisontellt.

Placera det snurrade bandets spets inuti det tomma övre öglet.

Steg 3

Med det valda bandskiktet, klicka på Lägg till lagermask ikonen längst ner på sidan Skikten panel och välj maskans miniatyrbild.

Välj Penselverktyg, ställa in Förgrundsfärg till Svart, Välj en hård rund borstspets med samma Storlek som ögon, och klicka på den nedre ögonen för att radera bandet som täcker det.

Ta bort de extra delarna av bandet och upprepa det för den andra.

Steg 4

Dubbelklicka bandet s Smart Object miniatyrbild för att öppna den, lägg till en Nyans / mättnad justeringslager och ändra både Nyans och Mättnad värden till -60.

Spara och stäng filen.

Steg 5

För att fortsätta bygga upp den upplindade effekten, välj både bandskikten och de nedre ögonlagren, duplicera dem och dra dem nedåt.

Steg 6

Fortsätt göra det för de raka delarna av bokstäverna. När du når ett krökt område, duplicera ett av bandskikten, rotera det så att det är horisontellt igen och placera det ovanpå det sista paret av ögon du har.

Det kan hända att du måste ta bort lagmasken för att kunna byta band, så gör det och lägg till en ny mask för att bli av med extra delar.

Steg 7

Ta dig tid att bygga upp effekten och spela runt med placering av elementen så att de passar varje bokstavs form.

Steg 8

När du är klar, lägg alla ögon- och bandskikten i en grupp och namnge den Spets.

10. Hur man täcker tomma textområden

Steg 1

Välj Fylla lager och ändra dess Fylla värde till 0.

Steg 2

Välj Rektangelverktyg, press-hold de Alternativ nyckeln och skapa rektanglar som täcker de uppackade delarna av de bokstäver du måste ta bort dem.

Steg 3

Ändra Fylla skikten Fylla värdet tillbaka till 100%, och klicka på Banoperationer ikon i alternativ bar att välja Sammanslagna formkomponenter.

Steg 4

Välj Lägg till Anchor Point Tool, och klicka där du vill förlänga formen för att täcka fler områden.

Steg 5

Välj Konvertera punktverktyg och klicka på några ankarpunkter som du lagt till för att konvertera dem till hörnpunkter.

Steg 6

Använd Direktmarkeringsverktyg att välja och dra ankarpunkterna för att skapa en slutlig form som du vill.

Steg 7

Kopiera Fylla formlagret och byt namn på kopian till stygn.

Steg 8

I alternativ bar, ändra Fylla till Ingen, de Stroke Size till 2, Klicka på Ange formslagstyp ikonen och välj den förinställda förinställningen.

11. Hur man gör stilstygn

Steg 1

Högerklicka de Stroke lager, välj Kopiera lagstil, Högerklicka de Fylla lager och välj Klistra in lagstil.

Dubbelklicka de stygn lager för att tillämpa följande lagerstil:

Steg 2

Lägg till en Bevel och Emboss med dessa inställningar:

  • Storlek: 1
  • Kolla Kantutjämning låda
  • Markeringsläge: Linjärt ljus
    • Opacitet: 82%
  • Skuggläge: Linjär bränning
    • Opacitet: 35%

Steg 3

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

  • Kontur: Gauss
  • Kolla Kantutjämning låda.

Steg 4

Lägg till en Färgöverlagring med dessa inställningar:

  • Färg: # b5b4b2

Steg 5

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

  • Opacitet: 100%
  • Distans: 2
  • Spridning: 5
  • Storlek: 5

Detta kommer att stela stygnen.

12. Hur man lägger till kanter

Steg 1

Kopiera Yttre stroke Layer och ändra dess Fylla värde till 100%.

Steg 2

Konvertera kopieringslaget till en Smart Object och Kommando-klicka dess miniatyrbild för att ladda ett urval.

Steg 3

Öppna Paths panel, Alternativ-klicka de Gör arbetsväg från valet ikonen längst ner på panelen, ställa in Radie till 0,8, och klicka ok.

Steg 4

Dölj Outer Stroke copy lager och skapa ett nytt lager ovanpå det med namnet Kanter.

13. Hur man skapar en kantborste

Steg 1

Välj Penselverktyg och öppna Borsta inställningar panel.

Välj den Dune Grass tips och justera dess inställningar enligt nedan:

Borstspetsform

Form Dynamics

Scattering

Färgdynamik

Steg 2

Ställ in Förgrundsfärg till # 212.121 och den Bakgrundsfärg till # 3f3f3f, och slå på Lämna tillbaka nyckel ett par gånger tills du gillar stroke.

Steg 3

Placera alla lager du har, med undantag för Bakgrund och Enfärgad lager, i en grupp och namnge den Text.

14. Hur man lägger till droppskugga och brus

Steg 1

Dubbelklicka de Text grupp att ansöka Drop Shadow effekter med dessa inställningar:

  • Opacitet: 50%
  • Distans: 2
  • Spridning: 5
  • Storlek: 5

Steg 2

  • Opacitet: 30%
  • Distans: 30
  • Storlek: 50

Detta lägger till de slutliga skuggorna.

Steg 3

Placera 1.jpg bild från Abstrakt Spotlight Bakgrunder packa på toppen av Enfärgad lager och ändra storlek på det så att det passar in i dokumentet så att den undre delen inte visas.

Byt namn på skiktet till BG Texture och ändra dess Blandningsläge till Mjukt ljus.

Steg 4

Skapa ett nytt lager, namnge det BG Noise, och gå till Redigera> Fyll.

Ändra Innehåll till 50% grå och klicka ok.

Steg 5

Konvertera BG Noise skikt till a Smart Object, och ändra dess Blandningsläge till Mjukt ljus.

Steg 6

Gå till Filter> Buller> Lägg till Buller, ändra Belopp till 10 och den Distribution till Enhetlig, och kolla på Enfärgad låda.

15. Hur man gör de slutliga ändringarna

Steg 1

Lägg till en nivåer justeringsskiktet ovanpå Text grupp, ändra dess Blandningsläge till Ljusstyrka, och ändra skuggor värde till 5 och den slingor till 237.

Steg 2

Lägg till en till nivåer justeringsskiktet ovanpå alla lager, välj Blå kanal och ändra Utmatningsskuggor värde till 7.

Steg 3

Skapa ett nytt lager ovanpå alla lager, namnge det Hög passage, och tryck på Command-Option-Shift-E att skapa en frimärke.

Konvertera skiktet till en Smart Object och ändra dess Blandningsläge till Mjukt ljus.

Steg 4

Gå till Filtrera> Annat> High Pass, och ändra Radie värde till 1.

Steg 5

Kopiera BG Noise lagret, placera kopian ovanpå alla lager, expandera Smarta filter lista och dubbelklicka de Ljud fliken för att ändra Belopp till 7.

Grattis, Du är klar!

I denna handledning skapade vi ett par formlag och justerade deras formattribut för att skapa de olika textdelarna.

Därefter stylade vi skikten, skapade ögonlocken och lade till bandet.

Därefter arbetade vi med de olika elementen för att bygga upp den laced-up effekten och skapade ett borstspets för att lägga till några fuzzy kanter.

Slutligen gjorde vi några slutliga justeringar för att avsluta effekten.

Vänligen lämna dina kommentarer, förslag och resultat nedan.