Hur man skapar en Retro 3D-förskjuten texteffekt i Adobe Photoshop

Vad du ska skapa

Kombinera 2D och 3D-stilar på olika kreativa sätt har varit en del av flera designtrender genom åren. Denna handledning visar hur du använder Photoshops 3D-verktyg och inställningar för att skapa en abstrakt 3D-förskjuten texteffekt med en touch av en Retro / Memphis Style-känsla. 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:

  • Bahn Pro typsnitt
  • Gratis Pack 6000 Photoshop-gradienter av Supertuts007 (Ladda in CHROMES.grd fil)

1. Hur man skapar bakgrunds- och 3D-elementslagren

Steg 1

Skapa en ny 1000 x 1000 px dokument, klicka på Skapa nytt fyllnings- eller justeringslager ikonen längst ner på sidan Skikten panelen och välj Lutning.

Skapa gradientfyllningen med hjälp av Färger # d99c9c till vänster, # b294c5 i mitten och # 72a9be till höger och ändra Vinkel till -120.

Steg 2

Skapa texten i Alla kepsar, Varje ord i ett separat lager, med hjälp av teckensnittet Bahn Pro. Ställ in Storlek till 200 och den spårning värde till 100.

Steg 3

Skapa tre nya lager, fyll dem med vilken färg du vill, och namnge dem från botten till toppen: Sfär, Pyramid, och Cylinder.

2. Hur man skapar 3D-lager

Steg 1

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

Välj sedan Sfär lager och gå till 3D> Nytt Mesh från Lag> Mesh Preset> Sphere, Välj Pyramid lager och gå till 3D> Nytt Mesh från Layer> Mesh Preset> Pyramid, och välj Cylinder lager och gå till 3D> New Mesh from Layer> Mesh Preset> Cylinder.

Steg 2

Välj alla 3D-lager, gå till 3D> Sammanfoga 3D-lager, och byt namn på det sammanslagna lagret 3D-scen.

Steg 3

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 4

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 5

Klicka på ögonikonen bredvid Sfär, Pyramid, och Cylinder flikar för att dölja dem.

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

Steg 1

Markera alla flikar i textnätet i 3D panel och ändra deras Extruderingsdjup i Egenskaper panel till 0.

Steg 2

Markera varje textmaskflik separat, klicka på 3D panelen menyikonen och välj Flytta objekt till markplan.

Steg 3

Vad vi ska göra nästa är att tilldela värden till Z Position av var och en av textmaskorna för att ställa dem åt jämnt från varandra.

Så, till exempel, om du har tre textnät, kan du ändra den i mitten Z Position till 0, den i fronten är till 300, och den i baksidan är till -300.

Att tilldela Z Position värden, klicka på fliken textfält och klicka på koordinater ikonen högst upp på Egenskaper panel för att göra ändringarna.

Steg 4

Du kan använda valfria värden som du tycker är bäst för din text och antal maskor, men bara se till att du håller lika stor avstånd mellan dem.

4. Så här omvandlar du 3D-mappar

Steg 1

Visa Sfär mesh och välj dess flik, välj Flytta verktyget, och använd 3D-axel att skala upp eller ner.

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 använda.

Steg 2

Du kan också använda koordinater värden för det, och om du klickar på Skala ikonen, kan du kolla eller avmarkera Enhetlig skalering alternativ beroende på vilket resultat du vill ha.

Steg 3

Flytta Sfär till Markplan, och använd 3D-axel för att flytta den till sista positionen.

Steg 4

Upprepa samma steg för Pyramid och Cylinder maskor.

Lägg märke till hur när skalan skalas Cylinder du kan behöva avmarkera Enhetlig skalering rutan om du använder koordinater värden.

Se till att alltid flytta objekten till Markplan när du är färdig att omvandla dem.

5. Hur man skapar grundläggande 3D-material

Steg 1

Välj all text Material flikar och använd dessa inställningar i Egenskaper panel (de färgvärden som används är i RGB):

  • Diffus: 255, 255, 255
  • speglande: 183, 183, 183
  • Glans: 20%

Steg 2

