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

Innholdsfortegnelse:

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

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

Video: How-To Geek Guide til Learning Photoshop, Del 7: Design og typografi
Video: Винтажная бомба! CERTINA DS CHRONOGRAPH AUTOMATIC - YouTube 2024, April
Anonim
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.
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 finnes 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.
Tegnpanelet kan bli funnet ved å gå til Vindu> Tegn, hvis det ikke allerede finnes 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.

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

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 Smal, 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 felles 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 et helt 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. 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 av uskarphet for uskarphet som brukes til å beskrive kantene av typen. "Ingen" gir bokstaver i hardkanter, mens alle andre bruker ulike former for anti-aliasing.

Faux Bold og Other Character Panel Options

Faux Bold: Størrelsen på din nåværende skrift er kunstig fortykket for å skape 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.
Stor bokstav: 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.
hevet: Endrer valgt tekst eller tekstobjekt til oppskrift, som i tilfelle av 28.
Image
Image
senket: Endrer valgt tekst eller tekstobjekt til abonnement, som for C6H12O6.
Image
Image
understreker: Legger til et enkelt understreke under din valgte tekst eller tekstobjekt.
Image
Image
Gjennom: Legger til en enkel streik gjennom hele din valgte tekst eller tekstobjekt.
Image
Image

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:
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:
Image
Image
Tekstorientering: Bytter retningen teksten i tekstobjektet kjører, enten horisontalt eller vertikalt.
Image
Image
Justering: Angir justeringen av tekstobjektet enten til venstreorientert, senterjustert eller høyrejustert.
Image
Image
Warp Text: Varsler tekstobjekter i en av flere forhåndsdefinerte, justerbare former, som bannere eller andre objekter.
Image
Image

Utforme en enkel bokomslag

Image
Image

Fordi design handler om virkelige applikasjoner, ser vi gjennom etableringen av et grunnleggende bokomslag for en av de viktigste (ikke å si kontroversielle) vitenskapelige bøker av all tid, På opprinnelsen av arter ved hjelp av naturlige utvalg, av Charles Darwin.

Image
Image
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.
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.
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
trykk
å lage nytt lag.
å lage nytt lag.
Rediger> Fyll ut for å fylle utvalget i det nye laget med hvitt.
Rediger> Fyll ut for å fylle utvalget i det nye laget med hvitt.
Ikonfotografiet av Darwin er nå fjernet fra den svarte bakgrunnen og klar til bruk som et element.
Ikonfotografiet av Darwin er nå fjernet fra den svarte bakgrunnen og klar til bruk som et element.
trykk
trykk
Image
Image
Image
Image

å opprette et nytt dokument med din foretrukne 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.
Og her er vårt svært lange arbeidsområde for bokomslaget.
Velg en forgrunnsfarge i
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.
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."
Rediger> Fyll og vær sikker på å sette "Bruk" til "Forgrunnsfarge."
Bakgrunnen er fylt med den valgte vinfargen tidligere.
Bakgrunnen er fylt med den valgte vinfargen tidligere.
Trykk hurtigtasten
Trykk hurtigtasten
. Naviger til den opprinnelige filen, og dra laget ditt inn i den nye filen ved hjelp av det valgte Flyttverktøyet.
. 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 i den nye filen.
Laget skal vises slik som i den nye filen.
trykk
trykk
eller velg typverktøyet, Illustrert ovenfor for å starte innstillingstype.
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.
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.
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.
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 riktig skrifttype er funnet, er det enkelt å justere det med tegnpanelet.
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.
Skriftstørrelsen er endret, og typen er delt inn i to linjer.
Image
Image
Når punktstørrelsen er justert, kan vi få problemer med ledende.
Når punktstørrelsen er justert, kan vi få problemer med ledende.
Når bokstaver kolliderer, blir leserne igjen med lesbarhet og lesbarhetsproblemer. Justering av ledende er det eneste svaret.
Når bokstaver kolliderer, blir leserne igjen med lesbarhet og lesbarhetsproblemer. Justering av ledende er det eneste svaret.
Å øke punktstørrelsen på ledelsen forbedrer tittelens lesbarhet.
Å ø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.
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 legges til og justeres, vi kan begynne å få tilgang til vårt design som helhet.
Nye tekstobjekter legges til og justeres, vi kan begynne å få tilgang til vårt design som helhet.
Vi kan finne at vi ønsker å flytte elementer rundt.
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.
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 ute av stand til. Det er imidlertid ofte et utmerket verktøy for denne typen grafikkarbeid.
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 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 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, der vi vil pakke opp vår guide med en titt på Filtrene i Photoshop.

Bilde Kreditt: Darwin av Julia Margaret Cameron, i det offentlige. Lucy av Wikipedia bruker 120, gjort tilgjengelig under Creative Commons.

Anbefalt: