Der How-To-Geek-Leitfaden zum Lernen von Photoshop, Teil 7, Design und Typografie

Programme wie Photoshop haben es neuen Generationen von möglichen Designern ermöglicht, mit noch mehr Leichtigkeit als je zuvor zu arbeiten. Sehen Sie, wie einfach es ist, wenn Sie das Textfeld „Zeichen“ kennenlernen und auf einige grundlegende Konstruktionsarbeiten anwenden.

Nachdem Sie das Textwerkzeug in Teil 1, Die Toolbox, und die Erstellung von Textobjekten in Teil 3, Ebenen, kurz behandelt haben, werfen wir einen Blick auf das Festlegen der Typografie in Photoshop. Wenn Sie einen Teil des How-To-Geek-Leitfadens zum Lernen von Photoshop verpasst haben, sind diese natürlich immer noch in diesem gebündelten Link verfügbar.

Schriftarten und die Zeichenleiste

Während Vektorprogramme wie Adobe Illustrator überlegene Optionen für den Umgang mit abstrakten Formen wie Schriftarten sind, ist Photoshop in der Typografieabteilung kein Problem. Es ist für fast jede typografische Behandlung in der Lage, zu der Illustrator fähig ist, und einige, die es nicht gibt.

Sie finden das Zeichenfenster unter "Fenster"> "Zeichen", wenn es sich noch nicht in Ihrem rechten Seitenfenster befindet. Es gibt viele Optionen für Ihren Text, die wir jetzt besprechen. Seien Sie gewarnt, dass dieser Abschnitt komplizierte typografische Begriffe enthält, die Sie möglicherweise nicht kennen. Informieren Sie sich im How-To-Geek-Artikel „Verstehen Sie Typografie wie ein professioneller Designer“ oder lesen Sie einfach weiter.

Schriftfamilie: Wo Sie die Schriftart gewählt haben, in der Ihr Textobjekt festgelegt ist, z. B. Helvetica, Arial, Times New Roman usw..

Schriftstil: Wenn Sie Schriftfamilien installiert haben, ist möglicherweise Ihr "Schriftstil" aktiv. Hier können Sie alternative Versionen desselben Gesichts auswählen. Zum Beispiel Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black usw.

Schriftgröße: Hier können Sie die Größe Ihrer Schrift numerisch ändern. Geben Sie hier Zahlen ein oder verwenden Sie das Pulldown-Menü für die empfohlenen allgemeinen Punktgrößen.

Führend: Typografische Bezeichnung für den Abstand zwischen Absatzzeilen, in Punkten angegeben.

Kerning: Horizontaler Abstand zwischen Buchstabenpaaren. Negative numerische Werte schließen Leerzeichen zwischen Zeichen und positive Werte Leerzeichen zwischen Buchstaben.

Verfolgung: Ähnlich wie beim Kerning wird bei Tracking das allgemeine Kerning für ein gesamtes Textobjekt oder für mehrere ausgewählte Buchstaben angepasst. Sie können die Nachverfolgung für ein Textobjekt anpassen und dann, wenn Sie möchten, zwischen einzelnen Buchstaben einen Kern bilden.

Vertikale Skala: Ein kontrollierter Weg, um Typografie auf und ab zu strecken. Geben Sie hier numerische Werte in Prozent der ursprünglichen Zeichenhöhe ein.

Horizontale Skala: Ein kontrollierter Weg, um Typografie nach links und rechts zu strecken und zu zerquetschen. Geben Sie hier numerische Werte in Prozent der ursprünglichen Zeichenbreite ein.

Grundlinienverschiebung: Die Grundlinie ist die Linie, auf der der Text ruht. Bewegen Sie bestimmte ausgewählte Zeichen von der Grundlinie, damit sie höher oder niedriger als der Rest des gesetzten Textes erscheinen.

Textfarbe: Ein Bereich, in dem die Textobjektfarbe angepasst werden kann.

Sprache: Passt die Sprache an, in der der Text eingestellt ist, falls nicht englische Zeichen benötigt werden.

Kantenglättung: Optionen zum Rendern von Text in Pixeln durch Anpassen der Pixelverschmierung, mit der die Kanten des Typs beschrieben werden. Bei „Keine“ werden Buchstaben in scharfkantigen Pixeln dargestellt, während alle anderen verschiedene Formen des Anti-Aliasing verwenden.

