Hur man skapar en Retro Sparad av Bell inspirerad texteffekt i Adobe Photoshop

Vad du ska skapa

Den djärva, färgstarka och upptagna sitcomtitalkonst på 80-talet och 90-talen inskrider definitivt designens trend i en tid. Det är en konstig blandning av nostalgi, cringe och mycket roligt samtidigt. Lägg till den gamla TV-skärmens känsla, och de här titlarna är säkert på en annan nivå!

Den här handledningen visar hur du använder Photoshops 3D-verktyg, inställningar, former och filter för att skapa en retro 80s / 90s texteffekt inspirerad av sitcom-titelkonsten. 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:

  • Gå lång typsnitt
  • Fontdiner Swanky typsnitt
  • SansBlack font

1. Så här justerar du nätverksinställningarna

Steg 1

Gå till Redigera> Inställningar> Guider, galler och skivor, och ändra Gridline Varje till 50 pixlar och den underavdelningar till 5.

Steg 2

Skapa en 700 x 300px Nytt dokument, och gå till Visa> Visa> Rutnät.

2. Hur man skapar en enkel zigzagform

Steg 1

Välj Penverktyg, och välj Form alternativet i alternativ bar. Klicka en gång för att lägga till ankarpunkter enligt nedan för att skapa en zigzag blixtform.

Steg 2

Efter att ha skapat formen, se till att den är klar Fyllnadsfärg är Svart och att Bakgrund är fylld med Vit.

Gå till Redigera> Definiera Börsinställningar, och ändra namnet till ZigZag Shape.

3. Hur man skapar en bakgrundsstruktur

Steg 1

Skapa en 1000 x 800px Nytt dokument, och ställa in Förgrundsfärg till # 87568e och den Bakgrundsfärg till # 38124d.

Duplicera de Bakgrund lager, byt namn på kopian till BG Texture, och Fylla det med Bakgrundsfärg.

Högerklicka de BG Texture och välj Konvertera till Smart Object.

Steg 2

Gå till Filtrera> Filter Galleri> Textur> Korn, och använd dessa inställningar:

  • Intensitet: 40
  • Kontrast: 50
  • Korntyp: prickade

Steg 3

Klicka på Nytt effektlag ikonen längst ned till höger på Filtrera galleri fönster, gå till Konstnärligt> Affischkanter, och använd dessa inställningar:

  • Kanttjocklek: 1
  • Kantintensitet: 0
  • Affisch: 1

Steg 4

Lägg till en till Nytt effektlag, gå till Sketch> Fotokopiering, och använd dessa inställningar:

  • Detalj: 7
  • Mörker: 10

Klick ok.

4. Hur man skapar textlag

Steg 1

Skapa texten i Alla kepsar, varje rad i ett separat lager, med hjälp av typsnitt Gå långt för första raden, Fontdiner Swanky för den andra och SansBlack för den tredje.

Använd teckensnittet Storlek du gillar för varje rad. Här, den Storlek värden som används är 130 pt för första raden, 75 pt för den andra och 150 pt för den tredje.

Steg 2

Du kan också ändra spårning värden som behövs, särskilt för den andra raden, för att separera tecknen och få en renare 3D-mesh. De spårning värdet som används här för den andra raden är 50.

5. Hur man skapar 3D-lager

Steg 1

För varje textlager du har, välj det och gå till 3D> Ny 3D Extrudering från vald lag.

Steg 2

Välj alla 3D-lager och gå till 3D> Sammanfoga 3D-lager.

6. Hur man arbetar med 3D-scenen

Steg 1

För att komma åt 3D-nätverksinställningarna och egenskaperna måste du öppna två paneler: 3D panel och Egenskaper panel (båda hittade under Fönster meny).

De 3D panelen har alla komponenter i 3D-scenen, och när du klickar på namnet på någon av dessa kan du få tillgång till dess inställningar i Egenskaper panel. Så var noga med att alltid välja fliken för det element du vill ändra i 3D panelen innan du ändrar inställningarna i Egenskaper panel.

Steg 2

Om du markerar Flytta verktyget, du hittar en uppsättning av 3D-lägen för det till höger om alternativ bar.

När du väljer en av dem kan du klicka och dra för att utföra ändringar (på det valda elementet i 3D panel).

