Lag en glødende 3D-teksteffekt med Filter Forge og Photoshop

Hva du skal skape

I denne veiledningen vil vi vise deg hvordan du kombinerer Photoshop med Filter Forge for å skape en glødende 3D-tekst-effekt. Vi vil begynne med å vise deg hvordan du lager grunnleggende former i Photoshop, så viser vi deg hvordan du konverterer dem til 3D, og ​​til slutt hvordan du legger til de endelige berøringene ved hjelp av Filter Forge og noen av Photoshops grunnleggende funksjoner. La oss komme i gang!

Tutorial Assets

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

  • Sanchez skrift.
  • UKIJ Kufi Yay skrifttype.
  • Brick Texture - 44 av AGF81.
  • 3-veis fargekorrigering av tinkerpixel.

Nedlasting av Filter Forge og filteret som brukes

Først må du laste ned Filter Forge fra pluginets nettsted. Når du laster ned det, kjør du .exe-filen, og det er det! Den blir lagt inn i Photoshop under Filter-menyen. Super enkel å installere.

For å legge til filteret, klikk på lenken i delen "Opplæringsaktiver", og klikk deretter på "Åpne dette filteret i Filter Forge" -knappen for å installere filteret. Hvis du får en melding som ber deg om å bekrefte, klikker du bare Ja eller OK. Filteret blir da lagt til i de andre filtrene du har.

1. Lag tekst og grunnleggende variasjoner

Trinn 1

Opprett et nytt 1280 x 1024 px dokument, og fyll på Bakgrunn med fargen # A1A1A1. Deretter lager du teksten ved hjelp av skrifttypen Sanchez. Fargen er # e6e6e6, og Størrelse er 335 pt.

Steg 2

Gå til Skriv> Konverter til form.

Trinn 3

Dupliser formlaget, og velg deretter Direkte utvalgsverktøy. Dette vil vise Formattributter i alternativfeltet. Derfra setter du Fylle til None, og endre Stroke farge til # 959595 og dets Størrelse til 3 pt.

Trinn 4

Åpne Strekalternativer boksen, og velg Senter fra Rette inn: nedtrekksmenyen.

Trinn 5

Kopier kopieringsformlaget (den som har slaget), endre Stroke-farge til # 464646, åpne deretter Strekalternativer boksen igjen, og klikk på Flere valg knapp.

Trinn 6

Sett Rette inn til innsiden, Caps til runde, klikk på Dashed Line boks, og sett den første Bindestrek verdi til 0 og den første Mellomrom verdi til 25.

Dette vil skape et enkelt stiplet slag, med store hull i mellom. Du kan prøve forskjellige verdier for Mellomrom hvis du vil.

2. Lag banen i teksten

Trinn 1

Lag et nytt lag på toppen av alle lagene og ring det Sti. Velg Pennverktøy, og velg Sti alternativet i alternativfeltet. Vi skal lage en bane fra den ene kanten av dokumentet, sende den gjennom teksten, og avslutte den ved en annen kant.

Klikk en gang for å legge til ankerpunkter.

Steg 2

Klikk og dra for å lage kurver. Stien trenger ikke å se perfekt ut, som vi vil endre det uansett.

Trinn 3

Prøv å ikke lage alt for mange kurver inn og ut av teksten. Et par bør være nok.

Trinn 4

Velg Direkte utvalgsverktøy, klikk deretter ankerpunktene for å flytte dem rundt, eller du kan klikke på Retningspunkter på slutten av de to Retningshåndtak, flytt deretter dem rundt for å endre retningen til kurven, eller dra dem utover og innover for å gjøre kurven bredere eller smalere.

Trinn 5

Bare vær sikker på at kurvene flyter jevnt uten skarpe hjørner.

3. Stroke og re-create the path

Trinn 1

Velg Børsteverktøy og åpne Penselpanel (Vindu> Pensel). Velg en hard rund børste, sett dens Størrelse til 10 px, og dens Spacing til 1%.

Steg 2

Velg Direkte utvalgsverktøy, høyreklikk banen og velg Stroke Path.

Trinn 3

