Konvertieren Sie das Symbol in ein transparentes PNG

Ich habe eine Reihe von Symbolen, deren Größe ich auf 30 x 30 geändert habe. Jetzt möchte ich sie für meine iPhone TabBar wie hier angegeben verwenden:

http://www.idev101.com/code/User_Interface/sizes.html

Wie kann ich diese transparenten PNGs in Photoshop oder Gimp erstellen oder Transparenz hinzufügen, damit sie in meiner TabBar richtig angezeigt werden?

Welches Format haben die Icons? sind das .icns, .ico oder einfache Bilder?
Können Sie ein Beispiel geben, wie ein Symbol aussieht? Haben sie in ihrer jetzigen Form Transparenz? Und in welchem ​​Format sind die Originale; sind sie beispielsweise geschichtet? Könnte man sie nicht verwenden?
Es ist ein PNG ohne Transparenz.
Hmmm... 4 Antworten und ich kann noch niemanden positiv bewerten; Wählen Sie einfach eine Antwort aus.

Antworten (4)

Eine Möglichkeit besteht auch darin, eine transparente Ebene unter der Basisebene zu erstellen (sie verschiebbar zu machen, indem Sie sie z. B. klonen ( CTRL+Jin Windows) und dann die ursprüngliche Basisebene löschen/ausblenden) und dann die Optionen zum Überblenden, wenn für die Basisebene festzulegen. (Sie können zum Menü „Ebenenstile“ gelangen, indem Sie auf den leeren Bereich im Ebenenbedienfeld oder im oberen Menü doppelklicken: Layer > Layer Style > Blending Options...) Funktioniert wirklich gut, wenn Sie scharfe Kanten und weißen Hintergrund oder eine bestimmte Farbe haben, die transparent sein soll. Mehr Kontrolle als mit einem magischen Auswahlwerkzeug, praktisch ohne zusätzliche Schmerzen. (Okay, vielleicht ein paar Schritte ...)

Vorteile:

  • Sehr präzise
  • Einfach und schnell zu bedienen, entfernen Sie weißen Hintergrund im Handumdrehen.
  • Keine hässlichen Putzfehler.

Nachteile:

  • Kann unerwünschte Teile des Bildes transparent machen, z. B. Spitzlichter, Blendenflecke und dergleichen. In diesem Fall müssen Sie erwägen, diese Punkte in eine separate Ebene zu kopieren/einzufügen, wenn Sie immer noch der Meinung sind, dass dies der einfachste Weg wäre.
  • Wenn der Hintergrund, der transparent sein sollte, komplex mit vielen Farben/Luminanzen ist, werden Sie damit nicht viel anfangen.

Verwendung: Verwenden Sie die Schieberegler im Pfeilstil unter den Farbverläufen unten auf der Seite „Mischoptionen“ in „Ebenenstile“ im Bereich „Mischen wenn“. Durch Anpassen von „Diese Ebene“ werden die hellen oder dunklen Bereiche der angepassten Ebene transparent. Durch Anpassen von „Darunterliegende Ebene“ wird die Ebene unter der aktuellen Ebene verwendet, um ihre eigenen Helligkeitswerte in die Transparenz dieser Ebene zu übersetzen. (Nützlich, wenn Sie beispielsweise nur den hellsten Teilen der darunter liegenden Ebene Textur hinzufügen möchten.)

ALT+click n dragum die Pfeile für glattere Transparenzkanten zu teilen.

Sie können die Pfeile auch so ziehen, dass der schwarze Pfeil weiter rechts steht als der weiße Pfeil. Auf diese Weise können Sie einen Mitteltonbereich transparent machen.

Menü "Mischoptionen" für Ebenenstile

