15Sep

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

click fraud protection

Programme wie Photoshop haben es neuen Generationen von Möchtegern-Designern ermöglicht, leichter und einfacher als je zuvor zu springen und zu erstellen. Sehen Sie sich an, wie einfach es ist, indem Sie das Type Character Panel lernen und es für einige grundlegende Konstruktionsarbeiten verwenden.

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

Fonts und das Zeichenfeld

Während Vektorprogramme wie Adobe Illustrator bessere Möglichkeiten für die Handhabung abstrakter Formen wie Fonts bieten, ist Photoshop in der Typografie-Abteilung kein Problem. Es ist zu fast jeder typografischen Behandlung in der Lage, zu der Illustrator fähig ist, und zu einigen anderen nicht.

instagram viewer

Das Zeichenfeld kann unter Window & gt;Zeichen, wenn es nicht bereits in Ihrer rechten Seitenwand ist. Es ist reich mit Optionen für Ihren Text, die wir jetzt übergehen werden. Seien Sie gewarnt, dass dieser Abschnitt komplizierte typografische Begriffe enthält, die Sie vielleicht nicht kennen. Mit dem How-To Geek-Artikel "Typografie wie ein professioneller Designer verstehen" kannst du deine typografischen Begriffe auffrischen oder einfach weiterlesen.

Schriftfamilie: Wählen Sie die Schriftart, in der Ihr Textobjekt eingestellt werden soll, z. B. Helvetica, Arial, Times New Roman usw.

Schriftstil: Wenn Sie Schriftfamilien installiert haben, ist möglicherweise Ihr "Schriftstil" aktivHier können Sie alternative Versionen desselben Gesichts wä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 Schriftart numerisch ändern. Geben Sie hier Zahlen ein oder verwenden Sie das Pulldown-Menü für vorgeschlagene gemeinsame Punktgrößen.

Leading: Typografischer Begriff für den Abstand zwischen Zeilen von Absatztext, in Punkten gesetzt.

Kerning: Horizontaler Abstand zwischen Buchstabenpaaren. Negative numerische Werte schließen hier Leerzeichen zwischen Zeichen, positive Werte fügen Leerzeichen hinzu.

Tracking: Ähnlich wie das Konzept von Kerning passt Tracking das allgemeine Kerning über ein gesamtes Textobjekt oder über mehrere ausgewählte Buchstaben an. Sie können die Verfolgung für ein Textobjekt anpassen und dann zwischen einzelnen Buchstaben kerneln, wenn Sie möchten.

Vertical Scale: Eine kontrollierte Art und Weise, um Typografie nach oben und unten zu dehnen und zu quetschen. Geben Sie hier numerische Werte in Prozent der ursprünglichen Zeichenhöhe ein.

Horizontale Skala: Eine kontrollierte Art, Typografie nach links und rechts zu strecken und zu quetschen. Geben Sie hier numerische Werte in Prozent der ursprünglichen Zeichenbreite ein.

Baseline Shift: Die Basislinie ist die Linie, auf der der Text "ruht".Verschieben Sie bestimmte ausgewählte Zeichen von der Grundlinie, damit sie höher oder niedriger als der Rest des eingestellten Textes erscheinen.

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

Sprache: Stellt die Sprache ein, in der der Text eingestellt wird, falls nicht-englische Zeichen benötigt werden.

Anti-Aliasing: Optionen zum Rendern von Text in Pixeln durch Anpassen der Anzahl der Pixelverschmierungen, die zur Beschreibung der Kanten des Typs verwendet werden. Mit "None" werden Buchstaben in scharfkantigen Pixeln dargestellt, während alle anderen verschiedene Formen von Anti-Aliasing verwenden.

Faux Bold und andere Zeichen Panel Optionen

Faux Bold: Die Größe Ihrer aktuellen Schriftart wird künstlich verdickt, um eine künstliche Fettschrift zu erstellen. Die Verwendung einer tatsächlichen fettgedruckten Schriftart in "Schriftfamilie" oder "Schriftart" ist im Allgemeinen vorzuziehen.
Faux Italic: Ihre aktuelle Schriftart ist künstlich nach rechts geneigt und erzeugt ein falsches kursives Aussehen. Auch hier ist die Verwendung einer tatsächlichen Kursivschrift in "Schriftfamilie" oder "Schriftschnitt" vorzuziehen.
Großbuchstaben: Verwandelt Ihren Typ in Großbuchstaben. Sehr nützlich in den Fällen, in denen es sehr zeitaufwendig ist, große Abschnitte von Groß- und Kleinbuchstaben einzugeben.
Kapitälchen: Erzeugt ein falsches Kästchen, indem die Punktgröße Ihrer Großbuchstaben verkleinert wird. Alle Kleinbuchstaben werden durch diese kleineren Großbuchstaben in Ihrem Textobjekt ersetzt.
Hochgestellt: Ändert den markierten Text oder das Textobjekt wie im Fall von 28 in Hochstellung.
Tiefgestellt: Ändert ausgewählten Text oder Textobjekt wie bei C6H12O6 tiefgestellt.
Unterstrichen: Fügt einen einfachen Unterstrich unter dem ausgewählten Text- oder Textobjekt hinzu.
Durchgestrichen: Fügt einen einfachen Strich durch alle ausgewählten Text- oder Textobjekte hinzu.

Die Optionenpalette und das Typenwerkzeug

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

Textausrichtung: Schaltet die Richtung um, in der der Text in Ihrem Textobjekt horizontal oder vertikal ausgeführt wird.
Alignment: Legt die Ausrichtung Ihres Textobjekts entweder auf linksbündig, zentriert oder rechtsbündig fest.
Warp Text: Verzieht Textobjekte in eine von mehreren vordefinierten, anpassbaren Formen wie Banner oder andere Objekte.

