Hur man skapar en öltext effekt i Adobe Photoshop

Vad du ska skapa

I denna handledning kommer jag att visa dig hur man skapar en öltext effekt i Adobe Photoshop med hjälp av lagerstorlekar, borstar, filter och urklippsmaskar. 

För denna handledning valde jag ordet "PROSIT!", Ett tyskt ord som betyder "Skål!" på engelska.

Om du gillar att använda stilad text i dina projekt finns det många texteffekter tillgängliga på GraphicRiver. 

Tutorial Assets

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

  • Poetsen Ett teckensnitt
  • Trägolv med suddigt café 
  • Bubblor och skumborstar och ett mönster

1. Så här ställer du in bakgrunden

Steg 1

Öppna Photoshop, gå till Fil> Ny och ställ in dessa förinställda detaljer:

  • Bredd: 850 px
  • Höjd: 500 px
  • Upplösning: 72 px / tum
  • Färg läge: RGB-färg 8 bitar

Klicka på Skapa.

Steg 2

Gå till Arkiv> Placera inbäddad ... , och välj trä-golv med-suddig-cafe-background.jpg.Kontrollera Behåll bildformat och Ställ in horisontell skala till 90%. Flytta sedan bilden med musen så att dess högra och nedre kanter skär med dokumentets högra och nedre kanter. Träffa Stiga på för att placera bilden.

Steg 3

Gå till Lager> Nytt justeringslager> Kurvor och slå ok. I skiktet Egenskaper fönster, kolla Redigera poäng för att ändra kurvan ochklicka sedan var som helst nära den diagonala vita raden för att skapa en ny punkt. För denna punkt, sätt Inmatning: 78 och Produktion: 12. Klicka sedan inuti det igen för att skapa den andra punkten. Ställ in den andra punkten Inmatning: 216 och Produktion: 163.

Steg 4

Gå till Lager> nytt justeringslager> nyans / mättnad ... och sedan träffa ok. I skiktet Egenskaper fönster anger dessa värden:

  • Nyans: +3
  • Mättnad: -56
  • Lätthet: +5

Steg 5

Välj Färgton / Mättnad 1 lager, håll Flytta ochklickde trä-golv med-suddig-cafe lager för att välja alla tre lager, och sedan träffa Kontroll-G att göra en grupp av dessa lager.

2. Hur man installerar borstar och mönster

Steg 1

Gå till Redigera> Förinställningar> Förinställd chef ...  I Förinställd typ, Välj borstar, klick Ladda… , och välj bubblor-och-skum brushes.abr.

Steg 2

Gå till Redigera> Förinställningar> Förinställd chef ...  I Förinställd typ, Välj Mönster, klick Ladda… , och välj skum-noise.pat.

3. Hur man skapar textlag

Steg 1

Välj Typverktyg (T) och skriv "PROSIT!" Välj den Poetsen One typsnitt, och sedan gå till Fönster> Tecken och ställa in teckensnittet Storlek till 240 pt och spårning till -60.

Steg 2

Gå till Layer> Duplicate Layer ... ,namnge det Skugga, och slå ok. För att flytta detta lager under Prosit! lager, gå till Layer> Arranger> Skicka bakåt.

4. Hur man utformar ett textlag

Steg 1

Välj "Prosit!" lager och gå till Layer> Layer Style> Blandningsalternativ ... att tillämpa följande lagerstil.

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 55%
  • Riktning: Ner
  • Storlek: 13 px
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: -170
  • Höjd över havet: 32
  • Glanskontur: Rullande sluttning - Descending
  • Kolla Kantutjämning låda
  • Markeringsläge: Skärm #ffffff och Opacitet: 69%
  • Skuggläge: Skärm #ffffff och Opacitet: 85%

Steg 2

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

  • Glanskontur: Rullande sluttning - Descending
  • Kolla Kantutjämning låda
  • Räckvidd: 100%

Steg 3

Lägg till en Inre skugga med dessa inställningar:

  • Blandningsläge: Färg bränna # 000000 
  • Opacitet: 50%
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: -90
  • Distans: 0 px
  • Sätta i halsen: 0 px
  • Storlek: 32 px
  • Kolla Kantutjämning låda

Steg 4

Lägg till en Inre glöd med dessa inställningar:

  • Blandningsläge: Färg Dodge # ffc600
  • Opacitet: 21%
  • Teknik: Exakt
  • Källa: Centrum
  • Sätta i halsen: 0%
  • Storlek: 27 px
  • Kolla Kantutjämning låda
  • Räckvidd: 49%

