Share
I denne opplæringen vil vi designe en kul retro tekst effekt, som vokser mer og mer populært i dagens design. I dag lærer du hvordan du bruker Perspektivverktøyet til å skape dybde og hvordan designere kan bruke standardgradienter på uvanlige måter!
Før vi begynner, la oss ta en titt på bildet vi skal skape.
Vår videoredaktør Gavin Steele har laget denne videoopplæringen for å komplimentere denne teksten + bildeopplæringen.
Før du begynner, må du laste ned skrifttypen Sega fra dafont og installere den. Installasjonen er ganske enkel, i konfigurasjonspanelet kan du finne en mappe som heter Fonter, bare lim inn filen der og brann opp Photoshop.
Det første trinnet er ganske enkelt. Fyll det opprinnelige laget med svart og endre navnet på det til "bakgrunn". Skriv ut teksten du vil ha, helst noe mer eller mindre firkantet, som vist nedenfor. Pass på at teksten er justert til venstre. Akkurat nå bør du ha et lag med bakgrunnsfargen og et annet lag med teksten. I mitt eksempel brukte jeg 100pt tekst for PSD del og 72pt tekst for Tuts en del for å gjøre bredden samsvarer.
La oss nå endre teksten litt. Åpne tegnpaletten for dette (Vindu> Tegn). Feltet under tekststørrelsen gjør det mulig å angi kjerne mellom tegn. Kerning bestemmer avstanden mellom to tegn i forhold til hverandre. Så når du velger ditt Typeverktøy og du legger det mellom to tegn, kan du justere avstanden mellom disse to tegnene.
Først, la oss endre fargen på teksten til # e59710. Dette er en god basefarge når du sikter mot gull, da kan vi strekke teksten vår med enten Free Transform (Command + T) eller ved å endre tegnstørrelsen. Etter å ha blåst opp teksten, har min øverste rad med en størrelse på 280pt og den nederste har en størrelse på 194,4pt.
Nå kan vi gjøre den faktiske kerning. Etter å ha valgt Typeverktøyet, plasser du markøren mellom P og S, og jeg setter kerningen til -55. På denne måten får vi en ganske fin forbindelse mellom de to tegnene. Deretter plasserer du markøren mellom S og D, sett kerningen til -40.
La oss stilen teksten. Tenk på dette i et sekund; Vi vil ha fint gull som tekst, med litt av en skikkelig kant og et svakt faset 3D-utseende. Så, vi må bruke skrå for å få dybde på utsiden, litt indre skygge for dybde på innsiden og en gradient for høydepunktene.
For å fremheve skråningen, vil vi bruke en indre glød. Mens under skjermbildene er plassert i synkende rekkefølge i henhold til Photoshop-grensesnittet. Jeg selv vil vanligvis starte med å legge til gradienten først, deretter skråningen, og deretter lysene og skyggene.
Tid til å få vårt perspektiv å gå! Først må du rasterisere laget. Så dupliser tekstlaget (Hold alltid et redigerbart duplikat av et tekstlag! ALLTID!) Og legg deretter til et annet lag på toppen av duplikatet. Velg nå din dupliserte tekst og ditt nå tomme lag, og slå sammen dem med Command + E. I motsetning til å rasterisere et lag gjennom Lag-fanen øverst på skjermen, vil denne metoden også rasterisere lagsstilen.
I dette tilfellet er det bra fordi vi vil at stilen skal bevege seg sammen med forvrengningen. Hvis du skulle gjøre det via Layer-fanen, ville lagestilen justere tilbake til en plan forvrengning. Kort sagt: Denne måten er bedre fordi det blir kvitt fx-skiltet.
Nå med ditt rasteriserte type lag bør du gå til Rediger> Transform> Perspektiv. Ta tak i det øverste høyre ankerpunktet, og hold inne skiftet, dra det opp. I tillegg kan du gripe venstre ankerpunkt og holde skift, dra det litt ned for å skape mer dybdeffekt. Skal deretter teksten litt ned for å kvitte seg med uskarpheten.
Dupliser den forvrengte teksten to ganger, og slipp disse tre lagene i et lagsett som heter "tekst". Endre navnet på topplaget (av de tre) til "front", mellomlag til "midten" og det nederste laget til "tilbake".
Bruk piltastene til å bøye bunnen og mellomlaget til høyre til du får noe som i bildet nedenfor. Som du kan se, må "back" -laget være en god bit unna "front" -laget, mens "mid" -laget skal være litt nærmere.
Velg "mid" -laget og sett fyllingen til 0% (fyllingen ligger under Opacity i lagpaletten). Nå bruker du lagestiler, bruker du en gradientoverlegg. En rask måte å gjøre dette på er å velge Forgrunnen til Transparent Gradient. Det er den andre gradienten på øverste rad fra venstre, bare klikk på trekanten ved siden av gradientfeltet for å slippe ned de forskjellige gradienter. Deretter endrer du forgrunnsfargen til # 008aff.
Opprett et nytt lag over «front» -laget og ring det til «kromgrad». Nå, Kommandoklikk på "front" -laget for å få et utvalgsområde. Velg Gradient Tool (trykk på paintbucket og hold, velg deretter gradientverktøyet) og velg kromgradienten. Kjør nå dette fra øverste venstre hjørne til nederst til høyre i ditt valgområde. Endre deretter blandingsmodusen til laget til mykt lys.
Lag et helt nytt lagsett og kaller det "myke bluss." Nå dersom dette laget settes opp i "tekst" lagsettet, kan du bare dra det ut derfra og plassere det over "tekst" -laget. Nå, i "soft flares" layeret lag et nytt lag og kaller det "markere flare." Fyll dette laget med svart og gå til Filter> Render> Lens Flare, og velg 100mm Prime Lens med en standard lysstyrke på 100%.
Sett høydepunktet der du vil, legger jeg det på toppen av brevet S i TUTS. Endre dette lagets blandingstilstand til mykt lys og duplikat det. Sett det nå et annet sted, legger jeg det mellom P og S.
Bruk en maskebørste bort en del av duplikatet fordi når du har to lag med svart som overlapper, vil det bli merkbart i lysstyrken på teksten. Deretter bruker du en svart pensel for å fylle opp alle de gjennomsiktige områdene på begge lagene, som dukket opp mens vi roterte og endret størrelsen på fakkelene.
Dette er viktig fordi det igjen vil være merkbart på bakgrunnselementer, som vil bli lagt til på et senere tidspunkt. Det er best å fikse det nå, så å gå tilbake til det senere og finne ut hvilket lag som forårsaker problemet, spesielt i prosjekter der lagene når over 100 mark, kan dette være et veldig irriterende problem.
Nå som du kan se på det siste skjermbildet, har både "tekst" og "bløte bluss" sett blitt slått inn i "psdtuts" -settet. La oss legge til en refleksjon. Dupliser dette settet og rasteriser det som vi gjorde før. Opprett et nytt lag, velg dem begge, og klikk på Kommando + E.
Gå til Rediger> Transform> Vend loddrett og plasser refleksjonen under originalteksten. Gå til Rediger> Transform> Skew for å fikse refleksjonen (fordi vi trenger T av TUTS å stille opp). Ta det venstre midtankerpunktet og dra det opp. Legg til en maske i det nye laget som heter "refleksjon", og bruk deretter en svarthvitt gradient (du kan bare velge standardgradienten ved å trykke D på tastaturet for å sette fargene tilbake til standard), skape en fin fade.
Mellom "refleksjon" -laget og "psdtuts" -settet oppretter du et nytt lag og heter det "flare foran". Fyll den med svart og gå til Filter> Render> Lens Flare, og velg 50-300mm Zoom ved 100% lysstyrke. Plasser dette laget på et fint sted og sett blandingsmodus til Lineær Dodge (legg til).
Dupliser "flarefronten" -laget, sett blandemodus til skjerm i stedet for Linjær Dodge (legg til). Deretter flytter du det under "psdtuts" -settet for å plassere det bak teksten. La oss nevne dette laget "flare tilbake."
Åpne et nytt dokument (Command + N) med en størrelse på 40px med 2px. Velg halvparten av dette dokumentet med det rektangulære utvalgsverktøyet og fyll det med svart. For å være mer nøyaktig med valget, kan du slå på linjene ved å trykke på Kommando + R. Gå deretter til Rediger> Definer mønster og gi dette mønsteret et navn.
Lukk den filen og gå tilbake til vår opprinnelige fil. Litt over "bakgrunnslaget", som vi laget i begynnelsen av denne opplæringen, oppretter du et nytt lag. Gå til Rediger> Fyll, og velg mønsteret vi nettopp har opprettet. Dette skal fylle skjermen med mønsteret. Angi fyllingen til 0%, og deretter gjennom Layer Styles, legg til et fargekobling med fargen # dd04ad. Senk opaciteten til dette overlegget til 64%.
Hit Command + T og endre størrelsen på og roter stripene 90 grader. Trykk Enter og gå til Rediger> Transform> Perspektiv. Og akkurat som vi gjorde før, unntatt denne gangen på høyre side, må du ta tak i det øvre hjørneankerpunktet, og hold deretter Shift, dra det ned. Dette vil begrense den siden, slik at den ser ut som om den går bort fra deg.
På venstre side tar du det øverste hjørnet og drar det opp, mens du holder Shift, slik at det ser ut som om det kommer mot deg. Legg merke til den morsomme effekten du får med teksten som står på en del av linjene, det ser ut som om linjene faktisk bøyer, men de er ikke! Og det er det! Ha det gøy å eksperimentere med denne teksten effekten!
Accentsconagua