So zeigen Sie Text in perspektivischer Ansicht ohne Verzerrung an

Ich arbeite an einem Design, in dem ich einen HTML-Codeausschnitt auf einer verzerrten Seite anzeigen möchte, aber wenn ich den Text entsprechend anpasse, ist er verzerrt und sieht nicht wie der Teil der Seite aus.

Das habe ich bisher:Geben Sie hier die Bildbeschreibung ein

Warum verzerren Sie Papier und Text nicht einfach gleichzeitig und nicht getrennt? Ich würde den Text flach auf das Papier legen, sie gruppieren und dann verzerren, um sicherzustellen, dass sie zusammen in der gleichen Verzerrung bleiben.

Antworten (2)

Du machst etwas falsch, deshalb läuft es nicht so, wie du es dir vorstellst. Sie müssen beide gruppieren/verknüpfen, um den gewünschten Effekt zu erzielen

Was Sie tun müssen, ist:

  • Sie müssen Ihren Code in Ihre Ebene schreiben, die Sie verzerren möchten.
  • Verknüpfen Sie danach sowohl den Text (Sie können die Textebene rastern, dies ist nicht erforderlich, wenn Sie die Schräglage verwenden) als auch die Hintergrundebene (wählen Sie beide Ebenen aus und drücken Sie das Link-Symbol, das im Screenshot hervorgehoben ist).
  • dann ctrl+tund was auch immer Sie tun möchten, wählen Sie dieselbe Option durch Klicken ausright mouse click
  • dann mach was du willst, ich denke es ist einfach und leicht. Meine Ausgabe ist Ihnen nicht ähnlich, ich habe Perspektive verwendet, aber die Technik wird Sie zum Gleichen führen.

Ich hänge einige schnelle / hässliche Screenshots an, um Ihnen dies klar zu machen, und hoffe, dass sie helfen werden

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Nun, Sie haben zwei Probleme mit der Perspektive. Einer ist, dass Ihr „Papier“ nicht perspektivisch ist. Das andere ist, dass Sie Ihren Code nicht mit dem Papier übereinstimmen lassen ... oder in Perspektive sind.

Sehen Sie, um Ihr Papier mit dem, was Sie bereits getan haben, ins rechte Licht zu rücken. Sie sollten immer noch zwei Seiten haben, die parallel sind, was Sie nicht tun. Hier ist, was ich meine - Sie sollten entweder den blauen Bereich gefüllt oder den grünen Bereich gefüllt haben, basierend auf Ihren aktuellen Linien. Das Blau könnte etwas breiter gemacht werden, ich habe das schnell gemacht, aber es ist mit dem Winkel, den Sie derzeit haben (oben auf Ihrem vorhandenen Stück), sehr perspektivisch verkürzt, sodass das Grün eine bessere Perspektive wäre, da Sie die Oberseite des Papiers mit sehen möchten der code drauf:

Perspektivische Linien

Dann müssen Sie Ihren Text mit diesem Verlaufswerkzeug stärker verzerren, damit er derselbe ist. Per Definition WERDEN SIE den Text verzerren, die Perspektivfunktion allein in Photoshop wird ihn nicht wirklich für das schneiden, was Sie erreichen möchten.

Sie könnten versuchen, eine schwarze „Box“ zu erstellen, die als Papier fungiert, und Ihren Text darauf schreiben. Gruppieren Sie dann diese Ebenen und verzerren Sie sie gleichzeitig.

Können Sie ein Beispiel zeigen
Sehen Sie sich das Bild oben an. Sehen Sie den Bereich, der wie ein grünes Trapez aussieht? Hier müssen Ihre Inhalte ins rechte Licht gerückt werden. Das ist ein Beispiel.
Eigentlich müssen diese Linien nicht so parallel sein. Beide Liniensätze können sich zu einem Fluchtpunkt hin erstrecken. Der Fluchtpunkt (schmaleres Ende) sollte jedoch immer vom Betrachter weg zeigen. In diesem Fall ist der zweite Fluchtpunkt unlogisch platziert und somit ergibt die Keilform räumlich keinen Sinn und die Schatten auch nicht.