Hvordan lage en 3D-fyldte bokstaver Tekst-effekt i Adobe Photoshop

Hva du skal skape

Denne opplæringen vil vise deg hvordan du bruker Adobe Photoshops 3D-verktøy og -innstillinger, sammen med et par mønstre og lagerbilder, for å lage en nydelig utstoppet tekst-effekt på tekst. 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:

  • HWT Artz skrift
  • Gratis EPS-fil Vector sett med floral sømløs mønster 01
  • Gratis Denim Patterns av webdesignerlab
  • Bokeh - Golden Lights 5184 x 3456 Pixels av Moosplauze
  • Plante (Epipremnum pinnatum) av Black-B-o-x
  • Tomt rent hvitt rom med grener innredning 3D-gjengivelse av hemul75
  • Hvit sofa isolert på hvit bakgrunn (det opprinnelige bildet jeg brukte er ikke lenger tilgjengelig, men du kan bruke dette sofabildet eller dette som alternativer)
  • Soverom av manbob86

1. Hvordan endre og lagre mønsterbilder

Trinn 1

Gå til Fil> Åpne å åpne Gratis EPS-fil Vector sett med floral sømløs mønster 01 fil. Dette vil hente opp Rasterize EPS Format boks, hvor vi endrer Modus til RGB-farge, og fjern merket for Anti-alias eske.

Fjern markeringen av Anti-alias boksen gir oss skarpe resultater, slik at vi enkelt kan velge mønstrene uten å måtte håndtere uklare kanter.

Steg 2

Når filen åpnes, zoome inn litt til øverste venstre hjørne, og du kan se at det første mønsteret har noen gjennomsiktige deler, noe som vil skape diskontinuitetsproblemer hvis de brukes som det er.

Så de neste par trinnene vil bare være å løse dette mønstretes problem. For de andre mønstrene trenger du bare å velge og lagre dem som bilder.

Trinn 3

Velg Rektangulært markeringsverktøy, og lag et utvalg rundt det første mønsterets bilde. Utvalget trenger ikke å være presis da vi skal fikse det i neste trinn.

Trinn 4

Høyreklikk valget og velg Forvandle utvalg. Zoom inn i hver kant og dra valget på toppen av det, slik at du har et nøyaktig utvalg av mønsterbildet.

Når du er ferdig, trykk på Komme tilbake nøkkel for å godta endringene, og gå til Rediger> Kopier.

Trinn 5

Opprett en ny fil med utklippstavlen dimensjoner, og gå til Rediger> Lim inn.

Velg Flytteverktøy, trykk-hold de Skifte nøkkel, og dra det innpakkede bildet ned til midten av dokumentet.

Trinn 6

Dupliser mønsterbildets lag, og dra kopien oppover til midten av dokumentet, slik at den nederste kanten berører originalt bilde øverste kant.

Trinn 7

Bruke Rektangulært markeringsverktøy for å lage et valg over de tomme områdene, og bruk Paint Bucket Tool å fylle den med den rosa fargen rundt den.

Trinn 8

Velg begge lagene og trykk Kommando-E å fusjonere dem.

Gå til Fil> Lagre, og lagre mønsteret som et bilde (jpg) -fil. Det er bedre å gi hvert mønster et tall for å gjøre det enklere å bruke dem senere.

Trinn 9

For resten av mønstrene, velg, kopier og lim inn, og lagre dem som bilder.

2. Hvordan lage tekstformlag

Trinn 1

Lage en ny 1000 x 626px dokument med a Hvit Bakgrunn.

Deretter lager du teksten Alle Caps bruker skriften HWT Artz. Sett Størrelse til 350 pt og sporing til 50.

Steg 2

Gi nytt navn til tekstlaget til Tekst, Høyreklikk det, og velg Konverter til form.

3. Hvordan lage slagordlag

Trinn 1

Dupliserer Tekst lag, og gi nytt navn til kopien til Tilbake piping.

Steg 2

Velg Direkte utvalgsverktøy (A). I alternativer bar, endre Fylle til Ingen, de Stroke Color til # e9e7e2, og dets Størrelse til 5.

Klikk på Sett formslagstype ikon for å endre Rette inn til Utenfor.

Trinn 3

Dupliserer Tilbake piping lag to ganger. Gi nytt navn til første kopi til Sider, og den andre til Frontrør. Endre deretter Sider' Stroke Size til 2.5.

4. Hvordan lage en enkel buet form

Trinn 1

Velg Rektangelverktøy, klikk hvor som helst i dokumentet, og skriv inn 5 for Bredde og 600 for Høyde.

Steg 2

