Vermeiden Sie das Zuschneiden „transparenter“ Bereiche, wenn Sie ein Logo verwenden

Wir haben das folgende Logo für ein Projekt an meiner Schule:

(PDF: http://dl.dropbox.com/u/13934366/M2/Grafiska/Logotyp/M2.pdf )

Wie Sie sehen können, hat es jetzt ein absteigendes Dreieck, damit es wie eine Sprechblase aussieht. Wir möchten jedoch immer noch, dass es basierend auf der Mitte des Rechtecks ​​​​zentriert wird. Also dachte ich, ich würde einfach einen identischen Rand über dem Rechteck zu dem Rand hinzufügen, der durch das absteigende Dreieck erzeugt wird.

Aber wenn wir das Logo in anderen Programmen wie Photoshop oder Pages verwenden, ignorieren sie diesen Rand in Bezug auf die Positionierung usw. und schneiden stattdessen auf den tatsächlichen Inhalt zu. Gibt es eine Möglichkeit, dieses Verhalten zu vermeiden?

Bei der Verwendung von Place... in Photoshop ist es möglich, "Crop to Crop Box" auszuwählen, wodurch es zunächst mit dem zusätzlichen Rand eingefügt wird. Aber wenn ich die Ausrichtungswerkzeuge verwende, wird es immer noch als "nacktes" Logo ausgerichtet.

Update : Es scheint, dass der Konsens in den meisten Anwendungen "Augapfel" ist. Ich sollte jedoch erwähnen, dass InDesign Dinge tatsächlich mit intaktem Rahmen/Zeichenfläche platziert. Wenn man bedenkt, dass Pages ein Maskierungswerkzeug für Bilder hat, sollte es auch möglich sein, die Ränder für diese Anwendung anzupassen.

wie Sie vielleicht aus den Antworten erkennen, wird es immer einen Bedarf an manueller Platzierung und Entscheidungsfindung im Design geben. Dies ist kein Fehler in der Software.
@horatio Das Problem hier sind die anderen Anwendungen, die die Zeichenfläche ignorieren. Ich habe das Logo manuell (wenn Sie so wollen) in Illustrator zentriert, indem ich die entsprechenden Ränder hinzugefügt habe; Anwendungen wie Photoshop ignorieren die importierte Zeichenfläche jedoch beim Ausrichten des Logos. Das ist sicherlich ein Fehler in diesen Anwendungen (Photoshop, Pages). InDesign, sollte ich erwähnen, hat jedoch eine Option, den "Rahmen" beizubehalten.
Wenn Ihr Styleguide vorschreibt, dass das Logo nur auf einem weißen Hintergrund erscheinen darf, ist das eine Möglichkeit ... setzen Sie einen weißen Hintergrund in der Größe des gewünschten Begrenzungsrahmens dahinter. Dadurch wird verhindert, dass die Leute es auf einen farbigen Hintergrund setzen (was vielleicht eine gute Sache ist, wenn man bedenkt, dass das Logo selbst so viele Farben hat).
Ich denke, der Fehler besteht darin, zu erwarten, dass die Software weiß, wo sich Ihr willkürlicher Mittelpunkt befindet. Ein weißer Begrenzungsrahmen ist sicherlich eine praktikable Option, zusammen mit einem Beschneidungspfad, der in diesem speziellen Fall trivial zu konstruieren wäre.
Gut, sicher, aber das erwartet niemand in dieser Frage. Die Frage basiert darauf, dass ich einen Mittelpunkt definiert habe und möchte, dass diese Informationen beibehalten werden, wenn ich das Bildmaterial in verschiedenen anderen Anwendungen verwende.

Antworten (7)

Es gibt eine Problemumgehung für Photoshop, wenn Sie versuchen, die horizontale Mitte auszurichten. Wie Sie festgestellt haben, betrachten die Werkzeuge zur automatischen Ausrichtung von Photoshop nur die Pixel und ignorieren diesen 100 % transparenten oberen Rand, aber wenn Sie Free Transform (Cmd/Ctl-T) aufrufen, werden Sie sehen, dass sich das Smart-Objekt immer noch an Ihre Initiale erinnert Wählen Sie „Crop to Crop Box“, damit sich die horizontalen Mittelgriffe an der richtigen Stelle befinden.

Ziehen Sie eine Hilfslinie und rasten Sie sie an diesen Griffen ein, beenden Sie die freie Transformation und rasten Sie Ihre anderen Objekte an der Hilfslinie ein.

Alternativ können Sie zuerst Ihre Hilfslinie herausziehen und dann den Free Transform-Trick verwenden, damit Sie das Logo an der korrekten Mittelausrichtung an der Hilfslinie ausrichten können.

In Anwendungen mit Layout-Herausforderungen wie Pages müssen Sie, denke ich, darauf achten.

Für Pages ist Ihr Problem vollständig lösbar:

Machen Sie einfach einen unsichtbaren Rahmen (dh eine sichere Zone ) um das Logo und speichern Sie es als .AI:

  1. Erstellen Sie einen rechteckigen Sicherheitszonenrahmen um das Logo.
  2. Stellen Sie es Fill & Strokeauf None(unsichtbar).
  3. Speichern unter .AI.
  4. Ziehen Sie das Logo in Ihr Pages-Dokument, fertig. Die Sicherheitszone bleibt um Ihr Logo herum bestehen.

Gute Frage, und etwas, bei dem ich selbst ein Problem gefunden habe.

Sie könnten eine separate Version des Logos erstellen, die einen sichtbaren Zuschneiderahmen enthält.

Machen Sie es wirklich deutlich, dass es nicht für die endgültige Gestaltung verwendet werden soll – wahrscheinlich, indem Sie den Text „FOR PLACEMENT ONLY“ direkt darüber schreiben.

Wenn Sie es richtig gemacht haben, platzieren Sie das reguläre Logo darüber und löschen Sie das ursprüngliche „Platzierungs“-Logo.

Ich bin mir ziemlich sicher, dass das als Vektor, PNG oder GIF gespeicherte Logo diesen Rand beim Export verschwinden lässt, da die Programme lesen, dass sich in diesem Bereich keine Informationen befinden (zumindest bin ich mir dessen sicher in allen Adobe-Produkte). Ich bin mir nicht sicher, warum Sie es brauchen. Nur zum Ausrichten? Wenn Sie dieses Logo für jemand anderen machen, können Sie im Logo-Handbuch klarstellen, dass dieser Platz immer leer sein muss. Hoffe, ich habe geholfen!

Wenn Sie sich die Dateien ansehen, die ich verlinkt habe (PNG und PDF), sehen Sie, dass sich über dem Logo ein Leerzeichen befindet. Das liegt daran, dass ich die Zeichenfläche "größer" gemacht habe. Die Informationen befinden sich also definitiv in den exportierten Dateien. Ich möchte, dass dieser zusätzliche Platz beim Ausrichten berücksichtigt wird, sodass die vertikale Mitte des Logos die Mitte des Rechtecks ​​​​und nicht die Mitte von Rechteck + Unterlänge ist.
Die Informationen befinden sich in der exportierten Datei, wenn Sie sie aus Illustrator oder dem Programm, mit dem Sie sie erstellt haben, gespeichert haben. Aber beim Importieren (vielleicht hätte ich dieses Wort verwenden sollen) in Photoshop oder Illustrator wird dieser Bereich nicht gelesen. Und ich kenne keine Möglichkeit, ein transparentes Bild zu importieren, ohne es automatisch zuzuschneiden. Vielleicht tut es jemand anderes, ich werde dieser Frage folgen.
Dies ist eine sehr falsche Vorgehensweise, aber falls es keine Möglichkeit gibt, diesen transparenten Bereich zu importieren, oder Sie es eilig haben ... können Sie ein einzelnes Pixel mit 1% Deckkraft (oder so ähnlich) in einen der oberen Bereiche einfügen Ecken. Das PNG sollte es speichern, es wäre nicht sichtbar und es würde die Box neu erstellen.

Diese Frage ist alt, aber ich hatte das gleiche Problem und konnte es für meinen Fall lösen. In meinem Fall soll das Bild exportiert und in einer mobilen App verwendet werden. Das Bild muss in der App inhaltlich zentriert sein. Eine Möglichkeit, dies zu erreichen, besteht darin, links oder rechts zusätzliche transparente "Auffüllungen" einzufügen. Wenn das App-Layout ein solches Bild zentriert, erscheint es wie gewünscht. Ich verwende Photoshop.

Ich fand, dass die Verwendung von "Exportieren -> Exportieren als ..." den Zweck erfüllte, aber "Exportieren -> Ebenen als Dateien" nicht.

In Illustrator. Fügen Sie ein Rechteck ohne Füllung und Strich um den gesamten Bereich des Logos herum ein, einschließlich des zusätzlichen Rands oben.

Dies führt dazu, dass die Grafik als der gesamte Block gesehen wird, aber dieses "hohle" Rechteck wird nirgendwo zu sehen sein.

In diesem Fall würde ich kein PNG verwenden, aber ich würde dasselbe tun, was Sie in einer KI-Zeichenfläche besprechen.

Sowohl Illustrator als auch InDesign unterstützen Importoptionen. Beim Platzieren in einem der beiden Programme gibt es ein Kontrollkästchen "Importoptionen anzeigen".

Überprüfen Sie das und Sie können (zum Beispiel):

  1. Wählen Sie aus, welche KI-Zeichenfläche platziert werden soll (normalerweise erstelle ich EINE Logodatei mit Slogans, Logos, Wortmarken und anderen Grafiken auf separaten Ebenen. Ich habe auch drei Zeichenflächen für Farbe, Schwarz und Weiß. Auf diese Weise habe ich nur eine Logodatei und drei Versionen oder mehr. Wenn ich platziere, wähle ich aus, welche ich möchte, und schalte dann Ebenen basierend auf der gewünschten ein/aus. Ich habe auch eine nicht druckende Hintergrundebene für die weiße Version.)
  2. Wählen Sie die anzuzeigende(n) Ebene(n) aus
  3. Wählen Sie den Begrenzungsrahmen aus
  4. Wählen Sie diese Option aus, um Photoshop-Ebenenkompositionen anzuzeigen