Välj Sphere_Material fliken, klicka på Diffus ikon i Egenskaper panelen och välj Ta bort textur.

Steg 3

Tänk på att du kan använda andra värden för materialinställningarna, men de som används här är:

  • Diffus: 163, 216, 236
  • speglande: 121, 114, 114
  • Glans: 30%
  • Reflexion: 3%
  • Grovhet: 30%

Steg 4

Välj alla Pyramidmaterial flikar, ta bort Diffus textur och använd dessa inställningar:

  • Diffus: 241, 155, 93
  • speglande: 221, 199, 147
  • Glans: 30%
  • Reflexion: 3%
  • Grovhet: 30%

Steg 5

Välj Cylinder's Top_Material och Bottom_Material flikar, ta bort Diffus textur och använd dessa inställningar:

  • Diffus: 17, 17, 17
  • speglande: 75, 72, 75
  • Glans: 50%
  • Reflexion: 10%
  • Grovhet: 30%

Steg 6

Välj Cylinder_Material fliken, ta bort Diffus textur och använd dessa inställningar:

  • Diffus: 141, 128, 179
  • speglande: 190, 194, 220
  • Glans: 80%
  • Reflexion: 30%
  • Grovhet: 30%

6. Hur man skapar ett enkelt vertikalt randmönster

Steg 1

Skapa en ny 50 x 10px Vit fylld dokument, använd Rektangulärt markeringsverktyg för att välja den vänstra halvan och fyll i den Svart.

Steg 2

Tryck Kommando-D att avmarkera, gå till Redigera> Definiera mönster, typ Stripes Mönster i namn fält och klicka ok.

7. Hur man skapar en stötstruktur

Steg 1

Välj Cylinder_Material fliken, klicka på dess Stöta ikon i Egenskaper panelen och välj Ny textur.

Steg 2

Ställ in båda Bredd och Höjd värden till 500 och klicka ok.

Steg 3

Detta öppnar den nya filen. Om inte, välj Stöta texturikonen och välj Redigera textur.

Skapa ett nytt lager och fyll i det Vit.

Steg 4

Dubbelklicka det nya lagret att applicera a Mönsteröverläggning effekt med användning av Stripes Mönster.

Steg 5

Spara och stäng filen.

8. Hur man redigerar UV-egenskaperna

Steg 1

Klicka på Stöta texturikonen och välj Redigera UV-egenskaper.

Steg 2

Ändra Bricka's V / Y värde till och den U / X värdet till det som bäst ser ut på din Cylinder mesh och klicka ok.

9. Hur man lägger till en Mesh Environment Texture

Steg 1

Med Cylinder_Material fliken fortfarande vald, klicka på Miljö mappikonen längst ner på sidan Egenskaper panelen och välj Ny textur.

Steg 2

Ändra båda Bredd och Höjd värden till 1000 och klicka ok.

Steg 3

Kopiera Bakgrund lager och dubbelklicka kopian att ansöka a Gradientöverläggning effekt med användning av Rostfritt stål 166c gradient fyllning.

Steg 4

Spara och stäng filen när du är klar.

Steg 5

Du kan också prova andra lutningsfyllningar för att få olika belysningsresultat.

10. Hur man justerar olika 3D-inställningar

Steg 1

Markera alla flikar i textnätet och avmarkera Kasta skuggor låda i Egenskaper panel.

Steg 2

Välj Scen fliken och under Ta bort dolda alternativet i Egenskaper panelen, kolla på bakre ytorna alternativ.

Steg 3

Klicka på Nuvarande åsikt fliken och klicka på Ortografisk ikon i Egenskaper panel.

Vad det här gör är att upprätthålla parallella linjer utan konvergens, vilket innebär att maskorna visas i korrekt skala utan någon perspektivförvrängning.

Steg 4

Nu är det bra att välja en slutlig kameravinkel så att du kan göra några slutändringar på scenen.

Steg 5

När du har valt slutvisning kan du använda 3D-axel att flytta masken runt, eller skala dem efter behov.

11. Hur man justerar en 3D-scenens belysning

Steg 1

Välj Oändligt ljus 1 fliken och ändra dess Intensitet till 20% och dess Skuggmjukhet till 50%.

