Exportieren Sie Ebenen mit Anschnittoptionen und Schatten mithilfe von Photoshop in das PNG-Format

Das Problem hier ist ein Objekt (oder eher ein Ebenenstil) mit einem speziellen Mischmodus und transparentem Hintergrund. Das wird einfach nicht passieren. Denken Sie darüber nach: Da die Mischmodi im Allgemeinen auf das reagieren, was sich dahinter befindet, gibt es bei transparentem Hintergrund nichts zu reagieren, der Mischmodus ist im Grunde normalisiert.

Die Lösung für Ihr Problem wäre, einfach den normalen Mischmodus zu verwenden und die Deckkraft Ihres Schlagschattens zu verringern (dies würde zu einem nahezu identischen Endergebnis führen).

Eine andere Möglichkeit wäre, den Hintergrund oder nur den Teil des Hintergrunds, der sich unter dem Element befindet, mit dem Mischmodus einzubeziehen.

In anderen ähnlichen Situationen könnten Sie den Mischmodus auf „Normal“ einstellen, die Deckkraft verringern und versuchen, denselben Effekt ohne Mischmodi zu erzielen.

Haben Sie versucht, als 24bit PNG zu exportieren. Die Alpha-Transparenz in 24 Bit ist weich und erfordert keine Teilnahme am BG, einfach den Hintergrund ausblenden und Datei> für Web und Geräte speichern…. Wählen Sie im Dialog PNG-24 als Exportformat aus.

Gehen Sie zum Pfadbereich und konvertieren Sie den Pfad in eine Auswahl

Das ist der Schritt, der die externen Ebenenstile aus Ihrer Auswahl schneidet. Sie wählen nur die Form aus und kopieren dann die Form selbst (und nicht die Ebeneneffekte). Was Sie tun müssen, ist die Hintergrundebenen auszublenden und Copy Merged mit einer rechteckigen Auswahl zu verwenden, um alles zu erhalten.

—

Es gibt viele Möglichkeiten, Bildelemente aus Photoshop zu exportieren. Hier ist eine gängige Methode, die viele Designer verwenden (Copy Merged) und die, die ich verwende (Slices und Sprite Sheets).

—

Methode eins: Zusammengeführt kopieren.

Stellen Sie sicher, dass die richtigen Ebenen ein- oder ausgeblendet sind (Hintergrundebenen ausblenden), ziehen Sie eine Marquee-Auswahl um Ihr Element, wählen Sie Bearbeiten → Zusammengeführt kopieren, Datei → Neu, drücken Sie die Eingabetaste und dann Einfügen. Das Ergebnis ist ein neues Dokument mit Ihrem isolierten Objekt, das auf die absolut kleinstmögliche Größe zugeschnitten ist. Von hier aus müssen Sie Ihr Bild nur noch mit „Speichern unter“ oder „Für Web speichern“ speichern.

Spülen und wiederholen Sie dies für jedes Bild, das für Ihre App oder Website benötigt wird. Es ist eine einfache und schnelle Technik, erfordert aber eine Menge sich wiederholender Arbeit, und wenn Sie Ihre Bilder jemals wieder exportieren müssen, müssen Sie von vorne anfangen.

—

Methode zwei: Slices und Spritesheets.

Legen Sie alle Ihre Kunstwerke flach an und richten Sie Segmente mit einem Namen für jedes einzelne ein. Von dort aus können Sie Save for Web verwenden, um alles auf einmal zu exportieren. Um alle Ihre Retina-Assets zu exportieren, skalieren Sie das Dokument um 200 % und exportieren Sie es erneut an einen anderen Ort. Führen Sie ein Skript aus, um @2x zu allen Dateinamen hinzuzufügen, und führen Sie die beiden Exporte zusammen.

Superschnell, weitaus weniger fehleranfällig, gibt Ihnen die vollständige Kontrolle über die Abmessungen des exportierten Bereichs (eine große Sache, wenn Sie den Photoshop-Fehler in Bezug auf das Verwischen von Schatten und Schein berücksichtigen), ist leicht wiederholbar und ermöglicht es Ihnen, Assets mehrmals zu wiederholen und erneut zu exportieren Sie verbessern das Design der App.

Meiner Meinung nach ist es bei weitem der beste Weg, iOS-Assets zu exportieren.

Das obige Beispiel zeigt, was ich nehme. Der einzige Unterschied besteht darin, dass ich größere und weniger Sprite-Sheet-Dokumente verwende, wodurch der Export noch schneller wird. Ich habe auch Ordner festgelegt, in die ich exportiere, und einen Automator-Workflow, der @2x zu Dateinamen hinzufügt und die Exporte zusammenführt.

Es klingt nach einem Schmerz und einer Menge Arbeit, aber es lohnt sich. Sobald Sie schnell sind, ist es schneller als die Verwendung von Copy Merged und wiederholbar.

Ich habe hier ein wenig mehr Informationen geschrieben: Exportieren aus Photoshop

• Neue Schicht
• Command- Option- Shift- E(Mac) oder Ctrl- Alt- Shift- E(Win). Dies ist der Befehl zum Zusammenführen sichtbarer Elemente. Sie kann auch ausgeführt werden, indem Sie die Option/AltTaste gedrückt halten und im Menü „Ebenenbedienfeld“ die Option „Zusammengeführt kopieren“ wählen.

Dadurch werden keine der vorhandenen Ebenen berührt, sondern ein Duplikat erstellt, sodass es ohne Mischmodi oder andere Effekte genauso aussieht wie alle anderen sichtbaren Ebenen.