15Sep

De How-To Geek-handleiding voor het leren van Photoshop, deel 7: ontwerp en typografie

-programma's zoals Photoshop hebben het mogelijk gemaakt dat nieuwe generaties aspirant-ontwerpers eenvoudiger dan ooit tevoren kunnen inspringen. Zie hoe eenvoudig het is door het paneel met typekarakters te leren en dit toe te passen op een aantal basisontwerpen.

Na een korte bespreking van de teksttool in deel 1, de toolbox en het maken van tekstobjecten in deel 3, lagen, laten we de typografie in Photoshop nader bekijken. Natuurlijk, als je een deel van de How-To Geek Guide voor het leren van Photoshop hebt gemist, zijn ze allemaal nog steeds beschikbaar in deze gebundelde link.

-lettertypen en het tekenvenster

Hoewel vectorprogramma's zoals Adobe Illustrator superieure keuzes zijn voor het verwerken van abstracte vormen zoals lettertypen, is Photoshop geen flauwekulje op de afdeling Typografie. Het is in staat tot bijna elke typografische behandeling waar Illustrator toe in staat is, en sommige dat niet.

Het personagepaneel is te vinden door naar Venster & gt;Teken, als dit nog niet in je rechterzijpaneel staat. Het is rijk aan opties voor je tekst, die we nu zullen bespreken. Wees gewaarschuwd, dat dit gedeelte gecompliceerde typografische termen bevat die u misschien wel of niet kent. Verzorg je typografische termen met het How-To Geek-artikel, 'Typografie als een professionele ontwerper begrijpen', of blijf gewoon lezen.

Fontfamilie: Waar u het lettertype hebt gekozen waarin uw tekstobject is ingesteld, bijvoorbeeld Helvetica, Arial, Times New Roman, enz.

Fontstijl: Als u lettertypefamilies hebt geïnstalleerd, is uw "lettertype" mogelijk actief, dit is waar u alternatieve versies van hetzelfde gezicht kunt kiezen. Bijvoorbeeld Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, etc.

Font Size: Waar u de grootte van uw lettertype numeriek kunt wijzigen. Typ hier nummers in of gebruik het vervolgkeuzemenu voor voorgestelde gemeenschappelijke puntgrootten.

Leiden: Typografische term voor de spatie tussen regels alineatekst, ingesteld in punten.

Kerning: Horizontale spatiëring tussen letterparen. Negatieve numerieke waarden hier zullen spaties tussen tekens sluiten, terwijl positieve waarden ruimte tussen letters zullen toevoegen.

Tracking: Vergelijkbaar met het concept van Kerning, past Tracking de algemene afspatiëring over een volledig tekstobject of over meerdere geselecteerde letters aan. U kunt het volgen van een tekstobject aanpassen en vervolgens de kern tussen afzonderlijke letters, als u dat wenst.

Vertical Scale: Een gecontroleerde manier om typografie op en neer te rekken en te pletten. Voer hier numerieke waarden in in procent van de oorspronkelijke letterhoogte.

Horizontale schaal: Een gecontroleerde manier om de typografie naar links en rechts te rekken en te pletten. Voer hier numerieke waarden in in procenten van de oorspronkelijke tekenbreedte.

Baseline Shift: De baseline is de regel waarop de tekst "rust".Verplaats bepaalde geselecteerde tekens van de basislijn om ze hoger of lager te laten lijken dan de rest van de ingestelde tekst.

Tekstkleur: Een gebied waar de kleur van het tekstobject kan worden aangepast.

Taal: Past de taal aan waarin de tekst is ingesteld, voor het geval er niet-Engelse tekens nodig zijn.

Anti-aliasing: Opties voor het renderen van tekst in pixels door de hoeveelheid pixelvervaging aan te passen die wordt gebruikt om de randen van het type te beschrijven."Geen" geeft letters weer in randen met harde randen, terwijl alle andere letters verschillende vormen van anti-aliasing gebruiken.

Faux Bold en andere opties voor tekenvenster

Faux Bold: De grootte van uw huidige lettertype is kunstmatig verdikt om een ​​kunstmatig vet lettertype te maken. Het gebruik van een vetgedrukt lettertype in de "Font Family" of "Font Style" heeft over het algemeen de voorkeur.
Faux Cursief: Uw huidige lettertype is kunstmatig naar rechts afgeschuind, waardoor een vals cursief uiterlijk ontstaat. Nogmaals, het gebruik van een echt cursief lettertype in de "Font Family" of "Font Style" heeft de voorkeur.
Hoofdletters: Transformeert uw type naar alle hoofdletters. Zeer nuttig in die gevallen waar het tijdrovend is om grote delen van hoofdletters en kleine letters opnieuw te typen.
Small Caps: Creëert valse kleine caps door de puntgrootte van uw hoofdletters te verkleinen. Alle kleine letters worden vervangen door deze kleinere hoofdletters in uw tekstobject.
Superscript: Wijzigt geselecteerde tekst of tekstobject in superscript, zoals in het geval van 28.
Subscript: Wijzigt geselecteerde tekst of tekstobjecten in subscript, zoals in het geval van C6H12O6.
Onderstrepen: Voegt een eenvoudig onderstrepingsteken toe onder het geselecteerde tekst- of tekstobject.
Doorstrepen: Voegt een eenvoudige waarschuwing toe voor al uw geselecteerde tekst- of tekstobjecten.

Het Optiepaneel en het Type Tool

Sommige opties die niet beschikbaar zijn in het Karakterpaneel, wachten aan de bovenkant van uw scherm, in het Optiepaneel, wanneer u het Type-gereedschap gebruikt. Deze drie zijn:

