Slik lager du en Retro 3D-forskjøvet teksteffekt i Adobe Photoshop

Hva du skal skape

Kombinere 2D- og 3D-stiler på ulike kreative måter har vært en del av flere designtrender gjennom årene. Denne opplæringen viser deg hvordan du bruker Photoshops 3D-verktøy og innstillinger for å lage en abstrakt 3D-forskjøvet tekst-effekt, med et snev av en Retro / Memphis Style-følelse. La oss komme i gang!

Denne tekst-effekten ble inspirert av de mange lagstilene som er tilgjengelige på GraphicRiver.

Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen:

  • Bahn Pro font
  • Gratis Pack 6000 photoshopgradienter av Supertuts007 (Last inn CHROMES.grd fil)

1. Hvordan lage bakgrunns- og 3D-elementlag

Trinn 1

Lage en ny 1000 x 1000 px dokument, klikk på Opprett nytt fyllings- eller justeringslag ikon nederst på siden lag panel, og velg gradient.

Lag gradientfyllingen ved hjelp av Farger # d99c9c til venstre, # b294c5 i sentrum, og # 72a9be til høyre, og endre Angle til -120.

Steg 2

Lag teksten i Alle Caps, hvert ord i et eget lag, ved hjelp av skrifttypen Bahn Pro. Sett Størrelse til 200 og sporing verdi til 100.

Trinn 3

Lag tre nye lag, fyll dem med hvilken som helst farge du vil, og navn dem fra bunn til toppen: Sphere, Pyramide, og Sylinder.

2. Hvordan lage 3D-lag

Trinn 1

For hver tekst lag du har, velg det og gå til 3D> Ny 3D Ekstrudering fra valgt lag.

Deretter velger du Sphere lag og gå til 3D> Nytt Mesh fra Lag> Mesh Preset> Sphere, velg Pyramide lag og gå til 3D> Ny maske fra lag> Mesh Preset> Pyramid, og velg Sylinder lag og gå til 3D> Nytt Mesh fra Lag> Mesh Preset> Cylinder.

Steg 2

Velg alle 3D-lagene, gå til 3D> Flett 3D-lag, og gi nytt navn til det fusjonerte laget 3D-scene.

Trinn 3

For å få tilgang til 3D-nettverksinnstillingene og egenskapene, må du åpne to paneler: 3D panel og Eiendommer panel (begge funnet under Vindu Meny).

De 3D panelet har alle komponentene i 3D-scenen, og når du klikker navnet på noen av dem, vil du kunne få tilgang til innstillingene i Eiendommer panel. Så sørg for å alltid velge fanen til elementet du vil endre i 3D panelet før du endrer innstillingene i Eiendommer panel.

Trinn 4

Hvis du velger Flytteverktøy, du finner et sett med 3D-moduser for det til høyre for alternativer bar. Når du velger en av dem, kan du deretter klikke og dra for å utføre endringer (på det valgte elementet i 3D panel).

Bruk disse modiene for å endre Nåværende utsikt inn i en vinkel du liker.

Trinn 5

Klikk på øyeikonet ved siden av Sphere, Pyramide, og Sylinder faner for å skjule dem.

3. Hvordan justere 3D Mesh Innstillinger

Trinn 1

Velg alle tekstmasker i kategorien 3D panel, og endre deres Ekstruderingsdybde i Eiendommer panel til 0.

Steg 2

Velg hver tekstmaskefane separat, klikk på 3D panelmenyikonet, og velg Flytt objekt til bakkeplan.

Trinn 3

Det vi skal gjøre neste er å tilordne verdier til Z posisjon av hver av tekstmaskene for å sette dem fra hverandre jevnt.

Så hvis du for eksempel har tre tekstmasker, kan du endre den i midten Z posisjon til 0, den ene i fronten er til 300, og den i ryggen er til -300.

For å tilordne Z posisjon verdier, klikk på fanen for tekstnett, og klikk på koordinater ikonet øverst på siden Eiendommer panel for å gjøre endringene.

Trinn 4

Du kan bruke noen verdier du tror ser best ut for din tekst og antall masker, men bare sørg for å holde en lik avstand mellom dem.

4. Slik konverterer du 3D-maskiner

Trinn 1

Vis Sphere mesh og velg fanen sin, velg Flytteverktøy, og bruk 3D-akse å skalere den opp eller ned.

Pilene i enden av aksen beveger masken, delen under dem brukes til rotasjon, og kubene brukes til skalering. Kuben i midten brukes til å skalere objektet jevnt. Alt du trenger å gjøre er å klikke og dra delen du vil bruke.

Steg 2