Das Blend If ist standardmäßig auf Grau eingestellt, aber Sie können auch Anpassungen an separaten Farbkanälen vornehmen, und Photoshop merkt sich diese, auch wenn Sie hin und her wechseln, sodass Sie Anpassungen an allen separaten Ebenen und am Grau vornehmen können gleiche Zeit. Der Nachteil davon ist, dass Sie dies nicht wirklich als Greenscreening-Methode verwenden können, da Sie Photoshop nicht anweisen können, nur die Bereiche zu erstellen, die alle drei enthalten, z. B. Rot 150-180, Grün 31-37 und Blau 123-140 , transparent. Photoshop nimmt die Transparenzänderungen an allen Pixeln vor, die einen der angepassten Farbkanalwerte enthalten, sodass selbst Graustufen Transparenz erhalten, wenn Sie nur den Grünkanal anpassen.

Und hier ist ein kurzes Beispiel für einen sehr schwer zu extrahierenden dunkelgrauen Klecks, der aus weißem Hintergrund allmählich transparent wird. Ich habe +/- 2 Sekunden gebraucht, um die Schieberegler für diesen einzustellen (ein geteilter weißer Pfeil mit ziemlich breiter Streuung im Graukanal). Es wird einige Details verlieren, ja, aber stellen Sie sich vor, Sie versuchen, es transparent zu streichen - auf keinen Fall!

Nur ein kurzes Beispiel.

Sie können diese Schieberegler auch für sehr coole Effekte verwenden. Viel Glück!

Öffnen Sie Ihr Symbol in Photoshop. Erstellen Sie dann ein neues Dokument 30 * 30 Stellen Sie sicher, dass es keine Hintergrundebene gibt. Sie können einen transparenten Hintergrund erstellen, indem Sie in Start auswählen.

Geben Sie hier die Bildbeschreibung einoder Ausblenden der farbigen Hintergrundebene nach dem Erstellen des Dokuments. rette deine arbeit hoffe das ist dir klar..

Falls das Bild keinen transparenten Hintergrund hat (was der Fall ist), haben Sie einige Möglichkeiten, dies zu tun (alle in Photoshop):

Häufig: Stellen Sie sicher, dass sich das Bild im RGB-Modus befindet, und vergewissern Sie sich, dass es sich in einer Ebene befindet (Sie können den Inhalt auf eine neue Ebene kopieren und die Hintergrund-„Ebene“ entfernen, sodass Sie nur eine Ebene mit dem Symbol haben; dann:

Schneiden Sie den Hintergrund aus (kann auf viele Arten erreicht werden, eine besteht darin, den Hintergrund mit dem Radiergummi zu löschen (nicht sehr genau), eine andere besteht darin, den Hintergrund auszuwählen (mit dem Zauberstab oder durch Erstellen eines Beschneidungspfads oder sogar mit dem Lasso-Werkzeug) und den Hintergrund löschen.

Sie können auch eine Ebenenmaske erstellen und über den Hintergrund malen, dadurch wird der Hintergrund "ausgelöscht".

Gehen Sie schließlich zu Datei> Für Web speichern> PNG 24 auswählen und den transparenten Hintergrund überprüfen. Das ist es!

All dies sind allgemeine Methoden, und es hängt von Ihren Photoshop-Kenntnissen ab, aber ich bin sicher, Sie werden einige dieser Hinweise nehmen und eine auswählen.

Nehmen Sie Ihr vorhandenes Symbol und stellen Sie sicher, dass es nicht gesperrt ist, oder die Hintergrundebene.

Erstellen Sie dann eine neue Ebene und stellen Sie sicher, dass sich Ihr Symbol über der Hintergrundebene befindet.

Reinigen Sie mit einem Auswahlwerkzeug oder dem Pixelpinsel-Radierer alle weißen Hintergründe oder Rauschen hinter dem Symbol, das Sie isolieren möchten.

Wählen CTRL-ASie nun alle Pixel der Hintergrundebene aus und drücken Sie DEL, um den Ebeneninhalt zu leeren. Sie sollten jetzt eine Reihe von Quadraten sehen, die Transparenz darstellen.

Verflachen Sie das Bild nicht! Photoshop gibt Ihnen einen weißen Hintergrund.

Wenn Sie exportieren, müssen Sie nicht für das Web speichern, sondern nur File -> Save As, und wählen Sie dann den Dateityp PNG.