Använd dessa lägen för att ändra Nuvarande åsikt i en vinkel du gillar.

Steg 3

Välj alla 3D-flikarna i rutan 3D panel, klicka på 3D panelen menyikonen och välj Flytta objekt till markplan.

7. Hur justerar du 3D Mesh-inställningarna

Steg 1

Välj den första 3D-nätfliken i 3D panel och ändra dess Extruderingsdjup i Egenskaper panel till 12 px.

Steg 2

Välj den andra 3D-nätfliken och ändra dess Extruderingsdjup till 10 px.

Steg 3

Välj den tredje 3D-nätfliken och ändra dess Extruderingsdjup till 17 px.

Du kan använda någon annan Extruderingsdjup värden eller ändra dem när som helst, eftersom resultaten kan skilja sig åt beroende på texten du har och den slutliga kameravinkeln du vill använda.

8. Hur justerar du 3D Cap-inställningarna

Steg 1

Välj den första 3D-nätfliken och klicka på Keps ikonen högst upp på Egenskaper panel.

Ändra Bevel Width värde till 5, de Kontur till Halv omgången, de Inflate Angle till 20, och den Styrka till 2.

Steg 2

Välj den andra och tredje 3D-nätverksflikarna, klicka på Keps ikonen och ändra Inflate Angle till 90 och den Styrka till 2.

Återigen kan du använda andra värden som du tycker passar din text bättre.

9. Hur man skapar enkla 3D-material

Steg 1

Välj de första 3D-maskorna Material flikar och använd dessa materialvärden i Egenskaper panel (de färgvärden som används är i RGB):

  • Diffus: 74, 173, 207
  • speglande: 169, 169, 169
  • Glans: 90%

Steg 2

Välj det andra 3D-nätet Material flikar och använd dessa materialvärden:

  • Diffus: 222, 177, 228
  • speglande: 169, 169, 169
  • Glans: 90%

Steg 3

Välj det tredje 3D-nätet Material flikar och använd dessa materialvärden:

  • Diffus: 229, 230, 137
  • speglande: 169, 169, 169
  • Glans: 90%

10. Hur man justerar en 3D-scenens belysning

Steg 1

Välj Oändligt ljus 1 fliken, ändra dess Intensitet till 70%, och se till att Skuggmjukhet är satt till 0%.

Steg 2

Använd Flytta verktyget för att flytta ljuset runt för att få ett resultat du vill, eller du kan klicka på koordinater ikonen högst upp på Egenskaper panel och använd numeriska värden istället.

Steg 3

Klicka på Miljö fliken och ändra Ground Plane Shadows Opacity till 0%.

11. Hur man justerar en 3D-scenens återställningsinställningar

Steg 1

Välj alla 3D-flikarna, och avmarkera de Kasta skuggor låda i Egenskaper panel.

Detta kommer att se till att maskorna inte kastar skuggor, vilket kommer att bidra till att skapa en smalare effekt.

Steg 2

Klicka på Scen fliken och ändra Ytform till Tecknad serie. Detta kommer också att bidra till att skapa den platta retroffekten.

12. Hur man omvandlar och flyttar 3D-mönster

Steg 1

För varje 3D-flik som du har, välj den och gå till 3D> Split Extrudering.

Detta skiljer bokstäverna och placeras i en Grupp.

Steg 2

Därefter måste du slumpmässigt välja och redigera några bokstäver, för att skapa en mer dynamisk effekt.

Välj Flytta verktyget, och använd 3D-axel att transformera och / eller flytta det valda brevmasket.

Pilarna i axeländarna rör nätet, delen nedanför dem används för rotation och kuberna används för skalning. Kuben i mitten används för att skala objektet enhetligt. Allt du behöver göra är att klicka och dra den del du vill göra ändringarna.

Steg 3

Du kan också klicka på Nuvarande åsikt fliken och välj bland de olika förinställningarna som finns i Se menyn i Egenskaper panel som hjälper dig att göra förändringarna bättre.

Steg 4

Välj den slutliga kameravinkeln, se till att allt ser bra ut och gör någon slutlig justering som behövs.

Steg 5

Gå till 3D> Render 3D-lager. Återgivningen ska ta några sekunder eftersom det är en Tecknad serie stil.

