Hvordan lage høy kvalitet Metal 3D-tekst i Photoshop

De fleste av dere kjenner sikkert de fantastiske bokstaver som ble generert med 3D-programmer. Men hva med når du ikke har noe bestemt program, og du må lage 3D-typografi? Denne opplæringen vil vise deg hvordan du lager 3D-tekstformen og gir den et høyverdig metallutseende ved hjelp av ren Photoshop. Sjekk det ut!

Redaktørens notat: Denne opplæringen ble opprinnelig publisert på Psdtuts i desember 2008.


Trinn 1

La oss starte med et nytt dokument på 1500 piksler med 1500 piksler og 300 px / tommers oppløsning. Opprett et nytt lag, betegne det "3D TEXT_first." Deretter ta tak i Type Tool (T) og skriv store bokstaver av ønsket tekst, i mitt tilfelle er det skrevet som 3D TEKST. Ikke bekymre deg om teksten din går ut av lerret, det må være veldig stor. Fordi vi skal rasterisere dette laget og forvride det i neste trinn.


Steg 2

Så nå, høyreklikk på "3D TEXT_first" -laget og velg Rasterize Type. Bruk deretter Rediger> Forvandle> Forvreng og opprett et godt perspektiv på teksten ved å dra hjørnene. Pass på at teksten din er mindre. På den måten vil du ikke miste kvaliteten, og teksten blir ikke sløret.

Tips: Hvis du mislykkes ved å forvride, og noen tekstkanter ser fuzzy ut, bruk Filtrer> Skarpere> Uskarp maske, og øk mengden.


Trinn 3

Nå som teksten er mindre og har et fint perspektiv, oppretter du en duplikat (Command + J) i dette tekstlaget og heter det "3D TEXT_last." Bytt til Flytteverktøy (V) og bruk tastaturpiler til å plassere "3D TEXT_last" -laget litt over "3D TEXT_first" -laget. I mitt tilfelle var dette 16 piksler opp og 2 piksler rett.


Trinn 4

Lag duplikater (Command + J) av begge tekstlagene og plasser dem som du ser på bildet nedenfor. Pass på at du har nøyaktig samme rekkefølge som vist, som det er viktig!


Trinn 5

Slå av "3D TEXT_first" og "3D TEXT_last" -lagene. Velg "3D TEXT_first copy" -laget og lag rundt 60 kopier (Command + J). Nå, velg "3D TEXT_last copy", gå helt ned til bunnen av Layout Palette, hold Shift og venstre-klikk på det første "3D TEXT_first copy" -laget - dette bør velge alle 60 lagene. Høyreklikk deretter på disse lagene og velg Link Lag.


Trinn 6

Bytt til Flytteverktøy (V), velg "3D TEXT_last copy" -lag. Gå til den øvre verktøylinjen for flyttingsverktøyet. Klikk på Distribuere vertikale sentre og distribuere horisontale sentre. Legg merke til at bokstavene våre var perfekt fordelt og skapt en fin 3D-form. Deretter velger du alle koblede lag og fusjonere (Command + E). Navn dette laget "3D TEXT_merged."


Trinn 7

Gå til Layout Palette, slå på "3D TEXT_last" og åpne dette lagets Blandingsalternativer. Bruk et gradientoverlegg fra # 1a3236 til #cffffb. Når det gjelder å sette vinkelen, må du prøve å gjøre denne gradienten mørkere på toppen av bokstaver og lettere på bunnen av dem.


Trinn 8

I Lagpaletten velger du "3D TEXT_merged", slå av den, hold Alt og venstre-klikk på miniatyrbildet for dette laget for å laste inn valget. Lag et nytt lag, betegne det "3D TEXT_colored" og fyll det med # a6e6fe. Fravelg (Command + D).


Trinn 9

Nå går du til "3D TEXT_colored" lagets blandingsalternativer. Velg Gradient Overlay. Pass på at du velger den andre forhåndsinnstillingen i Gradient Editor, som er Forgrunn til gjennomsiktig, og deretter angir fargevennene som: # 000000, # 4a4747, #ffffff, # 262626, #ffffff og # 000000. Neste, avhengig av hvilken retning teksten din går, vil vinkelen være forskjellig. Så i mitt tilfelle setter jeg vinkelen til 123, og som du kan se går graderingen gjennom midten av hele teksten. Så det blir vår belysning.