Steg 5

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

  • Blandningsläge: Vanligt
  • Opacitet: 100%
  • Stil: Linjär
  • Vinkel: 90
  • Skala: 100%
  • Klicka på Lutning och ställa in dessa färgstopp:
  • Färgstopp 1 - Färg: # b2710b Plats: 0%
  • Färgstopp 2 - Färg: # dca010 Plats: 25%
  • Färgstopp 3 - Färg: # dfb031 Plats: 53%
  • Färgstopp 4 - Färg: # c77f0d Plats: 80%

Slå ok knapp.

Steg 6

Gå till Layer> Smart Object> Konvertera till Smart Object och sedan gå till Layer> Layer Style> Blandningsalternativ ... I Blandningsalternativ, ställa in Fyll opacitet till 90% och slå på ok knapp.

Detta skapar huvudlagret för öltexten.

5. Hur man skapar en gjutskugga

Steg 1

Välj "Skugga" lager och gå till Layer> Layer Style> Blandningsalternativ ... att tillämpa följande lagerstil.

I Blandningsalternativ, ställa in Fyll opacitet till 0%.

Steg 2

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

  • Blandningsläge: Vanligt
  • Kolla vela låda
  • Opacitet: 100%
  • Stil: Linjär
  • Vinkel: -90
  • Skala: 100%
  • Klicka på Lutning och ställa in dessa färg- och opacitetstopp:
  • Färgstopp 1 - Färg: # 000000 Plats: 0%
  • Opacitet stopp 1 - Opacitet: 0% Plats: 0%
  • Färgstopp 2 - Färg: # 000000 Plats: 100%
  • Opacitetstopp 2 - Opacitet: 100% Plats: 100%

Slå ok knapp.

Steg 3

Högerklicka de "Skugga" lager och välj Konvertera till Smart Object. Gå sedan till Redigera> Transformera> Skew och Ställ in vertikal skala till 50%. Dratoppcentreringspunktentill runt -40 ° och slå Stiga på

Steg 4

Välj Flytta verktyget (V) och använd sedan din piltangenter för att flytta skuggan som visas på bilden nedan.

Steg 5

Gå till Filter> Blur> Gaussian Blur ... , ställa in Radie till 2,6 px, och sedan träffa ok.

Steg 6

Gå till Layer> Layer Style> Blandningsalternativ ... och ställa in Fyll opacitet till 75%. Träffa ok.

Detta skapar en gjutskugga för din text.

6. Hur man skapar ölens första struktur

Steg 1

Välj "Prosit!" lager och gå till Lag> Nytt fyllnadslager> Solid färg ... . Namnge skiktet Textur 1 och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok och välj svart Färg. Träffa ok igen.

Steg 2

Gå till Filtrera> Pixelate> Pointillize ... , Välj Konvertera till smart objekt, och ställ sedan in Cellstorlek till 9. Träffa ok.

Steg 3

Gå till Layer> Layer Style> Blandningsalternativ ... , ställa in Blandningsläge till Lätta och Fyll opacitet till 10%, och sedan träffa ok.

Detta kommer att skapa ölens första subtila konsistens.

7. Hur man skapar ölens andra textur

Steg 1

Välj "Textur 1" lager och gå till Lag> Nytt fyllnadslager> Solid färg ... . Namnge skiktet Textur 2 och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok och välj svart Färg. Träffa ok igen.

Steg 2

Gå till Filtrera> Pixelate> Mezzotint ... , Välj Konvertera till smart objekt, och ställ sedan in Typ till Grova prickar. Träffa ok.

Steg 3

Gå till Layer> Layer Style> Blandningsalternativ ... , ställa in Blandningsläge till Mjukt ljus och Fyll opacitet till 20%, och sedan träffa ok.

Detta kommer att skapa ölens andra subtila konsistens.

8. Hur man skapar ölens tredje textur

Steg 1

Välj "Texture 2" lager och gå till Lag> Nytt fyllnadslager> Solid färg ... . Namnge skiktet Textur 3 och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok och välj svart Färg. Träffa ok igen.

Steg 2

Gå till Filtrera> Pixelate> Mezzotint ... , Välj Konvertera till smart objekt och ställ sedan in Typ till Fina prickar. Träffa ok.

Steg 3

Gå till Layer> Layer Style> Blandningsalternativ ... , ställa in Blandningsläge till Mjukt ljus och Fyll opacitet till 20%, och sedan träffa ok.