Faux-Fett- und andere Charakterfeldoptionen

	Faux Bold: Die Größe Ihrer aktuellen Schriftart wird künstlich verdickt, um eine künstliche Fettschrift zu erzeugen. Die Verwendung einer echten fetten Schrift in der „Schriftfamilie“ oder „Schriftstil“ ist im Allgemeinen vorzuziehen.
	Faux Italic: Ihre aktuelle Schriftart ist künstlich nach rechts geneigt, wodurch ein kursiver Ausdruck entsteht. Die Verwendung einer tatsächlichen Kursivschriftart in der „Schriftfamilie“ oder dem „Schriftstil“ ist zu bevorzugen.
	Großbuchstaben: Wandelt Ihren Typ in Großbuchstaben um. Sehr nützlich in Fällen, in denen es sehr zeitaufwendig ist, große Abschnitte von Groß- und Kleinbuchstaben erneut einzugeben.
	Small Caps: Erzeugt falsche Kapitälchen durch Verkleinern der Punktgröße Ihrer Großbuchstaben. Alle Kleinbuchstaben werden durch diese kleineren Großbuchstaben in Ihrem Textobjekt ersetzt.
	Hochgestellt: Ändert ausgewählten Text oder Textobjekt in hochgestellt, wie im Fall von 2⁸.
	Index: Ändert den ausgewählten Text oder Textobjekt wie im Fall von C in tiefgestellt₆H₁₂O₆.
	Unterstreichen: Fügt einen einfachen Unterstrich unter dem ausgewählten Text oder Textobjekt hinzu.
	Durchgestrichen: Fügt allen markierten Text oder Textobjekt einen einfachen Strich hinzu.

Das Optionsfeld und das Textwerkzeug

Einige Optionen, die im Zeichenbereich nicht verfügbar sind, warten oben auf dem Bildschirm im Optionsbereich, wenn Sie das Textwerkzeug verwenden. Diese drei sind:

	Textausrichtung: Schaltet die Richtung um, in der der Text in Ihrem Textobjekt verläuft, entweder horizontal oder vertikal.
	Ausrichtung: Legt die Ausrichtung Ihres Textobjekts auf Linksorientiert, Zentriert oder Rechtsorientiert fest.
	Warp-Text: Verzerrt Textobjekte in eine von mehreren vordefinierten, anpassbaren Formen, wie Banner oder andere Objekte.

Entwerfen eines einfachen Buchdeckels

Da es sich bei Design um eine Anwendung in der realen Welt handelt, werden wir die Erstellung eines grundlegenden Coverdesigns für eines der wichtigsten (um nicht zu sagen kontroversen) wissenschaftlichen Bücher aller Zeiten durchzusehen, Über den Ursprung der Arten mittels natürlicher Selektion, von Charles Darwin.

ruft das Level-Tool auf, um das Bild von Darwin anzupassen. Während es beim Design nicht unbedingt nur um die Anordnung von Elementen geht, genügt dieser vereinfachte Ansatz zu Demonstrationszwecken.

Wenn das Bild schwarz ist, klicken Sie im Kanalbedienfeld bei gedrückter Strg-Taste auf den Grau-Kanal. Dadurch wird eine Auswahl des gesamten Weiß im Bild erstellt.

Bearbeiten: Wenn sich Ihre Datei nicht bereits in Graustufen, sondern in RGB oder CMYK befindet, sollten Sie zu Bild> Modus> Graustufen gehen, bevor Sie Strg + Klicken auf Ihrem Graustufen-Kanal anklicken. Danke an den HTG-Leser l3utterfish, der mich darauf aufmerksam gemacht hat.

Drücken Sie um eine neue Ebene zu erstellen.

Bearbeiten> Füllen, um die Auswahl in Ihrer neuen Ebene mit Weiß zu füllen.

Das Symbolfoto von Darwin ist jetzt vom schwarzen Hintergrund entfernt und kann als Element verwendet werden.

Drücken Sie So erstellen Sie ein neues Dokument in Ihrer bevorzugten Größe. Die abgebildete Größe entspricht der Größe eines anderen wichtigen Buches, der von Robert Bringhurst Die Elemente des typografischen Stils.