Steg 2

Flytta ljuset till en vinkel som bäst passar din slutvy och du kan använda koordinater värden om det behövs för att göra det.

Steg 3

Välj Miljö fliken, klicka på IBL texturikon och välj Redigera textur.

Steg 4

Lägg till en Enfärgad fyll i lager och använd Färg fylla (100, 100, 100). Spara och stäng filen när du är klar.

Steg 5

Gå till 3D> Render 3D-lager. Återgivningen kan ta ett tag, men du kan stoppa det när som helst genom att trycka på Esc nyckel-.

Steg 6

När rendering är klar, Högerklicka de 3D-scen lager och välj Konvertera till Smart Object för att undvika oavsiktliga förändringar.

12. Hur man skapar en grundläggande pappersform

Steg 1

Använd Rektangelverktyg att skapa en rektangelform bakom 3D-scen.

Steg 2

Välj Direktmarkeringsverktyg, och använd den för att välja och flytta ankarpunkterna för att få en parallellogramliknande form.

Använd 3D-scen som en hänvisning till att formen ser ut som en del av den.

Steg 3

Använd Lägg till Anchor Point Tool att lägga till en ankarpunkt på var och en av de två vertikala sidorna.

Steg 4

Använd Direktmarkeringsverktyg att nudge varje av de extra punkterna för att göra de vertikala sidorna lite böjda i samma riktning.

Steg 5

Lägg till ytterligare två punkter, en på vardera sidan vid höger hörnpunkts ankarpunkt. Dessa kommer att användas för att skapa hörnvikten, så kom ihåg att placera dem.

13. Hur man arbetar med ankarpunkter

Steg 1

Byt namn på det formlag du behöver Tillbaka, duplicera det, byt namn på kopian till Främre, och ändra dess Fyllnadsfärg till # ea6b9b.

Steg 2

Välj Främre lager och använd Direktmarkeringsverktyg till klicka och dra det övre högra hörnet är ankarpunkten inåt i mitten, vilket skapar en grundläggande vikform.

Du kan sedan justera formen genom att flytta de omgivande ankarpunkterna och deras handtag.

Eventuella justeringar bör vara mycket minimala och subtila och bör inte påverka den del av formen som ligger utanför de två punkterna runt hörnet.

Steg 3

Välj Ta bort Anchor Point Tool, Välj Tillbaka lager och klicka på det övre högra hörnet förankringspunkt för att radera det.

Detta kommer att skapa den yttre kurvan i veckan, som du också kan justera subtilt om det behövs.

Steg 4

Ändra Tillbaka skikten Fyllnadsfärg till # 8b8b8b, och duplicera var och en av Tillbaka och Främre skikten.

14. Hur man skapar en veckad form

Steg 1

Välj båda kopieringslagren och flytta dem ovanpå 3D-scen lager.

Steg 2

Med båda kopieringslagren som fortfarande valts, gå till Layer> Kombinera former> Subtrahera Front Shape. Byt namn på det resulterande skiktet till Vika ihop, och ändra dess Fyllnadsfärg till # ee90b3.

Steg 3

Välj Direktmarkeringsverktyg, Klicka på Banoperationer ikon i alternativ bar och välj Sammanslagna formkomponenter.

15. Hur man lägger till övertoner över grader

Steg 1

Dubbelklicka de Vika ihop lager för att tillämpa a Gradientöverläggning med dessa inställningar:

  • Kolla vela låda
  • Blandningsläge: Mjukt ljus
  • Opacitet: 35%
  • Vinkel: -157
  • Använd Svart vit gradient fyllning

Steg 2

Medan Lagerstil låda är fortfarande öppen, du kan klicka och dra lutningen inuti formen för att justera dess Vinkel om du vill.

Steg 3

När du är klar, Högerklicka de Vika ihop lager, välj Kopiera lagstil, Högerklicka de Främre lager och välj Klistra in lagstil.

16. Hur man lägger till skuggor

Steg 1

Välj Tillbaka lager och använd Direktmarkeringsverktyg för att dra underformens bottenförankringspunkter och skapa en skuggform, som ska följa 3D-scenskuggriktning.

