Halten Sie bei der Größenänderung des Logos einen Mindestabstand von 1 Pixel ein

Ich arbeite gerade für eine meiner Seiten, für die ich unter anderem ein Logo entwerfe. Das Logo besteht teilweise aus ein paar Quadraten, die direkt nebeneinander ausgerichtet sind und einen Abstand von 1px haben sollten.

Meine Frage ist, wie ich den Abstand von 1 Pixel zwischen den Quadraten bei der Größenänderung des Logos beibehalten kann, damit sich die Grenzen nicht kreuzen / überlappen / anti-aliased werden usw. wie in den Bildern, die ich bereitgestellt habe?

große Größe

Ekleine Größe

Ich würde lieber eine Lösung für Photoshop finden, aber Illustrator wäre auch in Ordnung. Ich hoffe, das ist keine zu blöde Frage, ich entwerfe nicht so oft Sachen :). Danke im Voraus!

Ich bin mir nicht sicher, ob es mit einem transparenten Bereich möglich ist. Sie könnten Striche hinzufügen, um das Erscheinungsbild einer Lücke in Illustrator zu erzeugen, und dann beim Skalieren Striche von 1pt beibehalten. Würde das helfen?

Antworten (1)

Der beste Weg, dies sowohl in Illustrator als auch in Photoshop zu tun, besteht darin , es zuerst auf die gewünschte Größe zu verkleinern und dann (möglicherweise durch Duplizieren der Ebene , damit Sie eine Referenz haben) die Quadrate sorgfältig an das Raster anzupassen (bereiten Sie ein 1-Pixel-Raster vor und wählen Sie es aus am Raster ausrichten), um sicherzustellen, dass die 1-Pixel-Abstände präzise und am Pixelraster ausgerichtet sind. Behalten Sie die ursprüngliche Skalierung im Auge, um nicht zu sehr vom ursprünglichen Design abzuweichen.

Es ist nicht ungewöhnlich, dass Logos für kleinere Größen neu gezeichnet werden. Die Frage ist nur, wie viel (so wenig wie möglich) geändert werden soll.

Ich fand dieses Tutorial sehr hilfreich zu diesem Thema, sie nennen es "Pixel-Hinting": http://methodandcraft.com/videos/pixel-hinting-vectors-in-photoshop

Bearbeiten: Wenn Sie in Ihrem Beispiel die Ränder und Quadrate untersuchen, sind sie alle 53 x 53 Pixel groß. Für eine schnelle Lösung müssten Sie also nur die halbtransparenten Elemente entfernen. Bei komplexeren Logos sollten Sie diese als Vektorformen importieren oder dies in Illustrator tun.

Geben Sie hier die Bildbeschreibung ein