-tekstoriëntatie: Schakelt de richting van de tekst in uw tekstobject in, zowel horizontaal als verticaal.
Uitlijning: Stelt de uitlijning van uw tekstobject in op Left-Aligned, Center-Aligned of Right Aligned.
Warp Text: Hiermee worden tekstobjecten samengebogen tot een van de vooraf gedefinieerde, aanpasbare vormen, zoals banners of andere objecten.

Een eenvoudige boekomslag ontwerpen

Omdat ontwerp gaat over toepassing in de echte wereld, bekijken we de creatie van een basisontwerp voor een boekomslag voor een van de belangrijkste( om niet te zeggen controversiële) wetenschappelijke boeken aller tijden, On The Origin ofSoorten door natuurlijke selectie , door Charles Darwin.

laat de niveaus-tool zien om het beeld van Darwin aan te passen. Hoewel design niet noodzakelijkerwijs alleen maar een ordening van elementen is, is deze simplistische benadering voldoende voor demonstratiedoeleinden.

Klik terwijl de afbeelding zwart is op Ctrl op het grijze kanaal in uw kanalenpaneel. Hierdoor wordt een selectie van al het wit in de afbeelding gemaakt.

Bewerken: als uw bestand nog niet in grijstinten is, maar RGB of CMYK, ga dan naar Afbeelding & gt;Modus & gt;Grijswaarden vóór Ctrl + Klikken op uw grijswaardenkanaal. Dank aan HTG-lezer l3utterfish om dit onder mijn aandacht te brengen.

Druk om een ​​nieuwe laag te maken.

Bewerken & gt;Vullen om de selectie in je nieuwe laag met wit te vullen.

De pictogramfoto van Darwin is nu verwijderd van de zwarte achtergrond en klaar om als een element te worden gebruikt.

Druk hierop om een ​​nieuw document met de door u gewenste grootte te maken. De afgebeelde maat heeft dezelfde afmetingen als een ander belangrijk boek, de van Robert Bringhurst The Elements of Typographic Style .

En hier is onze zeer lange werkruimte voor de boekomslag.

Kies een voorgrondkleur in de toolbox. Elke kleur is voldoende, hoewel in deze demonstratie een donkere kleur de voorkeur heeft.

Bewerken & gt;Vul en zorg ervoor dat u "Gebruik" instelt op "Voorgrondkleur".

De achtergrond is gevuld met de eerder gekozen wijnkleur.

Druk op de sneltoets. Navigeer naar uw oorspronkelijke bestand en sleep uw laag naar uw nieuwe bestand met behulp van de geselecteerde verplaatsingstool.

De laag zou in het nieuwe bestand zoiets moeten zijn.

Druk op of selecteer het tekstgereedschap, hierboven geïllustreerd om het instellingstype te starten.

Niet alle lettertypen zijn geschikt voor de inhoud. Dit korrelige lettertype is erg slecht voor dit concept.

Een meer conservatief lettertype kan de inhoud respecteren en een meer gepast uiterlijk creëren.

Met zelfs een paar beperkte lettertype-opties geïnstalleerd, kan het overweldigend lijken. Het kiezen van het juiste lettertype is echter moeilijk en tijdrovend, maar is in zijn geheel erg belangrijk voor een ontwerp.

Wanneer het juiste lettertype wordt gevonden, is het eenvoudig om het aan te passen met het tekenvenster.

De lettergrootte is gewijzigd en het type is opgesplitst in twee regels.

Wanneer de puntgrootte is aangepast, kunnen we problemen ondervinden met leiden.

Wanneer letters botsen, blijven lezers problemen met de leesbaarheid en leesbaarheid. Aanpassen van leiden is het enige antwoord.

Het vergroten van de puntgrootte van de voorloop verbetert de leesbaarheid van de titel.

Er moet aanvullende informatie worden toegevoegd en in veel gevallen gaat Photoshop ervan uit dat u hetzelfde lettertype wilt gebruiken als de puntgrootte van uw laatst gebruikte tekstobject. Dit kan al dan niet het geval zijn.

Nieuwe tekstobjecten toegevoegd en aangepast, we kunnen toegang krijgen tot ons ontwerp als geheel.

We kunnen merken dat we elementen willen verplaatsen.

We kunnen ook meer elementen of subtiliteitshifttekst toevoegen om een ​​consistente lijn op de pagina te behouden. Met het gereedschap Tekst kun je ook typefouten aanpassen, zoals de letters "Middelen" "Natuurlijk" en "Selectie" die moeten worden geactiveerd in een titel.

Extra elementen kunnen ook een ontwerp helpen, zoals dit skelet van Lucy, de beroemde Australopithecus afarensis. Nogmaals, ontwerp is niet noodzakelijkerwijs een eenvoudige combinatie van elementen, omdat het een proces kan zijn waarvoor Photoshop volledig niet in staat is. Het is echter vaak een uitstekende tool voor dit soort grafische werken.

Photoshop-tips liet je in de war? Begin bij het begin! Bekijk de vorige delen van de How-To Geek Guide to Learning Photoshop.

  • Deel 1: De Toolbox
  • Deel 2: Basispanelen
  • Deel 3: Inleiding tot lagen
  • Deel 4: Basismenu's
  • Deel 5: Beginnen met fotobewerking
  • Deel 6: Digitale kunst
  • Deel 7: Ontwerp en typografie
  • Deel 8: Filters
Kom terug naar How-To Geek voor de laatste delen van de gids voor het leren van Photoshop, waar we onze gids zullen inpakken met een blik op de filters van Photoshop.

Image Credit: Darwin door Julia Margaret Cameron, in het publieke domein. Lucy door Wikipedia-gebruiker 120, beschikbaar gesteld onder Creative Commons.