Arbeide med tekst i Photoshop: En endelig guide

I denne korte veiledningen vil vi gå gjennom alt du trenger å vite om å jobbe med tekst i Photoshop --- det er mer å lære enn du kanskje skjønner.

I denne korte veiledningen vil vi gå gjennom alt du trenger å vite om å jobbe med tekst i Photoshop --- det er mer å lære enn du kanskje skjønner.
Annonse

Hvis du bruker Photoshop til designprosjektene dine, skaper du logoer, plakater, infographics eller noe annet, så må du vite om typografi.

Photoshop har mange verktøy for å få tekst på siden din, og få det til å se utrolige ut. Men hvor begynner du?

I denne korte veiledningen vil vi gå gjennom alt du trenger å vite om å jobbe med tekst i Photoshop.

Skriv verktøyets grunnleggende i Photoshop

Før vi kommer i gang, la oss gjøre en rask oversikt over de absolutte grunnleggende for å jobbe med tekst i Photoshop.

Du legger til tekst i et dokument ved hjelp av et av Typeverktøy. Du kan velge disse i verktøylinjen på venstre kant av skjermen, eller ved å trykke T på tastaturet.

jobber med tekst i Photoshop - Photoshop-type grunnleggende

Når du velger dette, vises alternativene Type i Alternativfelt øverst på skjermen. De viktigste er:

  • Font Family: Velg en font fra de som er installert på datamaskinen din (eller fra Typekit)
  • Font Style: Velg en stil for den valgte fonten, for eksempel fet eller skrå versjoner
  • Størrelse: Angi punktstørrelsen for din type
  • Juster tekst: Still inn teksten som skal stå, høyre eller midtjustert
  • Farge: Velg en farge for teksten
  • Avbryt eller Forplikte: Når du har lagt til eller redigert tekst, må du bekrefte at du skal bruke den på lerretet ditt, eller avbryte for å angre eller fjerne det

Hvert tekststykke går alltid på sitt eget lag. For å flytte eller endre størrelse på teksten mens du redigerer, hold nede Ctrl eller Cmd- tasten og dra den på plass.

Du kan redigere teksten, eller endre skrift, størrelse og så videre når som helst. For å gjøre dette, velg Type verktøyet og bruk markøren til å markere teksten, akkurat som du ville i en tekstbehandler. Ikke bare velg tekstlaget.

Opprette tekst for titler og overskrifter

Hovedmåten folk flest legger til og rediger tekst i Photoshop Slik legger du til og rediger tekst i Adobe Photoshop Slik legger du til og rediger tekst i Adobe Photoshop Legge til, endre og redigere tekst i Adobe Photoshop kan ikke være enklere. Les mer er å velge Horizontal Type Tool (eller Vertikal- en hvis du foretrekker), klikk på lerretet, og start deretter å skrive.

Dette er det beste alternativet for titler, overskrifter eller andre korte, enkeltlinje stykker tekst.

jobber med tekst i photoshop - photoshop titler headers

Ved å klikke på lerretet, opprettes et tekstområde som utvides når du skriver. All teksten går på en enkelt linje, og går aldri til en ny linje. Selv når du når kanten av lerretet, vil linjen ganske enkelt fortsette på bordet.

jobber med tekst i Photoshop - Photoshop Wrap Headers

Hvis du vil legge til linjeskift, plasserer du markøren og trykker Enter . Enda bedre, opprett separate tekstlag for hver linje i overskriften. På den måten kan du styre og plassere hver enkelt individuelt.

Arbeider med paragraftekst

For body copy-lengre tekststykker som avsnitt eller lister - opprett en tekstboks først.

jobber med tekst i Photoshop - Photoshop tekstboks

Velg Horizontal Type Tool og angi dine grunnleggende formateringsalternativer. Klikk og dra diagonalt på lerretet for å lage en rektangulær tekstboks. Skriv eller lim inn kopieringen i boksen.

arbeider med tekst i photoshop - photoshop avsnitt tekst

Tekstboksen er en fast størrelse. Når teksten treffer høyre kant, pakkes den inn på en ny linje. Hvis teksten er for lang må du endre størrelsen på boksen for å gjøre resten synlig (eller du kan endre skriftstørrelsen selvfølgelig).