Trinn 10

Noen flekker og toppen av bokstavene ser for lyse ut, så vi må skape bare et snev av skygge på steder som er angitt nedenfor. Så hold Alt, venstre-klikk på "3D TEXT_colored" -laget for å laste inn valget, og opprett et nytt lag over "3D TEXT_colored" -laget, og betegner det "Shadows." Sett forgrunnsfarge til # 1a3236 eller mørkere, og ta deretter med børsteverktøyet (B), sett Flow rundt 30%, hardhet til 0% og maling. Deretter Deselect (Command + D) når du er ferdig.


Trinn 11

La oss nå begynne å gi denne teksten et kvalitetsutseende. Gå til lagpaletten, hold Alt og venstre-klikk på miniatyrbildet "3D TEXT siste" for å laste inn valget. Deretter oppretter du et nytt lag over alle lag, kaller det "Skinnende linjer". Ta tak i Rectangular Marquee Tool (M), høyreklikk på bildet ditt og velg "Stroke." Angi bredde til 1 pixel, farge til hvit og plassering til senter. Ta en fin stor børste med hardhet 0% og flyt rundt 30%. Slett deretter alt unntatt steder angitt med piler. Disse pilene peker på lys, og de spisse kantene trenger litt glans. Så sørg for at du lar dem stå uberørte.


Trinn 12

Når du er ferdig med å slette, lag en duplikat av "Skinnelinjer" -laget, senk dets Opacity bare et trykk, og slå sammen (Command + E) de to lagene. Du kan bytte et øyeblikk til en svart bakgrunn for å se om du gjorde en god jobb med å slette, hvis ikke, foreta noen ytterligere rettelser. Du bør få noe som ligner på bildet nedenfor.


Trinn 13

Nå går du til bunnen av lagpaletten, velger og slår på "3D TEXT first" -laget, endre navn til "Bunnskygge 1." Lag en duplikat av det (Command + J), nevne denne kopien "Bottom shadow 2." Bruk nå Filter> Uklarhet> Gaussisk uskarphet til "Bottom shadow 2" -laget, med radius på 3 piksler.


Trinn 14

Bytt til flytteverktøyet (V), og ved å trykke på tastaturpiler flyttes denne uskarpe skyggen 5 piksler til venstre. Du må skape en illusjon om at de svingete tekstlinjene faller mer skygger inni. Så vi trenger ikke noen utvendige deler av denne skyggen. Ta tak i børsteverktøyet (B) og pust børstene av skyggen som er vist nedenfor. Ikke vær for kresen, det er ikke nødvendig å gjøre en nøyaktig slette. Det er ok hvis du lar noen grå skygge kanter, som i det andre bildet nedenfor.


Trinn 15

Gå nå tilbake og bruk Filter> Blue> Gaussian Blur til "Bottom shadow 1" -laget. Sett radiusen bare litt mindre, som 2 piksler. Deretter skifter du til Flyttverktøyet (V), og ved å trykke på tastaturpilene, plasser denne skyggen 2 piksler ned og 2 piksler til høyre. La det dekke hele plassen under bokstavene, og husk å holde skyggen kantene veldig tynne.


Trinn 16

Flott, vi gjorde at teksten vår virkelig skiller seg ut. Gå deretter til Lagpaletten, hold kommandoen, venstre-klikk på lagene Shining lines, "3D TEXT_last", "Shadows" og "3D TEXT_colored". Nå som du har valgt dem, drar du disse lagene på ikonet Create a New Layer. Deretter kombinerer du kopiene (Command + E) og heter dette laget "Reflection." Plasser den over alle lagene og skru den av (det er viktig å slå den av, så ikke hopp over dette trinnet).


Trinn 17

