Gezackte Linien auf meinen Symbolen

Ich erstelle eine App und versuche, einige Symbole dafür zu erstellen. Ich habe das Symbol in AI erstellt, die Farbe des Symbols in Fireworks geändert und dann die Größe des Symbols genau auf die Größe geändert, die ich in Photoshop benötigte. Das Endergebnis von all dem gibt mir dieses Symbol, das einige schöne gezackte Kanten enthält (die ich natürlich nicht will)

Kann mir jemand sagen was ich bei meinen Schritten falsch mache?

Geben Sie hier die Bildbeschreibung ein

Antworten (3)

Fahren Sie fort und behalten Sie Ihre übergroße Vektorversion, aber duplizieren Sie sie und verkleinern Sie sie in der Vektor-App Ihrer Wahl (Illy oder Fireworks). Sie müssen nicht zu Photoshop springen, es sei denn, Sie benötigen einige zusätzliche Funktionen, die es bietet (z. B. Farbverlaufsdithering).

Wenn das Exportieren einer Zeichnung in Originalgröße aus Ihrer Vektor-App das Problem nicht löst, gibt es ein paar Lösungen, die Ihnen in den Sinn kommen.

  • Passen Sie Ihren Drehwinkel an, bis der Pfad genau richtig auf das Pixelgitter trifft. Manchmal kann eine kleine Bewegung eine große Verbesserung bewirken.
  • Wenden Sie einen leichten Federeffekt auf die Kante Ihres gedrehten Objekts an. Gerade genug, um dem Anti-Aliasing zu „helfen“.
Tut mir leid, dass die Antwort so lange gedauert hat, ich werde dieses Bild tatsächlich mit einem äußeren Schein versehen, also bräuchte ich wohl Photoshop. Soll ich also von Illustrator -> Fireworks -> Photoshop gehen? Wenn ja, wo richte ich es in einem Pixelraster aus. Wenn ich im Illustrator am Pixelraster ausrichte, wird die Größenänderung in Feuerwerkskörpern es nicht durcheinander bringen und es daher in Photoshop durcheinander bringen?

Das sieht nach einem Problem mit Anti-Aliasing aus, wenn Sie dieses Symbol im Hintergrund gedreht haben. Wurde es beim Exportieren nach Photoshop als vektorielle Maske exportiert?

Wenn Sie dieses Problem mit dem Bild in Feuerwerk oder KI nicht bekommen haben, dann ist das Problem vermutlich bei der Größenänderung in Photoshop aufgetreten. Versuchen Sie, das Format in Vektoren beizubehalten, und ändern Sie die Größe als Vektoren und nicht als Bitmaps.

Das Problem, das Sie haben, ist, dass Pixel quadratisch sind. Wenn Sie also eine diagonale Linie haben, können Sie die Kante jedes dieser Quadrate sehen. Der Grund dafür, dass Sie dies oft nicht bemerken, ist, dass Grafiken oft geglättet sind, was bedeutet, dass das Grafikprogramm die Farben entlang der Kante interpoliert, so dass die Farben eine Mischung zwischen den Farben auf jeder Seite sind und die Illusion von a erzeugen glattere Kante. Das ist auch der Grund für das Retina-Display, das 4 Pixel in die Fläche packt, die auf einem normalen Bildschirm von einem eingenommen wird – das Bild hat die gleiche physikalische Größe, aber mit mehr Pixeln ist diese Interpolation viel besser.

Behalten Sie das Symbol jedoch in Fireworks bei und exportieren Sie es in der gewünschten Größe/dem gewünschten Format. Dafür wurde Fireworks entwickelt. Wenn das endgültige Format, das Sie benötigen, PNG ist, stellen Sie sicher, dass Sie aus Fireworks exportieren und nicht das native PNG-Format von Fireworks mit Ebenen verwenden.

Diese Grafik scheint jedoch teilweise geglättet zu sein.
Gezackte Linien auf meinen Symbolen
AntwortenHierDatenschutz-Bestimmungen1y, 0v