Transparentes partielles Schneiden in Photoshop

Ich versuche, einige Probleme zu beheben, die ich mit Photoshop als Webentwickler habe, der Grafiken für das Web erstellt. Ich verwende Photoshop CC/14 und habe zuvor Fireworks verwendet.

Ich habe eine "Button"-Ebene über vielen Hintergrundebenen. Der Knopf hat einen gefiederten Rand.

Wie exportiere ich die Grafiken für diese Schaltfläche einfach ohne alle Hintergrundebenen und stattdessen mit einem transparenten Hintergrund?

Ich könnte alle Hintergrundebenen ausblenden und dann eine Ebenenscheibe erstellen, die dann einfach zu exportieren ist. Aber jedes Mal, wenn ich das tun muss, alle Hintergrundebenen auszublenden, scheint dumm.

Was ist der intelligente und brillante Weg, dies zu tun, den ich übersehen habe? alternativ einfach erklären, wie Sie es normalerweise tun?

Platzieren Sie die Hintergrund-Ayer in einer Ebenengruppe und blenden Sie die Gruppe dann einfach aus?
Dies ist ein einfaches Beispiel. Das Neuanordnen von Ebenen kann immer auf diese Weise gelöst werden, aber manchmal ist das Dokument etwas unübersichtlich, sodass es mit einer Lösung, die sich nur auf die spezifischen Ebenen konzentriert, einfacher wäre.

Antworten (1)

Ich habe drei Vorschläge:

Methode 1 - Verwenden des Werkzeugs Layer Comp + Slice

Mit Layer Comps können Sie die Sichtbarkeit Ihrer Layer speichern. Suchen Sie dazu zuerst das Ebenenkompositionsbedienfeld ( Window > Layer Comps), erstellen Sie eine New Layer Comp, nennen Sie sie beispielsweise „Demo“, blenden Sie dann alle Hintergrundebenen aus, erstellen Sie eine weitere Ebenenkomposition und nennen Sie sie z. B. „Slice Ready“. Verwenden Sie dann das Slice-Tool (wird nicht erklärt, da Sie es anscheinend bereits kennen). Wann immer Sie exportieren möchten ( File > Save for Web & Devices...), wählen Sie zuerst die Ebenenkomposition aus. Wählen Sie Slice Readydann einfach die 'Demo'-Ebenenkomposition aus, um sie wiederherzustellen.

Methode 2 – Deep Knockout + Slice Tool

Angenommen, die gesamte Schaltfläche befindet sich über der Hintergrundebene, erstellen Sie eine durchgehend schwarze Ebene direkt unter der Schaltfläche (aber über den Hintergrundebenen). Klicken Sie mit der rechten Maustaste auf die solide schwarze Ebene, wählen Sie Blending Options..., unter Advanced Blendingset Knockoutto Deep, unter Blend if, This Layerziehen Sie den schwarzen Knopf ein wenig nach rechts, der Hintergrund sollte jetzt verschwinden. Verwenden Sie erneut das Slice-Tool, um die Schaltflächen zu exportieren.

Methode 3 - Intelligente Objekte + Speichern Sie jedes Objekt

Dies ist wahrscheinlich nicht die beste Wahl, wenn Sie mehrere Schaltflächen haben, aber Sie möchten es trotzdem erwähnen.. Konvertieren Sie eine Schaltfläche in ein intelligentes Objekt, indem Sie die Ebenen für eine Schaltfläche auswählen, mit der rechten Maustaste darauf klicken und drücken Convert to Smart Object. Öffnen Sie ein Smart-Objekt, indem Sie darauf doppelklicken. Nachdem Sie eine Schaltfläche in ein Smart-Objekt konvertiert haben, speichern Sie sie als .png, .jpgoder in einem anderen gewünschten Format.

TY. Ich mag die Flexibilität von Methode 1. Die ultimative (aber nicht existierende) Möglichkeit, gelegentlich einzelne Grafiken (mit transparentem Hintergrund) und nicht ein ganzes Slice-up zu exportieren: 1. Wählen Sie die Ebenen aus, die für das Web exportiert werden sollen. 2. Klicken Sie auf „Speichern unter web" 3. Es wird eine Vorschau mit einer beschnittenen Version des Dokuments angezeigt, die nur den Inhalt der ausgewählten Ebenen zeigt. 4. Einstellungen optimieren 5. Speichern
Transparentes partielles Schneiden in Photoshop
AntwortenHierDatenschutz-Bestimmungen1y, 0v