Nå, slå av "bakgrunn" -laget, eller til og med slette det, vi trenger ikke lenger det. Gå til Bilde> Flett synlig, nevne dette sammenslåtte laget "TEXT." Plasser den over "Refleksjon" -laget. Som du kan se, har vi to lignende lag med en liten forskjell, "TEXT" -laget har en dråpeskygge, og "Refleksjon" har ingen skygge. Vi vil jobbe nå med "TEXT" -laget, så la laget "Refleksjon" forbli usynlig.

OK, la oss gi disse bokstavene et høyere kvalitetsutseende. Velg "TEXT" -laget, dupliser det (Command + J), og dette skal automatisk bli kalt "TEXT copy", la det være slik. Deretter

endre "TEXT kopi" lag Blandingsmodus til Overlay og Opacity til 63%. Deretter går du til Rediger> Justeringer> Gradient Map, og velger forhåndsinnstillingen Svart til hvit.


Trinn 18

Deretter lag en annen kopi (Command + J) av "TEXT" -laget, og plasser det over alle lagene. Gi det navnet "Skarpe kanter" og forandre det til blendingmodus til hardt lys. Deretter går du til Filter> Annet> High Pass, sett radien til 1 eller 2 piksler. Senk dette lagets Opacity rundt 60-70%.


Trinn 19

Opprett et nytt lag under alle lag, kaller det "Surface", trykk D på tastaturet for å angi farger til standard. Ta tak i Gradient Tool (G) og lag en stor gradient, gjennom hele bildet, fra topp til bunn. Du kan starte den utenfor lerretet. Gå deretter til Rediger> Transform> Forvreng, og gi denne overflaten et snev av perspektiv. Det trenger ikke å være perfekt. Fordi når du er ferdig, velg Beskjæringsverktøyet (C), og beskjær bildet pent for å kvitte seg med overflaten.


Trinn 20

Da jeg så på dette bildet, trodde jeg at teksten var litt for lys for meg, så det neste jeg gjorde, var å velge "TEXT" -laget og bruke Bilde> Justeringer> Lysstyrke / Kontrast. Jeg senket kontrast hele veien ned.


Trinn 21

Deretter går du helt til bunnen av Layoutpaletten, og lager nytt lag over "Surface" -laget, og så navnet "Glass". Ta tak i Paint Bucket Tool (G), fyll dette laget med farge # 3f3f3f. Bruk deretter Filter> Støy> Legg til støy, sett beløpet til 28%, Distribusjon til Gauss, og la det monokromatiske alternativet kontrolleres.


Trinn 22

Nå velger du Filter> Uklarhet> Bevegelsesskarphet, angi vinkelen til -90 og Avstand til 144 piksler. Endre dette lagets blandemodus til overlegg, og sett Opacity til 50%. Ta tak i børsteverktøyet (B), deretter med en veldig fin myk børste av hardhet 0% og strøm rundt 20%, begynn å slette noen flekker av denne uskarpe støyen. Neste slette steder rundt teksten for å få litt av det glassrike dypet på overflaten.


Trinn 23

Til slutt bestemte jeg meg for å fargelegge hele bildet. Hvis du vil få den samme endelige fargeeffekten, går du til Layout Palette og legger til et justeringslag øverst på alle lag. Velg Hue / Metning. Pass på at du har fargeleggingsalternativet merket. Sett deretter Hue til 201, og Metning til 17.

Deretter velger du "Refleksjon" -laget, slår det på. Senk oppaktheten til 20-30%, bytt til Move Tool (V), og ved å trykke på tastaturpilen, plasser den noen få piksler ned for å gi en fin refleksjon. Deretter kan du bruke en lagmaske og forsiktig slette noen av refleksjonsbunnen.


Konklusjon

Det er ganske mye det, her er vår kvalitets 3D-tekst, laget bare i Photoshop. Hvis du vil legge til litt flat tekst på dette bildet, må du sørge for at det går mot perspektivet. Prøv også å oppdage din egen bruk for denne 3D-typografien ved å eksperimentere med farger og lys. Du kan få mange kule, forskjellige resultater.

Takk for at du leste opplæringen, jeg nøt virkelig å gjøre det. Håper du har lært noe nytt. Du kan se det siste bildet under eller se en større versjon her.

Abonner på Psdtuts + RSS-feed for de beste Photoshop-knappene og artiklene på nettet.