Detta kommer att skapa ölens tredje subtila konsistens.

9. Hur man skapar stora bubblor med en anpassad borste

Steg 1

Välj "Textur 3" lager och gå till Lager> Nytt> Lager ... . Namnge skiktet Stora bubblor och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok.

Steg 2

Gå till dina borstar (Fönster> Penslar) och välj Bubblor - stora borsta.

Steg 3

Borsta över texten för att skapa en liknande täthet av bubblor som i bilden nedan. Du kan komma tillbaka till detta lager och lägga till fler bubblor när som helst.

Steg 4

Gå till Layer> Layer Style> Blandningsalternativ ... för att tillämpa följande lagerformat.

I Blandningsalternativ, ställa in Fyll opacitet till 0%.

Steg 5

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 240%
  • Riktning: Upp
  • Storlek: 6 px
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: -90
  • Höjd över havet: 60
  • Glanskontur: Cone - Inverted
  • Kolla Kantutjämning låda
  • Markeringsläge: Skärm med vit Färg
  • Markera opacitet: 43%
  • Skuggläge: Mjukt ljus med svart Färg
  • Shadow Opacity: 32%

Steg 6

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

  • Glanskontur: Cone - Inverted
  • Kolla Kantutjämning låda
  • Räckvidd: 100%

Steg 7

Lägg till en Inre glöd med dessa inställningar:

  • Blandningsläge: Färg Dodge
  • Opacitet: 50%
  • Färg: vit
  • Teknik: mjukare
  • Källa: Centrum
  • Storlek: 13 px

Träffa ok att tillämpa lagstilen.

Detta kommer att skapa några stora bubblor i öl.

10. Hur man skapar små bubblor med en anpassad pensel

Steg 1

Välj "Stora bubblor" lager och gå till Lager> Nytt> Lager ... . Namnge skiktet Små bubblor och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok.

Steg 2

Gå till dina borstar (Fönster> Penslar) och välj Bubblor - små borsta.

Steg 3

Borsta över texten för att skapa en liknande täthet av bubblor som i bilden nedan. Du kan komma tillbaka till detta lager och lägga till fler bubblor när som helst.

Steg 4

Gå till Layer> Layer Style> Blandningsalternativ ... för att tillämpa följande lagerformat.

I Blandningsalternativ, ställa in Fyll opacitet till 0%.

Steg 5

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 209%
  • Riktning: Upp
  • Storlek: 7 px
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: 90
  • Höjd över havet: 30
  • Glanskontur: Cone - Inverted
  • Kolla Kantutjämning låda
  • Markeringsläge: Skärm med vit Färg
  • Markera opacitet: 43%
  • Skuggläge: Mjukt ljus med svart Färg
  • Shadow Opacity: 32%

Steg 6

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

  • Glanskontur: Cone - Inverted
  • Kolla Kantutjämning låda
  • Räckvidd: 100%

Steg 7

Lägg till en Inre glöd med dessa inställningar:

  • Blandningsläge: Färg Dodge
  • Opacitet: 50%
  • Färg: vit
  • Teknik: mjukare
  • Källa: Centrum
  • Storlek: 13 px
  • Kolla Kantutjämning låda

Träffa ok att tillämpa lagstilen.

Detta kommer att lägga till några små bubblor till öl.

11. Hur man skapar ett ölskum

Steg 1

Välj Rektangelverktyg, ställa in Fylla till vit färg och rita en rektangel över textens övre del. Jag har sänkt reakternas opacitet för att visa hur mycket av texten jag täckte. Din rektangel ska vara fast vit.

Steg 2

Gå till Filtrera> Förvränga> Wave ... , Välj Konvertera till smart objekt knappen och använd dessa inställningar:

  • Antal generatorer: 5
  • Våglängd: Min. 10 Max. 60
  • Amplitud: Min. 2 Max. 6
  • Skala: H. 100% V. 100%
  • Typ: Sinus
  • Odefinierade områden: Upprepa kantpixlar

Träffa ok.

Steg 3

Medan rektangelskiktet är valt, Ctrl-klicka de "Prosit!" lager för att göra ett urval och gå sedan till Layer> Layer Mask> Reveal Selection.

Steg 4

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

Steg 5

Gå till Lager> Nytt> Lager ... , namnge skiktet Skum, och sedan träffa ok.

Steg 6

Medan "Skum" lagret är valt, Ctrl-klicka de Rektangel lager för att göra ett urval och gå sedan till Paths panel (Fönster> Banor) och klicka på Gör arbetsgång från urvalet ikon.