Velge Børste fra Verktøy rullegardinmenyen, og kontroller at Simulere trykk boksen er ikke merket, og klikk deretter OK. Dette vil stryke banen med 10 px penselen. Slå den ENTER / RETURN nøkkel for å kvitte seg med arbeidsbanen.

Trinn 4

CTRL / CMD + Klikk de Sti lagets miniatyrbilde for å lage et valg.

Trinn 5

Åpne Paths panelet (Vindu> Stier), trykk og hold nede ALT / OPTION nøkkel, og klikk deretter på Lag arbeidsbane fra utvalg ikon nedover Paths panel. Mindre verdier skaper mer presise baner, men i dette tilfellet vil en veldig liten verdi skape ujevne kanter. Verdien 1 fungerer fint her. Men du kan gå videre og prøve andre verdier om nødvendig.

Trinn 6

Lage Sti lag usynlig ved å klikke på øyeikonet ved siden av det.

Trinn 7

Du må kanskje endre deler av banen ved hjelp av Direkte utvalgsverktøy. Du kan også få noen skarpe hjørner. For å fikse dem, bruk Konverter punkt Verktøy for å klikke og dra disse punktene, som konverterer dem til kurvepunkter i stedet for skarpe.

Trinn 8

Nå kan dette vært gjort ved å bruke bare Pennverktøy, men for nybegynnere, eller de som kanskje finner å bruke Pen Tool litt vanskelig å skape den perfekte formen, er dette en mye enklere måte, og mer nøyaktig også.

4. Konverter formlagene til 3D-lag

Trinn 1

Start med den endrede banen, gå til 3D> Ny 3D Ekstrudering fra valgt vei.

Steg 2

Gjenta det for alle formlagene også.

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 navnet på elementet du vil endre i 3D panelet før du endrer innstillingene i Eiendommer panel.

Velg Sti lag, og velg deretter fanen for 3D-nettverksnavn i 3D panel. Velg Puteoppblåsing forhåndsinnstilt fra Form Forhåndsinnstilt Ekstruderingsvelger.

Trinn 4

Klikk på Lokk ikonet øverst på siden Eiendommer panelet, deretter under Pumpe, endre Angle til 90 °, og Styrke til 20.

5. Rediger ekstrusjonsdybdeverdiene

Trinn 1

Velg kopi 2 lag, Mesh navn-fanen i 3D panel, og endre deretter Ekstruderingsdybde til 50 i Eiendommer panel.

Steg 2

Gjenta de samme trinnene for kopiere lag, men endre Ekstruderingsdybde verdi til 20.

Trinn 3

Når det gjelder det opprinnelige laget, setter du inn Ekstruderingsdybde verdi til 30.

Trinn 4

Klikk deretter på Lokk ikonet og under bevel, endre Bredde til 20%, og velg Kone - Invertert Kontur.

6. Lag bakgrunnslaget og slå sammen 3D-lagene i en scene

Trinn 1

Dupliserer Bakgrunn lag og plasser kopiere lag på toppen av alle lag. Så gå til 3D> New Mesh from Layer> Postkort.

Steg 2

Velg alle 3D-lagene (klikk på den øverst, og trykk deretter og hold nede SKIFTE nøkkel, og klikk på det siste 3D-laget ned i lagpanelet), og gå deretter til 3D> Flett 3D-lag.

Trinn 3

Velg Flytteverktøy. Du vil legge merke til noen nye 3D-ikoner i lengre høyre side av alternativlinjen. Disse ikonene er settet av 3D-moduser. Når du velger en av dem, kan du klikke og dra for å utføre endringer på det valgte 3D-elementet.

Så du kan klikke og dra i et tomt område på 3D-scenen for å endre kameravisningen, men ikke roter 3D-nettverket ennå.

Trinn 4

Det vi skal gjøre neste gang, er å flytte 3D-maskene oppover, slik at Ground Plan ikke er synlig i kameravisningen du vil gjengi.

De Ground Plane Shadows kan deaktiveres under Miljø fan, men hvis du vil legge til teksten på en scene, er det bedre å flytte 3D-maskene oppover i stedet for å deaktivere skyggene.

Start med å velge alle masker gruppens navn i 3D panel, velg deretter Flytteverktøy, og bruk 3D-akse å gjøre endringene.

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 den ønskede delen.

For nå, bare flytte masker oppover, velg deretter Kameravisning tab for å endre kameravisningen i samsvar med dette, til Ground Plan er ikke synlig lenger.

7. Lagre det endelige kameravisningen

Trinn 1

Gjennom de resterende delene av opplæringen må vi endre kameravisningen mye. Men en endelig visning må bli lagret slik at vi kan se hvordan ting vil se ut og plassere dem tilsvarende.

Så velg kameravisningen du liker, og deretter i Eiendommer panelet, klikk på Utsikt rullegardinmenyen, og velg Lagre.

Steg 2

Skriv inn et navn for visningen, og klikk OK.

Trinn 3

Visningen blir lagt til i rullegardinmenyen, så vel som på bunnen av 3D panel. Så når du endrer visningen mens du arbeider på 3D-objektene, kan du gå tilbake til den lagrede visningen ved å klikke på navnet i 3D panel, eller velg det fra Utsikt menyen i Eiendommer panel.

8. Plasser maskene

Trinn 1

For å se ting tydeligere, og å flytte elementene mer jevnt, velg scene fanen i 3D panel, velg deretter Skjulte Wireframes alternativ fra Presets rullegardinmenyen i Eiendommer panel.

Steg 2

Start posisjonering av elementene som vist nedenfor. Pass på at tauet i midten ikke skjærer eller overlapper teksten. Endre kameravisningen og gå tilbake til den endelige for å se hvordan ting ser ut.

Trinn 3

Når du er ferdig, bytt tilbake til Standard scene Preset.

9. Bruk av materialene

Trinn 1

Begynn med å velge alle materialene i det opprinnelige laget, og klikk deretter på diffuse teksturikon og velg Fjern tekstur.

Steg 2

Etter å ha fjernet tekstur, endre Diffus farge til #bababa, den spesielle til # c1c1c1, Belysningen til # 080808, og omgivelsene til # 000000. Endre deretter Skinne verdi til 70, den refleksjon til 35, den ruhet til 5, og refraksjon til 2.

Trinn 3

Når det gjelder de første kopimaterialene, fjern tekstur, endre Diffus farge til # e4bb52, den spesielle til # fff0a9, Belysningen til # 1d0000, og omgivelsene til # 454545. Endre deretter Skinne verdi til 82, refleksjon til 24, og refraksjon til 1,76.

Trinn 4

Påfør det samme materialet til andre kopi laget.

Trinn 5

For taumaterialene, fjern også tekstur, endre Diffus farge til # ffffff, den spesielle til # c1c1c1, Belysningen til # 080808, og omgivelsene til # 000000. Endre deretter Skinne verdi til 95, den refleksjon til 15, den opacity til 32, og refraksjon til 1,5.

Trinn 6

Dette er hva du bør få etter at alt materiale er påført.

10. Bakgrunnsstrukturering

Trinn 1

Velg Bakgrunn materialfanen, og klikk deretter på diffuse teksturikon og velg Rediger tekstur.

Steg 2

Dette åpner den opprinnelige teksturfilen. Plasser Mursteinstekstur bildet på toppen av Bakgrunn lag og i midten av dokumentet. Ikke bekymre deg om de tomme delene øverst og nederst på bildet.

Trinn 3

Gå til Bilde> Justeringer> Nivåer, og endre deretter gamma verdien til 0.70 for å mørke tekstur litt.

11. Legge til tekst i bakgrunnen

Trinn 1

Lag teksten du vil legge til i scenen ved hjelp av skrifttypen UKIJ Kufi Yay. Skriftfargen er # c78c04 og Størrelse er 70pt. Lag hver linje i et eget lag, legg deretter lagene i utgangspunktet der du tror de skal plasseres.

Steg 2

Endre tekstlagene ' Blend Mode å farge brenne Lagre deretter endringene (Fil> Lagre).

Trinn 3