Du kan også bruke koordinater verdier for det, og hvis du klikker på Scale ikonet, kan du sjekke eller fjerne merket for Enhetlig skalering alternativet avhengig av hvilket resultat du vil ha.

Trinn 3

Flytt Sphere til Ground Plan, og bruk 3D-akse å flytte den til den endelige posisjonen.

Trinn 4

Gjenta de samme trinnene for Pyramide og Sylinder maskene.

Legg merke til hvordan når skalering av Sylinder Du må kanskje fjerne merket for Enhetlig skalering boks hvis du bruker koordinater verdier.

Pass på at du alltid flytter objektene til Ground Plan når du er ferdig med å forvandle dem.

5. Hvordan lage grunnleggende 3D-materialer

Trinn 1

Velg all teksten Materiale faner, og bruk disse innstillingene i Eiendommer panelet (de fargeverdiene som brukes er i RGB):

  • diffuse: 255, 255, 255
  • speil: 183, 183, 183
  • Skinne: 20%

Steg 2

Velg Sphere_Material fanen, klikk på diffuse ikonet i Eiendommer panel, og velg Fjern tekstur.

Trinn 3

Husk at du kan bruke andre verdier for materialinnstillingene, men de som brukes her er:

  • diffuse: 163, 216, 236
  • speil: 121, 114, 114
  • Skinne: 30%
  • refleksjon: 3%
  • ruhet: 30%

Trinn 4

Velg alle Pyramidmateriale faner, fjern diffuse tekstur, og bruk disse innstillingene:

  • diffuse: 241, 155, 93
  • speil: 221, 199, 147
  • Skinne: 30%
  • refleksjon: 3%
  • ruhet: 30%

Trinn 5

Velg Sylinder's Top_Material og Bottom_Material faner, fjern diffuse tekstur, og bruk disse innstillingene:

  • diffuse: 17, 17, 17
  • speil: 75, 72, 75
  • Skinne: 50%
  • refleksjon: 10%
  • ruhet: 30%

Trinn 6

Velg Cylinder_Material fanen, fjern diffuse tekstur, og bruk disse innstillingene:

  • diffuse: 141, 128, 179
  • speil: 190, 194, 220
  • Skinne: 80%
  • refleksjon: 30%
  • ruhet: 30%

6. Hvordan lage et enkelt vertikalt stripemønster

Trinn 1

Lage en ny 50 x 10px Hvit fylt dokument, bruk Rektangulært markeringsverktøy å velge den venstre halvdelen, og fyll den med Svart.

Steg 2

trykk Kommando-D å avvelge, gå til Rediger> Definer mønster, type Stripes Pattern i Navn feltet, og klikk OK.

7. Hvordan lage en Bump Texture

Trinn 1

Velg Cylinder_Material fanen, klikk på den Dunke ikonet i Eiendommer panel, og velg Ny tekstur.

Steg 2

Sett begge Bredde og Høyde verdier til 500 og klikk OK.

Trinn 3

Dette åpner den nye filen; Hvis ikke, velg Dunke teksturikon og velg Rediger tekstur.

Lag et nytt lag og fyll det med Hvit.

Trinn 4

Dobbeltklikk det nye laget for å bruke en Mønsteroverlegg effekt ved bruk av Stripes Pattern.

Trinn 5

Lagre og lukk filen.

8. Hvordan rediger UV-egenskapene

Trinn 1

Klikk på Dunke teksturikon og velg Rediger UV-egenskaper.

Steg 2

Endre Tile's V / Y verdi til og U / X verdi til det som ser best ut på ditt Sylinder mesh, og klikk OK.

9. Hvordan legge til en Mesh Environment Texture

Trinn 1

Med Cylinder_Material kategorien fortsatt valgt, klikker du på Miljø mappeikon nederst på siden Eiendommer panel, og velg Ny tekstur.

Steg 2

Endre begge Bredde og Høyde verdier til 1000 og klikk OK.

Trinn 3

Dupliserer Bakgrunn lag og Dobbeltklikk kopien for å søke på a Gradient Overlay effekt ved bruk av Rustfritt stål 166c gradient fylling.

Trinn 4

Lagre og lukk filen når du er ferdig.

Trinn 5

Du kan også prøve andre gradientfyll for å få forskjellige belysningsresultater.

10. Hvordan justere forskjellige 3D-innstillinger

Trinn 1

Velg alle tekstmasker, og fjern merket for Cast Shadows boks i Eiendommer panel.

Steg 2

Velg scene fanen, og under Fjern skjult alternativ i Eiendommer panel, sjekk Backfaces alternativ.

Trinn 3

Klikk på Nåværende utsikt kategorien, og klikk på ortografisk ikonet i Eiendommer panel.

