Du ønsker å gi tekstene dine det lille ekstra, men har liten tid? Ikke noe problem! Med Photoshop kan du lage kule typografieffekter på få trinn. I denne opplæringen viser jeg deg fem raske og enkle teknikker for å gjøre typografien din kreativ og moderne. Fra neon-glow til metalliske looks og til og med forvrengte effekter - disse Quickys gir variasjon og stil til designene dine. La oss komme i gang og sette tekstene dine i rampelyset!

1. Retrokontureneffekt for overskrifter

Spesielt for flygeblad og bakgrunnsbilder kan kreative retrokonturer lages raskt med fylloppsjonen Strål utad.

Trinn 1: Plassere teksten

Som utgangspunkt bruker jeg en strålehimmel som bakgrunn med litt vridd tekst. Teksten er skrevet med skrifttypen Eight Track i 300 punkt.

Fem raske for kule typografieffekter

Trinn 2: Fylloppsjonen 'Strål utad' som gradient

Strålen utad som fylloppsjon brukes vanligvis som en lysere eller mørkere glans/skygge. Photoshop tilbyr imidlertid også muligheten til å bruke en gradient i stedet for en farge som glans.

Ved tekster oppstår det ved nøyaktig justering av mange kontureffekter som kan variere med ulike fyllmetoder. Takket være tilgjengeligheten og enkel opprettelse av passende graderinger, oppstår det en nesten uendelig variasjon av kontureffekter som kan ramme inn skrifter delikat eller psykedelisk fargerikt.

Fem raske for kule typografeffekter

Størrelsen i fylloppsjonsdialogen angir hvor stor gradienten skal virke utover. Fylleffekten angir hvor kraftig effekten skal virke direkte ved teksten. Vær nøye med teknikken: nøyaktig.

Meget fint: Under kategorien Spesialeffekter er det en avbrutt gradient som kan brukes til å skape en vellykket retroeffekt. Fargene kan også tilpasses svært godt. Om ønskelig kan også de ytre konturene gradvis tones ned i gjennomsiktighet.

Fem kvikke for kule typografieffekter

Retrokontureffekten er ferdig:

Fem raske for kule typoeffekter

2. Utslitte kontureffekter for overskrifter

En utslipt kontureffekt kan brukes i grungy flygeblad eller til overskrifter. Effekten i seg selv er rask å lage.

Trinn 1: Plassere teksten på hvit bakgrunn

Bakgrunnen er hvit. Jeg skriver bokstavene PSD med skrivetøy i en skriftstørrelse på 600 punkt Army.

Fem raskiser for kule typografi-effekter

Trinn 2: Velge bokstavene Jeg velger bokstavene i tekstlaget ved å trykke Ctrl og Klikk på miniatyrbildet av tekstlaget.

Fem raske tips for kule typografi-effekter

Trinn 3: Redigere valget Ved hurtigtasten Ctrl+Alt+R åpner jeg dialogboksen Forbedre kant. Der angir jeg en Myk kant for mitt utvalg. Den spesifikke verdien kan variere avhengig av tekststørrelsen.

Fem raske tips for kule typografieffekter

Trinn 4: Opprett nytt lag og fyll med farge Jeg oppretter et nytt lag med hurtigtasten Ctrl+Shift+Alt+N og fyller dette med en valgfri farge. Kun det valgte området fylles med farge.

Jeg kan deaktivere tekstlaget og oppheve valget med hurtigtasten Ctrl+D.

Fem kjappe for kule typografieffekter

Trinn 5: Konverter til Smart-Objekt Jeg markerer bokstavlaget med den Myke kanten og det hvite laget og konverterer begge lagene til et Smart-Objekt.

Fem quickies for kule typografieffekter

Trinn 6: Smartfilter Akvarell påføres tre ganger Jeg bruker kunstfilteret Akvarell tre ganger på mitt Smart-Objekt.

  1. Gjennomgang
Penseldetaljer:6
Mørkhetsområde:0
Struktur:2
Fem kjappe for kule typografi-effekter

Innleggene kan også varieres avhengig av valgt farge, størrelse på myk kant og tekststørrelse.

  1. Gjennomgang