Velg Legg til Anchor Point Tool, og klikk et sted nær midten av hvert rektangles vertikale sider for å legge til to ankerpunkter.

Gi nytt navn til formlaget til Tilbake som vi vil bruke den til ryggskyggene.

Trinn 3

Klikk og dra for å velge begge ankerpunkter, og bruk Høyre pil nøkkelen til å pusse dem litt til høyre.

5. Hvordan lage 3D-lag

Trinn 1

For hvert formlag du har, velg det og gå til 3D> Ny 3D Ekstrudering fra valgt vei.

Steg 2

Velg alle 3D-lagene du har, og gå til 3D> Flett 3D-lag.

6. Hvordan jobbe med 3D-scenen

Trinn 1

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.

Steg 2

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.

7. Hvordan justere 3D Mesh og Cap Innstillinger

Trinn 1

Velg Tekst og Sider mesh-faner i 3D panel, og endre deres Ekstruderingsdybde i Eiendommer panel til 30.

Steg 2

Velg Tilbake piping og Frontrør mesh-faner, og endre deres Ekstruderingsdybde til 3.

Trinn 3

Velg Tekst mesh-fanen, og klikk på Lokk ikonet øverst på siden Eiendommer panel.

Endre Sider til Foran og bak, de Buksbredde til 1, de Kontur til Halv runde, de Inflate Angle til 90, og Styrke til 7.

Trinn 4

Velg Tilbake piping og Frontrør mesh-faner, og klikk på Lokk ikonet igjen.

Endre Sider til Foran og bak, de Buksbredde til 15, de Kontur til Halv runde, og Oppblåsingsstyrke til 10.

8. Hvordan flytte 3D-masker og endre Kameravisninger

Trinn 1

Velg Flytteverktøy, og bruk 3D-akse å flytte Tilbake piping mesh på baksiden av teksten.

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 delen du vil ha.

Steg 2

Du kan endre Nåværende utsikt For bedre å se hva du gjør, ved å velge en forhåndsinnstilling fra Utsikt menyen i Eiendommer panel.

9. Hvordan lage mønstermaterialer

Trinn 1

Velg alle Tekst Mesh Material faner.

I Eiendommer panel, endre Spekulativ farge til (24, 15, 7), og Skinne til 100%.

Steg 2

Velg Tekst mesh-fanen, og gå til 3D> Split Extrusion. Dette vil skille bokstavene.

Velg og del opp alle de andre maskene du har, bortsett fra Tilbake maske.

Trinn 3

Velg den første Tekst Front Inflasjonsmateriale fanen, klikk på den diffuse teksturikon, velg Erstatt tekstur, og åpne det første mønsterbildet du vil bruke fra de du lagret i begynnelsen av denne opplæringen.

Trinn 4

Klikk på diffuse teksturikon igjen, og velg Rediger UV-egenskaper.

Trinn 5

Juster Tile og offset verdier for å få et resultat du liker.

10. Slik legger du til en støtstruktur

Trinn 1

Klikk på Dunke mappeikon og velg Ny tekstur.

Steg 2

Sett Bredde og Høyde verdier til 512, og Vedtak til 300.

Trinn 3

Dette åpner den nye teksturfilen. Hvis ikke, klikker du på Dunke teksturikon og velg Rediger tekstur.

Når filen åpnes, dupliserer du Bakgrunn lag.

Trinn 4

Dobbeltklikk Kopieringslaget for å bruke en Mønsteroverlegg effekt med disse innstillingene:

  • Mønster: denim 7
  • Scale: 50%

Lagre og lukk filen for å gå tilbake til 3D-scenen.

Trinn 5

Rediger Dunke tekstur s UV egenskaper, og zoome inn for å se effekten bedre.

Trinn 6

Endre Dunke verdi til 5, eller annen verdi du liker.

11. Hvordan lagre og gjenanvende et materiale

Trinn 1

Med Front Inflation Material kategorien fortsatt aktiv, klikker du på Materialvalser boks, klikk på popup-menyikonet, og velg Nytt materiale.

Steg 2

Skriv inn et navn på materialet, og klikk deretter OK.

Trinn 3

Velg resten av først Tekstmateriale faner bortsett fra Extrusion. Deretter åpner du Materialvalser, bla ned til materialikonet du nettopp har lagret, og klikk det for å bruke det til de valgte materialene.

12. Hvordan erstatte materialeteksturer

Trinn 1

Bruk det lagrede materialet til sekund Tekst Front Inflasjon, Frontevel, Bakevel, og Tilbake Inflation Materialer.

Steg 2

Velg den andre Tekst Front Inflasjonsmateriale fanen, klikk på den diffuse teksturikon, og velg Erstatt tekstur for å åpne et annet mønsterbilde.