Dette gjør det mulig å opprettholde parallelle linjer uten konvergens, noe som betyr å vise masker i nøyaktig skalavisning uten perspektivforvrengning.

Trinn 4

Nå er det en god tid å velge en endelig kameravinkel, slik at du kan gjøre noen endringer i scenen.

Trinn 5

Etter at du har valgt den endelige visningen, kan du bruke 3D-akse å flytte masker rundt, eller skala dem etter behov.

11. Hvordan justere en 3D-scene belysning

Trinn 1

Velg Uendelig Lys 1 fanen, og endre dens Intensitet til 20% og dets Skygge mykhet til 50%.

Steg 2

Flytt lyset til en vinkel som best passer din siste visning, og du kan bruke koordinater verdier om nødvendig for å gjøre det.

Trinn 3

Velg Miljø fanen, klikk på IBL teksturikon, og velg Rediger tekstur.

Trinn 4

Legg til en Ensfarget fyll lag, og bruk Farge fylle (100, 100, 100). Lagre og lukk filen når du er ferdig.

Trinn 5

Gå til 3D> Render 3D-lag. Avbildningen kan ta litt tid, men du kan stoppe det når som helst ved å trykke på Esc nøkkel.

Trinn 6

Når gjengivelsen er ferdig, Høyreklikk de 3D-scene lag og velg Konverter til Smart Object for å unngå å foreta utilsiktede endringer.

12. Hvordan lage en grunnleggende papirform

Trinn 1

Bruke Rektangelverktøy å skape et rektangel form bak 3D-scene.

Steg 2

Velg Direkte utvalgsverktøy, og bruk den til å velge og flytte ankerpunktene, for å få en parallellogramlignende form.

Bruke 3D-scene som en referanse for å gjøre formen ser ut som en del av den.

Trinn 3

Bruke Legg til Anchor Point Tool å legge til et ankerpunkt på hver av de to vertikale sidene.

Trinn 4

Bruke Direkte utvalgsverktøy å pusse hver av de ekstra punktene for å gjøre vertikale sider litt buede i samme retning.

Trinn 5

Legg til to punkter, en på hver side ved siden av det øverste høyre hjørnet ankerpunkt. Disse vil bli brukt til å lage hjørnefoldet, så hold det i bakhodet når du plasserer dem.

13. Hvordan arbeide med ankerpunkter

Trinn 1

Gi nytt navn til formlaget du må Tilbake, duplisere det, gi nytt navn til kopien til Front, og endre dens Fyll farge til # ea6b9b.

Steg 2

Velg Front lag, og bruk Direkte utvalgsverktøy til klikk og dra øverste høyre hjørnes ankerpunkt innover til midten, og skaper en grunnleggende foldet form.

Du kan deretter justere formen ved å flytte de omkringliggende ankerpunktene og håndtakene.

Eventuelle tilpasninger bør være svært minimale og subtile, og bør ikke påvirke delen av formen som ligger utenfor de to punktene rundt hjørnet.

Trinn 3

Velg Slett ankerpunktsverktøy, velg Tilbake lag, og klikk på det øverste høyre hjørnet på ankerpunktet for å slette det.

Dette vil skape den ytre kurven til brettet, som du også kan justere subtilt om nødvendig.

Trinn 4

Endre Tilbake lags Fyll farge til # 8b8b8b, og duplisere hver av Tilbake og Front lagene.

14. Hvordan lage en foldet form

Trinn 1

Velg begge kopieringslagene og flytt dem på toppen av 3D-scene lag.

Steg 2

Med begge kopi lagene fortsatt valgt, gå til Lag> Kombiner former> Trekk forfra. Gi nytt navn til det resulterende laget til Brette, og endre dens Fyll farge til # ee90b3.

Trinn 3

Velg Direkte utvalgsverktøy, Klikk på Banoperasjoner ikonet i alternativer bar, og velg Merge Shape Components.

15. Hvordan legge til gradvis overlegg

Trinn 1

Dobbeltklikk de Brette lag for å bruke en Gradient Overlay med disse innstillingene:

  • Undersøk dither eske
  • Blandingsmodus: Mykt lys
  • opacity: 35%
  • Angle: -157
  • Bruke Svart hvit gradient fylling

Steg 2

Mens Lag stil boksen er fortsatt åpen, kan du klikk og dra gradienten inne i formen for å justere dens Angle hvis du vil.

Trinn 3

Når du er ferdig, Høyreklikk de Brette lag, velg Kopier lagsstil, Høyreklikk de Front lag, og velg Lim inn lagstil.

16. Hvordan legge til skygger

Trinn 1