Penseldetaljer:14
Mørkhetsområde:0
Struktur:2
  1. Gjennomgang
Penseldetaljer:11
Dimensjonsområde:0
Struktur:2



Det viser seg allerede etter to gjennomganger at en uregelmessig, fillete kanteffekt har dukket opp. Med den tredje og eventuelt fjerde gjennomgangen kan jeg finjustere effekten litt mer om nødvendig.

Fem hurtige for kule typografieeffekter

Og slik kan effekten brukes godt som tekstkomponent til grove bakgrunner. Bakgrunnen som vises her, er lagt ved dette opplæringsmaterialet.

I dette visningen i modusen Mørkere farge med 85 prosent Gjennomsiktighet, er bakgrunnen i modusen Normal med også 85 prosent Gjennomsiktighet:

Fem raske for kule typografieffekter

I den differensierte visningen i modusen Forskjell med 100 prosent Gjennomsiktighet, bakgrunnen er i modusen Normal med 50 prosent Gjennomsiktighet:

Fem raskere for kule typografireffekter

3. Enkel speileffekt med 3D-optikk

En enkel speileffekt for tekst, som virker uten mye stas, oppstår på en veldig enkel måte i følgende få trinn.

Bildekilde: Akhilesh Sharma - Fotolia.com.

Trinn 1: Definere speilbildet som et mønster

Første trinn for denne effekten er å definere bildet som skal speile seg i teksten som et mønster. Dette gjør jeg med bildet åpent, via menyen Rediger>Definer mønster.

Fem raske for kule typografireffekter

Trinn 2: Plassere tekst Jeg plasserer teksten min med en Arial på 300 punkt i dokumentet mitt. Dokumentet har en størrelse på 800x600 piksler og en svart bakgrunn.

Fem snarveier for kule typografeffekter

Trinn 3: Fyllingsalternativ Kontur Jeg åpner fyllingsalternativene for tekstlaget mitt og velger fanen Kontur. Darin velger jeg Mønster som fylltype og klikker på mønsteret som ble definert tidligere i Mønstervisning.

Andre innstillinger:

Størrelse:3 px
Posisjon:Senter
Skalering:avhengig av behov, altså avhengig av hvor stort det definerte mønsteret var; i dette tilfellet 35 %



Med musen kan jeg nøyaktig plassere mønsteret på bildet slik jeg vil ha det vist innenfor tekstkonturen. Jeg kan bekrefte innstillingene med OK.

Fem "quickies" for kule typoeffekter

Trinn 4: Definere fyllingsalternativ som et lag Med Høyreklikk kan jeg opprette et lag fra min Lagestil. Konturen er nå i et lag i Lagpanel. Jeg plasserer laget under teksten min.

Fem hurtige metoder for kule typografiske effekter

Trinn 5: Fyllingsalternativ Mønsteroverlegg I fyllingsalternativene for tekstlaget velger jeg fanen Mønsteroverlegg og velger der det tidligere definerte mønsteret. Ved hjelp av Skaleringsregulatoren reduserer jeg mønsteret mitt til det passer visuelt. Med musen kan jeg nøyaktig plassere mønsteret på bildet slik jeg vil ha det vist innenfor teksten.

Fem hurtigkoblinger for kule typografi-effekter

Trinn 6: Finjustering av konturen For at effekten skal se realistisk ut, flytter jeg konturlaget litt nedover og mot venstre med tastene Pilene på tastaturet, slik at det oppstår en lett 3D-optikk.

Nå kan jeg, for å legge til litt glans i speilingen, legge til en 1 piksels Kontur utvendig med Mønsterfylling til tekstlaget. Siden konturen med en piksel virkelig er minimalt sterk, kan den også vises i den øvre delen av teksten. Hvis effekten er for sterk, kan du enkelt redusere Gjennomsiktigheten litt til.

Dette gir en fin ytterligere lysrefleksjon. En enkel speileffekt med 3D-optikk er ferdig.

Fem kvikke tips for kule typografi-effekter

4. Reflekterende gradienteffekter i tekst og former



