15Sep

How-To Geek Guide til Learning Photoshop, Del 7: Design og typografi

click fraud protection

Programmer som Photoshop har gjort det mulig for nye generasjoner av designere å hoppe inn og skape med større letthet enn noensinne. Se hvor lett det er ved å lære Type Character Panel, og bruke det på noen grunnleggende designarbeid.

Etter å ha dekket tekstverktøyet i del 1, Verktøykassen og opprettelse av tekstobjekter i Del 3, Lager, la oss se nærmere på hvordan du angir typografi i Photoshop. Selvfølgelig, hvis du har gått glipp av noen del av How-To Geek Guide til Learning Photoshop, er de fortsatt tilgjengelige i denne bundlede lenken.

-skrifter og tegnpanelet

Mens vektorprogrammer som Adobe Illustrator er overlegne valg for å håndtere abstrakte former som fonter, er Photoshop ikke slash i Typography-avdelingen. Det er i stand til nesten enhver typografisk behandling Illustrator er i stand til, og noen som det ikke er.

Tegnpanelet kan bli funnet ved å gå til Window & gt;Tegn, hvis den ikke allerede er i høyre sidepanel. Det er rik på alternativer for teksten, som vi skal gå over nå.Vær advart, at denne delen inneholder kompliserte typografiske termer som du kanskje eller kanskje ikke vet. Børst opp på typografiske vilkår med How-To Geek-artikkelen, "Forstå typografi som en profesjonell designer", eller bare fortsett å lese.

instagram viewer

Font Family: Hvor du valgte skrifttypen, er tekstobjektet angitt i for eksempel Helvetica, Arial, Times New Roman, etc.

Font Style: Hvis du har skrifttypefamilier installert, kan "fontstilen" være aktiv, dette er hvor du kan velge alternative versjoner av samme ansikt. For eksempel, Arial Bold, Arial-smal, Arial-kondensert, Arial-rundet MT, Arial Black, etc.

-skriftstørrelse: Der kan du numerisk endre størrelsen på fonten din. Skriv inn tall her eller bruk rullegardinmenyen for foreslåtte felles punktstørrelser.

Ledende: Typografisk uttrykk for mellomrommet mellom linjene i avsnittet tekst, angitt i punkter.

Kerning: Horisontal avstand mellom par bokstaver. Negative tallverdier her lukker mellomrom mellom tegn, mens positive verdier vil legge til mellomrom mellom bokstaver.

-sporing: I likhet med begrepet Kerning justerer sporing den generelle kerningen over en hel tekstobjekt eller over flere valgte bokstaver. Du kan justere sporing på et tekstobjekt, og deretter kjerne mellom individuelle bokstaver, hvis du ønsker det.

Vertikal skala: En kontrollert måte å strekke og squash typografi opp og ned. Angi numeriske verdier her i prosent av den opprinnelige tegnhøyden.

Horisontell skala: En kontrollert måte å strekke og squash typografi til venstre og høyre. Skriv inn numeriske verdier her i prosent av den opprinnelige tegnbredden.

Baseline Shift: Grunnlinjen er linjen teksten "hviler" på.Flytt bestemte valgte tegn ut av grunnlinjen for å få dem til å vises høyere eller lavere enn resten av den angitte teksten.

Tekstfarge: Et område hvor tekstobjektfarge kan justeres.

Språk: Justerer språket teksten er satt inn, hvis ikke-engelske tegn er nødvendig.

Anti-Aliasing: Alternativer for gjengivelse av tekst i piksler ved å justere mengden pikselfarging som brukes til å beskrive kantene av typen."Ingen" gjør bokstaver i hardkanter, mens alle andre bruker ulike former for anti-aliasing.

Faux Bold og Other Character Panel Valg

Faux Bold: Størrelsen på din nåværende skrift er kunstig fortykket for å lage en kunstig fet skrift.Å bruke en faktisk fet skrifttype i "Font Family" eller "Font Style" er generelt å foretrekke.
Faux Kursiv: Din nåværende skrift er kunstig skråt til høyre, og skaper et falsk kursiv utseende. Igjen, bruk av en faktisk kursiv skrift i "Font Family" eller "Font Style" er å foretrekke.
Versjon: Omformer din type i hele versal. Veldig nyttig i de tilfeller hvor det er tidkrevende å skrive på store deler av store og små bokstaver.
Små caps: Oppretter en falsk liten kappe ved å krympe punktstørrelsen på store bokstaver. Alle små bokstaver vil bli erstattet med disse mindre kapitlene i tekstobjektet.
Superscript: Endrer valgt tekst eller tekstobjekt til oppskrift, som i tilfelle av 28.
Subscript: Endrer valgt tekst eller tekstobjekt til abonnement, som for C6H12O6.
Understreke: Legger til et enkelt understreke under din valgte tekst eller tekstobjekt.
Strikethrough: Legger til en enkel streik gjennom all valgt tekst eller tekstobjekt.

Alternativpanelet og Typeverktøyet

Enkelte alternativer som ikke er tilgjengelige i tegnpanelet venter øverst på skjermen, i Alternativer-panelet, når du bruker Type-verktøyet. Disse tre er:

Tekstorientering: Skifter retningen teksten i tekstobjektet kjører, enten horisontalt eller vertikalt.
Justering: Angir justeringen av tekstobjektet enten til venstreorientert, senterjustert eller høyrejustert.
Warp Text: Varsler tekstobjekter i en av flere forhåndsdefinerte, justerbare former, som bannere eller andre objekter.

Designe en enkel bokomslag

Fordi design handler om virkelighetsapplikasjon, vil vi se gjennom etableringen av et grunnleggende bokomslagdesign for en av de viktigste( ikke å si kontroversielle) vitenskapelige bøker av all tid, om opprinnelsen tilArter med naturlig utvalg , av Charles Darwin.

bringer opp nivåverktøyet for å justere bildet av Darwin. Mens design ikke nødvendigvis bare handler om arrangement av elementer, vil denne forenklede tilnærmingen være tilstrekkelig til demonstrasjonsformål.

Da bildet er svart, klikk Ctrl på den grå kanalen i kanalpanelet. Dette skaper et utvalg av alt det hvite i bildet.

Rediger: Hvis filen ikke allerede er i Gråskala, men RGB eller CMYK, bør du gå til Image & gt;Modus & gt;Gråskala før Ctrl + Klikk på din gråtonekanal. Takk til HTG-leseren l3utterfish for å bringe dette til min oppmerksomhet.

Trykk for å opprette nytt lag.

Rediger & gt;Fyll ut valget i det nye laget med hvitt.

Ikonfotografiet av Darwin er nå fjernet fra den svarte bakgrunnen og klar til bruk som et element.

Trykk for å opprette et nytt dokument med ønsket størrelse. Størrelsen som er illustrert er den samme størrelsen på en annen viktig bok, Robert Bringhurst Elements of Typographic Style .

Og her er vårt svært lange arbeidsområde for bokomslaget.

Velg en forgrunnsfarge i verktøykassen. En hvilken som helst farge vil være tilstrekkelig, selv om det i denne demonstrasjonen er en mørk farge å foretrekke.

Rediger & gt;Fyll ut og vær sikker på å sette "Bruk" til "Forgrunnsfarge."

Bakgrunnen er fylt med tidligere valgt vinfarge.

Trykk hurtigtasten. Naviger til den opprinnelige filen, og dra laget ditt inn i den nye filen ved hjelp av det valgte Flyttverktøyet.

Laget skal vises slik som dette inne i den nye filen.

Trykk eller velg typverktøyet, Illustrert ovenfor for å starte innstillingstype.

Ikke alle skrifter er passende for innholdet. Denne pixelerte skrifttypen er veldig dårlig for dette konseptet.

En mer konservativ skrift kan hylle innholdet og skape et mer passende utseende.

Med selv noen få begrensede skriftalternativer installert, kan det virke overveldende.Å velge riktig skrift er imidlertid vanskelig og tidkrevende, men det er helt viktig for et design.

Når den riktige skrifttypen er funnet, er det enkelt å justere det med tegnpanelet.

Skriftstørrelsen er endret, og typen er delt inn i to linjer.

Når punktstørrelsen er justert, kan det hende at vi får problemer med ledende.

Når brevene kolliderer, blir leserne igjen med lesbarhet og lesbarhetsproblemer. Justering av ledende er det eneste svaret.

Å øke punktstørrelsen på ledelsen forbedrer tittelens lesbarhet.

Tilleggsinformasjon må legges til, og ofte antar Photoshop at du vil bruke samme skrift som punktstørrelse som det sist brukte tekstobjektet. Dette kan eller ikke være tilfelle.

Nye tekstobjekter er lagt til og justert, vi kan begynne å få tilgang til vårt design som helhet.

Vi kan finne at vi ønsker å flytte elementer rundt.

Vi kan også legge til flere elementer eller subtilitetskryssetekst, for å holde en konsistent linje på siden. Tekstverktøyet lar deg også justere skrivefeil, som bokstavene "Middel" "Naturlig" og "Utvalg" som trenger kapitalisering i en tittel.

Tilleggselementer kan også hjelpe et design, som dette skjelettet av Lucy, den berømte Australopithecus afarensis. Igjen er design ikke nødvendigvis en enkel kombinasjon av elementer, da det kan involvere prosessen Photoshop er helt ute av stand til. Det er imidlertid ofte et utmerket verktøy for denne typen grafikkarbeid.

Photoshop tips forlot deg forvirret? Start på begynnelsen! Sjekk ut de forrige delene av How-To Geek Guide til å lære Photoshop.

  • Del 1: Verktøykassen
  • Del 2: Grunnpaneler
  • Del 3: Introduksjon til lag
  • Del 4: Grunnleggende menyer
  • Del 5: Nybegynner Fotoredigering
  • Del 6: Digital kunst
  • Del 7: Design og typografi
  • Del 8: Filtre
Kom tilbake til How-To Geek for de siste delene av Guide to Learning Photoshop, hvor vi vil pakke opp vår guide med en titt på Filtrene i Photoshop.

Image Credit: Darwin av Julia Margaret Cameron, i offentlig dom. Lucy av Wikipedia bruker 120, gjort tilgjengelig under Creative Commons.