Entwerfen eines einfachen Bucheinbands

Da Design eine reale Anwendung ist, werden wir durch die Erstellung eines grundlegenden Bucheinbandentwurfs für eines der wichtigsten( um nicht zu sagen umstrittenen) wissenschaftlichen Bücher aller Zeiten, On The Origin ofArten durch natürliche Selektion , von Charles Darwin.

öffnet das Ebenen-Werkzeug, um das Darwin-Bild anzupassen. Während Design nicht notwendigerweise einfach nur auf der Anordnung von Elementen beruht, wird dieser einfache Ansatz für Demonstrationszwecke ausreichen.

Während das Bild geschwärzt ist, klicken Sie in Ihrem Kanalbedienfeld auf den grauen Kanal. Dies erzeugt eine Auswahl des gesamten Weiß im Bild.

Bearbeiten: Wenn Ihre Datei nicht bereits in Graustufen, sondern in RGB oder CMYK ist, sollten Sie zu Image & gt;Modus & gt;Graustufen vor Strg + Klicken Sie auf Ihren Graustufen-Kanal. Danke an HTG reader l3terfish, um mich darauf aufmerksam zu machen.

Drücken, um eine neue Ebene zu erstellen.

Bearbeiten & gt;Füllen Sie, um die Auswahl in Ihrer neuen Ebene mit Weiß zu füllen.

Das Iconfoto von Darwin ist jetzt vom schwarzen Hintergrund entfernt und bereit, als Element verwendet zu werden.

Drücken Sie diese Taste, um ein neues Dokument in Ihrer bevorzugten Größe zu erstellen. Die gezeigte Größe ist die gleiche Größe eines anderen wichtigen Buches, Robert Bringhursts Die Elemente des typografischen Stils .

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

Wählen Sie eine Vordergrundfarbe in Ihrer Toolbox. Jede Farbe wird ausreichen, obwohl bei dieser Demonstration eine dunkle Farbe vorzuziehen ist.

Bearbeiten & gt;Fülle und stelle sicher, dass "Verwendung" auf "Vordergrundfarbe" eingestellt ist.

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

Tastenkürzel drücken. Navigieren Sie zu Ihrer Originaldatei und ziehen Sie Ihre Ebene mit dem ausgewählten Verschieben-Werkzeug in Ihre neue Datei.

Der Layer sollte in der neuen Datei etwa so aussehen.

Drücken Sie oder wählen Sie das Textwerkzeug, Illustriert oben, um den Einstellungstyp zu starten.

Nicht alle Schriftarten sind für den Inhalt geeignet. Diese pixelierte Schriftart ist sehr schlecht für dieses Konzept.

Eine konservativere Schriftart kann den Inhalt berücksichtigen und ein passenderes Aussehen erzeugen.

Mit ein paar begrenzten Schriftartenoptionen kann es überwältigend wirken. Das Auswählen der richtigen Schriftart ist jedoch schwierig und zeitaufwendig, aber für ein Designstück sehr wichtig.

Wenn die richtige Schriftart gefunden wird, ist es einfach, sie mit der Zeichenanzeige anzupassen.

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

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

Wenn Buchstaben kollidieren, bleiben Leser mit Lesbarkeits- und Lesbarkeitsproblemen zurück. Anpassung der führenden ist die einzige Antwort.

Die Erhöhung der Punktgröße des Vorspanns verbessert die Lesbarkeit des Titels.

Zusätzliche Informationen müssen hinzugefügt werden, und Photoshop geht häufig davon aus, dass Sie die gleiche Schriftart wie die Punktgröße als zuletzt verwendetes Textobjekt verwenden möchten. Dies kann oder kann nicht der Fall sein.

Neue Textobjekte hinzugefügt und angepasst, wir können beginnen, auf unser Design als Ganzes zuzugreifen.

Wir könnten feststellen, dass wir Elemente verschieben möchten.

Wir können auch weitere Elemente oder Subtilitätsverschiebungen hinzufügen, um eine konsistente Linie auf der Seite zu erhalten. Mit dem Text-Werkzeug können Sie auch Tippfehler korrigieren, wie die Buchstaben "Mittel", "Natürlich" und "Auswahl", die in einem Titel groß geschrieben werden müssen.

Zusätzliche Elemente können auch ein Design unterstützen, wie dieses Skelett von Lucy, der berühmte Australopithecus afarensis. Auch hier ist Design nicht unbedingt eine einfache Kombination von Elementen, da es sich um einen Prozess handeln kann, zu dem Photoshop nicht in der Lage ist. Es ist jedoch oft ein ausgezeichnetes Werkzeug für diese Art von Grafik.

Photoshop Tipps haben Sie verwirrt? Fang am Anfang an! Sehen Sie sich die vorherigen Ausgaben des How-To Geek-Leitfadens zum Erlernen von Photoshop an.

  • Teil 1: Die Toolbox
  • Teil 2: Grundlegende Panels
  • Teil 3: Einführung in die Schichten
  • Teil 4: Grundlegende Menüs
  • Teil 5: Beginner Fotobearbeitung
  • Teil 6: Digitale Kunst
  • Teil 7: Design und Typografie
  • Teil 8: Filter
Kommen Sie zurück zu How-To Geek für die letzten Teile des Leitfadens zum Lernen von Photoshop, wo wir unseren Leitfaden mit einem Blick auf die Filter von Photoshop abschließen.

Bildkredit: Darwin durch Julia Margaret Cameron, im public domain. Lucy von Wikipedia-Benutzer 120, verfügbar gemacht unter Creative Commons.