Først vil jeg si at jeg ble inspirert til dette opplæringsmaterialet av Scott Kelby, som forklarte denne effekten i boken sin "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".

Scott Kelby har forklart opprettelsen av effekten i 12 trinn for to bokstaver. Han gikk frem på følgende måte:

  1. Opprett tekst
  2. Rastrer tekst, merk og dra første gradient
  3. Dupliser laget og lag motgradient
  4. Klipp gradienten over elliptisk valg
  5. Transformasjon av valget
  6. Snudd valgregion gradient og fjerner
  7. Legg til kontur
  8. Avrundet kant og relieff legge til
  9. -12. Trinn gjenta for den andre bokstaven

    Fem snarveier for kule typografi-effekter

Effekten er en liten, fin blikkfanger. Veien dit tillater imidlertid bare et statisk resultat. Teksten kan ikke endres fordi den ble rastret i begynnelsen. For hvert ytterligere bokstav må jeg gjenta en stor del av trinnene.

I opplæringen min vil jeg vise en metode som tillater ytterligere endring av teksten. I tillegg kan flere bokstaver legges til raskere med denne effekten.

Trinn 1: Opprett gradient

For å opprette denne effekten på en raskere måte, oppretter jeg en dobbel gradient som mønster. Først åpner jeg gradientmenyen i dokumentet mitt med størrelse 1000x600 piksler ved å klikke på gradientvisningen i menylinjen med gradientverktøyet (G) aktivert.

Nå oppretter jeg gradienten som skal plasseres som refleksjon med dobbel gradient i teksten.

Gradienten har følgende ordning:

Grå - Hvit - Svart - Grå

Jeg legger til manglende fargepauser ved å trykke ved siden av en eksisterende fargepause og flytter den til ønsket sted med dra og slipp. Jeg kan endre fargen på fargepausen ved å bruke fargevelgeren i gradientmenyen.

Overgangen fra hvitt til svart er brå. Fargebøttene bør ikke ligge helt over hverandre, men litt forskjøvet. Ellers vil overgangen senere få lette trappetrinnseffekter. Glattningen på 30 prosent sørger for at gradienten i det grå området blir pent myk.

Ved behov kan jeg også lagre den nye gradienten i gradientvisningen ved å deklarere den med et vilkårlig navn som Ny. Deretter bekrefter jeg gradientinnstillingene mine med OK.

Fem raske tips for kule typografi-effekter

Trinn 2: Bøy gradienten

Jeg drar gradienten med gradientverktøyet fra dokumentets nederste midtpunkt opp til venstre.

Fem raske triks for kule typografieffekter

På grunn av buen i gradienten kan jeg dessverre ikke gjøre alle redigeringene alene med en gradientoverlapping. Løsningen er å bruke den bøyde gradienten som mønster.

Med Ctrl+T> Bøy justerer jeg nå en lett bøyning slik at den svarte overgangen blir gjengitt bøyd. Jeg flytter det bøyde rutenettet mitt lett opp til venstre.

Fem hurtige for kule typografiske effekter

Trinn 3: Sett gradienten som mønster. Jeg kan nå sette den bøyde dobbelgradienten som mønster. Jeg velger derfor Rediger> Mønsterinnstillinger fra menyen. Navnet er: Dobbeltgradient med refleksjon.

Fem raske tips for kule typografieffekter

Trinn 4: Plasser teksten. For dokumentet velger jeg en ny, mørkerød bakgrunn. Nå kan jeg allerede skrive inn teksten min med en 530-punkts Army. Jeg skriver bokstaven P.

Fem raske for kule typografi-effekter

Trinn 5: Mønsteroverlegg. Jeg åpner fylloppstillingene for teksten min. I mønsteroverleggsregisteret velger jeg det tidligere valgte mønsteret fra nedfellingslisten.

Nå kan jeg enkelt dra musepekeren til ønsket sted i dokumentet og intuitivt flytte mønsteret dit. Ved behov kan jeg også skalere mønsteret hvis det er for stort eller for lite for bokstaven.

Fem raskis for kule typografi-effekter

Trinn 6: Kontur. I neste register Kontur setter jeg en 5 piksels tykk kontur på posisjonen Utvendig. Fylltypen er en gradient.