När rendering är klar, Högerklicka 3D-skiktet och välj Konvertera till Smart Object.

13. Hur man justerar inställningar för penseldips

Steg 1

Välj Penselverktyg, och öppna Borsta panel.

Välj den ZigZag Shape tips och använd nedanstående inställningar för Borstspetsform och Form Dynamics flikar.

Dessa inställningar hjälper dig att få dynamiska borstformar varje gång du klickar för att lägga till borsten.

Steg 2

Ställ in Förgrundsfärg till # c6960e, skapa en Nytt lager på toppen av BG Texture lager och namnge det Sicksack.

Klicka en gång över olika områden för att lägga till formen bakom texten.

14. Hur man skapar smarta objektfilterlager

Steg 1

Skapa en Nytt lager på toppen av alla lager, namnge den Filter 1, och tryck på Skift-Option-Command-E nycklar för att skapa en stämpel av alla lager du har.

Högerklicka de Filter 1 lager och välj Konvertera till Smart Object.

Steg 2

Duplicera de Filter 1 lager, byt namn på kopian till Filter 2, välj båda Filtrera lager och ändra Opacitet värde till 50%.

Steg 3

Dölj de Filter 2 lagret genom att klicka på ögonikonen bredvid det och välj Filter 1 lager.

15. Hur man applicerar brusfiltreringsfilter

Steg 1

Gå till Filtrera> Filtergalleri> Konstnärligt> Posterkanter, och använd dessa inställningar:

  • Kanttjocklek: 0
  • Kantintensitet: 0
  • Affisch: 2

Steg 2

Lägg till ett nytt effektlager, gå till Brush Strokes> Spatter, och använd dessa inställningar:

  • Spray Radius: 1
  • jämnhet: 15

Klick ok.

Steg 3

Gå till Filter> Oskärpa> Shape Blur, ändra Radie till 5, och använd Blomma 5 form.

Steg 4

Gå till Filter> Förvräng> ZigZag, ändra Belopp till 1, de Ridges till 5, och den Stil till Pond Ripples.

Steg 5

Gå till Filter> Buller> Lägg till Buller, ändra Belopp till 5 och den Distribution till Gauss.

16. Hur man skapar en gammal TV-skärmseffekt

Steg 1

Visa Filter 2 lager, och tillämpa samma Filtrera galleri filter och värden som du gjorde för Filter 1 skiktet i föregående steg.

Steg 2

Gå till Filtrera> Pixelate> Pointillize, och ändra Cellstorlek till 3.

Steg 3

Expandera Filter 2 lagrets filterlista, och dubbelklicka de Pointillize filtrets Blandningsalternativ ikon.

Steg 4

Ändra Opacitet till 35% och klicka ok.

Steg 5

Gå till Filter> Oskärpa> Shape Blur, ändra Radie till 5, och använd Blomma 5 form.

Steg 6

Gå till Filter> Förvräng> ZigZag och ändra Belopp till 1, de Ridges till 5, och den Stil till Pond Ripples.

Steg 7

Gå till Filter> Buller> Lägg till Buller och ändra Belopp till 5 och den Distribution till Gauss.

Steg 8

Dubbelklicka de Lägg till buller filtrets Blandningsalternativ ikonen och ändra Opacitet till 50%.

Steg 9

Gå till Filtrera> Pixelate> Mezzotint och ställa in Typ till Korta slag.

Steg 10

Dubbelklicka de Mezzotint filtrets Blandningsalternativ ikonen och ändra Opacitet till 7%.

17. Så här justerar du Vibrance

Steg 1

Kommando-klicka 3D-skiktets miniatyrbild för att ladda ett urval.

Steg 2

Klicka på Skapa nytt fyllnings- eller justeringslager ikonen längst ner på sidan Skikten panel och välj Vibrance.

Ändra Vibrance till 50 och den Mättnad till -5.

grattis! Du är klar

I den här handledningen skapade vi ett par textlager, konverterade dem till 3D-maskor och justerade deras inställningar. Sedan arbetade vi på materialet, belysningen och gör inställningarna på 3D-scenen och gjordes i en tecknadstil.

Därefter använde vi en massa olika filter för att uppnå retro-tv-skärmens effekt. Slutligen lade vi till ett slutligt anpassningsskikt för att slutföra effekten.

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