Ikke lukk teksturfilen ennå, men gå tilbake til det opprinnelige dokumentet for å se hvordan teksten ser ut.

Trinn 4

Endre deretter posisjonen i teksturfilen tilsvarende.

Trinn 5

Det kan ta et par ganger for å få det riktig.

12. Endre bakgrunnsteksten

Trinn 1

Klikk hvert tekstlag for seg, gå til Lag> Rasterize Type. Deretter velger du Eraser Tool.

Steg 2

Åpne Børste panel, velg deretter Spatter 59 piksler børste tips og endre Spacing til 2.

Trinn 3

Under Shape Dynamics, endre begge Størrelse Jitter og Angle Jitter verdier til 100%.

Trinn 4

På hvert rasterisert tekstlag sletter du noen punkter her og der. Du må enten klikke en gang, eller klikke og dra veldig litt, for å slette disse delene. Bare vær sikker på at teksten fortsatt er lesbar.

Trinn 5

Lagre endringene og lukk teksturfilen når du er ferdig (Fil> Lukk).

13. Justere lyset og gi scenen

Trinn 1

Tilbake til den opprinnelige filen, klikk på Uendelig Lys 1 flipp nedover 3D panel, og endre deretter Skygge mykhet verdi til 30% i Eiendommer panel.

Steg 2

Klikk på Legg til nytt lys til scene ikon nedover 3D panel, velg deretter New Point Light.

Trinn 3

Endre Point Lights farge til # ff823d, det er Intensitet til 50%, og fjernkontrollen Shadows eske.

Trinn 4

Plasser lyset øverst, slik at det berører den øvre kanten av dokumentet. Du kan rotere kameravisningen slik at du kan plassere den bedre.

Trinn 5

Gjenta de samme trinnene og innstillingene for å opprette en annen identisk Point Light, og plasser den ved siden av den første. Lysene skal belyse det meste av teksten. Så hvis du bruker flere bokstaver, må du kanskje legge til et annet punktlys.

Trinn 6

Pass på at lysene ser bra ut i det endelige kameravisningen.

Trinn 7

Gå tilbake til Uendelig Lys og juster det koordinater hvis nødvendig. Nedenfor er verdiene som brukes i opplæringen (du må klikke på koordinater ikonet øverst på siden Eiendommer panel).

Trinn 8

Når du er ferdig med belysningen, gå til 3D> Render. Dette kan ta litt tid, men du kan stoppe gjengivelsen når som helst ved å klikke hvor som helst inni dokumentet.

Når rendering er ferdig, lagre filen, lagre den som et .jpg-bilde, og åpne bildet for å fortsette å arbeide.

14. Legge til lyspunkter på det gjennomsiktige tauet

Trinn 1

Sett Forgrunnsfarge til # fff7e5. Velg Børsteverktøy, velg en 70 px myk rund pensel, og i alternativ-linjen, endre Blend Mode å overlappe.

Steg 2

Klikk for å legge til prikker av lys langs den nære delen av tauet.

Trinn 3

Reduser børstestørrelsen til 60 px. Legg deretter lyspottene til resten av tauet.

(Ikke glem å endre børstens blendmodus tilbake til normal).

15. Påføring av Filter Forge Filter

Trinn 1

Gå til Filter> Filter Forge> Filter Forge 3, velg deretter 3-veis fargekorrigering filter under Bilde kategori.

Velg forhåndsinnstillingen som vises nedenfor, og deretter under innstillinger fanen, endre gamma farge til # FBF6E0.

Steg 2

Dette vil gjelde en veldig fin fargeforbedring til sluttresultatet. Du kan prøve de andre forhåndsinnstillingene og leke med verdiene hvis du vil. Du får forskjellige, men virkelig fantastiske resultater.

Konklusjon

I denne opplæringen brukte vi flere av Photoshops verktøy for å skape glødende 3D-tekst. Vi brukte Photoshops vektorverktøy til å lage grunnleggende baner, Photoshops 3D-verktøy for å ekstrudere disse banene, og til slutt brukte vi Filter Forge til å legge til de siste detaljene..

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