Gerenderten Text drehen - Grundlinie beibehalten?

Ich verwende Photoshop CS6 (noch). Ich bin keineswegs ein Experte, da der größte Teil meiner Arbeit nur darin besteht, Dinge aus PSDs für Websites und leichte Fotobearbeitung herauszuholen.

Zum Spaß habe ich versucht, ein Zeichen zu fälschen, das ich online gefunden habe. Ich entfernte etwas Text, schnappte mir die richtige Schriftart, passte sie an, färbte sie ein und fand, dass die Übereinstimmung gut war. Dann klicke ich auf das große "Häkchen" (oben im PS-Fenster, wenn das Textwerkzeug aktiv ist), was, wie ich es verstehe, dazu führt, dass der Text gerendert oder "gerastert" wird.

Als ich den Text drehte (Bearbeiten -> Transformieren -> Drehen), konnte ich die Dinge abgleichen, aber die Grundlinie der Schriftart wird ganz gezackt, als ob die Drehung pro Zeichen durchgeführt würde. Am deutlichsten wird dies am Wort „drei“ in den beiden „e“. Wie vermeide ich das?

Siehe beigefügtes Bild. Die bearbeitete Zeile sollte offensichtlich sein. :)

Geben Sie hier die Bildbeschreibung ein

Tatsächlich imitiert das unerwünschte Ergebnis sehr schön den Effekt von Papier, das nass und wieder getrocknet und dadurch wellig wird – was ironischerweise einen Hauch von Authentizität hinzufügt.

Antworten (2)

Pixel sind ein flaches Gitter .... denke ....

Geben Sie hier die Bildbeschreibung ein

Jeder Gitterraum ist entweder vollständig gefüllt oder ungefüllt. Es gibt keine Möglichkeit , einen Rasterraum "teilweise" zu füllen. Mit anderen Worten, Sie können keine 45°-Füllung haben, die durch die Mitte eines Gitterraums schneidet. Es ist entweder alles oder nichts.

Wenn Sie also eine Linie von den oberen rechten zu den unteren linken Rasterbereichen ziehen, erhalten Sie einen "Treppenstufen" -Effekt.

Geben Sie hier die Bildbeschreibung ein

So funktionieren Pixel.

Um diese Treppenstufe weniger sichtbar zu machen, wird Anti-Aliasing verwendet. Anti-Aliasing verwendet ein Verfahren zum Verringern der Füllopazität oder der Tönungsfarbe von umgebenden Pixeln, um zu versuchen, die „Stufen“ weniger sichtbar zu machen.

Geben Sie hier die Bildbeschreibung ein

Ohne die Gitterlinien:

Geben Sie hier die Bildbeschreibung ein

(Dies ist eine manuell erstellte Darstellung von Anti-Aliasing, um die Theorie dahinter zu zeigen. Die Anwendungsalgorithmen für Anti-Aliasing sind viel besser als meine manuelle Darstellung.)

Wenn es reduziert wird, sollte das Anti-Aliasing die Treppenstufe weniger hervorheben, aber es wird nie ganz verschwinden:

Geben Sie hier die Bildbeschreibung ein

(Auch hier eine manuelle Darstellung, Anwendungen sind besser darin.)


Okay, das wird alles gepostet.....

Wenn Sie einen Pfad drehen oder neigen und er sich nicht in einem Winkel von 0°, 90°, 180° oder 270° (gerade horizontal oder vertikal) befindet, fordern Sie den Pfad auf, ein Pixel zu kreuzen oder zu teilen, was nicht möglich ist , also wird Anti-Aliasing eingeführt.

Anti-Aliasing ist Ihr Freund, es ist da, um zu helfen. Aber es wird niemals alle Hinweise auf das Pixelraster beseitigen. Wie auffällig die Treppenstufen auf Ihrem Monitor erscheinen, hängt vollständig von der Pixeldichte des Monitors ab.

Siehe hier: Photoshop-Vektoren werden automatisch in Rasterbilder umgewandelt

und hier: Ist es für das Webdesign zwingend erforderlich, Bilder mit 72 DPI zu halten?

Für Erläuterungen zur Pixeldichte.


Konkret zu deinem Problem....

Um das Anti-Aliasing insgesamt auf dem gedrehten Text weniger hervorzuheben, können Sie einige kleine Tricks ausprobieren ...

  • Verringern Sie die Deckkraft des Textes etwas auf 95 % oder 90 %, damit er sich besser an die Umgebung anpasst.
  • Fügen Sie dem Text einen Strich hinzu, der etwas dunkler ist als der Hintergrund, auf dem der Text sitzt.
  • Rastern Sie den Text (oder konvertieren Sie ihn in ein intelligentes Objekt) und wenden Sie dann eine sehr kleine, leichte Gaußsche Unschärfe darauf an.
  • Arbeiten Sie größer als beim Speichern für die Ausgabe.

Jedes Bild ist anders und kann von verschiedenen Mischtricks profitieren oder nicht.

Dies ist eine Methode, die ich oft verwendet habe und die perfekt für Ihr Poster funktionieren sollte.
Die ganz einfache Methode:
1) Klicken Sie mit der rechten Maustaste auf die Textebene und wählen Sie „In Smart-Objekt konvertieren“.
2) Transformieren Sie die Smart-Objekt-Ebene wie gewünscht. Boom.
(Wenn Sie den Text bearbeiten möchten, doppelklicken Sie einfach auf die Smart-Objekt-Ebene (die Miniaturansicht, nicht der Name) und ein neues Photoshop-Dokument wird geöffnet, das nur aus dem Inhalt des Smart-Objekts besteht. Bearbeiten Sie wie gewünscht, speichern und schließen Sie es. Der Text wird im Hauptdokument automatisch aktualisiert.)

Die Pro-Version:
1) Vergrößern Sie Ihre Textebene um ca. 50%. (Dadurch können Sie das Smart-Objekt leicht vergrößern, ohne an Qualität zu verlieren.)
2) Erstellen Sie eine neue leere Ebene (alles transparent).
3) Zeichnen Sie in der leeren Ebene eine Auswahl um den Text.
4) Füllen Sie das Festzelt mit einer beliebigen Farbe.
5) Setzen Sie die Deckkraft dieser Ebene auf 0 %.
6) Legen Sie sowohl die Textebene als auch die unsichtbare Ebene in eine Gruppe.
7) Klicken Sie mit der rechten Maustaste auf die Gruppe und wählen Sie „In Smart-Objekt konvertieren“.

Warum macht man das so?
Ein paar wichtige Gründe: Die Verwendung einer unsichtbaren Form, die ungefähr dem Poster entspricht, das Sie nachahmen, sorgt für eine natürlichere Grenze beim Transformieren und richtet sie an der auf dem Foto aus. Wenn Sie die Abmessungen des physischen Posters kennen und Ihre unsichtbare Ebene auf die gleichen Proportionen einstellen, kann dies helfen, ein sehr genaues virtuelles Mockup zu erstellen. Da die Begrenzung des Smart-Objekts außerhalb der Begrenzung des Textes liegt, verschiebt es sich auch nicht in Ihrem Layout, wenn Sie den Text später bearbeiten.