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 gemakkelijker dan ooit tevoren kunnen inspringen en creëren. 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 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> Teken te gaan, 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. Zoek de typografische voorwaarden op met het How-To Geek-artikel 'Typografie als een professionele ontwerper begrijpen' of lees gewoon verder.
Lettertype familie: Waar u het lettertype van uw tekstobject hebt gekozen, bijvoorbeeld Helvetica, Arial, Times New Roman, enz.
Lettertype: Als u lettertypefamilies hebt geïnstalleerd, is uw 'lettertypestijl' mogelijk actief. Hier kunt u alternatieve versies van hetzelfde gezicht kiezen. Bijvoorbeeld Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, enz..
Lettertypegrootte: Waar u de grootte van uw lettertype numeriek kunt wijzigen. Typ hier nummers in of gebruik het vervolgkeuzemenu voor voorgestelde gemeenschappelijke puntgrootten.
Leading: 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 spatiëring over een volledig tekstobject of over meerdere geselecteerde letters aan. U kunt het volgen van een tekstobject aanpassen en vervolgens de kern tussen individuele letters, als u dat wenst.
Verticale schaal: Een gecontroleerde manier om typografie op en neer te rekken en te verpletteren. 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 basislijn 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.
Tekst kleur: 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 vervaging van de pixels 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 Karakterpaneelopties
Faux Bold: De grootte van je huidige lettertype is kunstmatig verdikt om een kunstmatig vet lettertype te maken. Het gebruik van een vet lettertype in de "Font Family" of "Font Style" heeft over het algemeen de voorkeur. | |
Faux Italic: 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 je type naar alle hoofdletters. Zeer nuttig in die gevallen waar het tijdrovend is om grote delen van hoofdletters en kleine letters opnieuw te typen. | |
Kleine kappen: 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 het geselecteerde tekst- of tekstobject naar superscript, zoals in het geval van 28. | |
Onderschrift: Wijzigt het geselecteerde tekst- of tekstobject in subscript, zoals in het geval van C6H12O6. | |
Onderstrepen: Voegt een eenvoudig onderstrepingsteken toe onder het geselecteerde tekst- of tekstobject. | |
Doorhalen: Voegt een eenvoudige waarschuwing toe voor al uw geselecteerde tekst- of tekstobjecten. |
Het Optiepaneel en het Type-gereedschap
Sommige opties die niet beschikbaar zijn in het tekenvenster, wachten aan de bovenkant van uw scherm in het Optiepaneel wanneer u het gereedschap Tekst gebruikt. Deze drie zijn:
Tekstrichting: Hiermee wordt de richting van de tekst in uw tekstobject in- of uitgeschakeld, zowel horizontaal als verticaal. | |
alignment: Stelt de uitlijning van uw tekstobject in op Left-Aligned, Center-Aligned of Right Aligned. | |
Warp Text: Hiermee vervormt u tekstobjecten in een van de vooraf gedefinieerde, aanpasbare vormen, zoals banners of andere objecten. |
Een eenvoudige boekomslag ontwerpen
Omdat design draait om toepassing in de echte wereld, zullen we kijken naar de creatie van een basisontwerp van een boekomslag voor een van de belangrijkste (om niet te zeggen controversiële) wetenschappelijke boeken aller tijden, Over de oorsprong van soorten door middel van natuurlijke selectie, door Charles Darwin.
brengt de niveaus-tool naar voren om het beeld van Darwin aan te passen. Hoewel het ontwerp niet noodzakelijkerwijs alleen maar gaat om het rangschikken van elementen, is deze simplistische benadering voldoende voor demonstratiedoeleinden.
Omdat de afbeelding zwart is, klikt u 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, maar RGB of CMYK is, gaat u naar Afbeelding> Modus> Grijswaarden voordat u Ctrl + klikt op uw grijswaardenkanaal. Dank aan HTG-lezer l3utterfish om dit onder mijn aandacht te brengen.
druk op om een nieuwe laag te maken.
Bewerken> 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 op om een nieuw document te maken met de door u gewenste grootte. De geïllustreerde grootte is dezelfde grootte als een ander belangrijk boek, Robert Bringhurst's De elementen van de typografische stijl.
En hier is onze zeer lange werkruimte voor de boekomslag.
Kies een voorgrondkleur in de in je gereedschapskist. Elke kleur is voldoende, hoewel in deze demonstratie een donkere kleur de voorkeur heeft.
Bewerken> Opvullen en stel "Gebruik" in 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 typetool, 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 aanpassen van het juiste lettertype eenvoudig.
De tekengrootte 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 leidende lijn 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 rond 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 omgezet 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.
Met de tips van Photoshop was 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: Fotobewerking van beginners
- Deel 6: Digitale kunst
- Deel 7: Ontwerp en typografie
- Deel 8: Filters
Kom terug naar How-To Geek voor de laatste afleveringen van de gids voor het leren van Photoshop, waar we onze gids 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.