Steg 2

Högerklicka de Tillbaka lager, välj Konvertera till Smart Object, och ändra dess lager Blandningsläge till Multiplicera och dess Opacitet till 50%.

Steg 3

Gå till Filter> Blur> Gaussian Blur, och ställa in Radie till ett värde runt 20.

Steg 4

Kommando-klicka de Främre skiktets miniatyrbild för att skapa ett urval.

Steg 5

Skapa ett nytt lager under Vika ihop lager, namnge det Skugga, ändra dess Opacitet till 35%, och plocka Penselverktyg.

Ställ in Förgrundsfärg till Svart, och använd ett mjukt runda spets för att lägga till lite skugga under veckan.

Du kan ändra borsttipset Opacitet värde i alternativ bar för att få subtilare resultat.

17. Hur man skapar sikksåglinjer

Steg 1

Skapa ett nytt lager ovanpå alla lager, namnge det Rader, och plocka Penverktyg.

Välj den Väg alternativet i alternativ och klicka en gång för att lägga till förankringspunkter som skapar zigzagformer runt texten.

När du är klar skapar du en sökväg, Kommando-klicka utanför den för att skilja den från nästa.

Steg 2

Välj Penselverktyg, välj en hård runda 4 px tips och slå på Lämna tillbaka nyckeln till stroke de banor du har.

Välj Direktmarkeringsverktyg och slå på Lämna tillbaka nyckeln igen för att bli av med arbetsvägen.

Steg 3

Dubbelklicka de Rader lager för att tillämpa a Gradientöverläggning effekt med dessa inställningar:

  • Kolla vela låda
  • Vinkel: 157
  • Skapa Lutning använda Färger # f5cd2c till vänster och # f1e48b till höger.

18. Hur man ansöker globala justeringar

Steg 1

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

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

Steg 2

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

Steg 3

Lägg till en Vibrance justeringsskiktet ovanpå alla lager och ändra Vibrance värde till 10.

Steg 4

Lägg till en kurvor justeringsskiktet ovanpå alla lager, och klicka och dra mittpunkten av kurvan lite uppåt för att lysa upp bilden.

Steg 5

Dubbelklicka de kurvor lager för att få det Blandningsalternativ.

Vi kommer att använda Blanda om's Underliggande lagers reglage för att kontrollera hur kurvor effekt tillämpas.

Alternativ-klicka de skuggor skjutreglaget för att dela upp det och dra varje ände till höger för att utesluta eller skydda skuggorna från att påverkas av kurvor lager.

Att dela skjutreglaget hjälper till att skapa en gradvis effekt istället för en hård. Så höger sida bestämmer hur mycket skuggor som skyddas, och vänster sida kommer att blekna effekten.

När du har justerat reglaget, ändra Blandningsläge till Mjukt ljus, och den Opacitet till 30%.

Steg 6

Lägg till en till kurvor justeringsskiktet, men denna gång drar du kurvens centrum nedåt för att mörka bilden.

Steg 7

Dubbelklicka den andra kurvor lagret för att upprepa samma steg, bara den här gången kommer du att utesluta slingor, vilket innebär att du kommer att justera slingor reglaget.

Så se till att dela upp den och dra dess sidor tills du får ett resultat du vill, och ändra Blandningsläge och Opacitet värden när det är gjort.

19. Hur man lägger till brus

Steg 1

Skapa ett nytt lager ovanpå alla lager och namnge det Ljud.

Steg 2

Gå till Redigera> Fyll, och ändra Innehåll till 50% grå.

Steg 3

Konvertera Ljud skikt in i a Smart Object, och ändra dess Blandningsläge till Mjukt ljus.

Steg 4

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

Du kan använda andra värden du föredrar också.

Fantastiskt arbete, du är klar!

I denna handledning skapade vi ett par text- och formlag, och konverterade dem till 3D-maskor. Därefter justerade vi nätverksinställningarna och skapade deras material, samt justerade scenens belysning för att göra det. Därefter använde vi formverktyg och alternativ för att skapa en veckad pappersform och några zigzaglinjer. Slutligen lade vi till globala justeringar för att slutföra effekten.

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