Så här skapar du en 3D-fylld bokstav Texteffekt i Adobe Photoshop

Vad du ska skapa

Den här handledningen visar hur du använder Adobe Photoshops 3D-verktyg och inställningar, tillsammans med ett par mönster och lagerbilder, för att skapa en härlig fylld bokstävertexteffekt. 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:

  • HWT Artz typsnitt
  • Gratis EPS-fil Vektor uppsättning blommiga sömlösa mönster 01
  • Gratis Denim Patterns av webdesignerlab
  • Bokeh - Golden Lights 5184 x 3456 Pixels av Moosplauze
  • Växt (Epipremnum pinnatum) av Black-B-o-x
  • Tomt rent vitt rum med grenar dekor 3D-rendering av hemul75
  • Vit soffa isolerad på vit bakgrund (den ursprungliga bilden jag använde är inte längre tillgänglig, men du kan använda den här soffbilden eller den här som alternativ)
  • Sovrum av manbob86

1. Hur man ändrar och sparar mönsterbilder

Steg 1

Gå till Arkiv> Öppna att öppna Gratis EPS-fil Vektor uppsättning blommiga sömlösa mönster 01 fil. Detta kommer att föra upp Rasterize EPS-format lådan, där vi ändrar Läge till RGB-färg, och avmarkera Kantutjämning låda.

Avmarkera kryssrutan Kantutjämning lådan ger oss skarpa resultat så att vi enkelt kan välja mönstren utan att behöva hantera suddiga kanter.

Steg 2

När filen öppnas zoomar du lite in i det övre vänstra hörnet och du kan se att det första mönstret har några genomskinliga delar, vilket kommer att skapa diskontinuitetsproblem om de används som det är.

Så nästa steg kommer bara att lösa det här mönstret. För de andra mönstren behöver du bara välja och spara dem som bilder.

Steg 3

Välj Rektangulärt markeringsverktyg, och skapa ett urval runt det första mönstrets bild. Urvalet behöver inte vara exakt eftersom vi fixar det i nästa steg.

Steg 4

Högerklicka valet och välj Omvandla urval. Zooma in i varje kant och dra valet ovanpå det, så att du har ett exakt urval av mönsterbilden.

När du är klar klickar du på Lämna tillbaka nyckeln till acceptera ändringarna och gå till Redigera> Kopiera.

Steg 5

Skapa en ny fil med Urklipp dimensioner och gå till Redigera> Klistra in.

Välj Flytta verktyget, press-hold de Flytta och dra den inklassade bilden ner till mitten av dokumentet.

Steg 6

Duplicera mönsterskildens skikt och dra kopian uppåt till mitten av dokumentet så att den undre kanten berör originaldimens toppkant.

Steg 7

Använd Rektangulärt markeringsverktyg för att skapa ett urval över de tomma områdena, och använd Paint Bucket Tool att fylla den med den rosa färgen runt den.

Steg 8

Välj båda lagren och tryck på Kommando-E att slå samman dem.

Gå till Arkiv> Spara, och spara mönstret som en bild (jpg) -fil. Det är bättre att ge varje mönster ett nummer för att göra det enklare att använda dem senare.

Steg 9

För resten av mönstren, välj bara, kopiera och klistra in, och spara dem som bilder.

2. Hur man skapar textformslag

Steg 1

Skapa en ny 1000 x 626px dokument med a Vit Bakgrund.

Skapa sedan texten i Alla kepsar använder teckensnittet HWT Artz. Ställ in Storlek till 350 pt och den spårning till 50.

Steg 2

Byt namn på textlagret till Text, Högerklicka det och välj Konvertera till form.

3. Hur man skapar streckformslag

Steg 1

Kopiera Text lager och byt namn på kopian till Tillbaka piping.

Steg 2

Välj Direktmarkeringsverktyg (A). I alternativ bar, ändra Fylla till Ingen, de Stroke Color till # e9e7e2, och dess Storlek till 5.

Klicka på Ange formslagstyp ikon för att ändra Justera till Utanför.

Steg 3

Kopiera Tillbaka piping lager två gånger. Byt namn på första kopian till Sidor, och den andra till Frontrörning. Ändra sedan Sidor' Stroke Size till 2,5.

4. Hur man skapar en enkel böjd form

Steg 1

Välj Rektangelverktyg, klicka var som helst i dokumentet och skriv in 5 för Bredd och 600 för Höjd.

Steg 2

