Ich habe eine einfache Registerkarten-Benutzeroberfläche mit 3 möglichen Schaltflächen erstellt, links, in der Mitte und rechts. Das erste, was ich tun wollte, war, einfach einen großen Reiter zu machen (der den linken und rechten und mittleren Teil in sich enthält), und ihn 3 Mal zu kopieren und jedem eine Maske hinzuzufügen, also nur den gewünschten Teil des Reiters wird angezeigt .... dann habe ich die Ebenen in etwas umbenannt, tab_left.png
damit Photoshop die PNG-Datei automatisch für mich generiert ... ABER die generierte Datei war nicht die gleiche wie die in Photoshop.
Jedes Bild hatte einen Effekt, also ändert das Platzieren der Maske seine Position, also habe ich die Layer Mask Hides Effects
Option im Effektmenü markiert, aber das generierte Bild wurde so generiert, als ob diese Option nicht ausgewählt wäre .... wie kann ich das zum Laufen bringen ? Oder ist es ein Fehler in Photoshop?
Ich verwende jetzt Slices, aber ich mag Slices wirklich nicht, besonders weil es nicht so praktisch ist wie die generate
Option, und um die Bilder mit Transparenz zu machen, werden die Dinge viel komplizierter ... irgendwelche guten Ratschläge?
BEARBEITEN: Einige Bilder von dem, was passiert ... Dies ist die Leiste, es wird Text geben, der die Positionen der Schaltflächen angibt, aber keine Trennung auf den Schaltflächen ... wenn der Benutzer berührt (oder die Maus darüber fährt), erscheint die Schaltfläche ( die Schaltfläche links)....wenn die Schaltfläche ausgewählt (angeklickt) wird, wird die Schaltfläche heller (die Schaltfläche rechts). Ich habe den linken Teil, den rechten Teil und den mittleren Teil mit roten Markierungen markiert, sie sind nicht im Projekt enthalten.
Damit dies funktioniert, habe ich 5 Bilder erstellt: left
, center
, right
, focused
und clicked
. Wenn ich eine Leiste habe und sie 2x kopiere und eine Maske hinzufüge, um die left
Schaltfläche zu erstellen, wird es so:
Was für meinen Zweck nicht funktioniert, da beim Hinzufügen von Schaltflächen immer ein Rand vorhanden ist. Um ihn also randlos zu machen, muss ich die Layer Mask Hides Effects
Option hinzufügen, um dies zu erhalten:
Gleiches gilt für die mittleren und rechten Tasten:
Nur um es klar zu sagen, es wird einen left
Knopf, viele center
Knöpfe und einen letzten right
Knopf geben.
Die Schichten sehen so aus:
Von oben nach unten: 2 Formen als fokussierte und angeklickte Schaltflächen, 3 Ebenen mit demselben Bild, aber jede einzelne mit einer eigenen Maske, und die untere Ebene ist das Bild der vollständigen Leiste, nur als Referenz.
Wenn ich Photoshop generieren lasse (Datei> Generieren> Bildelemente), erhalte ich Folgendes:
Sie sind im Grunde alle gleich, als wäre die Layer Mask Hides Effects
Option gar nicht gewählt.... man sieht in jedem einzelnen Bild die Ränder dort, wo sie nicht sein sollten.
Ich mag die Generieren-Option, weil die Bilder einfach mit ihren Transparenzen generiert werden, wobei die andere Option darin besteht, sie in eine andere Datei mit transparentem Hintergrund zu kopieren und dort zu speichern ... was bei vielen Bildern viel Zeit in Anspruch nimmt und anfällig ist zu Fehlern, und Slices sind auch nicht das Beste, da es mir die Transparenzen nicht geben wird, es sei denn, ich ändere die Sichtbarkeit vieler anderer Objekte ... für Websites könnten Slices in Ordnung sein, aber das wird für eine App sein, also individuell Folien sind herzlich willkommen.
Also frage ich nochmal: Was mache ich falsch und wie mache ich es richtig?
BEARBEITEN 3:
Ich bin bei Windows 7 x64 Photoshop CC Version 14.2.1 x64 (dasselbe passiert in der Version 2014: 2014.0.0 20140508.r.58.x64)
BEARBEITEN 4:
Ich habe die Dateien an Adobe gesendet und sie haben bestätigt, dass es sich um einen Fehler handelt. Sobald es eine Lösung dafür gibt, werde ich sie hier einfügen.
[Aktualisiert basierend auf aktualisierter Frage]
In einem Schnelltest auf Ps CC und Ps CC 2014 (x64, Windows 7 und 8.1) funktioniert Generate wie erwartet, einschließlich der Änderungen, die durch das Ein- und Ausschalten von „Layer Mask Hides Effects“ eingeführt wurden. Die PNGs reproduzieren das Aussehen der drei Ebenen korrekt.
Aus produktionstechnischer Sicht denke ich jedoch, dass Sie die Dinge zu kompliziert machen, wenn Sie versuchen, die Dinge zu vereinfachen. Da Sie Assets für eine App erstellen, sind diese Elemente positionsunabhängig, abgesehen von der Tatsache, dass sie sich in einem Mockup befinden. Es wäre tatsächlich einfacher, Ihre rechte, linke und mittlere Schaltfläche einfach als eigenständige Ebenen zu erstellen.
Das selektive Entfernen von Teilen eines Effekts kann auf verschiedene Arten erfolgen, abgesehen von „Layer Mask Hides Effects“, was ein ziemlich Alles-oder-Nichts-Vorschlag ist, der Ihnen nicht viel Kontrolle gibt. Ich würde eine der folgenden als flexiblere Alternativen vorschlagen:
Erstellen Sie Ihr Objekt mit Effekten, verwandeln Sie es in ein Smart Object und wenden Sie dann die gewünschte Maskierung an. (Dies funktioniert auch mit Ihrem Single-Candy-Bar-Ansatz. Kopieren Sie einfach das Smart-Objekt zweimal und maskieren Sie die Kopien separat.) Ein Bonus bei diesem Ansatz ist, dass, wenn Sie die Farbe, den Farbverlauf oder was auch immer in einer Kopie ändern, die anderen aktualisiert werden automatisch.
Erstellen Sie das Objekt mit Effekten, klicken Sie dann mit der rechten Maustaste auf das Tag „Effekte“ im Ebenenbedienfeld und wählen Sie „Ebenen erstellen“. Dadurch erhalten Sie eine Reihe von Ebenen mit den Effekten als tatsächliche Rasterebenen, komplett mit Transparenz, die Sie nach Belieben bearbeiten und dann zusammenführen oder in ein intelligentes Objekt verwandeln können.
Ich kann Ihren Screenshots nicht genau entnehmen, welche Effekte Sie anwenden oder warum Sie ein Problem mit den generierten PNGs haben würden. Wie gesagt, ich sehe Effekte versteckt oder nicht in der Ausgabe, je nachdem, ob "Ebenenmaske versteckt Effekte" aktiviert ist. Bei der Fehlerbehebung bei seltsamen Anomalien ist das Zurücksetzen Ihrer Photoshop-Einstellungen eine der ersten Angriffslinien. Sie könnten das versuchen.
Image assets
es nicht aktiviert ist File > Generate
und wenn Sie Ebenen mit Namen .jpg, .png or .gif
haben, versucht es, sie zu speichern. Die einzige Sache ist, dass, da es nicht aktiviert ist, die Dateien beschädigt oder so herauskommen. Ich war froh herauszufinden, dass man den Asset-Generator im PS deaktivieren kann Preferences > plugins
.Wenn Sie Effekte auf Ebenen setzen und diese dann maskieren, werden die Effekte auf den maskierten Bereich angewendet.
Befolgen Sie diese Schritte:
Beispiel-Photoshop-Bildschirm:
Joonas
mFeinstein
Joonas
mFeinstein
Joonas
mFeinstein
mFeinstein
Joonas