6 Quick'n'Dirty Photoshop Text Effects From Scratch

Photoshop er flott for utsmykket displaytekst med små effekter. Når du legger til lagestiler i ligningen, har du den ekstra fordelen at stilene enkelt kan overføres. I denne veiledningen vil jeg vise deg hvordan du lager seks forskjellige effekter ved hjelp av bare lagstiler. Så virkelig er dette som seks opplæringsprogrammer i ett!

Alle seks av disse effektene bruker bare lagstiler. Hvis du er et pluss medlem, kan du bare laste ned ZIP-pakken med seks PSD-er for denne opplæringen og kopiere og lime inn stilene. Hvis du ikke er et plussmedlem, ikke bekymre deg! Jeg har gitt nok retning i instruksjonene som du kan styre dem sammen, selv om jeg må innrømme kopiering så mange lag stiler kan sende deg litt gal :-)

Rask gulltekst

Det er mange måter å lage "gull" tekst på. Denne bruker to lag med nøyaktig samme tekst på den. De er lagdelt på hverandre med bunnlaget et par piksler ned, slik at det gir en illusjon av 3 dimensjoner.

Skriften vi bruker her er Trajan-et veldig elegant skrift som passer til gulltekst.

Først topplaget, som er laget med de vanlige mistenkte-en skråstilling, en gradientoverlegg, og så videre. Legg merke til svak dropshadow som faktisk blir brukt på laget under det (som da har sin egen dråpe skygge).

Dette er laget som gir dybden til bokstavene våre. Legg merke til at den indre biten ikke er viktig fordi den blir dekket av vårt gullbelegglag ovenfor. Den bruker en ytre kommando på toppen av et fett slag for å skape høydepunktene. Så når vi legger det andre laget på toppen, kommer de sammen for å lage en nydelig gulleffekt!

Det er mange måter å lage "gull" tekst på. Denne bruker to lag.

3D Metallisk Tekst

Denne effekten er faktisk bare en variasjon på gullteksten. Som du kan se nedenfor, har vi igjen brukt de to eksemplarer av teksten, hver med lagstilter som er brukt. Her brukte jeg en annen Gloss Contour på den skråstilte teksten under, og selvfølgelig brukte vi en gul nyanse i den siste effekten, jeg brukte en grå farge her.

For å prøve noe litt annerledes, brukte jeg også en tekstvarpe. Du kan gjøre dette ved å klikke på tekstlaget, velge Horizontal Type Tool (T), og deretter vises et ikon øverst (vist nedenfor) som du klikker på. Dette gir dialogboksen Varseltekst.

Nå, hvis du bruker en bulge til ett av lagene, men ikke det andre, får du en liten forvrengning som ser pent ut.

DoubleType

Denne effekten er mye enklere og bare stoler på å ha to versjoner av teksten, en stil og en ikke. Jeg har brukt Futura som min skriftsted her. Jeg tror jeg så denne effekten på en filmplakat en gang, så jeg har brukt rødt slik de gjorde, men det fungerer like bra med andre farger og kombinasjoner.

Alt du trenger å gjøre er å bruke to biter av lag styling:

  1. Legg til en 1px ytre slag ved hjelp av en gradient i stedet for en farge. Jeg har brukt en av Photoshops metallgradienter (se den tynne metallstilen lenger ned for mer informasjon). Det gir kantene en skinnende kvalitet som er fint.
  2. Deretter legger vi til et svart til hvitt gradvis overlegg til teksten som er satt til Overlay og 50%. Dette betyr at når du endrer tekstfargen, justeres den automatisk slik at den har en fin skygge over toppen.

HyperColor

Denne effekten jeg oppdaget på Chris Garrett Media nettsted hvor han bruker den til stor effekt. Det er en veldig enkel effekt egentlig, du tar bare litt tekst (skrifttypen er DIN i dette eksempelet) og gir det en Gradient Overlay. Photoshop har noen veldig fine Color Harmony gradienter som du kan legge til ved å klikke på den lille pilen som peker til høyre i dialogboksen Gradient Editor. Gradienter det legger til er gjengen nederst. Hvis du velger en av disse og angir den til ca 59% på hvit tekst, sett på en mørk bakgrunn.

Tynn metall

Dette er den enkleste måten å lage en metallisk effekt på. Det er avhengig av det faktum at når du ser metall i virkeligheten, har det vanligvis mange høydepunkter og skygger, spesielt skinnere, kromier av metall. Så ved å bruke to kopier av samme gradient i forskjellige vinkler kan du få denne effekten til å skje veldig enkelt og gi teksten en metallisk effekt.

Det er best på et tynt skrift fordi ellers er det indre av teksten kjedelig og flat (med mindre selvfølgelig vi la til mer styling, men da ville det ikke være super raskt!)

Så først og fremst bestemte jeg meg for å gjøre teksten min "stå opp" i dette eksemplet. Så bare lag et lag under teksten din og trekk små sirkler av svart under punktene i hvert brev. Deretter slør dem ved å gå til Filters> Blur> Gaussian Blur og sett det til ca 2px. Deretter treffer du Ctrl + T og squash dem vertikalt. Endelig sett dem til ca 30% Opacity slik at de er fine og bleknet ut.

For brev som en og e hvor det er et større område av brevet som berører "gulvet", kan du bruke transformasjonsverktøyet til å strekke sirkelen vår horisontalt.

Til slutt dupliserte jeg en av min sirkelskygger og strakte den waay ut slik at det gikk under hele teksten for å gjøre den generelle skyggen.

Eksperiment, og du bør kunne lage noen pene, små skyggeputer under bokstavene.

Nå er den faktiske teksten bare en kombinasjon av en Gradient Overlay og en 1px Stroke som bruker samme gradient. Graden vi bruker (og den er den samme som i Double Type-effekten ovenfor) er en metallisk gradient som følger med Photoshop. Du kan legge til dette i gradienterpaletten din, ved hjelp av den lille pilen som vises i Gradient Editor nedenfor, og velg deretter Metaller, og du bør se det vises.

Nøkkelen her er å sørge for at vinkelen på overlegget og strekningen er forskjellig. Dette er hva som skaper høydepunktene på teksten som du kan se i nærbilde skjermbilde ovenfor.

Jeg satte også hovedoverlegget til bare 14% Opacity over toppen av litt grå tekst, slik at det var litt bleknet ut, men det er valgfritt.

Plast Fantastisk

Jeg elsker disse teksttypeformene av geltype, selv om jeg må innrømme at jeg ikke tror jeg noen gang har brukt en i en ekte design. Men hvem bryr seg, de er så morsomme å lage. Denne bruker to kopier av teksten og to forskjellige lagstiler (lik vår første to metalltekster tidligere).

Du kan se de to lagene nedenfor. Hoved styling er gjort i det nederste laget, mens den øverste er brukt til å skape den skinnende effekten.

I bunnlaget har vi brukt en haug med gløder, endrede skygger og gradientoverlays. Du kan se de faktiske innstillingene nærmere nedenfor.

I dette laget har jeg tungt endret en kommando og Emboss-stil for å skape det skarpkantede høydepunktet. Igjen kan du se de nøyaktige innstillingene, inkludert formen på gradientkonturen nedenfor.