Hit Ctrl + T (Windows) eller Cmd + T (Mac) og hold deretter Shift og dra et av styrene for å gjøre boksen større.

Opprette egendefinerte tekstboksformer

Du er ikke begrenset til å jobbe med rektangulære tekstbokser. Du kan bruke ulike formverktøy eller tegne nye figurer manuelt med pennverktøyet, og deretter fylle dem med tekst.

jobber med tekst i Photoshop - Photoshop-former

Velg et av formverktøyene, eller bruk pennverktøyet . Sett verktøymodus til sti i øverste venstre hjørne av alternativlinjen, og trekk deretter figuren på lerretet.

jobber med tekst i Photoshop - Photoshop tilpassede former

Ta nå Horizontal Type Tool og klikk inn i banen du har tegnet. Dette gjør formen til en tekstboks. Sett nå tekstjusteringen til Senter, og skriv eller lim inn teksten i boksen.

Egendefinerte former er nyttige når du trenger å pakke inn tekst rundt bilder eller andre objekter i ditt design.

Plasserer tekst på en kurve i Photoshop

Du kan også angi teksten din for å følge kurvens linje.

Start med å velge pennverktøyet . I innstillingslinjen øverst, still inn verktøymodus til sti . Tegn nå en kurve på lerretet. Hvis du trenger en primer på dette, kan du se vår guide til å bruke Photoshop Pen Tool.

jobber med tekst i photoshop - photoshop bølgete markør

Deretter velger du verktøyet Horisontaltype . Hold markøren over banen du nettopp har tegnet. Når markøren blir en bølget linje, klikker du. Dette forankrer en tekstboks til banen.

Skriv inn teksten.

jobber med tekst i photoshop - photoshop buet tekst

Du kan også angi teksten din for å følge utsnittet av en form. Prosessen er den samme, bare du velger et av formverktøyene i stedet for pennen. Igjen, vær sikker på å sette verktøymodusbanen før du tegner den.

For å justere plasseringen av teksten på kurven, bruk Direct Selection Tool . Hold musepekeren over teksten, og den blir til en markør med to piler. Klikk og dra langs linjen for å shunt teksten langs linjen.

Klikk og dra over linjen for å angi om teksten skal løpe innenfor eller utenfor formen.

Maskere tekst i Photoshop

Den siste av Photoshops hovedtekstverktøy er verktøyet Horizontal Type Mask og Vertical Type Mask Tool .

Disse verktøyene plasserer ikke tekst på lerretet. I stedet lager de tekstbaserte former som du kan bruke i designene dine. På grunn av dette er det viktig at du velger riktig skrift før du begynner. Du kan ikke gå tilbake og redigere den senere.

jobber med tekst i Photoshop - Photoshop type maskeverktøy

Start med å åpne et bilde i Photoshop, eller velg et lag som inneholder litt farge.

Velg ett av verktøyene for Type maske og sett inn skriften. Klikk nå på lerretet og begynn å skrive. Når du trykker på Commit- knappen, blir teksten din til et valg.

Her er tre måter å bruke den på:

jobber med tekst i photoshop - photoshop teksturert tekst

Legg til en tekstur i teksten. Klikk på Legg til lagmaskeknapp nederst på Lagpanelet . Dette gjør bakgrunnen gjennomsiktig, slik at bare tekstformene inneholder tekstur fra det opprinnelige bildet.

jobber med tekst i photoshop - photoshop bakgrunnsfarger

Fyll teksten med bakgrunnsfargen. Trykk Ctrl + Backspace eller Cmd + Backspace for å kutte ut teksten og erstatte den med den valgte bakgrunnsfargen.

arbeider med tekst i photoshop - photoshop gjennomsiktig tekst

Klipp ut teksten fra bakgrunnen. Hit Shift + Ctrl + I eller Shift + Cmd + I for å invertere ditt valg. Trykk nå Ctrl + J eller Cmd + J. Skjul det nederste laget, og du vil nå ha det opprinnelige bildet med et gjennomsiktig utsnitt i form av teksten.

Styling Text i Photoshop

Nå som du kjenner de viktigste måtene for å få tekst på siden din, hvordan går det med å stylere det? Vi har allerede sett på de grunnleggende innstillingene i alternativlinjen. Det er noen flere å vite om også.