Steg 7

Gå till dina borstar (Fönster> Penslar) och välj Skum borsta.

Steg 8

HögerklickaArbetsbana och välj Stroke Path ... . Välj Verktyg: Borste och slå ok.

Steg 9

Håll Kontrollera och välj Skum och den Rektangel lager och sedan Högerklicka de Skum lager och välj Konvertera till Smart Object.

Steg 10

Gå till Layer> Duplicate Layer ... och duplicera skumlagret som Skumskugga. Träffa ok.

Steg 11

Medan "Skumskugga" lagret är valt, Ctrl-klicka de "Prosit!" lager för att göra ett urval och gå sedan till Layer> Layer Mask> Reveal Selection.

Steg 12

Skicka "Skumskugga" lagret bakåt. För att göra det, gå till Layer> Arranger> Skicka bakåt.

12. Hur man utformar ölskummet

Steg 1

Välj "Skumskugga" lager och gå till Layer> Layer Style> Blandningsalternativ ... för att tillämpa följande lagerformat.

I Blandningsalternativ, ställa in Fyll opacitet till 0% och kolla på Lagmasker döljer effekter låda.

Steg 2

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

  • Blandningsläge: Linjär bränn med svart Färg
  • Opacitet: 8%
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: 90
  • Distans: 2 px
  • Storlek: 4 px
  • Kontur: Gauss
  • Kolla Kantutjämning låda

Träffa ok att tillämpa lagstilen.

Steg 3

Välj "Skum" lager och gå till Layer> Layer Style> Blandningsalternativ ... för att tillämpa följande lagerformat.

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 150%
  • Riktning: Upp
  • Storlek: 29 px
  • Mjukna: 4 px
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: 90
  • Höjd över havet: 30
  • Kolla Kantutjämning låda
  • Markeringsläge: Skärm med vit Färg
  • Markera opacitet: 100%
  • Skuggläge: Linjär bränn med svart Färg
  • Shadow Opacity: 10%

Steg 4

Lägg till en Inre skugga med dessa inställningar:

  • Blandningsläge: Linjär bränn med svart Färg
  • Opacitet: 15%
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: -90
  • Distans: 5 px
  • Storlek: 7 px
  • Kolla Kantutjämning låda

Steg 5

Lägg till en Inre glöd med dessa inställningar:

  • Blandningsläge: Linjär bränning
  • Opacitet: 21%
  • Färg: svart
  • Teknik: mjukare
  • Källa: Centrum
  • Storlek: 62 px
  • Kolla Kantutjämning låda

Steg 6

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

  • Blandningsläge: Linjär bränning
  • Opacitet: 34%
  • Mönster: Skumstörning

Träffa ok att tillämpa lagstilen.

Steg 7

Högerklicka"Skum" lager och välj Konvertera till Smart Object. Detta kommer att skapa skumets struktur och skugga.

13. Hur man skapar ölskumbubblorna

Steg 1

Välj "Skum" lager och gå till Lager> Nytt> Lager ... . Namnge skiktet Skumbubblor och kolla på Använd tidigare lager för att skapa klippmask rutan och sedan träffa ok.

Steg 2

Gå till dina borstar (Fönster> Penslar) och välj Bubblor - små borsta.

Steg 3

Borsta över skummet för att skapa en liknande täthet av bubblor som på bilden nedan. Du kan komma tillbaka till detta lager och lägga till fler bubblor när som helst.

Steg 4

Gå till Layer> Layer Style> Blandningsalternativ ... för att tillämpa följande lagerformat.

I Blandningsalternativ, ställa in Fyll opacitet till 0%.

Steg 5

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

  • Stil: Innerhöjd
  • Teknik: Slät
  • Djup: 220%
  • Riktning: Upp
  • Storlek: 7 px
  • Avmarkera kryssrutan Använd Global Light låda
  • Vinkel: -90
  • Höjd över havet: 30
  • Kolla Kantutjämning låda
  • Markeringsläge: Skärm med vit Färg
  • Markera opacitet: 80%
  • Skuggläge: Mjukt ljus med svart Färg
  • Shadow Opacity: 55%

Träffa ok att tillämpa lagstilen.

grattis! Du är klar

I den här handledningen lärde du dig hur du skapar en öltext effekt med hjälp av lagerformat, anpassade borstar och klippmaskar.

Jag hoppas att du har haft den här handledningen, och var god att lämna dina kommentarer och skapelser nedan.