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

Programmer som Photoshop har gitt nye generasjoner av vil-være 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, Lag, 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.

Fonter 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 Vindu> Tegn, hvis det ikke allerede er på 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.

Font familie: Hvor du valgte skriften, er tekstobjektet angitt i for eksempel Helvetica, Arial, Times New Roman, osv.

Fontstil: Hvis du har skrifttypefamilier installert, kan "fontstil" være aktiv, det er her du kan velge alternative versjoner av samme ansikt. For eksempel, Arial Bold, Arial Narrow, Arial kondensert, Arial avrundet 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 vanlige punktstørrelser.

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

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

Tracking: I likhet med konseptet 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.

Horisontal skala: En kontrollert måte å strekke og squash typografi til venstre og høyre. Angi 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 der 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 av uskarphet for uskarphet 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 Options

	Faux Fet: Størrelsen på gjeldende skrift er kunstig fortykket for å skape en kunstig fet skrift. Bruk av 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.
	Stor bokstav: Omformer din type i hele versal. Veldig nyttig i de tilfeller hvor det er tidkrevende å skrive tilbake 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.
	hevet: Endrer valgt tekst eller tekstobjekt til oppskrift, som i tilfelle av 2⁸.
	senket: Endrer valgt tekst eller tekstobjekt til abonnement, som for C₆H₁₂O₆.
	understreker: Legger til et enkelt understreke under din valgte tekst eller tekstobjekt.
	Gjennom: Legger til en enkel streik gjennom hele din valgte tekst eller tekstobjekt.

Alternativpanelet og Typeverktøyet

Noen 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: Bytter 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.

Utforme en enkel bokomslag

Fordi design handler om virkelige applikasjoner, vil vi se gjennom etableringen av et grunnleggende bokomslag for en av de viktigste (ikke å si kontroversielle) vitenskapelige bøker av all tid, På artens opprinnelse ved hjelp av 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.

Når bildet er svart, klikker du 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 Bilde> Modus> Gråskala før Ctrl + Klikk på din gråtonekanal. Takk til HTG-leseren l3utterfish for å bringe dette til min oppmerksomhet.

trykk å lage nytt lag.

Rediger> Fyll ut for å fylle utvalget i det nye laget med hvitt.

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

trykk å opprette et nytt dokument med ønsket størrelse. Størrelsen illustrert er den samme størrelsen på en annen viktig bok, Robert Bringhurst Elementene av typografisk stil.

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

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

Rediger> Fyll og vær sikker på å sette "Bruk" til "Forgrunnsfarge."

Bakgrunnen er fylt med den valgte vinfargen tidligere.

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 typeverktø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 helt og holdent viktig for et stykke design.

Når riktig skrifttype 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 vi løse problemer med ledende.

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

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

Ytterligere informasjon 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.

Ytterligere elementer 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 utilgjengelig. 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 Foto redigering
Del 6: Digital Art
Del 7: Design og typografi
Del 8: Filtre

Kom tilbake til How-To Geek for de endelige delene av Guide to Learning Photoshop, hvor vi vil pakke opp vår guide med en titt på Photoshop-filene.

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