How-To Geek Guide till Learning Photoshop, Del 7 Design och Typografi

Program som Photoshop har gjort det möjligt för nya generationer av designers att springa in och skapa med större lätthet än någonsin tidigare. Se bara hur lätt det är genom att lära typteckenpanelen och tillämpa det på ett visst grundläggande designarbete.

Efter att ha täckt textverktyget kort i del 1, Verktygslådan och skapandet av textobjekt i Del 3, Lager, kan vi titta närmare på hur man ställer in typografi i Photoshop. Om du inte har missat någon del av How-To Geek Guide till Learning Photoshop, är de givetvis fortfarande tillgängliga i den här länkade länken.

Teckensnitt och teckenpanelen

Medan vektorprogram som Adobe Illustrator är överlägsna val för hantering av abstrakta former som teckensnitt, är Photoshop inte slash i Typography-avdelningen. Det kan nästan alla typografiska behandlingar Illustrator kan, och vissa som det inte är.

Teckenfönstret kan hittas genom att gå till Window> Character, om det inte redan finns i din högra sidopanel. Den är rik på alternativ för din text, som vi ska gå över nu. Varnas, att det här avsnittet innehåller komplicerade typografiska termer som du kanske eller kanske inte vet. Börja med dina typografiska termer med How-To Geek-artikeln, "Förstå typografi som en professionell designer" eller helt enkelt fortsätt läsa.

Typsnittsfamilj: Där du valde typsnittet anges ditt textobjekt i, till exempel Helvetica, Arial, Times New Roman osv.

Typsnitt: Om du har typfamiljer installerade kan din "typsnittstil" vara aktiv, det är här du kan välja alternativa versioner av samma ansikte. Till exempel Arial Bold, Arial Narrow, Arial kondenserad, Arial Rounded MT, Arial Black, etc.

Textstorlek: Där kan du numeriskt ändra storleken på din typsnitt. Skriv in siffror här eller använd rullgardinsmenyn för förslag på gemensamma punktstorlekar.

Ledande: Typografisk term för mellanslag mellan rader av stycktext, angiven i punkter.

kerning: Horisontellt mellanrum mellan par bokstäver. Negativa numeriska värden här kommer att stänga mellanslag mellan tecken medan positiva värden lägger till mellanrum mellan bokstäver.

spårning: I likhet med begreppet Kerning anpassar spårning den allmänna kerningen över ett helt textobjekt eller över flera valda bokstäver. Du kan justera spårning på ett textobjekt och sedan kärna mellan enskilda bokstäver, om du vill.

Vertikal skala: Ett kontrollerat sätt att sträcka och squash typografi upp och ner. Ange numeriska värden här i procent av den ursprungliga teckenhöjden.

Horisontell skala: Ett kontrollerat sätt att sträcka och squash typografi till vänster och höger. Ange numeriska värden här i procent av den ursprungliga teckenbredden.

Baslinjeskift: Baslinjen är den linje som texten "vilar" på. Flytta vissa valda tecken från baslinjen för att få dem att visas högre eller lägre än resten av den angivna texten.

Text färg: Ett område där textobjektfärgen kan justeras.

Språk: Justerar det språk som texten är inställd för, om icke-engelska tecken behövs.

Anti-Aliasing: Alternativ för att göra text i pixlar genom att justera mängden pixelfärg som används för att beskriva kanterna av typen. "None" gör brev i hårdkantade pixlar, medan alla andra använder olika former av anti-aliasing.

Faux Bold och Other Character Panel Options

	Faux Bold: Storleken på din nuvarande typsnitt är artificiellt förtjockad för att skapa en artificiell fet skrift. Att använda en faktisk fet skrift i "Font Family" eller "Font Style" är generellt att föredra.
	Faux Kursiv: Din nuvarande typsnitt är artificiellt snedställd till höger och skapar ett falskt kursiv utseende. Återigen är det lämpligt att använda en faktisk kursiv typ i "Font Family" eller "Font Style".
	Versal: Överför din typ till hela versalen. Mycket användbar i de fall där det är tidskrävande att skriva in stora delar av stora och små bokstäver.
	Små bokstäver: Skapar en falsk liten keps genom att krympa punktstorleken på dina versaler. Alla små bokstäver kommer att ersättas med dessa mindre huvudstorlekar i ditt textobjekt.
	Exponent: Ändrar markerat text eller textobjekt till överskrift, som i fallet med 2⁸.
	Index: Ändrar markerat text eller textobjekt till prenumeration, som i fallet C₆H₁₂O₆.
	Understrykning: Lägger till ett enkelt understreck under din markerade text eller textobjekt.
	struken: Lägger till en enkel strejk genom hela din markerade text eller textobjekt.

Alternativpanelen och typverktyget