Und hier ist unser sehr großer Arbeitsbereich für das Buchcover.

Wählen Sie eine Vordergrundfarbe in der in deiner Toolbox. Jede Farbe reicht aus, obwohl in dieser Demonstration eine dunkle Farbe vorzuziehen ist.

Bearbeiten> Füllen, und stellen Sie sicher, dass "Verwenden" auf "Vordergrundfarbe" gesetzt ist.

Der Hintergrund wird mit der zuvor ausgewählten Weinfarbe gefüllt.

Tastenkombination drücken . Navigieren Sie zu Ihrer Originaldatei und ziehen Sie Ihre Ebene mit dem ausgewählten Verschiebungswerkzeug in Ihre neue Datei.

Die Ebene sollte in der neuen Datei ungefähr so aussehen.

Drücken Sie oder wählen Sie das Typwerkzeug (oben abgebildet), um den Einstellungstyp zu starten.

Nicht alle Schriftarten passen zum Inhalt. Diese pixelige Schrift ist für dieses Konzept sehr schlecht.

Eine konservativere Schriftart kann den Inhalt würdigen und ein passenderes Erscheinungsbild erzeugen.

Mit nur wenigen eingeschränkten Font-Optionen kann es überwältigend wirken. Die Auswahl der richtigen Schriftart ist jedoch schwierig und zeitaufwändig, aber insgesamt für ein Design sehr wichtig.

Wenn die richtige Schriftart gefunden wurde, ist das Anpassen mit dem Zeichenbereich einfach.

Die Schriftgröße wird geändert und der Typ in zwei Zeilen aufgeteilt.

Wenn die Punktgröße angepasst wird, können Probleme mit dem Lead auftreten.

Wenn Buchstaben miteinander kollidieren, bleibt den Lesern Lesbarkeits- und Lesbarkeitsprobleme. Das Anpassen von Leading ist die einzige Antwort.

Durch Erhöhen der Punktgröße der Titelzeile wird die Lesbarkeit des Titels verbessert.

Zusätzliche Informationen müssen hinzugefügt werden. In Photoshop wird häufig davon ausgegangen, dass Sie dieselbe Schriftart als Punktgröße wie Ihr zuletzt verwendetes Textobjekt verwenden möchten. Dies kann der Fall sein oder nicht.

Neue Textobjekte hinzugefügt und angepasst, wir können auf unser gesamtes Design zugreifen.

Möglicherweise möchten wir Elemente verschieben.

Wir können auch weitere Elemente oder einen subtileren Versatztext hinzufügen, um eine konsistente Linie auf der Seite zu erhalten. Mit dem Textwerkzeug können Sie auch Tippfehler anpassen, wie z. B. die Buchstaben „Mittel“, „Natürlich“ und „Auswahl“, die in einem Titel groß geschrieben werden müssen.

Zusätzliche Elemente können auch beim Entwurf helfen, wie dieses Skelett von Lucy, der berühmte Australopithecus afarensis. Auch beim Design handelt es sich nicht unbedingt um eine einfache Kombination von Elementen, da es sich um einen Prozess handeln kann, für den Photoshop völlig unfähig ist. Es ist jedoch oft ein hervorragendes Werkzeug für diese Art von Grafikarbeit.

Photoshop-Tipps haben Sie verwirrt? Beginnen Sie am Anfang! Sehen Sie sich die vorherigen Anleitungen des How-To-Geek-Handbuchs zum Lernen von Photoshop an.

Teil 1: Die Toolbox
Teil 2: Grundlegende Panels
Teil 3: Einführung in die Ebenen
Teil 4: Grundmenüs
Teil 5: Anfänger Fotobearbeitung
Teil 6: Digitale Kunst
Teil 7: Design und Typografie
Teil 8: Filter

Kommen Sie zu How-To-Geek für die letzten Raten des Photoshop-Leitfadens zurück. Dort erhalten Sie einen Überblick über die Filter von Photoshop.

Bildnachweis: Darwin von Julia Margaret Cameron, gemeinfrei. Lucy von Wikipedia-Benutzer 120, verfügbar unter Creative Commons.