Trinn 3

Velg den andre Tekst foran påstanden, Bakevel, og Tilbake Inflation Material faner, klikk på diffuse teksturikon, og velg navnet på mønsteret som brukes fra listen du får, i stedet for å erstatte det separat for hvert materiale.

Du må kanskje endre UV egenskaper for den nye teksten, så hold det bare i bakhodet etter å ha lagt til hver ny.

Trinn 4

Gjenta de samme trinnene for resten av bokstavene du har.

13. Hvordan lage enkle rørmateriale

Trinn 1

Velg Front Inflation Material kategorien for den første Frontrør mesh, klikk på diffuse teksturikon, og velg Fjern tekstur.

Steg 2

Endre Diffus farge til (233, 231, 226).

Trinn 3

Klikk på Dunke mappeikon, og velg Tekst Front Inflation Material - Bump tekstur fra listen.

Zoom inn for å redigere UV egenskaper, og endre Dunke verdi til 2.

Trinn 4

Lagre materialet og bruk det til resten av Rørmaterialer.

For å flette Ekstruderingsmateriale, du må velge alle Piping mesh-faner, og sett inn Tekstur kartlegging til Tile.

Trinn 5

Gå tilbake til noen av Piping Extrusion Material faner, rediger det UV egenskaper, lagre materialet, og bruk det til resten av Piping Ekstruderingsmateriell du har.

14. Hvordan erstatte bokstavene

Trinn 1

Velg Tekst, Frontrør, Sider, og Tilbake piping mesh-faner av første bokstav.

Bruke 3D-akse eller koordinater verdier i Eiendommer panel for å rotere og flytte brevet.

Steg 2

Gjenta det for de andre brevmaskene du har. Du kan alltid gå tilbake til hvilket som helst brev og justere det.

Trinn 3

Velg de første bokstavens nettfaner igjen, klikk på 3D panelmenyikonet, og velg Flytt objekt til bakkeplan.

Gjenta det for resten av bokstavene.

Trinn 4

Velg alle nettverksgruppeflikene, og trykk dem bare litt nedover langs Y-akse. Dette vil bidra til å skape illusjonen av bokstavene på sofaen, ved å skyve dem inn i bakken.

15. Hvordan lage en bakgrunn

Trinn 1

Gå til Fil> Plassert, og åpne Tomt rent hvitt rom med grener innredning 3D-rendering bilde.

Endre størrelsen på det etter behov, og gi nytt navn til laget til Bakgrunnsbilde.

Steg 2

Plasser Plante (Epipremnum pinnatum) bildet på toppen av Bakgrunnsbilde lag, og gi nytt navn til laget til Anlegg.

Skjul 3D-laget for å fokusere på bakgrunnselementene hvis du vil.

Trinn 3

Endre størrelsen, roter og flytt plantens bilde for å plassere den over vasens pinner i Bakgrunnsbilde. Du kan stemple klone pinnene, men vi vil uansett bakgrunnen uansett, så du kan hoppe over det.

Trinn 4

Velg Bakgrunnsbilde lag, gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til 5.

Trinn 5

Gjenta det for å uklare Anlegg bilde.

16. Hvordan velge og isolere et bilde

Trinn 1

Åpne Hvit sofa isolert på hvit bilde, velg Quick Selection Tool, og du kan sjekke Auto-Enhance boks i alternativer bar hvis du vil. Det kan redusere prosessen litt, men kan skape renere valg.

Klikk og dra litt for å velge sofaen.

Steg 2

Du kan trykk-hold de Alternativ nøkkel og klikk og dra å velge bort uønskede områder. Bare vær sikker på å dra litt over små områder for å få det beste resultatet.

Trinn 3

Når sofaen er valgt, klikker du på Velg og Mask knappen i alternativer Bar.

Endre Utsikt til På svart, og øke opacity til 100%.

Spill rundt med Glatt og Skift kant verdier under Global Refinements fan for å få det beste utvalget.

Trinn 4

Klikk OK når du er ferdig, og gå til Rediger> Kopier.

Trinn 5

Gå tilbake til 3D-dokumentet, gå til Rediger> Lim inn, og gi nytt navn til laget til Sofa.

Høyreklikk de Sofa lag, velg Konverter til Smart Object, og endre størrelsen på sofaen for å passe inn i scenen.

Trinn 6

Lag 3D-laget synlig, og juster Kameravisning å plassere bokstavene på sofaen.

17. Hvordan justere en 3D-scene belysning

Trinn 1

Velg Uendelig Lys 1 kategorien, og endre Intensitet til 45% og Skygge mykhet til 30%.

Steg 2