arbeider med tekst i photoshop - photoshop tekstalternativer

  • Tekstretning: Veksle mellom horisontal og vertikal tekst
  • Anti-aliasing: Angi hvor skarp eller glatt du vil at teksten skal se ut
  • Varseltekst: Forvreng teksten med 15 forhåndsinnstilte stiler
  • Åpne tegn / punktpanel: Åpne panelet for å justere tegninnstillinger
  • 3D: Bytt til Photoshop 3D-visning

Som nevnt før, må du velge teksten med markøren før du kan endre formateringen.

Tegnet og punktpanelene

Klikk på tegn- og avsnittspanel- knappen i alternativfeltet . Den første kategorien inneholder et sett med muligheter for formatering av tegn. Noen doble opp alternativene vi allerede har sett (som å velge skrifter og farger), mens resten gjør at du kan finesse din type.

jobber med tekst i photoshop - photoshop tegnpanel

  • Panelmeny: Dette inkluderer No Break, som plasserer et ikke-bryte mellomrom mellom to ord for å sikre at de forblir på samme linje.
  • Ledende: Dette gjør det mulig å justere linjens høyde for teksten. Å forlate den satt til Auto er vanligvis god nok.
  • Kerning: Angir avstanden mellom et par tegn. Angi alternativet for beregninger for å bruke standarddesign for fonten din, eller Optisk for å la Photoshop sette den automatisk.
  • Sporing: Kontrollerer avstanden mellom alle tegnene i teksten. Velg strammere sporing (et negativt tall) for å legge til slag og haster i topptekstene dine.
  • Vertikal skala og horisontal skala: Disse alternativene strekker eller krymper fonten vertikalt eller horisontalt. Bruk bare dem for spesifikke designtilfeller - hvis du trenger en bredere eller høyere en, velg en annen skrifttype. Vil du ha nydelige fonter? Her er 25+ nettsteder der du finner dem, vil du ha flotte fonter? Her er 25 + Nettsteder hvor du finner dem Snarere enn å vade gjennom hundrevis av skrifter, er det noen få nettsteder som hjelper deg med å holde tritt med alle de nye skriftene du vil bruke i ditt neste design. Les mer .
  • Baseline Shift: Flytter valgte tegn over eller under grunnlinjen. Mest brukt til å skrive abonnement eller superskript tegn.
  • Faux Bold og Italic: Unngå disse der det er mulig - bruk alltid de fete eller skråstilte versjonene av den valgte fonten, hvis du har dem.
  • Alle Caps og Små Caps: Kapitaliser din tekst automatisk.
  • Andre alternativer: Ulike innstillinger for å lage under- og overordnede tegn, understreke eller kontrollere visse OpenType-skrifter.

Klikk på Avsnitt- fanen for å se alternativene for å formatere oppsettet for større tekststykker.

Her kan du legge inn venstre eller høyre kant i tekstboksen din, samt velge om du vil bruke ordbølge eller ikke.

Teksteffekter i Photoshop

Photoshop lar deg legge til effekter på hvilket som helst lag, og dette inkluderer et tekstlag. Det gir deg mulighet til å legge til en dråpeskygge som gjør at teksten skiller seg ut mot bakgrunnen av designet, eller kanskje for å legge til en lysende effekt.

jobber med tekst i photoshop - photoshop tekst effekter

Dobbeltklikk laget for å åpne Layer Style- boksen.

Velg Drop Shadow og juster innstillinger, inkludert Opacity, Angle og Distance . Kontroller at forhåndsvisningsknappen er merket, slik at du får en sanntidsvisning av effekten. Klikk på OK når du er ferdig.

Den samme tilnærmingen lar deg legge til en ytre glød til teksten, eller bruke en tekstur til skrifttypen.

Roterende eller Skewing-tekst i Photoshop

For å rotere eller skjev tekst velg tekstlaget og trykk Ctrl + T eller Cmd + T for å åpne Free Transform Tool .

Hold musepekeren over hjørnet av grenseboksen til markøren blir en buet pil. Klikk og dra for å rotere.

arbeider med tekst i Photoshop - Photoshop skew rotere

For å skråre teksten, hold Shift + Ctrl eller Shift + Cmd og ta tak i et av styrene på kanten av boksen. Dra sidelengs, og trykk deretter Enter for å bekrefte.

Husk at for mye skeving kan forvrille fonten din.

Arbeide med skrifttyper i Photoshop

Velge riktig skrift Font-Pairing Strategier og verktøy for perfekte skriftkombinationer Font-Pairing Strategier og verktøy for perfekte skrifttypekombinasjoner Fontparing er delkunst og delvitenskap. Disse strategiene og skrifttypeparingsverktøyene hjelper deg med å velge den perfekte skrifttypeparingen for enhver oppgave. Les mer, eller par skrifter, er en av de viktigste delene av grafisk design.

Velg fonter ved hjelp av Fonts drop down i Alternativer Bar . Du ser en liten forhåndsvisning for hver enkelt.

jobber med tekst i photoshop - photoshop favorittfonter

Legg til favorittfonter ved å klikke på stjerneikonet ved siden av dem. For å finne dem igjen, trykk Star- ikonet i menylinjen.

Velg en skrift og velg Lignende skrifttyper for å bla gjennom alle tilgjengelige skrifttyper med lignende egenskaper.

For å øke skriftvalg velger du Legg til fonter fra Typekit- ikonet i rullegardinmenyen Fonter .

jobber med tekst i photoshop - photoshop typekit

Dette lanserer Adobes Typekit-nettsted. Logg inn hvis du trenger, så bla gjennom og velg eventuelle skrifter du vil legge til. Klikk på Synkroniser alle- knappen for å få alle stilene til den aktuelle fonten tilgjengelig i Photoshop. Alternativt kan du kun synkronisere stilene og vektene du trenger.

Matchende fonter fra andre bilder

Ofte kan du ha et annet bilde som inneholder en skrifttype du vil bruke, men ikke gjenkjenne. Photoshop's Match Fonts- verktøy kan bidra til å identifisere disse mystiske skrifttyper, eller i det minste gi opp noen lignende alternativer.

jobber med tekst i photoshop - photoshop match font

Åpne bildet og gå til Type> Match font . Verktøyet plasserer et overlegg på lerretet ditt. Juster beskjæringsmerkene for å markere skrifttypen du vil matche.

Noen forslag vil bli gjort etter noen få sekunder. Velg en og klikk OK .

Tweaking en skrift

Når du designer en logo Hvordan lage en enkel logo i Photoshop Hvordan lage en enkel logo i Photoshop Photoshop kan gjøre mye mer enn bare redigere bilder - det er mer enn i stand til enkelt designarbeid. Her viser vi deg hvordan du lager en enkel geometrisk logo. Les mer, et raskt triks du kan gjøre for å gi det et unikt snurr er å finjustere skrifttypen du bruker. Du kan gjøre dette enkelt i Photoshop.

Velg teksten og gå til Type> Konverter til form . Dette gjør at teksten ikke lenger kan redigeres.

Ta tak i stedsvalgverktøyet ( A ) for å velge individuelle tegn. Du kan nå endre farge, flytte eller rotere dem uavhengig av resten av teksten.

jobber med tekst i photoshop - photoshop tweak skrifter

Bruk Direct Selection Tool til å vise banen for hvert tegn. Dra ankerpunktene for å justere utseendet på skrifttypen, og du kan til og med bruke pennverktøyet til å legge til nye kurver i bokstavene dine.

Hva blir det neste? Flere Photoshop Tips

Type er en integrert del av grafisk design, og Photoshop tilbyr noen ganske kraftige verktøy for å kontrollere hvordan tekst ser på siden din.

Det neste trinnet er å lære å innlemme det i resten av prosjektene dine. Se vår guide til å jobbe med vektorgrafik i Photoshop Opprette og jobbe med vektorgrafik i Photoshop Opprette og jobbe med vektorgrafik i Photoshop Photoshop er et overraskende godt alternativ til Illustrator for vektorgrafikk. Her er en innledende veiledning om hvordan du lager vektorgrafik i Photoshop. Les mer, og du vil være godt innstilt for å begynne å lage ikoner, logoer, plakater og mye mer.

In this article