Välj Lägg till Anchor Point Tool, och klicka någonstans nära mitten av varje rektangels vertikala sidor, för att lägga till två ankarpunkter.

Byt namn på formlagret till Tillbaka som vi kommer att använda den för bakskuggorna.

Steg 3

Klicka och dra för att välja båda ankarpunkterna och använda Höger pil nyckeln för att knyta dem lite till höger.

5. Hur man skapar 3D-lager

Steg 1

För varje formlager du har, välj det och gå till 3D> Ny 3D-extrudering från vald sökväg.

Steg 2

Välj alla 3D-lager du har, och gå sedan 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.

7. Hur justerar du 3D Mesh och Cap Settings

Steg 1

Välj Text och Sidor mesh flikar i 3D panel och ändra deras Extruderingsdjup i Egenskaper panel till 30.

Steg 2

Välj Tillbaka piping och Frontrörning nätflikar och ändra deras Extruderingsdjup till 3.

Steg 3

Välj Text nätfliken och klicka på Keps ikonen högst upp på Egenskaper panel.

Ändra Sidor till Fram och bak, de Bevel Width till 1, de Kontur till Halv omgången, de Inflate Angle till 90, och den Styrka till 7.

Steg 4

Välj Tillbaka piping och Frontrörning nätflikar och klicka på Keps ikonen igen.

Ändra Sidor till Fram och bak, de Bevel Width till 15, de Kontur till Halv omgången, och den Inflate Strength till 10.

8. Hur man flyttar 3D-mönster och ändrar kamerans åsikter

Steg 1

Välj Flytta verktyget, och använd 3D-axel att flytta Tillbaka piping mesh på baksidan av texten.

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 ha.

Steg 2

Du kan ändra Nuvarande åsikt för att bättre se vad du gör, genom att välja en förinställning från Se menyn i Egenskaper panel.

9. Hur man skapar mönstermaterial

Steg 1

Välj alla Text Mesh Material flikar.

I Egenskaper panel, ändra Specular Color till (24, 15, 7), och den Glans till 100%.

Steg 2

Välj Text nätflik och gå till 3D> Split Extrudering. Detta kommer att separera bokstäverna.

Välj och dela upp alla andra maskor du har, med undantag för Tillbaka maska.

Steg 3

Välj den första Text Front Inflation Material fliken, klicka på dess Diffus texturikon, välj Byt textur, och öppna den första mönsterbilden du vill använda från de som du sparade i början av denna handledning.

Steg 4

Klicka på Diffus texturikonen igen och välj Redigera UV-egenskaper.

Steg 5

Justera Bricka och Offset värden för att få ett resultat du vill.

10. Hur man lägger till en bumpstruktur

Steg 1

Klicka på Stöta mappikonen och välj Ny textur.

Steg 2

Ställ in Bredd och Höjd värden till 512, och den Upplösning till 300.

Steg 3

Detta öppnar den nya texturfilen. Om det inte klickar du på Stöta texturikonen och välj Redigera textur.

När filen öppnas kopierar du Bakgrund lager.

Steg 4

Dubbelklicka kopia lagret att tillämpa a Mönsteröverläggning effekt med dessa inställningar:

  • Mönster: denim 7
  • Skala: 50%

Spara och stäng filen för att gå tillbaka till 3D-scenen.

Steg 5

Redigera Stöta textur s UV-egenskaper, och zooma in för att bättre se effekten.

Steg 6

Ändra Stöta värde till 5, eller något annat värde du vill ha.

11. Hur man sparar och använder ett material

Steg 1

Med Frontinflation Material fliken fortfarande aktiv, klicka på Materialväljare rutan, klicka på popup-menyns ikonen och välj Nytt material.

Steg 2

Skriv in ett namn på materialet och klicka sedan på ok.

Steg 3

Välj resten av först Textmaterial flikar utom för extrusion. Öppna sedan Materialväljare, bläddra ner till materialikonen du just sparat och klicka på den för att applicera den på de valda materialen.

12. Så här byter du materialtexturer

Steg 1

Applicera det sparade materialet till andra Text Front Inflation, Framkant, Baksida, och Tillbaka Inflation Material.

Steg 2

Välj den andra Text Front Inflation Material fliken, klicka på dess Diffus texturikon och välj Byt textur för att öppna en annan mönsterbild.

Steg 3

Välj den andra Text framkant, Baksida, och Tillbaka inflationsmaterial flikar, klicka på Diffus texturikon och välj namnet på det mönster som används från listan du får istället för att ersätta det separat för varje material.