Bruke Flytteverktøy eller koordinater verdier for å flytte lyset til vinduet i bakgrunnsbildet.

Trinn 3

Klikk på Legg til nytt lys til scene ikon nederst på siden 3D panel, og velg Nytt uendelig lys.

Trinn 4

Endre Uendelig Lys 2's Intensitet til 30%, og fjern merket for skygge eske.

Trinn 5

Flytt lyset slik at det lyser opp den øvre delen av teksten.

Trinn 6

Klikk på Miljø fanen, klikk på IBL teksturikon for å velge Erstatt tekstur, og åpne Soverom bilde.

Trinn 7

Endre Intensitet til 90%, og flytt lyset rundt for å få en belysning du liker.

18. Slik legger du til usynlige elementer og gir en 3D-scene

Trinn 1

Vis Tilbake mesh, roter det -90 ° rundt Y-akse, og skala den til den fyller sofaens rygg.

Steg 2

Flytt og roter Tilbake maske til det berører alle bokstavene.

Trinn 3

Pass på å stille inn Nåværende utsikt til den endelige vinkelen du vil gjengi.

Velg Tilbake mesh-fanen, fjern markeringen Cast Shadows boksen, og sjekk Usynlig eske. Dette vil bidra til å skape en overflate som fanger skyggene uten å være synlig i scenen.

Trinn 4

Når du er ferdig med å endre 3D-scenen, går du til 3D> Render å gjøre det. Avbildningen kan ta litt tid, men du kan stoppe det når som helst ved å trykke på Esc nøkkel.

Du kan også stoppe gjengivelsen for å justere belysningen, masken eller alt annet du tror trenger å finjustere, og gjengjør igjen, til du får et resultat du liker.

Når du er ferdig med gjengivelsen, konverterer du 3D-laget til en smart objekt for å unngå å foreta utilsiktede endringer.

Trinn 5

Høyreklikk 3D-laget, og velg Lag Clipping Mask. Dette vil klippe på Tilbake mesh skygger til sofaen.

Trinn 6

Klikk på Legg til lagmaske ikon nederst på siden lag panel.

Sett Forgrunnsfarge til Svart, velg Børsteverktøy, velg en myk rundspiss, og lakk over uønskede områder for å skjule dem.

19. Slik legger du til skygger

Trinn 1

Opprett et nytt lag under 3D-laget, ring det Tilbake Skygge, og endre dens Blend Mode til Lineær brenning.

Sett Forgrunnsfarge til # 848285, og begynn å male skygger der bokstavene berører sofaens rygg for å intensivere effekten.

Steg 2

Endre Tilbake Skygge lags opacity til en verdi du liker, og bruk Eraser Tool å bli kvitt uønskede deler av skyggen.

Trinn 3

Lag et nytt lag under Tilbake Skygge lag, ring det Drop Shadow, og endre dens Blend Mode til Lineær brenning.

Legg til skygger der bokstavene berører sofaen. Deretter trykker du på Kommando-T å gå inn i Gratis transformasjonsmodus, skala dem ned vertikalt og plasser dem rett under bokstavene.

Slå den Komme tilbake nøkkel for å godta endringene, og gjenta om nødvendig.

20. Slik legger du til etterbehandling

Trinn 1

Plasser Bokeh - Golden Lights 5184 x 3456 Pixels bildet på toppen av Anlegg lag, og gi nytt navn til laget til bokeh.

Endre bokeh lags Blend Mode til Skjerm, og endre størrelsen på det etter behov for å passe inn i scenen.

Gå til Filter> Uklarhet> Gaussisk uskarphet, og sett Radius til 3.

Steg 2

Klikk på Opprett nytt fyllings- eller justeringslag ikon nederst på siden lag panel, og velg Gradient Map.

Lag gradientfyllingen med fargene # 44386e til venstre, # 716d7c i midten, og # d4a987 til høyre.

Undersøk dither boks, og endre lagets Blend Mode til Mykt lys, og dets opacity til 35%.

Trinn 3

Velg Anlegg lag, og gå til Bilde> Justeringer> Vibrance.

Endre Vibrance til -35 og metning til -10.

Trinn 4

Hvis sofaen ser veldig skarpt ut, bruk a Gaussian Blur med en Radius verdien rundt 0.25.

Gratulerer, du er ferdig!

I denne opplæringen lagret vi mønsterbilder, skapte en haug med formlag, konverterte dem til 3D-masker og skapte materialene sine.

Deretter begynte vi å legge til bakgrunnselementer og justere 3D-scenens lys- og kameravise tilsvarende, for å gjøre det endelige resultatet.

Til slutt legger vi til flere skygger og justerer fargen på sluttresultatet.

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