Fem kjappe triks for kule typografiske effekter

Jeg klikker på standardinnstillingen Sølv fra Metall-valgene i gradientvisningen.

Fem raske for kule Typo-effekter

Konturen alene gir ikke ønsket effekt. Først med Avrundet kant og lettelse ser den metallisk ut.

Fem kjappe tips for kule typografi-effekter

Trinn 7: Avrundet kant og lettelse. Innstillingene i Avrundet kant og lettelse-registeret sørger for 3D-metallic-effekten. Jeg velger følgende innstillinger:

• Stil: Lettelserelieff

• Teknikk: Avrunding

• Dybde: 100 prosent

• Størrelse: 5 piksler

• Skyggevinkel og -høyde: 120 og 30 grader

• Glanskontur: Dobbel ring

Fem hurtigkurs for kule typografeffekter

Effekten er klar.

Fem raske for kule typografi-effekter

Trinn 8: Flere bokstaver. For flere bokstaver dupliserer jeg enkelt tekstlaget, flytter det til ønsket sted og endrer bokstaven til den nye med tekstverktøyet.

Fem raske for kule Typo-effekter

Ved behov trenger jeg bare å tilpasse dobbel forløp til formen av den nye bokstaven i registeret Mønsteroverlegg.

Om jeg ønsker fargepreg i forløpet mitt, kan jeg legge til en Fargeoverlegg i modus Multiply i fylloppsjonene.

Det var alt!

Fem kjappe for kule typografieffekter

5. Skråtekst med ramme

En fin videreutvikling av den forrige refleksjonsforløpseffekten kan være å gi teksten min en ramme og vippe rammen med tekst i visningen.

I dette eksempelet vil ikke hver enkelt bokstav ha en ekstra refleksjon, men dele en refleksjon med de andre; med andre ord: Bokstavene er ikke i separate lag, men sammen i ett lag.

Trinn 1: Legg til ramme

Jeg drar ut rektangelet med tynn kant fra Standardalternativer som ramme til teksten min ved å bruke verktøyet Egendefinert form (U).

Fem raske tips for kule typografi-effekter

Trinn 2: Kopier lagstiler Ved å dra med Alt, drar jeg de eksisterende lagstilene fra tekstlaget til rammelaget. Dermed har jeg kopiert lagstilene for rammen. Ved behov justerer jeg den konkrete posisjonen av Mønsteroverleggingen via fylloppsjoner igjen, slik at det også ser ordentlig ut i visningen.

Fem kjappe for kule typografieffekter

Trinn 3: Konverter begge lag til Smart-Objekt Jeg markerer tekst- og rammelaget i Lagpanelet og konverterer dem til et Smart-Objekt.

Fem raskoser for kule typografieffekter

Trinn 4: Transformasjon Jeg velger Ctrl+T på mitt Smart-Objekt, for å transformere det. Med Ctrl kan jeg dra det øvre venstre hjørnet litt mot midten. Dette får rammen og teksten til å vippe. Ved behov kan jeg også flytte de nedre hjørnene separat med holdt Ctrl-tast for å forsterke vippeeffekten. Med Enter bekrefter jeg transformasjonen min.

Fem raske for kule typografieffekter

Trinn 5: Plasseringstips Det er viktig at teksten har rammen, slik at en virkelig skjev eller nesten veltes opplevelse oppstår. Teksten alene ville bare oppnå denne effekten i begrenset grad.

Hvis jeg ønsker å oppnå en spesiell effekt med plasseringen, plasserer jeg teksten min med ramme slik at ikke hele rammen finner plass i dokumentet. Ved behov må jeg også klippe dokumentet for denne visuelle effekten. Dette skaper inntrykk av spesiell bildelig størrelse. Innholdet passer ikke inn i dokumentrammen, det er for stort. På overført vis kan størrelsen på innholdet formidles. For eksempel plasserte SPIEGEL Google-navnet på forsiden slik at Google ikke helt passet inn i omslaget. Dette viste på en enkel måte den spesielle størrelsen og makten til Google.

Fem kjappe for kule typografi-effekter