Velg Tilbake lag, og bruk Direkte utvalgsverktøy å trekke de nedre ankerpunktene i formen og skape en skyggeform, som skal følge 3D-sceneskygge retning.

Steg 2

Høyreklikk de Tilbake lag, velg Konverter til Smart Object, og endre lagets Blend Mode til Multiplisere og dets opacity til 50%.

Trinn 3

Gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til en verdi rundt 20.

Trinn 4

Kommando-klikk de Front lagets miniatyrbilde for å lage et valg.

Trinn 5

Lag et nytt lag under Brette lag, nevne det skygge, endre dens opacity til 35%, og velg Børsteverktøy.

Sett Forgrunnsfarge til Svart, og bruk en myk rundspiss for å legge til litt skygge under folden.

Du kan endre børstespissen opacity verdi i alternativer bar for å få subtilere resultater.

17. Hvordan lage sikksaglinjer

Trinn 1

Lag et nytt lag på toppen av alle lag, nevne det Lines, og velg Pennverktøy.

Velg Sti alternativ i alternativer bar, og klikk en gang for å legge til ankerpunkter som lager siktsagformer rundt teksten.

Når du er ferdig med å lage en bane, Kommando-klikk utenfor den for å skille den fra den neste.

Steg 2

Velg Børsteverktøy, velg en hard runde 4 px tips, og trykk på Komme tilbake nøkkelen til å berøre stiene du har.

Velg Direkte utvalgsverktøy og treffer Komme tilbake nøkkel igjen for å kvitte seg med arbeidsbanen.

Trinn 3

Dobbeltklikk de Lines lag for å bruke en Gradient Overlay effekt med disse innstillingene:

  • Undersøk dither eske
  • Angle: 157
  • Opprett gradient bruker Farger # f5cd2c til venstre og # f1e48b til høyre.

18. Slik bruker du globale justeringer

Trinn 1

Lag et nytt lag på toppen av alle lag, nevne det High Pass, og trykk på Command-Option-Shift-E nøkler for å lage et frimerke.

Konverter laget til a Smart objekt, og endre dens Blend Mode til Mykt lys.

Steg 2

Gå til Filter> Annet> High Pass, og endre Radius til 1.5.

Trinn 3

Legg til en Vibrance justeringslag på toppen av alle lag, og endre Vibrance verdi til 10.

Trinn 4

Legg til en Curves justeringslag på toppen av alle lag, og klikk og dra midtpunktet av kurven litt oppover for å lyse opp bildet.

Trinn 5

Dobbeltklikk de Curves lag for å få det Blandingsalternativer.

Vi vil bruke Blend If's Underliggende lagglidebrytere for å kontrollere hvordan Curves effekt påføres.

Tilvalg-klikk de Shadows skyveknappen for å dele den, og dra hver sin ende til høyre for å utelukke eller beskytte skyggene fra å bli påvirket av Curves lag.

Splitting skyveknappen vil bidra til å skape en gradvis effekt i stedet for en hard en. Så høyre side bestemmer hvor mye skygger som er beskyttet, og venstre side vil forsvinne effekten.

Når du har justert skyveknappen, endrer du Blend Mode til Mykt lys, og opacity til 30%.

Trinn 6

Legg til en annen Curves justeringslag, men denne gangen drar du kurvenes midtpunkt nedover for å mørke bildet.

Trinn 7

Dobbeltklikk den andre Curves lag for å gjenta de samme trinnene, bare denne gangen vil du ekskludere Høydepunkter, noe som betyr at du vil justere Høydepunkter glidebryteren.

Så sørg for å dele den og dra sidene til du får et resultat du liker, og endre Blend Mode og opacity verdier når ferdig.

19. Hvordan legge til støy

Trinn 1

Lag et nytt lag på toppen av alle lag, og navnet på det Bråk.

Steg 2

Gå til Rediger> Fyll ut, og endre innhold til 50% grå.

Trinn 3

Konverter Bråk lag inn i a Smart objekt, og endre dens Blend Mode til Mykt lys.

Trinn 4

Gå til Filter> Støy> Legg til støy, og endre Beløp til 7 og Fordeling til Uniform.

Du kan også bruke andre verdier du foretrekker.

Fantastisk arbeid, du er ferdig!

I denne opplæringen opprettet vi et par tekst- og formlag, og konverterte dem til 3D-masker. Deretter justerte vi maskenes innstillinger og skapte materialene sine, samt justerer scenens belysning for å gjøre det. Deretter brukte vi formverktøy og alternativer for å lage en foldet papirform og noen zigzag linjer. Til slutt la vi globale tilpasninger for å fullføre effekten.

Vær så snill å legge igjen dine kommentarer, forslag og utfall nedenfor.