Vissa alternativ som inte finns tillgängliga i teckenfönstret väntar högst upp på skärmen, i alternativpanelen när du använder typverktyget. Dessa tre är:

	Textorientering: Växlar den riktning texten i ditt textobjekt körs, antingen horisontellt eller vertikalt.
	Inriktning: Ställer in anpassningen av ditt textobjekt antingen till vänsterjusterat, centrerat eller högerjusterat.
	Warp Text: Warps textobjekt i en av flera fördefinierade, justerbara former, som banners eller andra objekt.

Designa en enkel bokomslag

Eftersom design handlar om en verklig världsapplikation, kommer vi att se igenom skapandet av en grundläggande bokomslagsdesign för en av de viktigaste (inte säga kontroversiella) vetenskapliga böckerna hela tiden, På artens ursprung med hjälp av naturliga urval, av Charles Darwin.

ger upp nivåverktyget för att justera bilden av Darwin. Medan design inte nödvändigtvis bara handlar om arrangemang av element, kommer detta förenklade tillvägagångssätt att räcka för demonstrationsändamål.

När bilden är svart, Ctrl klicka på den gråa kanalen i din kanalpanel. Detta skapar ett urval av alla vita i bilden.

Redigera: Om din fil inte redan finns i gråskala, men RGB eller CMYK, ska du gå till Bild> Läge> Grayscale innan Ctrl + Klicka på din gråskala kanal. Tack vare HTG-läsaren l3utterfish för att få det till min uppmärksamhet.

Tryck för att skapa nytt lager.

Redigera> Fyll i för att fylla urvalet i ditt nya lager med vit.

Ikonfotografiet av Darwin tas nu bort från den svarta bakgrunden och är redo att användas som ett element.

Tryck för att skapa ett nytt dokument med önskad storlek. Den illustrerade storleken är lika stor som en annan viktig bok, Robert Bringhurst Elementen av typografisk stil.

Och här är vår mycket stora arbetsytan för bokomslaget.

Välj en förgrundsfärg i i din verktygslåda. Vilken färg som helst är tillräcklig, men i den här demonstrationen föredras en mörk färg.

Redigera> Fyll och var säker på att ställa in "Använd" till "Förgrundsfärg".

Bakgrunden är fylld med den tidigare valda vinfärgen.

Tryck på genvägsknappen . Navigera till din ursprungliga fil och dra ditt lager i din nya fil med det valda Flytta verktyget.

Skiktet ska visas ungefär så här inne i den nya filen.

Tryck eller välj typverktyget, Illustrerat ovan för att starta inställningstypen.

Inte alla teckensnitt är lämpliga för innehållet. Detta pixelerade teckensnitt är mycket dåligt för detta koncept.

Ett mer konservativt teckensnitt kan hedra innehållet och skapa ett mer lämpligt utseende.

Med även några begränsade teckensnitt installerade kan det verka överväldigande. Att välja rätt teckensnitt är dock svårt och tidskrävande, men helt och hållet mycket viktigt för ett design.

När rätt teckensnitt hittas, är det enkelt att justera det med teckenpanelen.

Teckensnittsstorleken ändras, och typen bryts i två rader.

När punktstorleken justeras kan vi komma in i problem med ledande.

När bokstäverna kolliderar kommer läsarna att vara kvar med läsbarhet och läsbarhetsproblem. Justering av ledande är det enda svaret.

Att öka punktens storlek på ledningen förbättrar titelns läsbarhet.

Ytterligare information måste läggas till och ofta förutsätter Photoshop att du vill använda samma teckensnitt som punktstorlek som ditt senast använda textobjekt. Det kan eller inte vara fallet.

Nya textobjekt läggs till och justeras, vi kan börja komma åt vår design som helhet.

Vi kan hitta att vi önskar flytta element runt.

Vi kan också lägga till fler element eller subtilitetskifttext för att hålla en konsekvent linje på sidan. Textverktyget låter dig också justera typsnitt, som bokstäverna "Medel" "Naturligt" och "Urval" som behöver aktiveras i en titel.

Ytterligare element kan också hjälpa till med en design, som detta skelett av Lucy, den berömda Australopithecus afarensis. Återigen är design inte nödvändigtvis en enkel kombination av element, eftersom det kan innebära att Photoshop är helt oförmöget. Det är dock ofta ett utmärkt verktyg för denna typ av grafikarbete.

Photoshop tips lämnade dig förvirrad? Börja vid början! Kolla in de tidigare delarna av How-To Geek Guide till Learning Photoshop.

Del 1: Verktygslådan
Del 2: Grundpaneler
Del 3: Introduktion till lager
Del 4: Grundläggande menyer
Del 5: Nybörjare Bildredigering
Del 6: Digital Art
Del 7: Design och typografi
Del 8: Filter

Kom tillbaka till How-To Geek för de sista delarna av Guide to Learning Photoshop, där vi kommer att pakka upp vår guide med en titt på Photoshop-filerna.

Bildkredit: Darwin av Julia Margaret Cameron, offentligt. Lucy av Wikipedia användare 120, tillgänglig under Creative Commons.