Du kanske behöver ändra UV-egenskaper för den nya strukturen, så kom bara ihåg det efter att ha lagt till varje ny.

Steg 4

Upprepa samma steg för resten av de bokstäver du har.

13. Hur man skapar enkelt rörledningsmaterial

Steg 1

Välj Frontinflation Material fliken för den första Frontrörning mesh, klicka på Diffus texturikon och välj Ta bort textur.

Steg 2

Ändra Diffus färg till (233, 231, 226).

Steg 3

Klicka på Stöta mappikonen och välj Text Front Inflation Material - Bump konsistens från listan.

Zooma in för att redigera UV-egenskaper, och ändra Stöta värde till 2.

Steg 4

Spara materialet och applicera det på resten av Rörmaterial.

För att kakel på Extruderingsmaterial, du måste välja alla Rör nätflikar och ställa in Texturmappning till Bricka.

Steg 5

Gå tillbaka till någon av Rörsystem Extruderingsmaterial flikar, redigera dess UV-egenskaper, spara materialet och applicera det på resten av Rörförstärkningsmaterial du har.

14. Hur man byter bokstäverna

Steg 1

Välj Text, Frontrörning, Sidor, och Tillbaka piping nätflikar i första bokstaven.

Använd 3D-axel eller den koordinater värden i Egenskaper panelen för att rotera och flytta brevet.

Steg 2

Upprepa det för de andra brevmaskorna du har. Du kan alltid gå tillbaka till något brev och justera det.

Steg 3

Välj den första bokstäverens nätflikar igen, klicka på 3D panelen menyikonen och välj Flytta objekt till markplan.

Upprepa det för resten av bokstäverna.

Steg 4

Välj alla nätverksgruppsflikarna och knuffa dem bara lite nedåt längs Y Axis. Detta kommer att bidra till att skapa en illusion av bokstäverna på soffan, genom att trycka in dem i markplanet.

15. Hur man skapar en bakgrund

Steg 1

Gå till File> Place Linked, och öppna Tomt rent vitt rum med grenar dekor 3D-rendering bild.

Ändra storlek på det efter behov, och byt namn på dess lager till Bakgrundsbild.

Steg 2

Placera Växt (Epipremnum pinnatum) bild på toppen av Bakgrundsbild lager och byt namn på dess lager till Växt.

Dölj 3D-skiktet för att fokusera på bakgrundselementen om du vill.

Steg 3

Ändra storlek, rotera och flytta växtbilden för att placera den över vasens pinnar i Bakgrundsbild. Du kan stämpla klon på pinnarna, men vi kommer att slita bakgrunden ändå, så du kan hoppa över det.

Steg 4

Välj Bakgrundsbild lager, gå till Filter> Blur> Gaussian Blur, och ställa in Radie till 5.

Steg 5

Upprepa det för att suddas bort Växt bild.

16. Så här väljer och isolerar du en bild

Steg 1

Öppna Vit soffa isolerad på vitt bild, välj Snabbvalverktyg, och du kan kontrollera Auto-Enhance låda i alternativ bar om du vill. Det kan sakta ner processen, men kan skapa renare val.

Klicka och dra något för att välja soffan.

Steg 2

Du kan press-hold de Alternativ nyckel och klicka och dra att avmarkera oönskade områden. Se bara till att dra lite över små områden för att få det bästa resultatet.

Steg 3

När du har valt soffan klickar du på Välj och Mask knapp i alternativ bar.

Ändra Se till På svart, och öka Opacitet till 100%.

Spela runt med Slät och Skift kant värden under Globala förfiningar fliken för att få det bästa urvalet.

Steg 4

Klick ok när du är klar och gå till Redigera> Kopiera.

Steg 5

Gå tillbaka till 3D-dokumentet, gå till Redigera> Klistra in, och byt namn på skiktet till Soffa.

Högerklicka de Soffa lager, välj Konvertera till Smart Object, och ändra storlek på soffan för att passa inuti scenen.

Steg 6

Gör 3D-skiktet synligt och justera Kameravisning för att placera bokstäverna ovanpå soffan.

17. Hur man justerar en 3D-scenens belysning

Steg 1

Välj Oändligt ljus 1 fliken och ändra Intensitet till 45% och den Skuggmjukhet till 30%.

Steg 2

Använd Flytta verktyget eller den koordinater värden för att flytta ljuset till fönstret i bakgrundsbilden.

Steg 3

Klicka på Lägg till nytt ljus till scen ikonen längst ner på sidan 3D panelen och välj Nytt oändligt ljus.

Steg 4

Ändra Oändligt ljus 2's Intensitet till 30%, och avmarkera Skugga låda.

Steg 5

Flytta ljuset så att det lyser upp textens övre del.

Steg 6

Klicka på Miljö fliken, klicka på IBL textur ikon för att välja Byt textur, och öppna Sovrum bild.

Steg 7

Ändra Intensitet till 90%, och flytta ljuset för att få en belysning du gillar.

18. Hur man lägger till osynliga element och ger en 3D-scen

Steg 1

Visa Tillbaka mesh, rotera det -90 ° runt Y Axis, och skala den tills den fyller soffans rygg.

Steg 2

Flytta och rotera Tillbaka mesh tills det rör alla bokstäver.

Steg 3

Se till att du ställer in Nuvarande åsikt till den sista vinkeln du vill göra.

Välj Tillbaka nätfliken, avmarkera dess Kasta skuggor rutan och kontrollera Osynlig låda. Detta hjälper till att skapa en yta som fångar skuggorna utan att vara synlig i scenen.

Steg 4

När du är färdig att ändra 3D-scenen, gå till 3D> Render att göra det. Återgivningen kan ta ett tag, men du kan stoppa det när som helst genom att trycka på Esc nyckel-.

Du kan också stoppa rendering för att justera belysningen, masken eller något annat du tror behöver anpassas och gör igen tills du får ett resultat du gillar.

När du är klar ska du konvertera 3D-skiktet till ett smart objekt för att undvika oavsiktliga ändringar.

Steg 5

Högerklicka 3D-skiktet och välj Skapa klippmask. Detta kommer att klippa på Tillbaka mesh skuggor till soffan.

Steg 6

Klicka på Lägg till lagermask ikonen längst ner på sidan Skikten panel.

Ställ in Förgrundsfärg till Svart, plocka Penselverktyg, Välj ett mjukt rundspets och måla över oönskade områden för att dölja dem.

19. Hur man lägger till skuggor

Steg 1

Skapa ett nytt lager under 3D-lagret, ring det Tillbaka skugga, och ändra dess Blandningsläge till Linjär bränning.

Ställ in Förgrundsfärg till # 848.285, och börja måla skuggor där bokstäverna rör på soffans baksida för att intensifiera effekten.

Steg 2

Ändra Tillbaka skugga skikten Opacitet till ett värde du gillar, och använd Utsuddningsverktyg att bli av med oönskade delar av skuggan.

Steg 3

Skapa ett nytt lager under Tillbaka skugga lager, ring det Drop Shadow, och ändra dess Blandningsläge till Linjär bränning.

Lägg till skuggor där bokstäverna rör på soffan. Tryck sedan på Kommando-T att komma in i Gratis omvandlingsläge, skala dem ned vertikalt och placera dem rätt under bokstäverna.

Slå Lämna tillbaka nyckeln för att acceptera ändringarna, och upprepa om det behövs.

20. Så här lägger du till efterbehandling

Steg 1

Placera Bokeh - Golden Lights 5184 x 3456 Pixels bild på toppen av Växt lager och byt namn på dess lager till bokeh.

Ändra bokeh skikten Blandningsläge till Skärm, och ändra storlek på det som behövs för att passa in i scenen.

Gå till Filter> Blur> Gaussian Blur, och ställa in Radie till 3.

Steg 2

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

Skapa gradientfyllningen med hjälp av färgerna # 44386e till vänster, # 716d7c i mitten och # d4a987 till höger.

Kolla vela rutan och ändra lagrets Blandningsläge till Mjukt ljus, och dess Opacitet till 35%.

Steg 3

Välj Växt lager och gå till Bild> Justeringar> Vibrance.

Ändra Vibrance till -35 och den Mättnad till -10.

Steg 4

Om soffan ser väldigt skarpa, använd a Gaussisk suddighet med en Radie värdet runt 0,25.

Grattis, Du är klar!

I den här handledningen reddade vi mönsterbilder, skapade en massa formlag, konverterade dem till 3D-maskor och skapade deras material.

Sedan började vi lägga till bakgrundselement och justera 3D-scenens belysnings- och kameravy i enlighet med detta för att göra det slutliga resultatet.

Slutligen lade vi till några fler skuggor och justerade färgen på slutresultatet.

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